body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; margin: 0px; padding: 0px; text-align: center; }
DIV.ohje { color: #696969; font-weight: bold; font-size: 12px; }
DIV.tieto { color: Black; font-weight: normal; font-size: 12px;}
div.wlinkki { display: inline; background-color: #ccf; text-align: center; padding: 0px 5px 0px 5px; }
td#otsltxt { font-weight: bold; font-size: 9px; text-align: center; padding-top: 4px; }
h2#hdrots { display: inline; letter-spacing: -2px; font-size: 29px; line-height: 29px; text-align: center; }
h3#hdrots2 { display: inline; font-weight: normal; font-size: 18px; line-height: 20px; text-align: center; }
#err { color: #a00; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
#pikkuvalikko { width: 140px; display: block; text-align: center; margin-left: auto; margin-right: auto; }
.pvalikko { width: 138px; height: 18px; display: block; background-color: #ccf; text-align: center; border: 1px solid black; }
.pvalikko2 { width: 138px; height: 18px; display: block; background-color: #ccf; text-align: center; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; }
p { text-align: justify; }
#container { width: 740px; border: 1px solid; text-align: left; margin: auto; background-image: url(gfx/tausta.gif); background-repeat: no-repeat; background-position: 250px 190px; }
#paavalikko { width: 353px; height: 383px; display: block; text-align: center; margin-left: auto; margin-right: auto; }
#printti { width: 740px; border: 1px solid; text-align: left; margin: auto; }
#header1 { margin: 0px; padding: 0px; }
#hdpic { display: block; }
#sitemenu { float: left; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; width: 100%; background-image: url(gfx/vtausta.jpg); background-repeat: no-repeat; }
#menuitemleft { padding: 3px 0px 3px 0px; float: left; width: 50px; }
.menuitem { padding: 3px 20px 3px 20px; float: left; border-left: 0px; border-right: 0px; text-transform: uppercase; }
.menuitem a { text-transform: uppercase; display: block; }
.menuitem2 { padding: 3px 4px 3px 4px; float: left; border-left: 0px; border-right: 0px; font-size: 80%; text-transform: uppercase; }
.menuitem2 a { text-transform: uppercase; display: block; }
#menuitemright { float: right; padding: 3px 0px 3px 0px; width: 153px; background-image: url(gfx/vrtausta.gif); background-repeat: no-repeat; background-position: 100% 100%; }
#thisweek { width: 140px; float: left; clear: left; margin: 5px 0px 0px 5px; }
#thisweek2 { width: 200px; float: left; clear: left; margin: 5px 4px 0px 5px; }
#sivubt { width: 140px; float: left; clear: left; margin: 5px 0px 0px 5px; }
#iviikko { text-align: left; }
#weekheader { height: 86px; text-align: center; text-transform: uppercase; background-image: url(gfx/wbt.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#kpl { font-size: 75%; line-height: 100%; font-weight: bold; }
#weekhap { font-size: 75%; line-height: 100%; text-align: left; padding-left: 10px; padding-right: 15px; background-image: url(gfx/wbm.jpg); background-repeat: repeat-y; background-position: 0px 0px; }
#weekbot { height: 66px; text-align: center; text-transform: uppercase; background-image: url(gfx/wbb.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#stuff { padding: 25px 5px 10px 20px; width: 540px; float: left; }
#addstuff { padding: 25px 10px 10px 10px; width: 490px; float: left; }
#lisohjstuff { width: 200px; float: left; clear: left; margin: 80px 0px 0px 5px; background-color: #fff; font-size: 90%; line-height: 100%; text-align: left; display: block; }
#morestuff { font-size: 100%; line-height: 120%; text-align: left; display: block; }
#ttiedot { background-color: #fff; height: 830px; }
#ttiedot p { text-align: left; }
#atiedot { background-color: #fff; height: 420px; }
#atiedot p { text-align: left; }
#mtiedot { background-color: #fff; height: 370px; }
#mtiedot p { text-align: left; }
#ytiedot { background-color: #fff; height: 340px; }
#ytiedot p { text-align: left; }
#jtiedot { background-color: #fff; }
#jtiedot p { text-align: left; }
#ohjestuff { padding: 25px 10px 10px 30px; width: 700px; float: left; }
#printstuff { padding: 25px 10px 10px 30px; margin: auto; width: 620px; text-align: center; }
#ohjetxt { width: 300px; float: left; }
#ohjetxt p { text-align: left; }
#etusivuksi { width: 150px; height: 18px; display: block; background-color: #fcc; text-align: center; border: 1px solid black; }
#ohjekuva { width: 350px; float: right; }
#maintxt { text-align: left; }
#maintxt a { text-decoration: underline; }
#maintxt a:hover { text-decoration: none; }
#maintxt2 { text-align: left; font-size: 120%; line-height: 135%; }
#maintxt2 a { text-decoration: underline; }
#maintxt2 a:hover {text-decoration: none; }
#smalltxt { font-size: 90%; text-align: left; }
#hakutulos { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 135%; width: 100%; background-color: #fff; }
#hakutulos th { font-weight: bold; text-align: left; vertical-align: top; }
#hakutulos tr td { background-color: #eee; }
#hakutulos tr.odd td { background-color: #fff; }
#hakutulos a { text-decoration: none; }
#uusit { table-layout: fixed; width: 100%; font-size: 95%; line-height: 95%; text-align: left; }
#uusit th { text-align: center; }
#uusit td.ots { text-align: left; width: 30%; vertical-align: top; }
#uusit2 { width: 95%; font-size: 100%; line-height: 95%; text-align: left; }
#uusit3 { width: 100%; font-size: 100%; line-height: 95%; text-align: left; }
#uusit3 td { font-size: 90%; text-align: left; width: 25%; }
#uusit3 td.ots { font-size: 90%; text-align: left; width: 8%; }
#uusit5 { width: 40%; font-size: 100%; line-height: 95%; text-align: left; margin-left: 200px; margin-top: 50px; }
#uusit5 th { text-align: center; }
#uusit5 td.ots { text-align: left; width: 50%; }
#kuvapankki { margin-left: 5px; margin-right: 5px; font-size: 100%; line-height: 95%; text-align: center; }
#kpots { font-size: 150%; font-weight: bold; line-height: 150%; text-align: center; text-transform: uppercase; vertical-align: top; }
#kpotsp { height: 50px; font-size: 110%; font-weight: bold; line-height: 140%; text-align: center; text-transform: uppercase; vertical-align: bottom; }
#kpotspl { height: 50px; font-size: 110%; font-weight: bold; line-height: 140%; text-align: left; text-transform: uppercase; vertical-align: bottom; }
#kptxt { height: 50px; font-size: 95%; font-weight: bold; line-height: 120%; text-align: center; vertical-align: top; }
#kpkuva { text-align: center; }
#campic { text-align: center; }
#tallenne { width: 95%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 135%; }
#tallenne tbody tr td { background-color: #eee; }
#tallenne tbody tr.odd td { background-color: #fff; }
#tallenne td.printhdr1 { font-size: 250%; font-weight: bold; line-height: 100%; text-align: center; background-color: #fff; }
#tallenne td.printhdr2 { font-size: 200%; font-weight: bold; line-height: 130%; text-align: center; background-color: #fff; }
#tallenne th.blockhdr { font-weight: bold; text-align: left; vertical-align: top; margin-left: -100px; }
#tallenne td.cellhdr { width: 30%; font-weight: bold; text-align: right; vertical-align: top; }
#tallenne td { width: 70%; text-align: left; }
#haku { }
#tallenne2 { width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 135%; }
#tallenne2 th { font-weight: bold; text-align: left; vertical-align: top; }
#tallenne2 td.cellhedr { width: 40%; font-weight: bold; text-align: right; }
#tallenne2 td { width: 30%; text-align: left; }
#tallenne4 { width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 135%; }
#tallenne4 th { font-weight: bold; text-align: left; vertical-align: top; }
#tallenne4 td.cellhedr { width: 10%; font-weight: bold; text-align: right; }
#tallenne4 td { width: 30%; text-align: left; }
#tallenn5 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 135%; border: 1px solid black; background-color: #bfe0ef; }
#tallenn5 td.cellhedr { width: 40%; font-weight: bold; text-align: left; background-color: #bfe0ef; }
#tallenn5 td { width: 30%; text-align: left; background-color: #bfe0ef; }
#tallenn5 tr { background-color: #bfe0ef; }
#tallen { width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 135%; }
#tallen td { width: 30%; text-align: left; }

form#acinp { background-color: #e4f4ff; width: 490px; }
form#acinp fieldset { background-color: #e4f4ff; margin-bottom: 10px; width: 480px; }
form#acinp fieldset#test { width: 460px; }
form#acinp legend { padding: 0px 2px; font-weight: bold; }
form#acinp label { line-height: 1.8em; vertical-align: top; }
form#acinp fieldset ol { margin: 0; padding: 0; }
form#acinp fieldset li { list-style: none; padding: 5px; margin: 0; border-top: dashed 1px; }

form#acinp1 { background-color: #e4f4ff; width: 370px; }
form#acinp1 fieldset { background-color: #e4f4ff; margin-bottom: 10px; width: 370px; }
form#acinp1 fieldset#test { width: 350px; }
form#acinp1 legend { padding: 0px 2px; font-weight: bold; }
form#acinp1 label { line-height: 1.8em; vertical-align: top; }
form#acinp1 fieldset ol { margin: 0; padding: 0; }
form#acinp1 fieldset li { list-style: none; padding: 5px; margin: 0; border-top: dashed 1px; }

form#acinp2 { /* background-color: #e4f4ff; */ width: 260px;  }
form#acinp2 fieldset { background-color: #e4f4ff; margin-bottom: 10px; width: 250px; }
form#acinp2 fieldset#test { width: 240px; }
form#acinp2 legend { padding: 0px 2px; font-weight: bold; }
form#acinp2 label { line-height: 1.8em; vertical-align: top; }
form#acinp2 fieldset ul { margin: 0; padding: 0; }
form#acinp2 fieldset li { list-style: none; padding: 5px; margin: 0; font-size: 80%; }

form#acinp3 { /* background-color: #e4f4ff; */ width: 460px;  }
form#acinp3 fieldset { background-color: #e4f4ff; margin-bottom: 10px; width: 450px; }
form#acinp3 fieldset#test { width: 440px; }
form#acinp3 legend { padding: 0px 2px; font-weight: bold; }
form#acinp3 label { line-height: 1.8em; vertical-align: top; }
form#acinp3 fieldset ul { margin: 0; padding: 0; }
form#acinp3 fieldset li { list-style: none; padding: 5px; margin: 0; }

.kirj td { font-size: 70%; }

input#submitti { float: left; color: #009; }
input#resetti { float: right; color: #900; }
input#submitti2 { float: right; color: #009; }
input#resetti2 { float: left; color: #900; }
#kakuv { width: 100%; }
#kakuv td { font-size: 70%; line-height: 135%; }
#kakuv td.lataakuva { font-size: 70%; line-height: 135%; background-color: #fff; border: 1px solid #888; }
#sigu { width: 100px; height: 200px; float: right; clear: right; }
#sigu p { font-size: 80%; line-height: 100%; text-align: left; }
#siga { width: 100%; font-size: 85%; line-height: 95%; text-align: left; margin-top: -8px; }
#siga td.ots { text-align: left; width: 40%; }
form#siggi fieldset { background-color: #ddd; width: 100px; height: 70px; }
form#siggi legend { font-size: 80%; padding: 0px 2px; font-weight: bold; }
form#siggi label { vertical-align: top; }
form#siggi fieldset ol { margin: 0; padding: 0; }
form#siggi fieldset li { list-style: none; margin-left: -5px; }
form#siggi input { font-size: 90%; line-height: 1em; vertical-align: top; text-align: right; }
form#siggi input.sendi { font-size: 90%; }
#tsigu { width: 250px; height: 50px; float: right; clear: right; }
.tsigutd { font-size: 60%; font-weight: bold; vertical-align: top; }
#saa { width: 100px; height: 96px; float: right; clear: none; text-align: center; border: 0px; }
#saa a { font-size: 80%; line-height: 100%; }
#kuvaa { margin-left: 200px; margin-top: 80px; }
#linkkitaulu { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 95%; line-height: 135%; vertical-align: top; }
#linkkitaulu td { vertical-align: top; padding: 5px; }
#empty { float: left; height: 400px; }
#pagefooter p { width: 100%; float: none; clear: both; text-align: center; }
#pagefooterp { width: 100%; height: 20px; float: none; clear: both; }
#pagefooterx { width: 100%; height: 140px; float: none; clear: both; }
#pagefootery { width: 100%; height: 140px; float: none; clear: both; }
#pagefooterz { width: 100%; height: 140px; float: none; clear: both; }
#footr { font-size: 90%; line-height: 100%; text-align: center; padding-top: 105px; }
#footrp { font-size: 90%; line-height: 100%; text-align: center; }