/* Sivusto
----------------------------------------------- */
html, body{ 
 margin:10; 
 padding:0;
 background-color:#E7E3E3;
 } 

#sivuleveys{ 
 width:99%; 
 margin:0;
 border:1px solid #000000;
 background-color:#fff;
} 
 
#otsikko{ 
 height:111px; 
 width:100%; 
 margin:0px;
 background-image: url('../layout/ylakuva.jpg');
 background-repeat: no-repeat;
 text-align:left; background-color:#103C7B
 } 
 
#vasensar{
 width:260px; 
 float:left; 
 position:relative; 
 margin-left:-260px; 
 margin-right:0px;
 }
 
#ulko{ 
 border:solid black 0px; 
  /*/*/ border-left-width: 260px ;  /* vasemman sarakkeen leveys. NN4 piilottaa reunukset */ 
border-left-color: #FFFFFF;   /* vasemman sarakkeen väri */ 
border-left-style: solid; 
 /*/*/ border-right-width: 0px; /* oikean sarakkeen leveys. NN4 piilottaa reunukset */ 
border-right-color: #FFFFFF;  /* oikean sarakkeen väri */ 
border-right-style: solid; 
  background-color: #FFFFFF; /* keskisarakkeen väri */ 
width: auto; 
 } 
 
#ulko2{ 
 border:solid black 0px; 
  /*/*/ border-left-width: 260px ;  /* vasemman sarakkeen leveys. NN4 piilottaa reunukset */ 
border-left-color: #FFFFFF;   /* vasemman sarakkeen väri */ 
border-left-style: solid; 
 /*/*/ border-right-width: 135px; /* oikean sarakkeen leveys. NN4 piilottaa reunukset */ 
border-right-color: #FFFFFF;  /* oikean sarakkeen väri */ 
border-right-style: solid; 
  background-color: #FFFFFF; /* keskisarakkeen väri */ 
width: auto; 
 } 

 
#oikeasar{
 /*/*/ width:135px; /* pitää NN4 oikean sarakkeen oikealla? */ 
 float:right; 
position:relative; 
  margin-right:-135px; 
 margin-left:1px; 
} 
 
#alaosa{
 height:60px; 
 width:100%; 
 font-size: 12px;
 font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; 
 color:#999999;
 text-align:center;
 background-color:#ffffff;
} 
 
#sisa{margin:0; width:100%;}
 
#paasar{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px;
 text-align:left; 
 }
 
#ulko>#sisa { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.sisalto{padding:0px;} 
.paasisalto{padding:15px;}

.kuvatxt {
 color:#5F5D5D; 
 font-size: 11px; 
 line-height: 1px; 
 font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; 
 padding: 3px;
 }

#otsikko .sisalto{padding-bottom:0;} /* 0-arvolla poistetaan tila pois pohjalta IE5 Macilla*/ 
 
 /*printer styles*/ 
@media print{ 
/*vasen sarake pois tulosteesta*/
#vasensar{display:none;} 
#ulko{border-left:0;} 

/*oikea sarake pois tulosteesta*/
#oikeasar{display:none;} 
#ulko{border-right:0;} 
}

.varjoalue {
			position: relative;
			background: url('../layout/varjovaalea.gif');
			margin:0;
			width: 100%;
			}
			
.varjosisalto, .varjosisalto2 {
			position: relative;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		    font:Verdana, Arial, Helvetica, sans-serif;
			padding: 4px; 
			top: -5px; /* these two define the shadow 'offset'*/
			left: -5px; /*...*/
			background: #FFFFFF;
			color:#5F5D5D;
			border: 1px solid #2E595C
			}
			
.varjosisalto h4{margin-top: 3px;}
				
.varjosisalto x{font-size:16px;	margin: 15px;}

.varjosisalto p{margin:15px 15px 15px 15px; text-align:left; font-size:14px;}

.clearboth { clear: both; }

.varjoalueensijainti {background: url('../layout/varjovaalea.gif');
			position: relative; /*IE needs this to show float properly*/
			float: left; margin-left:10px; margin-right:0px; margin-top:5px; margin-bottom:5px;
			text-align: center;
			}
			
.varjoalueensijainti2 {background: url('../layout/varjovaalea.gif');
			position: relative; /*IE needs this to show float properly*/
			float: left; margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px;
			text-align: center;
			width: 160px;
			color:#202020; 
 			font-size: 80%; 
 			font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; 
			}
.kiitosteksti {background: url('../layout/varjovaalea.gif');
			position: relative; /*IE needs this to show float properly*/
			float: left; margin-left:8%; margin-right:15px; margin-top:15px; margin-bottom:15px;
			text-align: center;
			width: 450px;
			color:#202020; 
 			font-size: 80%; 
 			font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; 
			}
			
 a, a:link, a:visited {color:#06c; text-decoration:none;}
 a:hover {color:#B9B9B9;}

 a.uline, a.uline:visited {text-decoration:underline; font-weight:bold;}
 a.uline:hover {text-decoration:none;}

 ul.horizontal {margin: 10px 10px auto auto; list-style-type:none; text-align:center;}
 
 ul.horizontal li {
 margin:0; font-size:1.3em; 
 display:inline; 
 color:#857F7F; letter-spacing:-0.05em; 
 text-align:center; font-family:"verdana", trebuchet, arial, sans-serif; font-size:67%;
 font-weight:bold;
 }