/* BODYN SÄÄNNÖT */

body{
    font-family: Verdana, Geneva, sans-serif;
    font-size:10pt;
    line-height:13pt;
    color:black;
    margin-top:15px;
    margin-bottom:15px;
    background-image:url(systeemi-grafiikka/body-background.jpg);
    background-repeat:repeat-x;
    background-color:#483C32;
    overflow:-moz-scrollbars-vertical;

}

/* PERUS SÄÄDÖT */

a:link {color: green; text-decoration:underline}
a:visited {color: green; text-decoration:underline}
a:hover {color:black; text-decoration:none}
a:active {color:black; text-decoration:none}

hr{color: #c1ccba;background-color:#c1ccba;height: 1px; border:0;}

p {padding-top:0;padding-left:5px; padding-right:5px; margin-bottom:1em;}

h1 {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 36pt;
    padding-bottom:0.2em;
    padding-left:5px;
}  

h2 {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 13pt;
    padding-top:0.5em;
    margin-bottom:1em;
    padding-bottom:2px;
    padding-left:0px;
    border-bottom:1px dashed #a9b3a3;
    color:#334018;
    text-align:left;
}  

h3 {   
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 14pt;
    padding-bottom:0.2em;
    padding-left:5px;
    margin-top:10px;
    width:885px;
    background-color:#eff4eb;
    text-align:center;
    padding-top:5px;
    padding-bottom:9px;
}  

.uroslista {   
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 14pt;
    margin-top:10px;
    width:99%;
    background-color:#eff4eb;
    text-align:center;
    padding-top:5px;
    padding-bottom:9px;
} 


h4 {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 10pt;
    padding-left:2px;
    padding-bottom:0.5em;
}  

h5 {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    margin-top:10px;
    font-size: 14pt;
    height:21px;
    width:540px;
    padding-left:5px;
    float:left;
    background-image:url(systeemi-grafiikka/h-bg.png); background-repeat:no-repeat;
}  

.kaksirivinen{
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    margin-top:10px;
	margin-bottom: 20px;
    font-size: 14pt;
    height:21px;
    width:540px;
    padding-left:5px;
    float:left;
    background-image:url(systeemi-grafiikka/h-bg.png); background-repeat:no-repeat;
}  


h5.tayslevea {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    margin-top:10px;
    font-size: 14pt;
    height:21px;
    width:885px;
    padding-left:5px;
    float:left;
    background-image:url(systeemi-grafiikka/h-bg.png); background-repeat:repeat-x;
}

h6 {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 12pt;
    height:21px;
    width:330px;
    background-image:url(systeemi-grafiikka/h-bg.png); background-repeat:no-repeat;
    padding-left:5px;
    margin-left:10px;
    float:left;
    margin-top:10px;
}  

/* ID CONTAINERIT */

#containerTop{
    margin:0 auto;
    width:925px;
    height:14px;
    background-image:url(systeemi-grafiikka/container-top.png);
    background-repeat:no-repeat;
}

#container{
    margin:0 auto;
    width:925px;
    background-image:url(systeemi-grafiikka/container-background.png);
    background-repeat:repeat-y;
}

#containerSitemap{
    margin:0 auto;
    width:925px;
    padding:0;
    background-image:url(systeemi-grafiikka/container-background.png);
    background-repeat:repeat-y;
    text-align:center;
}

#menuStyle{
    width:890px;
    margin:0 auto;
    height:21px;
    /*background-color:red;*/
    -moz-border-radius:4px;
}


#containerBottom{
    margin:0 auto;
    width:925px;
    height:14px;
    background-image:url(systeemi-grafiikka/container-bottom.png);
    background-repeat:no-repeat;
}

#logo{
    margin:0 auto;
    width:890px;
    padding-top:5px;
    height:207px;
}

#logo .kuva{
    position:relative;
    margin:0 auto;
    width:890px;
    height:190px;
    border:0px solid black;
    background-image:url(systeemi-grafiikka/logo-1.jpg);
    background-repeat:repeat-x;
}

#logo .kuvaMask{
    width:890px;
    height:190px;
    border:0px;
    background-image:url(systeemi-grafiikka/logo-pyoristysmaski.png);
    background-repeat:repeat-x;
}

#logo .yhdistysTeksti{
    width:890px;
    height:60px;
    border:0px;
    background-image:url(systeemi-grafiikka/yhdistys-teksti.png);
    background-repeat:repeat-x;
    position:absolute;
    bottom:-30px;
    right:0px;
}

#logo img.logo{
    position:absolute;
    bottom:-30px;
    right:0px;
}


#content{
    margin:0 auto;
    width:890px;
    padding-top:5px;
    color:#334018;
}

#content .tiedotteet{
    float:left;
    width:325px;
    margin:0;
    margin-left:10px;
    background-color:#d9e5d1;padding:5px;
    background-image:url(systeemi-grafiikka/leipis-background.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    padding-bottom:25px;
}

#content .leipisTayslevea{
    float:left; width:880px;
    background-color:#d9e5d1;
    padding:5px;
    margin-bottom:5px;
    padding-bottom:15px;
    background-image:url(systeemi-grafiikka/leipis-background.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
}

#content .leipis{
    float:left;
    width:535px;
    background-color:#d9e5d1;
    padding:5px;
    margin-bottom:5px;
    padding-bottom:15px;
    background-image:url(systeemi-grafiikka/leipis-background.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
}

#content .leipis img{
    border:1px solid green;
    padding:0;
    margin:0;
}

#content .tiedotteet li{margin-left:0px; margin-bottom:0px;}

#content .valokuvaOtsikko{
    float:left;
    width:333px;
    margin-top:10px;
    margin-bottom:0;
    padding:0;
    margin-left:10px;
}

#content .tiedotteet img{
    border:1px solid green;
    margin-bottom:5px;
    margin-top:5px;
}

#content ol{padding-left:5px; padding-right:5px; padding-bottom:1em;}
#content ul{padding-left:5px; padding-right:5px; list-style-type:circle; padding-bottom:1em;}
#content li{margin-left:20px; margin-bottom:0.5em;}


#leipisContainer{
    width:545px;
    float:left;
}

#tiedoteContainer {
    width:343px;
    float:left;
}

#sitemap{
    margin:0 auto;
    width:890px;
    padding:0;
    padding-top:5px;
    background-image:url(systeemi-grafiikka/sitemap-background.png);
    background-position:bottom;
    background-repeat:repeat-x;
    font-family:tahoma,sans-serif;
    font-size:85%;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding-bottom:1px;
    text-decoration:none;
    text-transform:uppercase;
    background-color:#d9e5d1;
    text-align:left;
}

#sitemap h4 {
    font-size:125%;
    font-weight:bold;
    letter-spacing:-0.02em;
    padding-left:0.5em;
    text-transform:none;
    padding-bottom:5px;
}

#boksi_vas { 
	width: 33%; 
	border: solid  #c1ccba;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px 0px 0px 0px;
	float: left
}
#boksi_keski { 
	width: 46%; 
	border: solid  #c1ccba;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px 0px 0px 0px;	
	float: left
}
#boksi_oik { 
	width: 20%;
	border: solid  #c1ccba;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0px 0px 0px 0px;
	float: left
}

#uros {
	width: 96%;
	border: solid  #c1ccba;
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	margin-top: 50px;
	height: 330px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;
}


#uroskuva {
	width:166px; 
	height:166px;
	border: solid  #c1ccba;

}


#sitemap ul {list-style:none; margin-left:2em;}
#sitemap li {margin:0; padding:0;  padding-bottom:0.5em;}

#sitemap .karttaAlue{
    float:left;
    width:177px;
    margin-bottom:0em;
    border-right:1px dashed #cdd9c6;
}

#sitemap .borderPois{border:0px;}

#sitemap li.aktivoitu{list-style:disc; color:black;} 
#sitemap .activeMapSpan {color:black;}















/* CLASSEJA */

.osoiteKorostus{
    margin-bottom:10px;
    border:1px dashed green;
    padding:5px;
    width:250px;
    float:left;
    background-image:url(systeemi-grafiikka/korotus-up.png);
    background-repeat:repeat-x;
}

.vasenMrg10{margin-left:10px;}
.puhdista{clear:both;}

.kuvaaja{
    font-size:8pt;
    padding:0;
    background-color:#ebf1e6;
    margin-top:-4px;
    border-bottom:1px solid green;
    border-left:1px solid green;
    border-right:1px solid green;
    text-align:center;
}

.kuvaajaTiedotteet{
    font-size:8pt;
    padding:0;
    background-color:#ebf1e6;
    margin-top:-9px;
    border-bottom:1px solid green;
    border-left:1px solid green;
    border-right:1px solid green;
    text-align:center;
}


/* ERI VÄREJÄ */

.red{color:red;}
.tummavihrea{color:#006600;}
.taustaVaalea{background-color:#ebf1e6;}
.taustaValkoinen{background-color:#ebf2e6;} /* tämä ei kyllä ole valkoinen, mutta antaa mennä */ 

.taustaVaalea100{
	background-color:#ebf1e6;
	height: 100px;
	}





.affected {
	background-color:#cd4f39;
	color: black;
}
.carrier{background-color:#ffff99;}
.clear{background-color:#ccff66;}
.normal{background-color:#ccff66;}
/*.taustaVihreaHarmaa{background-color:#dfe6da;}
.taustaVihreaHarmaaVaalea{background-color:#d2d9ce;}*/

.lightGradient{
    background-image:url(systeemi-grafiikka/luonnetesti-selitykset.png);
    background-repeat:repeat-x;
}

.darkGradient{
    background-image:url(systeemi-grafiikka/luonnetesti-selitykset-mouseover.png);
    background-repeat:repeat-x;
}

/* TABLE KAMAA */

.tekstiKeskelle{text-align:center;}
.tekstiVasemalle{text-align:left;}



table{
    width:100%;
    border:1px solid black;
    border-collapse:collapse;
    padding:4px;
    margin-bottom:1em;
}




td{border:1px solid black; padding:5px;}
th{border:1px solid black; padding:5px;}

table.valiot, table.ilmoitukset, table.ilmoituksetType2 {
    width:100%;
    border:1px solid black;
    border-collapse:collapse;
    padding:4px;
    margin-bottom:1em;
}

table.valiot td{border:1px solid #c1ccba; padding:5px;}
table.valiot th{border:1px solid #c1ccba; padding:5px;}

table.ilmoituksetType2 td{border:1px solid #c1ccba; padding:5px;}
table.ilmoituksetType2 th{border:1px solid #c1ccba; padding:5px;}

table.ilmoitukset td{border:1px solid #c1ccba; padding:5px;}
table.ilmoitukset th{border:1px solid #c1ccba; padding:5px;}
table.ilmoitukset tr{
    background-image:url(systeemi-grafiikka/luonnetesti-selitykset.png);
    background-repeat:repeat-x;
}

table.ilmoitukset tr:hover{
    background-image:url(systeemi-grafiikka/luonnetesti-selitykset-mouseover.png);
    background-repeat:repeat-x;
}

table.luonneTestitSelitykset td{
    border:1px solid #c1ccba;
    padding:5px;
    background-image:url(systeemi-grafiikka/luonnetesti-selitykset.png);
    background-repeat:repeat-x;
    vertical-align:top;
}
table.luonneTestitSelitykset th{border:1px solid #c1ccba; padding:5px;
}

table.valiot tr:hover{background-color:#d0dbc8;}

table.luonneTestitSelitykset td:hover{
    background-color:#d0dbc8;
    background-image:url(systeemi-grafiikka/luonnetesti-selitykset-mouseover.png);
    background-repeat:repeat-x;
}

.noborder{border:0px solid white;}
.borderLeft{border-left:1px dashed green;}

/*   TOOLTIPS valiot yms paikkoihin joissa tarvitsee mouseover kuvaa.  */

a.tooltip:hover {
    background-color:#d0dbc8;
    text-decoration:none;
} /*background-color pakollinen IE6:sta varten */

a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:17em;
    margin-top:-20px;
}

a.tooltip:hover span{
    display:inline;
    position:absolute;
    background-color:#ffffff;
    border:1px solid #cccccc;
    color:#6c6c6c;
}

.fontsize8 p{font-size:8pt; padding-bottom:3px; margin:0;}

/* KUVAN RANDOMOIJAAN */

.randomkuva{
    padding:0;
    margin:0;
    margin-top:5px;
}

.randomP{
    padding:0;
    padding-top:2px;
    padding-left:0px;
    font-size:8pt;
    margin:0 auto;
    width:315px;
    border-bottom:1px solid green;
    border-left:1px solid green;
    border-right:1px solid green;
    background-color:#ebf1e6;
    margin-bottom:5px;
    margin-top:-9px;
    text-align:center;
}

/* ETUSIVUN BANNERIT */

img.infokuva{margin:0; border:0px solid black;padding:0;margin-bottom:-4px;}

/* sitemapkuva fix*/

.fixSitemapMargin{padding:0px; margin:0 auto; margin-bottom:-4px;}

/* muita fixejä HUOM. IE6 fixit: ie.css tiedostossa */

ol.oikealleEnemman{margin-left:9px;}