<style type="text/css">
<!--
html,body{margin:0;padding:0}

body{font: 90% arial,sans-serif,helvetica; 
background-image:url('kuvat/ww_pohja3.png');
background-repeat:repeat-x;
}

p{margin:0px 0px 8px 0px; }



div#tausta{ width: 770px; 
background:#e1e8e2; 
border: 1px solid #999; 
padding:15px 10px 5px 10px; 
margin:30px auto 0px 30px;
}  

div#tausta p {font-style:italic; text-align:center;  color: #000; font-size: 12px; font-weight: normal}

.kurs:link	{ color: #000; font-family:arial,helvetica,sans-serif; font-size:10px; font-style:italic; text-decoration:none;}
.kurs:hover	{ color: #0080FF; font-family:arial,helvetica,sans-serif; font-size:10px; font-style:italic; text-decoration:none;}
.kurs:active	{ color: #FF5B0D; font-family:arial,helvetica,sans-serif; font-size:10px;text-decoration:none;}
.kurs:visited	{ color: #FF5B0D; font-family:arial,helvetica,sans-serif; font-size:10px;text-decoration:none;}

div#header{height:90px; background: #fff; background:no-repeat url("kuvat/ylareuna.png") }
div#ylanavi {height:30;  border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 1px 5px 6px }
div#ylanavi p {text-align:left; margin:0px 0px 2px 2px}
div#ylanavi object {width:100%}
div#ylanavi h1{color: #999; text-align:center; font-size:20px; font-style:normal;}
.ynavi:link {color:#FF5B0D; font-size:14px; text-decoration:none;  }
.ynavi:hover {font-size:14px; color:#0080FF; font-style:italic;  }
.ynavi:active {color:#FF5B0D; font-size:14px; text-decoration:none;  }
.ynavi:visited {color:#FF5B0D; font-size:14px; text-decoration:none;  }

div#container{text-align:left;  background: #fff; margin:0px auto 0px auto; }

div#content{background-color:#e9e2cf;  min-height:500px; margin-bottom:10px;padding:10px 10px 10px 10px}
div#content2{background-color:#88A0AC;  min-height:500px; margin-bottom:10px;padding:10px 10px 10px 10px}
/*.torsot {background:no-repeat url("kropat.swf")}*/


div#lasku{ background:#fff; min-height:360px; border:1px solid #999;padding:10px 10px 10px 10px}
div#ruoka{ border-bottom:1px solid #999; border-top:1px solid #999; margin:5px 0px 5px 0px; padding:0px 0px 6px 0px}

div#content h1{color: #FF5B0D; text-align:center; font-size:20px; font-style:normal;}
div#content h2{color: #FF5B0D; text-align:center; margin-top:520px; margin-bottom:30px; font-size:20px; font-style:normal}
div#content h3{color: #000; margin-top:25px; margin-bottom:3px; text-align:left; font-size:16px; font-style:normal}
div#content h4{color: #000; margin-top:3px; margin-bottom:3px; text-align:left; font-size:16px; font-style:normal}
div#content p{line-height:1.4; text-align:left; color: #000; font-size:14px; font-style:normal; }



.content:link {color:#FF5B0D; font-size:14px; text-decoration:none;  }
.content:hover {font-size:14px; color:#0080FF; font-style:italic;  }
.content:active {color:#FF5B0D; font-size:14px; text-decoration:none;  }
.content:visited {color:#FF5B0D; font-size:14px; text-decoration:none;  }

div#otsikot { width:410px; height:100%; border: 1px solid #999; margin:0px; padding:10px 10px 10px 10px}
div#otsikot p{line-height:1.4; text-align:left; color: #000; font-size:11px; font-style:normal; }

div#navigation{background:no-repeat url('kuvat/kurva_v.png'); height:620px; }

.navigation a {float:left; width:100%; text-decoration:none; color:#FF5B0D; padding: 3px 0  3px;}
.navigation a:hover {background-color:#e1e8e2; font-style:italic; color:#0080FF;}

div#navi {width:100%; margin-bottom: 4px; margin-top: 4px;}
div#navi2 {width:100%; background:#e1e8e2; border-bottom: 1px solid #999; margin-bottom: 4px; }



div#extra{background:no-repeat url('kuvat/kurva_o.png'); min-height:600px;}
div#extra li {color: #000; font-size: 12px; font-weight: normal; font-style:italic; text-align:right; margin:5px 0px 5px 20px}
div#extra p {color: #000; font-size: 12px; font-weight: normal; font-style:italic;text-align:right; margin:10px 0px 9px 20px}

.extra:link	    { color: #FF5B0D; font-family:arial,helvetica,sans-serif; font-size:14px;text-decoration:none;}
.extra:hover	{ color: #0080FF; font-family:arial,helvetica,sans-serif; font-size:14px; font-style:italic; text-decoration:none;}
.extra:active	{ color: #FF5B0D; font-family:arial,helvetica,sans-serif; font-size:14px;text-decoration:none;}
.extra:visited	{ color: #FF5B0D; font-family:arial,helvetica,sans-serif; font-size:14px;text-decoration:none;}

div#extra h1.toisto{visibility:hidden;}

div#extra h2{color: #FF5B0D; margin-top:12px; margin-bottom:3px; text-align:right; font-size:16px; font-style:normal}
div.img{ height:175px; padding:0px 0px 0px 10px }
div.img2{ height:140px; width:auto; float:right; }
div.img3{ height:374px; padding:0px 0px 0px 0px }
div.img4{ height:32px; padding:0px 0px 0px 0px }


div#footer{ border-top: 1px solid #999; padding:  6px 0px 6px 0px; background: no-repeat url("kuvat/alareuna.png") bottom;}
div#footer p{ font-style:italic; text-align:center;  color: #838FAB; font-size: 12px; font-weight: normal }
	 
div#container{width:750px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px; z-index:2;}
div#content2{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-750px; z-index:200;}
div#extra{float:left; width:150px; margin-left:-150px; }
div#footer{clear:left; height:60; width:100%; }

div#mainos{position:absolute; top:30px; height:900px; width:160px;  left:840px; 
border:solid 0px #FF7837; z-index:9}

div#nimi { width:770px; 
text-align:left;
font-family:arial,helvetica,sans-serif; 
font-style:italic; font-size:10px; 
color: #000;
margin:2px auto 30px 30px;
 }

.orteksti {font-family:arial,helvetica,sans-serif; font-style:italic; font-size:16px; color: #FF5B0D}
.orteks {font-family:arial,helvetica,sans-serif; font-style:normal; font-size:11px; color: #FF5B0D}
.oranssi {font-family:arial,helvetica,sans-serif; font-size:14px; color: #FF5B0D}
 
.error {width: 200px; font-family:arial,helvetica,sans-serif; font-size:14px; color: #FF5B0D; background:#e1e8e2; 
border: 1px solid #999; padding:10px 10px 10px 10px; }
  
 .lomake { font-family:arial,helvetica,sans-serif; font-size:12px; color: #000 ; 
border-bottom: 1px solid #FF8040; padding:1px 0px 0p 5px; } 
   
.lomake_ots { font-family:arial,helvetica,sans-serif; font-size:12px; color: #FF8040 ; 
border-bottom: 1px solid #FF8040; padding:1px 0px 0p 5px; } 
  
.kurs2 {font-family:arial,helvetica,sans-serif; font-style:italic; font-size:10px; color: #000}
.kursharmaa {font-family:arial,helvetica,sans-serif; font-style:italic; font-size:12px; color: #838FAB}

table.yla{table-layout:auto}

.laatikko{background-color:#e1e8e2; }

.lasku{
border-color:#DADADA;
border-style:solid;
border-width:1px;
font-family : Arial, Helvetica, sans-serif;
font-weight:light; 
font-size:10pt; 
}

-->
</style>