body{ font-size: 12px; color: #5a3d1c; font-family: verdana, arial; background-color: #fff; background-image: url(i/tausta.gif); text-align: left; width: 100%; margin: 0; padding: 0; height: 100%; }
/* TAUSTAN M??RITYKSET */
#tausta  { background-image: url(i/layoutkuokkala.jpg); text-align: left; position: absolute; left: 100px; height: 780px; width: 930px; margin: auto; z-index: 1; }
.iso_rivivali{
line-height: 150%;
font-size: 30px;

}




a:link{text-decoration: none; font-weight: bold; color: #6b2b00;}
a:visited{text-decoration: none; font-weight: bold; color: #6b2b00;}
a:active{text-decoration: none; font-weight: bold; color: #6b2b00;}
a:hover{text-decoration: underline; font-weight: bold; color: #5a3d1c;}
#h1{ color: #5a3d1c; font-size: 36px; font-weight: bold; position: absolute; top: 230px; left: 75px; }
#tekstit { font-size: 11px; line-height: 1.5em; position: absolute; top: 280px; left: 105px; width: 450px; height: 455px; padding-right: 10px; z-index: 3; overflow: auto; }

#tekstit ul { font-size: 10px; line-height: 1.5em;  }

.kehys { border: solid 1px #d4c3b4; background-color: #f6eadf; padding: 5px; }

.kehykset { border: solid 1px #d4c3b4; background-color: #f6eadf; padding: 5px; width:175px; }

#lomake { font-size: 10px; color: #333333; background-color: #eeeeee; border: solid 1px #cccccc; display: block; }




#uutiset { color: #883b08; font-size: 10px; position: absolute; top: 250px; left: 595px; width: 230px; height: 265px; z-index: 3; overflow: auto; padding-right: 10px; }
#uutiset2 { font-size: 10px; position: absolute; top: 390px; left: 500px; width: 300px; height: 255px; z-index: 3; overflow: auto; padding-right: 10px; }
.subj { color: #d6d6d6; font-size: 10px; font-weight: bold; }
.tot { color: #883b08; font-size: 14px; font-weight: bold; letter-spacing: 1px;}
.norm { color: #caddff; font-size: 10px; }
.val2 { font-size: 12px; }
#tilaa { position: absolute; top: 560px; left: 60px; width: 300px; height: 150px; z-index: 4; }
#design { position: absolute; top: 700px; left: 710px; width: 170px; height: 50px; z-index: 4;}

.ot { color: #ffffd8; font-size: 24px; font-weight: bold; }
.vanhat { color: #9a9a9a; }
#valikot { position: absolute; float: left; color: #5a3d1c; font-size: 12px; top: 105px; left: 70px;  margin: 0; padding: 0; width: 400px; height: 40px; text-decoration: none; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 2; }
#valikot ul { margin: 0; padding: 0; }
#valikot li { float: left; margin: 0; padding: 0 0 0; list-style-type: none; }
#valikot a { color: #5a3d1c; font-weight: bold; text-decoration: none; height: 27px; float: left; margin: 0; padding: 10px 15px 5px; display: inline; }
#valikot a:hover { color: #5a3d1c; background-image: url(i/taustatum.gif); text-decoration: none; float: left; margin: 0; padding: 10px 15px 0; display: inline; }