/* Yleiset asetukset */
body {
	margin: 0px auto;
	margin-top: 10px;
	margin-left: 0px auto;
	margin-right: 0px auto;
	padding: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
    background-image:url(pageback.jpg);
    background-repeat: no-repeat; 
	max-width:1200px;
	background-position: center top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
p {
	font-size: 11px;
	margin-left: 13px;
	margin-right: 3px;
	font-weight: bold;
}
a{text-decoration: underline; color: #800000;}
a:hover{text-decoration: underline;color: #FF6F20;}
acronym {border: none;}
fieldset {max-width: 500px;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: 10px;}
.forBraille{display: none} /* Nama naytetaan ainoastaan braille-lukijoille, eli piilotetaan muilta */



/* 2. rivi, 1/3. sarake: sivuston logo ja linkki etusivulle */
#logo{margin: 0px;padding: 0px;height: 80px;width: 250px;border-right-width: 0px; 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: 100px;
	background-image:  url(theme_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: auto;
}
#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: 100px;
	width: 261px;
	border-left-style: none;
	background-image: url(hakuback2.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-position: right;
}
#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
}


#helpstripe 
{
	background-color: #FE6F20;
	height: 24px;
	width: 250px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-image: url(botstrip.jpg);
}
#helpstripe p{margin-top: 1px;margin-bottom: 1px;margin-left: 14px;}
#helpstripe a{text-decoration: none;font-weight: bold;color: #FFFFFF; font-size:10px;}
#helpstripe a:hover{text-decoration: underline;color: #800000;}


/* 3. rivi, 1/3. sarake: sisaltaa linkin verkkopalvelun ohjeeseen ja linkit kieliversioihin */

#languagestripe {
	background-color: #661035;
	height: 20px;
	width: 250px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-image: url(botstrip.jpg);
	background-position: bottom;
}
#languagestripe p{margin-top: 1px;margin-bottom: 1px;margin-left: 25px;color: #990000;}
#languagestripe a{text-decoration: underline;color: #FFFFFF;}
#languagestripe a:hover{text-decoration: none;color: #800000;}

/* 3. rivi, 2/3. sarake: sisaltaa etusivulla paivayksen ja nimipaivat, muilla sivuilla navipolun (leivanmurut) */
#navistripe {
	background-color: #FE6F20;
	height: 24px;
	vertical-align: middle;
	padding-left: 8px;
	background-image: url(botstrip.jpg);
}
#navistripe p{margin-top: 0px;margin-bottom: 0px; font-size:10px;}
#navistripe a{text-decoration: none;color: #FFFFFF; font-size:10px;}
#navistripe a:hover{text-decoration: underline;color: #800000;}
#navistripe span{color: #FFFFFF;}

/* 3. rivi, 3/3. sarake: sisaltaa linkit tekstikoon muuttavaan toiminnallisuuteen */
#textsizestripe {
	height: 24px;
	vertical-align: middle;
	padding-left: 8px;
	font-size:9px;
	background-color: #FE6F20;
	background-image: url(botstrip.jpg);
}

#textsizestripe p{padding: 0px;margin-top: 0px;margin-bottom: 0px;}
#textsizestripe a{text-decoration: none;color: #FFFFFF;}
#textsizestripe a:hover{text-decoration: underline;color: #800000; }
#textsizestripe span{color: #FFFFFF;}

/* 4. rivi. 1/3. sarake: navigointi ja yhteystiedot + copyright */
#navibar{
	width: 250px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 0px;
	background-image: url(sidestrip.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#navibar .Pnavi {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	color: #000000;
	background-image: url(botstrip2.jpg);
}
#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: 9px;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: 11px;font-weight: bold;color: #FFFFFF;}
#navibar H2.Pnavi a:link{color: #990000;text-decoration: underline;}
#navibar H2.Pnavi a:visited{color: #CC6600;text-decoration: underline;}
#navibar H2.Pnavi a:active{color: #FF9900;text-decoration: underline;}
#navibar H2.Pnavi a:hover{color: #FFFFFF;text-decoration: underline;}
#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: #800000;text-decoration: none;}
#navibar a:hover{color: #FE6F20;text-decoration: underline;}
/* 4. rivi, 2/3. sarake: etusivun ja alatason koontisivun nostot */ 
#content  {
	font-size: 11px;
	font-weight: normal;
	padding-left: 0px;
	margin: 0px 25px 15px 10px;
	line-height:15px;
	max-width: 500px;
	padding-top: 0px;
}
#content h1 {font-size: 16px;color: #FE6F20;font-weight: bold;padding: 0px;margin: 0px 25px 2px 10px;max-width:500px;clear: both;line-height: 20px;}
#content h1.noDate {font-size: 16px;color: #FE6F20;font-weight: bold;padding: 0px;margin: 20px 25px 0px 10px;max-width:500px;clear: both;line-height: 20px;}
#content h2 { font-size: 13px;color: #FE6F20;font-weight: bold;padding: 0px;margin: 5px 25px 12px 10px;max-width:500px;clear: both;line-height: 15px;}
#content h3 {font-size: 11px; color: #FE6F20; font-weight: bold; padding: 0px; margin: 5px 25px 0px 10px;max-width:500px;clear: both;line-height: 13px;}
#content img  {border: 0px solid #999999;padding: 2px;margin: 3px 25px 0px 0px;background-color: #FFFFFF;}
#content p {font-size: 11px;font-weight: normal; padding: 0px; margin: 10px 25px 15px 10px; line-height: 15px;max-width:500px;}
#content .ingress {padding: 0px;margin: 3px 25px 18px 10px;line-height: 13px;font-size: 12px; font-style:normal;font-weight: bold;max-width: 400px;}
#content .Pdate {font-size: 11px; color: #800000; font-weight: bold; padding: 0px; margin: 5px 25px 0px 10px;max-width:500px;clear: both;line-height: 13px;}
#content .quote {color: #333333;font-weight: normal;padding: 5px;margin: 0px 25px 15px 10px;line-height: 13px;font-style:italic;max-width: 500px;clear: both;}
#content p.back {font-weight: normal; padding: 0px; margin: 15px 25px 15px 10px; line-height: 15px;max-width: 500px;clear:both;}
#content .lastupdate {font-size: 8px; font-style: italic; color: #333333; margin: 2px 5px 2px 10px; clear: both;}
#content font {font-size: 11px;font-weight: normal; padding: 0px;margin: 0px 0px 0px 10px;}
/* Tama on IE:n rivityksen korjaava muotoilu, ks. 10.8.2004 kayty meilinvaihto*/
#content table.serviceHack {margin-left: 20px;margin-top: 20px;}

#content .TDetusivunkuva{
	background-image:url(nostotaus.jpg);
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
}

/* 4. rivi, 2/3. sarake: nosto*/
#lift h1 {
	font-size: 16px;
	color: #FE6F20;
	font-weight: bold;
	padding: 0px;
	max-width:500px;
	margin-top: 5px;
	margin-right: 13px;
	margin-bottom: 5px;
	margin-left: 11px;
}

#lift a{ text-decoration: none; color: #FF6F20; }
#lift a:hover{text-decoration: underline; color: #800000;}
#lift p {
	font-weight: normal;
	line-height: 15px;
	max-width:500px;
	margin-top: 0px;
	margin-right: 13px;
	margin-bottom: 3px;
	margin-left: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#lift .Pdate {font-weight: bold; color: #800000; 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;
	padding-bottom: 10px;
	padding-top: 10px;
}
#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: 12px; font-weight: bold; color: #FE6F20; margin: 5px; }
#lists h3{font-size: 10px; font-weight: normal; color: #FE6F20; 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_arrow.gif); font-size: 11px; color: #000000; margin-top: 2px; margin-bottom: 3px; 
list-style-type: none; font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
#lists .Ah2{color: #800000;text-decoration: none; margin-left:20px; }
#lists .Ah2:hover{color: #FE6F20;text-decoration: underline;}
#lists a {text-decoration: none;}
#lists a:hover {text-decoration: underline; color: #FE6F20;}

/* 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: #999999;
	background-image: url(sidestrip.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 10px;
}
#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: 11px;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: #666666;text-decoration: underline;}
#navibarRight .InputSubmit{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #000000;width: 30px;}
#navibarRight small {margin-left:5px;}


 #navibarRight redheadline {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 6px;
	font-weight		: bold;
	color			: #EE0000;
	margin-top		: 10px;
	margin-bottom		: 10px;
	margin-left		: 0px;
	margin-right		: 0px;
}
    
/* Paivan kysymys */
#quiz h3{font-size: 11px;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		: 11px;
	font-weight		: bold;
	color			: #661035;
	margin-top		: 10px;
	margin-bottom		: 10px;
	margin-left		: 0px;
	margin-right		: 0px;
}



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

#BottomTopLeftstripe {display:none;}


#BottomTopCenterstripe {
	background-color: #ffffff;
	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 {
	width: 250px;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
#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; );height: 20px;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: #CC9900;
	height: 20px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-image: url(botstrip.jpg);
	background-position: bottom;
}
#copyright p{font-size: 10px; font-style: normal; color: #FFFFFF;margin: 5px 5px 5px 8px;padding: 0px;line-height: 14px;}
#copyright a{color: #990000;text-decoration: underline;}
#copyright a:hover{color: #FFFFFF;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: 11px; font-weight: bold; color: #CC0033; margin: 3px;}
#sitemap ul{margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
#sitemap li{font-size: 10px; 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: 10px;}
#flapContainer h2{font-size: 11px;font-weight: bold;color: #000000;}
#flap{border: 2px solid #FF6F20;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: 11px;padding-top: 2px;padding-bottom: 2px;vertical-align: top;}
#flap p {margin-left:20px;}
#flapResults td{font-size: 11px;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: 11px;	color: #000000;text-align: center;background-color: #F4F5F5;}
#eventCalendar td.header1{font-weight: bold;color: #000000;background-color: #FFCC33;height: 25px;font-size: 12px;}
#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;}