/******************************************************************************
*                         Leiska ja Staattiset elementit                      *
******************************************************************************/
#vintti {
	height: 25px;
	padding-top: 12px;
	background: #5E1816;
	text-align: center;
}
#vintti a:link,
#vintti a:visited {
	color: white;
	text-decoration: none
}
#vintti a:hover {
	text-decoration: underline;
}
#vinttilinkit-1 {
	padding-right: 320px;
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
	font-size: 12px;
	line-height: 13px;
	color: white
}
#vinttilinkit-2 {
	padding-right: 130px;
	font-size: 14px;
	font-weight: bold;
}
.erotin {
	padding: 0 10px 0 11px;
	color: white;
}
#wrapper {
	width: 995px;
	margin: 0 auto;
	background: white;
}
#ylapalkki {
	position: relative;
	height: 120px;
	background: url(bg_ylapalkki.jpg) top left no-repeat;
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
}
#etusivulle {
	position: absolute;
	top: 19px;
	left: 74px;
	width: 300px;
	height: 45px;
}
#tekstikoko {
	position: absolute;
	top: 24px;
	left: 685px;
	font-size: 11px;
	text-decoration: und-erline;
}
#sivukarttaan {
	position: absolute;
	top: 24px;
	left: 610px;
	font-size: 11px;
	text-decoration: underline;
}
#sivukarttaan:hover {
	text-decoration: none;
}
#font-inc {
	position: absolute;
	top: 37px;
	left: 685px;
	font-size: 15px;
	text-decoration: none;
}
#font-def {
	position: absolute;
	top: 40px;
	left: 710px;
	font-size: 11px;
	text-decoration: none;
}
#font-dec {
	position: absolute;
	top: 40px;
	left: 735px;
	font-size: 11px;
	text-decoration: none;
}
#font-inc:hover,
#font-def:hover, 
#font-dec:hover {
	text-decoration: underline;
}
#sisalto {
	float: left;
	width: 690px;
	padding: 18px 10px 50px 55px;
	background: white url(bg_sisalto.gif) top left repeat-x;
}
#page-editor #sisalto {
	padding-left: 20px;
	width: 725px;
}
#sisalto.sivu-etusivu,
#page-editor #sisalto.sivu-etusivu {
	width: 100%;
	padding: 0 0 30px 0;
}
#perussivu-kpalsta {
	vertical-align: top;
	width: 460px;
}
#perussivu-opalsta {
	vertical-align: top;
	width: 200px;
	padding: 0 0 0 30px;
}
#bannerit {
	float: right;
	width: 200px;
	padding: 40px 25px 0 0;
}
#bannerit img {
	margin: 5px 0 10px 0;
	padding: 0;
}

#alalinkit {
	clear: both;
	height: 21px;
	padding: 4px 30px 0 41px;
	background: #5E1816;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
}
#alalinkit a:link,
#alalinkit a:visited {
	color: white;
	text-decoration: none;
}
#alalinkit a:hover {
	text-decoration: underline;
}
.addthis_toolbox {
	float: right;
	height: 20px;
	padding: 4px 0 21px 15px;
}
#palautelinkki {
	float: right;
	margin-left: 20px;
}

#alapalkki {
	clear: both;
	padding: 10px 20px 60px 40px;
	text-align: right;
	font-size: 93%;
	color: #0d0d0d;
}
#alapalkki a:link,
#alapalkki a:visited {
	color: #0d0d0d;
	text-decoration: none;
}
#alapalkki a:hover {
	text-decoration: underline;
}
#tampereen-hiippakunta {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #5A1F1B;
}


/******************************************************************************
*                               Pudotusvalikko                                *
******************************************************************************/
#ylanavi {
	position: absolute;
	bottom: 0;
	left: 30px;
	height: 27px;
	background: #611718;
	font-family: Arial, Sans-Serif;
}


/* 1. tason list-itemit vierekkäin ylhällä */
#csstopmenu {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#csstopmenu li {
	float: left;
	position: relative;
	margin: 0 30px 0 0;
}

/* 2. tason list-itemit hoverina */
#csstopmenu li ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	display: none;
	width: 210px;
	position: absolute;
	top: 27px;
	left: 0;
	background: #fafafa;
	z-index: 999;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	box-shadow: 0 3px 8px rgba(0,0,0,0.5);
}
#csstopmenu li li {
	float: none;
	padding: 0;
	margin: 0;
}
.lte-ie8 #csstopmenu li ul {
	border-left: 1px solid #ccc;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}
.eq-ie6 #csstopmenu li ul {
	top: auto;
}
#csstopmenu li:hover ul,
#csstopmenu li.over ul {
	display: block;
}




/* Linkkien koristelu */
#csstopmenu a:link,
#csstopmenu a:visited {
	display: block;
	padding: 0 10px;
	line-height: 27px;
	text-decoration: none;
	font-weight: bold;
	color: white;
}
#csstopmenu li:hover a,
#csstopmenu li.over a {
	background: #fafafa;
	color: #5E231A;
}
#csstopmenu > .valikko-avoinna > a:link,
#csstopmenu > .valikko-avoinna > a:visited { /* Päätaso */
	background: #fafafa;
	color: #5E231A;
}
#csstopmenu .valikko-valittu > a:link,
#csstopmenu .valikko-valittu > a:visited {
	background: #fafafa;
	color: #5E231A;
}
.eq-ie6 #csstopmenu a:link {
	height: auto;
}

/* 2. tason linkkien koristelu  */
#csstopmenu ul a:link,
#csstopmenu ul a:visited {
	margin-top: 5px;
	padding: 3px 10px 3px 10px;
	font-size: 93%;
	line-height: 1.1;
	color: #111;
}
#csstopmenu ul a:hover {
	color: #5E231A;
	text-decoration: none;
}

/* active */
#csstopmenu li#current,
#csstopmenu li.active {
	background: #fff url(bg_ylanavi.png) repeat-x 0px -31px;
}
#csstopmenu li#current a:link,
#csstopmenu li.active a:link {
	color: #B63629;
}



/*** Taso 3 ja alemmat piiloon ***/
#csstopmenu .valikko-taso-3,
#csstopmenu .valikko-taso-4,
#csstopmenu .valikko-taso-5,
#csstopmenu .valikko-taso-6 {
	display: none !important;
}



/******************************************************************************
*                                   Etusivu                                   *
******************************************************************************/
#etusivu-palstat {
	width: 100%;
}
#etusivu-vpalsta {
	vertical-align: top;
	width: 450px;
	padding: 30px 10px 0 40px;
}
#etusivu-opalsta {
	vertical-align: top;
	width: 450px;
	padding: 30px 10px 0 30px;
}
#sisalto.sivu-etusivu h2 {
	padding-left: 29px;
	font-size: 146.5%;
}
#etusivu-ajankohtaista-ots {
	width: 188px;
	height: 47px;
	text-indent: 999px;
	background: url(ajankohtaista.gif) top left no-repeat;
}
#etusivu-slideshow {
	width: 740px;
	height: 389px;
	background: url(etusivu-2.jpg) top left no-repeat;
}




/******************************************************************************
*                                  Tulostelut                                 *
******************************************************************************/
@media print {
	#wrapper, #sisalto, #copyright, #perussivu-kpalsta {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#perussivu-opalsta, #alalinkit {
		display: none;
	}
}



/******************************************************************************
*                             Valikko ja alavalikko                           *
******************************************************************************/
#alavalikko {
	list-style-type: none;
	float: left;
	width: 190px;
	min-height: 250px;
	margin: 0 0 50px 0;
	padding: 10px 10px 40px 40px;
	background: #E6E4E5 url(bg_alavalikko.gif) top left repeat-x;
	font-family: "Myriad Web Pro", Arial;
}
#alavalikko ul {
	list-style-type: none;
	margin: 0 0 0 8px;
}
#alavalikko li {
	padding: 10px 0 0 0;
}
#alavalikko .valikko-taso-3 {
	padding: 10px 0 0 8px;
}
#alavalikko .valikko-taso-4 {
	padding: 6px 0 0 16px;
}
#alavalikko .valikko-taso-5 {
	padding: 6px 0 0 24px;
}
#alavalikko .valikko-taso-6 {
	padding: 6px 0 0 32px;
}



#alavalikko a:link,
#alavalikko a:visited  {
	font-style: italic;
	text-decoration: none;
	color: black;
}
#alavalikko a:hover {
	text-decoration: underline;
}
#alavalikko .valikko-avoinna {
} 
#alavalikko .valikko-valittu a:link,
#alavalikko .valikko-valittu a:visited {
	color: #5E1816;
}




/******************************************************************************
*                                Sisällön tyylit                              *
******************************************************************************/
body {
	font-family: Arial, helvetica, clean, sans-serif;
	background: #FDFDFD url(bg_body.jpg) top center no-repeat;
	color: #0d0d0d;
	font-size: 14px;
} 
a:link,
a:visited {
	text-decoration: underline;
	color: #0d0d0d;
}
a:hover {
	text-decoration: none;
	color: #0d0d0d;
}
h1 {
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
	font-weight: normal;
	font-size: 146.5%;
	color: #595758;
}
h1.ylaotsikko {
	margin-top: 15px;
}
h2 {
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
	font-weight: normal;
	font-size: 131%;
	color: #5E231A;
}
hr {
	color: silver;
	background-color: silver;
}
blockquote {
	border: 1px solid #611718;
	background: #E6E4E5 none repeat scroll 0 0;
	padding: 0 10px;
	width: 312px;
	font-weight: bold;
	font-size: 85%;
	color: #0d0d0d;
}
.ingressi {
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	font-sizE: 100%;
	color: #5E231A;
}
body.ckeditor.ingressi {
	font-size: 15px;
}
.leipateksti {
	line-height: 1.286;
}



/******************************************************************************
*                             Hakfuormi ja hakutiedot                         *
******************************************************************************/
form.hakulomake {
	position: absolute;
	display: block;
	top: 25px;
	right: 0;
	width:225px;
}
input.hakusana {
	display: block;
	float: left;
	width: 150px;
	padding: 4px;
	margin-right: 5px;
	border: 1px solid #BABABA;
}
input.hakunappi {
	display: block;
	float: left;
	border: 0;
	padding: 3px 5px;
	background: white;
	font-size: 15px;
	line-height: 15px;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	color: #5E1816;
	cursor: pointer;
}
input.hakunappi:hover {
	color: black;
}



/******************************************************************************
*                               Sivukartta                                    *
******************************************************************************/
#sivukartta-box a:link,
#sivukartta-box a:visited {
}
#sivukartta-box a:hover	{
}
.sivukartta-taso-1 {
	margin-top: 30px;
	font-size: 123.1%;
	font-weight: bold;
	border-bottom: 1px solid silver;
}
.sivukartta-taso-1 a:link,
.sivukartta-taso-1 a:visited {
	color: #611718;
}
.sivukartta-taso-2 { 
	margin-top: 5px;
	font-size: 100%;
	font-weight: bold;
}




/******************************************************************************
*                        Nostot, haku ja kokokoma                             *
******************************************************************************/
/* Etusivu */
#nostot-box a.nosto-title:link,
#nostot-box a.nosto-title:visited {
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
	font-size: 108%;
	font-weight: bold;
	letter-spacing: 0.4px;
	text-decoration: none;
	color: #611718;
}
#nostot-box .nosto-title:hover {
	text-decoration: underline;
}
#nostot-box p { 
	margin-top: 3px;
}
.bullet-nostot .nosto-text {
	padding: 0 0 17px 29px;
	background: url(bullet.gif) 20px 8px no-repeat;
}
.bullet-nostot .nosto-title:link,
.bullet-nostot .nosto-title:visited {
	font-weight: normal;
	text-decoration: none;
}
.bullet-nostot .nosto-title:hover {
	text-decoration: underline;
}
.bullet-nostot p,
.bullet-nostot .lue-lisaa {
	display: none;
}


/* Muut */
#kokoomat-box {
	border-top-style: dotted;
}
#kokoomat-box a.nosto-title:link,
#kokoomat-box a.nosto-title:visited {
	color: #611718;
	text-decoration: none;
}
#kokoomat-box a.nosto-title:hover {
	text-decoration: underline;
}


a.lue-lisaa:link,
a.lue-lisaa:visited {
	text-decoration: underline;
}
a.lue-lisaa:hover {
	text-decoration: none;
}






/******************************************************************************
*                            Sisältökuvien tyylit                             *
******************************************************************************/
#paasivu-kuva {
	margin: -18px 0 0 -55px;
}
.eq-ie7 #paasivu-kuva {
	margin: 0;
    position: relative;
    top: -18px;
    left: -55px;	
}
.sivukuvat {
	margin-top: 3px;
}
.kuvateksti {
	color: #444;
}

.kuvagalleria {
    _margin-left: -25px;
}
.kuvagalleria td {
	padding-left: 25px;
	width: 200px
}
.kuvagalleria td.kuva {
	padding-top: 40px;
}


.henkilosto {
	/*font-size: 93%; */
}
.henkilosto td.teksti {
	padding-right: 50px;
}

.kuvateksti-tausta {
	padding: 1px 5px 10px 10px;
	background: #F8F8F8;
}

.highslide img {            /* HS-Kuva */
	border: 1px solid silver;
}
.highslide:hover img {      /* HS-Kuva hover */
	border-color: gray;
}
img.non-highslide {         /* Peruskuva */
	padding: 0;
}
a img.non-highslide {       /* Kuvalinkki */
/*	border: 1px solid silver; */
}
a:hover img.non-highslide { /* Kuvalinkki hover */
/*	border-color: red; */
}



/******************************************************************************
*                           Muokattavat lomakkeet                             *
******************************************************************************/
.sforms-heading {
	border-top-color: white;
	background: #611718;
	color: white;
}

/* Vain jos halutaan muu kuin sininen focus-reunus */
.sforms-type-email input:focus,
.sforms-type-freetext input:focus,
.sforms-type-freetext textarea:focus {
	border-color: #C4A78F;
	-moz-box-shadow: 0 0 3px #985E36;
	-webkit-box-shadow: 0 0 3px #985E36;
	box-shadow: 0 0 3px #985E36;
	outline: none;
}
.lte-ie9 .sforms-type-email input:focus,
.lte-ie9 .sforms-type-freetext input:focus,
.lte-ie9 .sforms-type-freetext textarea:focus {
	outline: 1px solid #888;
}



/******************************************************************************
*                              Katrina-tapahtumat                             *
******************************************************************************
.katrina-box {
	width: 240px;
}
.katrina-item {
	padding: 15px 25px 15px 25px;
}
.katrina-odd {
	background: #E0E1DF;
}
.katrina-even {
	background: #F5F6F5;
}
.katrina-pvm {
	font-size: 11px;
	color: #444;
}
.katrina-otsikko {
	font-size: 11px;
	font-weight: bold;
}
.katrina-kuvaus {
	width: 19px;
	height: 18px;
	margin-left: 10px;
	float: right;
	cursor: default;
	background: url(/grafiikka/katrina-info.png)
}

/*
#tiptip_content {
	font-size: 11px;
	color: #2D2D2D;
	text-shadow: none;
	padding: 10px 15px;
	background: #C2C2C2;

	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.tip_left_top #tiptip_arrow {
	display: none;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	border-left: 6px solid #C2C2C2;
}
*/







/******************************************************************************
*                               Päivän sana                                   *
******************************************************************************
.sananaika {

}



/******************************************************************************
*                            Vieraskirja/Foorumi                              *
******************************************************************************
#bbs-box a:link,
#bbs-box a:visited {
	text-decoration: underline;
}
#bbs-box a:hover {
	text-decoration: none;
}
textarea#bbsquote, textarea#bbsbody {
	width: 500px;
}
input.bbs-compose-input, #bbs-compose-threadtitle {
	width: 300px;
}



/******************************************************************************
*                                  Sijainti                                   *
******************************************************************************/
#murupolku {
	padding: 4px 0 7px 0;
	font-family: "Myriad Web Pro", Arial, Sans-Serif;
	font-size: 85%;
}
.sivusijainti:link,
.sivusijainti:visited {
	text-decoration: none;
}
.sivusijainti:hover {
	text-decoration: underline;
}
.sivusijainti-valittu:link,
.sivusijainti-valittu:visited { 
	font-weight: bold;
	color: #611718;
}




/******************************************************************************
*                                RSS-Syötteet                                 *
******************************************************************************
.rss-box {}
.rss-title {}
.rss-title a:link { color: red }
.rss-item {}
.rss-item a:link { color: red }
.rss-odd {}
.rss-even {}
*/



/******************************************************************************
*                   Tapahtumakalenteri (jos käytössä)                         *
******************************************************************************/
#events-box   { }
.event-item   { border-top-color: #E6E4E5; }
.event-odd    { }
.event-even   { }
.event-date   { }
.event-times  { }
.event-desc   { }
.event-desc a:link,
.event-desc a:visited { }
.event-desc a:hover {}
*/




/******************************************************************************
*                         Gallupit (jos käytössä)                             *
******************************************************************************
#gallup-box { }
#gallup-graph { }
.gallup-barwidth  { width: 100px; }
.gallup-bar       { background-color: red; border-color: red; }
.gallup-votecount { display: inline; }
.gallup-parens    { display: inline; }
.gallup-percent   { display: inline; }
*/