/* Yleiset asetukset */
body {margin: 0px;padding: 0px;color: #000000;font-family: Arial, Helvetica, sans-serif;background-color: #FFFFFF;}
p { margin-left: 13px;margin-right: 13px;}
a{text-decoration: underline; color: #216DA5;}
a:hover{text-decoration: none;color: #216DA5;}
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;}
.forBraille{display: none} /* Nama naytetaan ainoastaan braille-lukijoille, eli piilotetaan muilta */

/* 1 rivi: ylin keltainen raita. Ei muuta sisaltoa */
#topstripe {margin: 0px;padding: 0px;height: 0px;}

/* 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: 80px; background-color: #CED7E7;background-image:  url(theme_header.jpg);background-repeat: no-repeat;background-position: left top;}
#pageingress h2 {display: none;}

/* 2. rivi, 3/3. sarake: haku ja linkki tarkennettuun hakuun */
#haku{height: 80px;width: 250px;border-left-width: 0px;border-left-style: solid;border-left-color: #FFFFFF;margin-bottom: 0px;margin-top: 0px;padding: 0px; background-color:#FFFFFF;}
#haku p{margin-top:0px;margin-bottom: 0px;margin-right: 2px;margin-left: 2px;}
#haku form{margin: 0px;padding: 0px;}

/* 3. rivi, 1/3. sarake: sisaltaa linkin verkkopalvelun ohjeeseen ja linkit kieliversioihin */
#languagestripe {background-color: #8496A5;height: 24px;width: 250px;vertical-align: middle;margin: 0px;padding: 0px;border-top: 1px solid #A8A8A8;border-bottom: 1px solid #A8A8A8;}
#languagestripe p{margin-top: 1px;margin-bottom: 1px;margin-left: 25px; color: Black;}
#languagestripe a{text-decoration: underline;color: black;}
#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: #8496A5;height: 24px;vertical-align: middle;border-top: 1px solid #A8A8A8;border-bottom: 1px solid #A8A8A8;}
#navistripe p{margin-top: 0px;margin-bottom: 0px; color: #FFFFFF; }
#navistripe a{text-decoration: underline;color: black;}
#navistripe a:hover{text-decoration: none;color: #003399;}

/* 3. rivi, 3/3. sarake: sisaltaa linkit tekstikoon muuttavaan toiminnallisuuteen */
#textsizestripe {color: black;background-color: #8496A5;height: 24px;width: 250px;vertical-align: middle; border-top: 1px solid #A8A8A8;border-bottom: 1px solid #A8A8A8;}
#textsizestripe p{padding: 0px;margin-top: 0px;margin-bottom: 0px; color: black;}
#textsizestripe a{text-decoration: underline;color: black;}
#textsizestripe a:hover{text-decoration: none;color: #003399;}
#UIMinus a{text-decoration:none;padding-left: 12px; background-image: url(UIMinus.gif); background-repeat: no-repeat;}
#UIPlus a{text-decoration:none;padding-left: 12px; background-image: url(UIPlus.gif); background-repeat: no-repeat;}


/* 4. rivi. 1/3. sarake: navigointi ja yhteystiedot + copyright */
#navibar{width: 250px;background-color: #EFEFEF;border-right-width: 1px;border-right-style: solid;border-right-color: #DDDDDD;}
#navibar .Pnavi {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C7C7C7;margin: 0px;padding: 1px 0px 1px 13px;}
#navibar .PnaviSelectcommunal {margin: 0px 0px 5px;padding: 1px 0px 1px 13px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000000;}
#navibar H2.Pnavi {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#C7C7C7;margin: 0px;padding: 3px 0px 3px 13px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: black;background-color: #CED7E7;}
#navibar H2.Pnavi a:link{color: black;text-decoration: none;}
#navibar H2.Pnavi a:visited{color: black;text-decoration: none;}
#navibar H2.Pnavi a:active{color: black;text-decoration: none;}
#navibar H2.Pnavi a:hover{color: black;text-decoration: underline;}
#navibar .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}
#navibar .PnaviArticle{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#C7C7C7;margin: 0px;padding: 3px 0px 3px 13px;}
#navibar a{color: #000000;text-decoration: none;}
#navibar a:hover{color: #003399;text-decoration: underline;}
#navibar #applicationNavi {padding-top: 10px; padding-bottom: 10px;}
#navibar #applicationNavi h2.Pnavi {display:none;}
#navibar #applicationNavi .Pnavi {border: 0px solid red;}
#copyright {text-align:center; padding:5px; font-size: 10px; color: Gray;}

/* 4. rivi, 2/3. sarake: etusivun ja alatason koontisivun nostot */ 
#content h1 {font-weight: bold;padding: 0px;margin: 10px 25px 5px 20px;max-width: 500px;clear: both;line-height: 20px;}
#content h1.noDate {font-weight: bold;padding: 0px;margin: 20px 25px 0px 20px;max-width: 500px;clear: both;line-height: 20px;}
#content h2 {color: #313031;font-weight: bold;padding: 0px;margin: 5px 25px 0px 20px;max-width: 500px;clear: both;line-height: 15px;}
#content h3 { color: #000000; font-weight: bold; padding: 0px; margin: 5px 25px 0px 20px;max-width: 500px;clear: both;line-height: 13px;}
#content p {font-weight: normal; padding: 0px; margin: 0px 25px 15px 20px; line-height: 15px;max-width: 500px;}
#content .Pdate {font-weight: bold; color: #313031; margin: 20px 25px 0px 21px; padding: 0px; font-style: normal;max-width: 500px;clear: both;}
#content .ingress {padding: 0px;margin: 3px 25px 18px 20px;line-height: 13px;font-style: italic;font-weight: normal;max-width: 500px;clear: both;}
#content .quote {color: #333333;font-weight: normal;padding: 5px;margin: 0px 25px 15px 20px;line-height: 13px;font-style: italic;max-width: 500px;clear: both;}
#content .lastupdate {font-style: italic; color: #333333; margin: 2px 25px 2px 20px;}
#content p.back {font-weight: normal; padding: 0px; margin: 15px 25px 15px 20px; line-height: 15px;max-width: 500px;clear: both;}
/* Tama on IE:n rivityksen korjaava muotoilu, ks. 10.8.2004 kayty meilinvaihto*/
#content table.serviceHack {margin-left: 20px;margin-top: 20px;}
#content h2.tableSubheader{margin-left:0px;}
#content .etusivunkuva img {border: 0px solid black;}

/* 4. rivi, 2/3. sarake: nosto*/

#lift h1 {font-weight: bold; padding: 0px; margin: 0px 13px 0px 20px;max-width:500px}
#lift p { font-weight: normal; padding: 0px; margin: 0px 13px 3px 20px; line-height: 13px;max-width:500px}
#lift .Pdate {font-weight: bold; color: #313031; margin: 8px 13px 0px 20px; padding: 0px; font-style: normal;max-width:500px}
 #presentationArticle1, .plainLift1 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD;}
#lift .TDreuna {border-bottom: 1px solid #DDDDDD;}
table#lift {border-top: 1px solid #DDDDDD;}


/* 4. rivi, 2/3. sarake: listat */
#lists {padding: 10px 13px 0px 17px; margin: 0px;}
#lists h2{font-weight: bold; color: #313031; margin: 3px;}
#lists ul{margin-top: 2px; margin-right: 0px; margin-bottom: 12px;}
#lists li{list-style-image: url(bullet_arrow.gif);color: #000000; margin-top: 0px; margin-bottom: 0px; list-style-type: none;}
#lists .Ah2{color: #216DA5;text-decoration: underline;}
#lists .Ah2:hover{color: #216DA5;text-decoration: none;}

/* 4. rivi, 2/3. sarake: kuvat */
#content .caption {color: #000000;margin: 2px;}
#pic1 {border: 1px solid #999999;padding: 2px;margin-right: 20px;background-color: #F9F9F9;float: right;}
#pic2 {border: 1px solid #999999;padding: 2px;margin-right: 2px;margin-left: 20px;margin-top: 2px;margin-bottom: 10px;background-color: #F9F9F9;float:left;}
#pic3 {border: 1px solid #999999;padding: 2px;margin-right: 2px;margin-left: 20px;margin-top: 2px;margin-bottom: 10px;background-color: #F9F9F9;clear:both}
#pic4 {border: 1px 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: 1px 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: #EFEFEF;border-left-width: 1px;border-left-style: solid;border-left-color: #DDDDDD;}
#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: 5px 0px 1px 13px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000000; padding-bottom: 6px;border-bottom: 1px solid #C7C7C7;}
#navibarRight H2.Pnavi {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C7C7C7;margin: 0px;padding: 3px 0px 3px 13px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;background-color: #CED7E7;}
#navibarRight H2.Pnavi a:link{color: black;text-decoration: underline;}
#navibarRight H2.Pnavi a:visited{color: black;text-decoration: underline;}
#navibarRight H2.Pnavi a:active{color: black;text-decoration: underline;}
#navibarRight H2.Pnavi a:hover{color: black;text-decoration: none;}
#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: Arial, Helvetica, sans-serif;font-weight: bold;color: #000000;width: 30px;}
#navibarRight #rightLift a{color: #216DA5;text-decoration: underline;}
#navibarRight #rightLift a:hover{color: #216DA5;text-decoration: none;}

/* Paivan kysymys */
#quiz h3{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: #CED7E7;text-decoration: none;}

/* 5. rivi: sivun footer. Sisaltaa mm. linkit tekstiversioon, linkin tulosta -toiminnallisuuteen jne */
#bottomstripe {background-color: #8496A5;height: 24px;vertical-align: middle;margin: 0px;padding: 0px;border-top: 1px solid #A8A8A8;border-bottom: 1px solid #A8A8A8;}
#bottomstripe p{margin-top: 0px;margin-right: 13px;margin-bottom: 0px;margin-left: 13px; color: black;}
#bottomstripe a{text-decoration: underline;color: black;}
#bottomstripe a:hover{text-decoration: none;color: #003399;}

/* 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 0px 17px; margin: 0px;}
#sitemap h2{font-weight: bold; color: #313031; margin: 3px;}
#sitemap ul{margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
#sitemap li{color: #000000; margin-top: 0px; margin-bottom: 0px; list-style-type: none;}
#sitemap .Ah2{color: #313031;text-decoration: underline;}
#sitemap .Ah2:hover{color: #313031;text-decoration: none;}

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

/* Valilehtien formaatti */
#flapContainer{margin-top: 10px;margin-right: 0px;margin-bottom: 20px;margin-left: 20px;}
#flapContainer h2{font-weight: bold;color: #000000;}
#flap{border: 2px solid #0B7DFA;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{padding-top: 2px;padding-bottom: 2px;vertical-align: top;}
#flapResults td{padding: 2px;background-color: #E0E0E0;}
#flapResults td.header{font-weight: bold;background-color: #DDDDDD;}

/* Tapahtumakalenteri */
#eventCalendar{	background-color: #C7C7C7;}
#eventCalendar td{color: #000000;text-align: center;background-color: #E0E0E0;}
#eventCalendar td.header1{font-weight: bold;color: #000000;background-color: #CED7E7;height: 25px;}
#eventCalendar td.header2{background-color: #000082;height: 20px; color: White;}
#eventCalendar td.today{background-color: #000082;}
#eventCalendar td.today a{font-weight: bold;color: white;}
#eventCalendar td.hasEvents{background-color: white;}
#eventCalendar td.inactiveday{background-color: #E0E0E0;background-image: url(tapahtumakalenteri_idle.gif);background-repeat: repeat;}