/* Yleiset asetukset */
body {
	margin: 0px auto;
	margin-left: 0px auto;
	margin-right: 0px auto;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	max-width: 1200px;

	width:expression(document.body.clientWidth > 1200? "1200px": "auto" );	border: 1px solid #E8E8E8;
}
p {font-size: 13px; margin-left: 13px;margin-right: 3px;}
a{text-decoration: underline; color: #000000;}
a:hover{text-decoration: none;color: #00007D;}
acronym {border: none;}
fieldset {max-width: 100px;margin: 20px;background-color: #FFFFFF;padding-top: 10px;padding-bottom: 20px;background-image: url(palautelomake_bg.jpg);	background-repeat: repeat-x;background-position: left bottom;border: 1px solid #CCCCCC;}
legend{font-size: 13px;}
.forBraille{display: none} /* Nama naytetaan ainoastaan braille-lukijoille, eli piilotetaan muilta */

/* 1 rivi: ylin punainen. Ei muuta sisaltoa */
#topstripe {
	margin: 0px;
	padding: 0px;
	background-color: #0062C8;
	height: 3px;

}

/* 2. rivi, 1/3. sarake: sivuston logo ja linkki etusivulle */
#logo{margin: 0px;padding: 0px;height: 80px;width: 250px;border-right-width: 1px;border-right-style: solid;border-right-color: #DDDDDD;}

/* 2. rivi, 2/3. sarake: sivuston otsikko ja sen korvaava kuva */
#pageingress{margin: 0px;padding: 0px;height: 80px; background-position: left top; background-image: url(saarikka.jpg); background-repeat: no-repeat; background-color: rgb(0, 116, 189);}
#pageingress h2 {display: none;}

/* 2. rivi, 3/3. sarake: haku ja linkki tarkennettuun hakuun */
#haku
{
    
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT:0px;
    MARGIN-BOTTOM: 0px;
    
    HEIGHT: 80px; 
	background-image: url(haku_back.jpg); 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: rgb(0, 116, 189);
}
#haku P
{
    PADDING-BOTTOM: 4px;
    PADDING-RIGHT: 8px;
    MARGIN: 0px 0px
}
#haku FORM
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

#haku a {display:none;}
#haku strong {display:none;}

#helpstripe {
	background-color: #CCCCCC;
	height: 25px;
	width: 250px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-image:  url(ylapalkki1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#helpstripe p{
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 25px;
	color: #000000;
	font-weight: bold;
}
#helpstripe a{text-decoration: none;font-weight: bold;color: #000000; font-size:11px;}
#helpstripe a:hover{text-decoration: none;color: #003399;}

/* 3. rivi, 1/3. sarake: sisaltaa linkin verkkopalvelun ohjeeseen ja linkit kieliversioihin */
#languagestripe {
	background-color: #999999;
	background-repeat: repeat-x;
	height: 23px;
	width: 250px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-image: url(bottom_back.jpg);
	}
#languagestripe p{margin-top: 1px;margin-bottom: 1px;margin-left: 25px;color: #FFFFFF;}
#languagestripe a{display:none;}
#languagestripe a:hover{text-decoration: none;color: #003399;}

/* 3. rivi, 2/3. sarake: sisaltaa etusivulla paivayksen ja nimipaivat, muilla sivuilla navipolun (leivanmurut) */
#navistripe {
	background-color: #CCCCCC;
	background-image:  url(ylapalkki1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	vertical-align: middle;
	padding-left: 8px;
	text-align: center;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#navistripe p{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:12px;
	font-weight: bold;
}
#navistripe a{text-decoration: underline;color: #000000; font-size:11px;}
#navistripe a:hover{text-decoration: none;color: #003399;}

/* 3. rivi, 3/3. sarake: sisaltaa linkit tekstikoon muuttavaan toiminnallisuuteen */
#textsizestripe {
	background-color: #CCCCCC;
	background-image:  url(ylapalkki1.gif);
		background-repeat: repeat-x;
	background-position: left top;
	height: 25px;
	vertical-align: middle;
	padding-left: 8px;
	font-size:11px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: bold;
}
#textsizestripe p{padding: 0px;margin-top: 0px;margin-bottom: 0px;}
#textsizestripe a{text-decoration: underline;color: #000000;}
#textsizestripe a:hover{text-decoration: none;color: #003399; }
#textsizestripe span{color: #000000;}

/* 4. rivi. 1/3. sarake: navigointi ja yhteystiedot + copyright */
#navibar{ width: 250px;background-color: #FFFFFF;background-image: url(sideback.jpg); background-repeat:no-repeat; border-right-width: 1px;border-right-style: solid;border-right-color: #FFFFFF; background-position:top;}
#navibar .Pnavi {

	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-weight: bold;
	color: #000000;
}
#navibar .PnaviArticle{padding: 7px 0px 7px 13px;margin:0px;}/* Lisätty uusi luokka 16.5.2005 */
#navibar .PnaviSelectcommunal {margin: 0px 0px 5px;padding: 1px 0px 1px 13px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #000000;}
#navibar H2.Pnavi {border-bottom-width: 0px;border-bottom-style: solid;border-bottom-color: #FFFFFF;margin: 0px;padding: 3px 0px 3px 13px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #FFFFFF;}
#navibar H2.Pnavi a:link{color: #000000;text-decoration: underline;}
#navibar H2.Pnavi a:visited{color: #000066;text-decoration: underline;}
#navibar H2.Pnavi a:active{color: #000099;text-decoration: underline;}
#navibar H2.Pnavi a:hover{color: #000099;text-decoration: none;}
#navibar .PnaviSelected{
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: #000066;
}
#navibar a{color: #000000;text-decoration: none;}
#navibar a:hover{color: #0084D9;text-decoration: none;}


/* 4. rivi, 2/3. sarake: etusivun ja alatason koontisivun nostot */ 
#content  {font-size: 12px;font-weight: normal; padding-left: 10px; padding-top: 10px;margin: 0px 25px 15px 20px; line-height: 18px;max-width: 700px;}
#content h1 {font-size: 15px;color: #008AD4;font-weight: bold;padding: 0px;margin: 0px 25px 12px 0px;max-width: 700px;clear: both;line-height: 20px;}
#content h1 a{font-size: 15px;color: #008AD4;font-weight: bold;padding: 0px;margin: 0px 25px 12px 0px;max-width: 700px;clear: both;line-height: 20px;}
#content h1.noDate {font-size: 20px;color: #003399;font-weight: bold;padding: 0px;margin: 20px 25px 0px 0px;max-width: 700px;clear: both;line-height: 20px;}
#content h2 { font-size: 14px;color: #008AD4;font-weight: bold;padding: 0px;margin: 5px 25px 12px 0px;max-width: 700px;clear: both;line-height: 15px;}
#content h3 {font-size: 12px; color: #000000; font-weight: bold; padding: 0px; margin: 5px 25px 0px 0px;max-width: 700px;clear: both;line-height: 13px;}
#content img  {border: 0px solid #999999;padding: 2px;margin: 3px 25px 0px 0px;background-color: #FFFFFF;float: left;}
#content p {font-size: 12px;font-weight: normal; padding: 0px; margin: 10px 25px 15px 0px; line-height: 16px;max-width: 700px;}
#content .ingress {padding: 0px;margin: 3px 25px 18px 0px;line-height: 13px;font-size: 14px; font-style: normal;font-weight: bold;max-width: 700px;}
#content .Pdate {display:none;}
#content .quote {color: #333333;font-weight: normal;padding: 5px;margin: 0px 25px 15px 20px;line-height: 13px;font-style: italic;max-width: 700px;clear: both;}
#content p.back {font-weight: normal; padding: 0px; margin: 15px 25px 15px 0px; line-height: 15px;max-width: 700px;clear: both;}
#content .lastupdate {font-size: 10px; font-style: italic; color: #333333; margin: 2px 5px 2px 0px; clear: both;}
#content font {font-size: 10px;font-weight: normal; padding: 0px;margin: 0px 0px 0px 0px;}
/* Tama on IE:n rivityksen korjaava muotoilu, ks. 10.8.2004 kayty meilinvaihto*/
#content table.serviceHack {margin-left: 20px;margin-top: 20px;}

/* Etusivun nostokuvasolu koko sivun levyiseksi taustakuvalla, vars. kuvaksi transparent.gif*/
#content .TDetusivunkuva{
	background-image:url(saarikka_etusivu_kuvanosto.jpg);
	height: 200px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

/* 4. rivi, 2/3. sarake: nosto*/
#lift h1 { font-size: 15px; color: #008AD4; font-weight: bold; padding: 0px; margin: 0px 13px 5px 11px;max-width:500px}
#lift a{ text-decoration: none; }
#lift p { font-weight: normal; padding: 0px; margin: 0px 13px 3px 11px; line-height: 16px;max-width:500px}
#lift .Pdate {font-weight: bold; color: #CC0033; margin: 8px 13px 0px 11px; padding: 0px; font-style: normal;max-width:500px}
#lift .TDreuna{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD;}
#lift .backround{background-color: #CC0033;}
#lift .color{color: #FFFFFF;}
#lift img {margin: 3px 10px 0px 0px; padding: 0px; float: none;} 

/* 4. rivi, 2/3. sarake: listat */
lists {padding: 10px 0px 0px 0px; margin: 0px;  }
#lists h2{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 3px;
	background-image: url(blue_ots_back.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px;
	margin-top: 5px;
}
#lists h3{font-size: 12px; font-weight: bold; color: #CC0033; text-align:right; margin-top: 3px; margin-right:3px;margin-bottom:3px;}
#lists ul{margin-top: 2px; margin-right: 0px; margin-bottom: 12px; }
#lists li{
	list-style-image: url(bullet.gif);
	font-size: 12px;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#lists .Ah2{
	color: #FFFFFF;
	text-decoration: none;
	margin-left:20px;
	margin-top: 10px;
	padding-top: 10px;
	
}
#lists .Ah2:hover{color: #000033;text-decoration: none;}
#lists a {text-decoration: none;}
#lists a:hover{text-decoration: none; color:#0080FF;}

#lists span div {background-image: url(spanback_1.jpg); background-repeat: no-repeat;margin-top: 20px;}

/* 4. rivi, 2/3. sarake: kuvat */
#content .caption {color: #000000;margin: 2px;}
#pic1 {border: 0px solid #999999;padding: 2px;margin-right: 0px;background-color: #FFFFFF;float: right;}
#pic2 {border: 0px solid #999999;padding: 2px;margin-right: 2px;margin-left: 20px;margin-top: 2px;margin-bottom: 10px;background-color: #F9F9F9;float:left;}
#pic3 {border: 0px solid #999999;padding: 2px;margin-right: 2px;margin-left: 20px;margin-top: 2px;margin-bottom: 10px;background-color: #F9F9F9;clear:both}
#pic4 {border: 0px solid #999999;padding: 2px;margin-right: 25px;margin-left: 20px;margin-top: 2px;margin-bottom: 2px;background-color: #F9F9F9;clear:both; text-align: left; }
#pic5 {border: 0px solid #999999;padding: 2px;margin-right: 25px;margin-left: 20px;margin-top: 2px;margin-bottom: 2px;background-color: #F9F9F9;clear:both}
/*#pic1 img,#pic2 img,#pic3 img,#pic4 img{border: 1px solid #999999;}*/

/* 4. rivi, 2/3. sarake: palveluhakemiston ja yhteystietojen tyylit */
#content .noLeftMargin{margin-left:3px;margin-top:3px;margin-bottom:3px;margin-right:3px;}
#content .nameUnderline{text-decoration: underline;}

/* 4. rivi. 3/3. sarake: intran oikean reunan navigointi; identtinen 4. rivin 1/3 sarakkeen muotoilujen kanssa (paitsi pystyviiva) */
#navibarRight{
	width: 250px;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-image: url(sideback.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}
#navibarRight .Pnavi {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C7C7C7;margin: 0px;padding: 1px 0px 1px 13px;}
#navibarRight .PnaviSelectcommunal {margin: 0px 0px 5px;padding: 1px 0px 1px 13px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #000000;}
#navibarRight table {margin-left:10px; }
#navibarRight H2.Pnavi {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFFFFF;margin: 0px;padding: 3px 0px 3px 13px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #FFFFFF;background-color: #0075BB;background-image: url(menubg1.gif);}
#navibarRight H2.Pnavi a:link{color: #FFFFFF;text-decoration: underline;}
#navibarRight H2.Pnavi a:visited{color: #FFFFFF;text-decoration: underline;}
#navibarRight H2.Pnavi a:active{color: #FFFFFF;text-decoration: underline;}
#navibarRight H2.Pnavi a:hover{color: #FFFFFF;text-decoration: none;}
#navibarRight img {height:auto;}
#navibarRight .PnaviSelected{border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: #C7C7C7;padding: 2px 0px 2px 13px;font-weight: bold;background-image:  url(navi_arrow.gif);background-repeat: no-repeat;background-position: left center;margin:0px}
#navibarRight a{color: #000000;text-decoration: none;}
#navibarRight a:hover{color: #003399;text-decoration: underline;}
#navibarRight .InputSubmit{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #000000;width: 30px;}
#navibarRight small {margin-left:5px;}


 #navibarRight redheadline {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 8px;
	font-weight		: bold;
	color			: #EE0000;
	margin-top		: 10px;
	margin-bottom		: 10px;
	margin-left		: 0px;
	margin-right		: 0px;
}

 #navibarRight table table {
 background-image: url(sideback2.jpg);
	color			: #000000;
}
    
	 #navibarRight table table th{
	background-image: url(blue_ots_back_2.jpg);
	color			: #FFFFFF;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
	
	
/* Paivan kysymys */
#quiz h3{font-size: 13px;color: #000000;font-weight: bold;padding: 0px;margin-top: 5px;margin-bottom: 0px;margin-right: 15px;margin-left: 10px;}
#quiz P{margin: 5px 10px 0px;padding: 0px;line-height: 13px;}
#quiz a:link, #quiz a:visited,#quiz a:active{color: #003399;text-decoration: underline;}
#quiz a:hover{color: #CC0033;text-decoration: none;}

.redheadline {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 14px;
	font-weight		: bold;
	color			: #EE0000;
	margin-top		: 10px;
	margin-bottom		: 10px;
	margin-left		: 0px;
	margin-right		: 0px;
}



/* 5. rivi: sivun footer. Sisaltaa  */

/*#BottomTopLeftstripe {width: 250px;background-color: #cae6f2; border-right-width: 1px;border-right-style: solid;border-right-color: #DDDDDD;}*/
#BottomTopLeftstripe {display:none;}

#BottomTopCenterstripe {height: 24px; margin: 0px;padding: 0px;}
#BottomTopCenterstripe p{margin-top: 0px;margin-right: 13px;margin-bottom: 0px;margin-left: 13px;}
#BottomTopCenterstripe a{text-decoration: underline;color: #000000;}
#BottomTopCenterstripe a:hover{text-decoration: none;color: #003399;}


#BottomTopRightstripe {height: 24px; margin: 0px;padding: 0px;}
#BottomTopRightstripe p{margin-top: 0px;margin-right: 13px;margin-bottom: 0px;margin-left: 13px;}
#BottomTopRightstripe a{text-decoration: underline;color: #000000;}
#BottomTopRightstripe a:hover{text-decoration: none;color: #003399;}


/* 5. rivi: sivun footer. Sisaltaa mm. linkit tekstiversioon, linkin tulosta -toiminnallisuuteen jne */

#bottomstripe {background-color: #EE0000; background-image: url(alapalkki1.gif);height: 2px;vertical-align: middle;margin: 0px;padding: 0px;}
#bottomstripe p{margin-top: 0px; margin-right: 13px;margin-bottom: 0px;margin-left: 13px;}
#bottomstripe a{text-decoration: underline;color: #000000;}
#bottomstripe a:hover{text-decoration: none;color: #003399;}



#copyright {
	background-color: #999999;
	height: 23px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-image: url(bottom_back.jpg);
	background-repeat: repeat-x;
}
#copyright p{
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	padding: 0px;
	line-height: 14px;
	text-align: center;
	margin-top: 5px;
	margin-right: 205px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#copyright a{color: #003399;text-decoration: underline;}
#copyright a:hover{color: #CC0033;text-decoration: none;}


/* 6. rivi: nakymattomat yhteystiedot nakyvat ainoastaan tulostettaessa */
#hiddencontacts {display:none}

/* Lisaykset */
/* Erottelu, ss (8.9.2004)  */
.netkuOnly {background-color: #E5EAF5;border:none;}

/* Sitemap */
#sitemap {padding: 10px 13px 10px 17px; margin: 0px;}
#sitemap h2{font-size: 13px; font-weight: bold; color: #CC0033; margin: 3px;}
#sitemap ul{margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
#sitemap li{font-size: 13px; color: #000000; margin-top: 0px; margin-bottom: 0px; list-style-type: none;}
#sitemap .Ah2{color: #CC0033;text-decoration: underline;}
#sitemap .Ah2:hover{color: #CC0033;text-decoration: none;}
#sitemap img  {padding: 2px;margin: 0px;}

/* Hakulistauksen spesialit */
#searchresults h2{color: #CC0033;}
#searchresults .type{color: #009900;}

/* Valilehtien formaatti */
#flapContainer{margin-top: 10px;margin-right: 0px;margin-bottom: 20px;margin-left: 0px;}
#flapContainer h2{font-size: 13px;font-weight: bold;color: #000000;}
#flap{border: 2px solid #0062C8;width: 500px; }
#flap H2{margin: 13px 13px 0px 15px;color:#003399;}
#flap table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flap td{font-size: 13px;padding-top: 2px;padding-bottom: 2px;vertical-align: top;}
#flap p {margin-left:20px;}
#flapResults td{font-size: 13px;padding: 2px;background-color: #FFE599;}
#flapResults td.header{font-weight: bold;background-color: #DDDDDD; margin-left:20px;}
/* LISaYS 24.03.2005, valilehdet */
#flapTopTable .currentOpen{background: url(valilehti_vasen_0.gif) no-repeat right top;}
#flapTopTable .currentMiddle{background-color: #0062C8;}
#flapTopTable .currentClose{background: url(valilehti_oikea_0.gif) no-repeat left top;}
#flapTopTable .inactiveOpen{background: url(valilehti_vasen_1.gif) no-repeat right top;}
#flapTopTable .inactiveMiddle{background-color: #3884D4;}
#flapTopTable .inactiveClose{background: url(valilehti_oikea_1.gif) no-repeat left top;}


/* Tapahtumakalenteri */
#eventCalendar{	background-color: #C7C7C7;}
#eventCalendar td{font-size: 13px;	color: #000000;text-align: center;background-color: #F4F5F5;}
#eventCalendar td.header1{font-weight: bold;color: #000000;background-color: #FFCC33;height: 25px;font-size: 14px;}
#eventCalendar td.header2{background-color: #FFE599;height: 20px;}
#eventCalendar td.today{font-weight: bold;color: #CCCCCC;background-color: #FFCC33;}
#eventCalendar td.hasEvents{background-color: #FFE599;}
#eventCalendar td.inactiveday{background-color: #F4F5F5;background-image: url(tapahtumakalenteri_idle.gif);background-repeat: repeat;}

/*Nostot*/
#FrontpageLifts .backround{background-color: #FFCC33;}
#FrontpageLifts .color{color: #CC0033;}