﻿/* Yleiset asetukset */
body {margin: 0px;padding: 0px;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 13px;background-color: #ADFE07;}
p {font-size: 13px; margin-left: 13px;margin-right: 13px;}
a{text-decoration: underline; color: #000000;}
a:visited{color:#000000;}
a:hover{text-decoration: none;color: #000000;}
.forBraille{display: none} /* Nama naytetaan ainoastaan braille-lukijoille, eli piilotetaan muilta */
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: 13px;}
li{max-width: 500px;}

/* 1 rivi: ylin keltainen raita. Ei muuta sisaltoa */
#topstripe {margin: 0px;padding: 0px;background-color: #B4FF18;height: 3px;}

/* 2. rivi, 1/3. sarake: sivuston logo ja linkki etusivulle */
#logo{margin: 0px;padding: 0px;height: 80px;width: 250px;}

/* 2. rivi, 2/3. sarake: sivuston otsikko ja sen korvaava kuva */
#pageingress{margin: 0px;padding: 0px;height: 80px; background-color: #CCFF62;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;margin-bottom: 0px;margin-top: 0px;background: #AEFF06;}
#haku p{margin-top:0px; margin-bottom: 0px;font-size: 13px;}
#haku a{font-size: 13px;}
#haku form{margin: 0px;padding: 0px;}

/* 3. rivi, 1/3. sarake: sisaltaa linkin verkkopalvelun ohjeeseen ja linkit kieliversioihin */
#languagestripe {background-color: #7CB508;height: 24px;width: 250px;vertical-align: middle;margin: 0px;padding: 0px;}
#languagestripe p{margin-top: 1px;margin-bottom: 1px;margin-left: 14px;}
#languagestripe a{text-decoration: underline;color: #000000;}
#languagestripe a:hover{text-decoration: none;color: #000000;}

/* 3. rivi, 2/3. sarake: sisaltaa etusivulla paivayksen ja nimipaivat, muilla sivuilla navipolun (leivanmurut) */
#navistripe {background-color: #7CB508;height: 24px;vertical-align: middle;}
#navistripe p{margin-top: 0px;margin-bottom: 0px;}
#navistripe a{text-decoration: underline;color: #000000;}
#navistripe a:hover{text-decoration: none;color: #000000;}

/* 3. rivi, 3/3. sarake: sisaltaa linkit tekstikoon muuttavaan toiminnallisuuteen */
#textsizestripe {background-color: #7CB508;height: 24px;width: 250px;vertical-align: middle;}
#textsizestripe p{padding: 0px;margin-top: 0px;margin-bottom: 0px;}
#textsizestripe a{text-decoration: underline;color: #000000;}
#textsizestripe a:hover{text-decoration: none;color: #000000;}

/* 4. rivi. 1/3. sarake: navigointi ja yhteystiedot + copyright */
#navibar{width: 250px;background-color: #AEFF06;}
#navibar .Pnavi {margin: 11px 0px 0px 12px;padding: 1px 0px 1px 13px;font: bold 13px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #000000;background: url(bullet_arrow_navi.gif) no-repeat 5px 5px;}
#navibar .PnaviSelected{padding: 2px 0px 2px 13px;font-weight: bold;background-image: url(navi_arrow.gif);background-repeat: no-repeat;background-position: left center;margin:0px;border-bottom: 3px solid #7CB508;text-transform: uppercase;}
#navibar a{color: #000000;text-decoration: none;}
#navibar a:hover{color: #000000;text-decoration: underline;}
#navibar .PnaviArticle{padding: 7px 0px 1px 25px;margin:0px;}/* Lisätty uusi luokka 24.5.2005 */
#copyright{background: url(copyBG.gif) no-repeat left top;height: 160px;width: 203px;margin: 20px;}
#copyright p{padding: 20px 0px 0px;padding-top: expression('0px');line-height: 14px;margin: 25px;}
#copyright a{color: #000000;text-decoration: underline;}
#copyright a:hover{color: #000000;text-decoration: none;}
#copyrightAddon{margin: 0px;text-align: center;}
/* organisaatiota varten testi */
#navibar H2.Pnavi {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFFFFF;margin: 0px;padding: 3px 0px 3px 13px;font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;color: #FFFFFF;background-color: #003399;}
#navibar H2.Pnavi a:link{color: #FFFFFF;text-decoration: underline;}
#navibar H2.Pnavi a:visited{color: #FFFFFF;text-decoration: underline;}
#navibar H2.Pnavi a:active{color: #FFFFFF;text-decoration: underline;}
#navibar H2.Pnavi a:hover{color: #FFFFFF;text-decoration: none;}


/* 4. rivi, 2/3. sarake: etusivun ja alatason koontisivun nostot */ 
#content{background-color:#FFFFFF;}
#content h1 {font-size: 20px;color: #000000;font-weight: bold;padding: 0px;margin: 0px 25px 5px 20px;max-width: 500px;clear: both;line-height: 20px;}
#content h1.noDate {font-size: 20px;color: #000000;font-weight: bold;padding: 0px;margin: 20px 25px 0px 20px;max-width: 500px;clear: both;line-height: 20px;}
#content h2 { font-size: 15px;color: #000000;font-weight: bold;padding: 0px;margin: 20px 25px 5px 20px;max-width: 500px;clear: both;line-height: 15px;}
#content h3 { font-size: 13px; color: #000000; font-weight: bold; padding: 0px; margin: 10px 25px 3px 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 a{color:#000000;text-decoration: underline;}
#content a:visited{color:#000000;text-decoration: underline;}
#content a:hover{color: #000000;text-decoration: none;}
#content .Pdate {font-weight: bold; color: #F75521; 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 5px 2px 18px;clear: both;}
#content p.back {font-weight: normal; padding: 0px; margin: 15px 25px 15px 20px; line-height: 15px;max-width: 500px;clear: both;}
#content p.getmore {margin-left: 50px !important;}/* lisätty 24.5.2005*/

/* Lisäys 24.3.2005 */
#content tr.rowHeader td{background-color:#d5d6d6;}
#content tr.row td{background-color:#eeeeee;}
#content tr.rowAlternate td{background-color:#f4f5f5;}

/* LISÄYS 13.12.2005, sisältötaulukko */
#content #contentTable {
	margin-left: 20px;
}

/* 4. rivi, 2/3. sarake: nosto*/
#lift h1 { font-size: 17px; color: #000000; font-weight: bold; padding: 0px; margin: 0px 13px 0px 15px;max-width:500px; line-height:18px;} 
#lift p { font-weight: normal; padding: 0px; margin: 0px 13px 0px 15px; line-height: 15px;max-width:500px}
#lift .Pdate {font-weight: bold; color: #F75521; margin: 12px 13px 0px 15px; padding: 0px; font-style: normal;max-width:500px}
#lift .TDreuna{border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #AEFF06;}
#lift .TDreuna img{margin: 12px;border: none;}
#lift .TDetusivunkuva{border-bottom-width: 1px; border-bottom-style: solid;border-bottom-color: #DDDDDD; background-color:#ffffff;}
#lift .TDetusivunkuva img{border: 0px}

/* 4. rivi, 2/3. sarake: listat */
#lists {padding: 10px 13px 0px 17px; margin: 0px;}
#lists h2{font-size: 13px; font-weight: bold; color: #F75521; margin: 3px;}
#lists ul{margin-top: 2px; margin-right: 0px; margin-bottom: 12px;}
#lists li{list-style-image: url(bullet_arrow.gif); font-size: 13px; color: #000000; margin-top: 0px; margin-bottom: 0px; list-style-type: none;}
#lists .Ah2{color: #F75521;text-decoration: underline;}
#lists .Ah2:hover{color: #F75521;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;}

/*Sisältöalueen taulukoiden tyylit, lisätty 25.2.2005*/
#content .TDleft{background-color:#EEEEEE;}
#content .TDright{background-color:#F4F5F5;}

/* 4. rivi 2/3 sarake: linkit artikkelien eri kieliversioihin (SM: 13.9.2004)*/
#contentArticleHack {text-align: right;margin: 4px 15px 4px 4px;max-width: 500px;}

/* 4. rivi, 3/3. sarake: Oikean palkin teema ja sen sisallot */
#themeright{background-color: #AEFF06;width: 250px;margin: 0px;padding: 0px;background-image: url(_esimerkkikuva.jpg);background-repeat: no-repeat;background-position: right top;}

/* lisatty 23.11.*/
#themeright h1 {font-size: 20px;color: #000000;font-weight: bold;}
#themeright h1.noDate {font-size: 20px;color: #000000;}
#themeright h2 {line-height: 13px;padding: 0px;margin-top: 12px;margin-right: 12px;margin-bottom: 4px;margin-left: 12px;font-size: 13px;font-weight: bold;}
#themeright h3 { font-size: 13px; color: #000000;}
#themeright p {line-height: 13px;padding: 0px;margin-top: 5px;margin-right: 8px;margin-bottom: 10px;margin-left: 4px;}
#themeright .Pdate {font-weight: bold; color: #F75521; }
#themeright .ingress {line-height: 13px;font-style: italic;font-weight: normal;}
#themeright .quote {color: #333333;line-height: 13px;font-style: italic;}
#themeright .lastupdate {font-style: italic; color: #333333;}
#themeright p.back {font-weight: normal;line-height: 15px;}
#themeright .Pnavi {margin: 0px;padding: 1px 0px 1px 13px;}


/* 5. rivi: sivun footer. Sisaltaa mm. linkit tekstiversioon, linkin tulosta -toiminnallisuuteen jne */
#bottomstripe {background-color: #7CB508;height: 24px;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: #000000;}

/* 6. rivi: nakymattomat yhteystiedot nakyvat ainoastaan tulostettaessa */
#hiddencontacts {display:none}

/* Sitemap */
#sitemap {padding: 10px 13px 0px 17px; margin: 0px;}
#sitemap h2{font-size: 13px; font-weight: bold; color: #F75221; 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: #F75221;text-decoration: underline;}
#sitemap .Ah2:hover{color: #F75221;text-decoration: none;}

/* Hakulistauksen spesialit */
#searchresults h2{color: #F75221;}
#searchresults .type{color: #009900;}
#searchresults ul{margin-top:5px; margin-bottom:5px;}
#searchresults p{max-width:1200px;}

/* Valilehtien formaatti, lisätty Fujitsun pyynnöstä 24.3.2005 */
#flapContainer{margin-top: 10px;margin-right: 0px;margin-bottom: 20px;margin-left: 20px;}
#flapContainer h2{font-size: 13px;font-weight: bold;color: #000000;}
#flap{border: 2px solid #7CB508;width: 450px; margin: 0 15px 0 0;padding-top: 10px;}
#flap H2{margin: 13px 13px 0px 15px;color:#000000;}
#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;}

/* appeja varten */
#flapApplication{border: 2px solid #FFCC33; margin-right:13px; margin-bottom: 20px;}
#flapApplication H2{margin: 13px 13px 0px 15px;color:#003399;}
#flapApplication table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flapApplication td{font-size: 13px;padding-top: 2px;padding-bottom: 2px;vertical-align: top;}

#application table{margin-bottom: 13px;margin-left: 20px;margin-top: 0px;margin-right: 13px;}

/* Turun uusi haku, Mathias 27.6.2007 */
#flapSearchResults {border: 2px solid #FFCC33; margin-right:13px;}
#flapSearchResults H2{margin: 13px 13px 0px 15px;color:#003399;}
#flapSearchResults table{margin-bottom: 13px;margin-left: 13px;margin-top: 0px;margin-right: 13px;}
#flapSearchResults td{font-size: 13px; padding-top: 5px; padding-bottom: 10px; vertical-align: top;}

#SearchNoResults {font-size:14px; font-weight:bold; color:#FF0000;}

#flapResults td{font-size: 13px;padding: 2px;background-color: #F4F5F5;}
#flapResults td.header{font-weight: bold;background-color: #DDDDDD;}
/* LISÄYS 24.03.2005, välilehdet */
#flapTopTable .currentOpen{background: url(valilehti_vasen_0.gif) no-repeat right top;}
#flapTopTable .currentMiddle{background-color: #7CB508;}
#flapTopTable .currentClose{background: url(valilehti_vasen_1.gif) no-repeat left top;}
#flapTopTable .inactiveOpen{background: url(valilehti_oikea_0.gif) no-repeat right top;}
#flapTopTable .inactiveMiddle{background-color: #AEFF06;}
#flapTopTable .inactiveClose{background: url(valilehti_oikea_1.gif) no-repeat left top;}

/* Gallery */
table.gallery{
	margin: 20px 20px 10px 20px;
}
table.gallery td{
	width: 20%;
	padding: 7px;
	font-size: 13px;
	color: #999999;
	background-color:#F0F0F0;
	text-align: left;
}
