body{ font-size: 12px; color: #f3cbaf; font-family: verdana, arial; background-color: #fff; background-image: url(i/tausta.gif); text-align: left; width: 100%; margin: 0; padding: 0; height: 100%; }



.h1{ color: #a75424; font-size: 28px; font-weight: bold; }





/* TAUSTAN M??RITYKSET */
.kaikki  { position: absolute; top: 0; left: 0; height: 90px; width: 100px; padding: 0; margin: 0; z-index: 1; overflow: visible; }
#tausta  { background-image: url(i/layoutksn.jpg); text-align: left; position: absolute; height: 800px; width: 900px; margin: auto; z-index: 1; }
.iso_rivivali{
line-height: 150%;
font-size: 30px;

}




a:link{text-decoration: none; font-weight: bold; color: #fadecf;}
a:visited{text-decoration: none; font-weight: bold; color: #fadecf;}
a:active{text-decoration: none; font-weight: bold; color: #fff;}
a:hover{text-decoration: underline; font-weight: bold; color: #fff;}
#tekstit { font-size: 11px; line-height: 2em; letter-spacing: 0.1em; position: absolute; top: 390px; left: 105px; width: 400px; height: 300px; z-index: 3; overflow: hidden; }

#lomake { font-size: 10px; color: #f3cbaf; background-color: #3a2019; border: solid 1px #3a2019; display: block; }


#tekstit2 { font-size: 11px; line-height: 2em; letter-spacing: 0.1em; position: absolute; top: 390px; left: 105px; width: 600px; height: 300px; z-index: 3; overflow: hidden; }

#uutiset { font-size: 10px; position: absolute; top: 390px; left: 540px; width: 260px; height: 300px; z-index: 3; overflow: auto; padding-right: 10px; }
#uutiset2 { font-size: 10px; position: absolute; top: 390px; left: 500px; width: 300px; height: 300px; z-index: 3; overflow: auto; padding-right: 10px; }
.subj { color: #d6d6d6; font-size: 10px; font-weight: bold; }
.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: 720px; 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: #fff; font-size: 12px; top: 180px; left: 100px;  margin: 0; padding: 0; width: 500px; height: 40px; text-decoration: none; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 2px; 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: #fff; font-weight: normal; text-decoration: none; height: 27px; float: left; margin: 0; padding: 10px 15px 5px; display: inline; }
#valikot a:hover { color: #fff; background-color: transparent; background-image: url(i/taustatum.gif); text-decoration: none; float: left; margin: 0; padding: 10px 15px 0; display: inline; }