/* CSS Document */
html,body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#507297; text-align:center; background:url(../images/bg.gif) repeat-x;}
p{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#507297; font-weight:normal; margin-bottom:0;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; color:#507297; font-weight:bold;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px; color:#507297; font-weight:bold;}
img{border:0;}
a{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#507297; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}
a.kilpaOts{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:19px; color:#507297; font-weight:bold; text-decoration:none;}
ul.luettelo{list-style:disc; padding:0; padding-left:14px; margin:0;}
li{padding:0; margin:0;}
div#contentConteiner{width:860px; margin:28px auto; padding:0; text-align:left; background-color:#FFFFFF;}
/* VASEN */
div#vasen{width:248px; height:601px; float:left; margin:0; padding:0;}
div#logo{height:179px; width:248px;}
a.valimo21{width:248px; height:179px; background:url(../images/valimo21_logo.gif) 0 0 no-repeat; text-indent:-999em; display:block;}
div#navigaatio{width:248px; height:170px; background:url(../images/bg_navi.gif) 0 0 repeat-y;}
ul#navig {height:170px; margin:0; padding:0; list-style:none;}
ul#navig li{height:34px;}
a.etusivu{display:block; width:248px; height:34px; background:url(../images/navi_etusivu.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.etusivu, a.etusivuactive{background-position:0 -34px;}
a.talo{display:block; width:248px; height:34px; background:url(../images/navi_talo.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.talo, a.taloactive{background-position:0 -34px;}
a.sijainti{display:block; width:248px; height:34px; background:url(../images/navi_sijainti.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.sijainti, a.sijaintiactive{background-position:0 -34px;}
a.palvelut{display:block; width:248px; height:34px; background:url(../images/navi_palvelut.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.palvelut, a.palvelutactive{background-position:0 -34px;}
a.yhteys{display:block; width:248px; height:34px; background:url(../images/navi_yhteys.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.yhteys, a.yhteysactive{background-position:0 -34px;}
div#valitseKerros{width:248px; height:300px; background:url(../images/bg_vasenAla.gif) 238px 0 no-repeat; padding:0; margin:0;}
div.vapaatTilat{margin:0;}
ul#kerrokset {margin:0; padding:0; list-style:none;}
ul#kerrokset li{margin:0; padding:0; font-size:1px;}
ul#kerrokset li a{font-size:1px; overflow:hidden; line-height:1px;}
a.a7krs{display:block; width:248px; height:21px; background:url(../images/7krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a7krs, a.a7krsactive{background-position:0 -21px;}
a.a6krs{display:block; width:248px; height:11px; background:url(../images/6krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a6krs, a.a6krsactive{background-position:0 -11px;}
a.a5krs{display:block; width:248px; height:10px; background:url(../images/5krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a5krs, a.a5krsactive{background-position:0 -10px;}
a.a4krs{display:block; width:248px; height:11px; background:url(../images/4krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a4krs, a.a4krsactive{background-position:0 -11px;}
a.a3krs{display:block; width:248px; height:10px; background:url(../images/3krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a3krs, a.a3krsactive{background-position:0 -10px;}
a.a2krs{display:block; width:248px; height:14px; background:url(../images/2krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a2krs, a.a2krsactive{background-position:0 -14px;}
a.a1krs{display:block; width:248px; height:23px; background:url(../images/1krs.gif) 0 0 no-repeat; text-indent:-999em;}
a:hover.a1krs, a.a1krsactive{background-position:0 -23px;}
div.api{margin:0; margin-left:25px; margin-top:25px; border:#507297 solid 1px; width:190px;}
div.apitxt{font-size:12px; line-height:15px; padding:9px 14px;}
a.ovenia{font-size:12px; line-height:15px; font-weight:normal; text-decoration:none;}
a.ovenia:hover{text-decoration:underline;}
/* OIKEA, ylaosa */
div#oikea{width:612px; float:left; background:url(../images/bg_oikea.gif) 601px 0 no-repeat #FFFFFF; margin:0; padding:0; height:601px;}
div#ylaosa{width:580px; height:339px; padding:10px 10px 0 10px; background-color:#FFFFFF; margin:0;}
div.kuva{background:url(../images/bg_kuva.gif) 0 0 no-repeat #e5eaf0; width:580px; height:305px; position:relative;}
div.workplace{width:102px; float:left; }
a.kilpa{display:block; width:82px; height:39px; background:url(../images/workplace.gif) 0 0 no-repeat; text-indent:-999em;}
a.varaa{display:block; width:102px; height:92px; text-indent:-999em;}
div.kuvalinkit{position:absolute; bottom:8px; left:8px;}
div.kuvalinkitKisa{position:absolute; bottom:0px; left:-1px; z-index:5;} /* KISA */
a.kuvitukset{font-size:11px; line-height:14px; font-weight:normal; text-decoration:none; color:#94a3b6;}
a.alleviivattu{text-decoration:underline;}
a.kuvitukset:hover{text-decoration:underline;}
div.kohde{position:absolute; margin-left:374px; z-index:6;}
a.ilmarinen{display:block; width:206px; height:21px; background:url(../images/menestys_alkaa.gif) 0 0 no-repeat; text-indent:-999em; margin:0; padding:0;}
div.kuvitus{float:right;}
div.alanavi{height:34px; width:580px; padding:0; background-color:#edf1f5; margin:0; position:absolute;}
div.alatekstit{height:34px; width:430px; margin-left:0px; margin-top:9px; display:inline; position:absolute; left:91px;}
div.alatekstit2{height:34px; width:430px; margin-left:0px; margin-top:9px; display:inline; position:absolute; left:91px;}
a.alanavit{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#56779b; font-weight:normal; text-decoration:none; padding:0 10px;} /* KISA */
a.alanavit:hover{text-decoration:underline;}
a.alanavitactive{font-weight:bold; text-decoration:none; padding:0 10px;}
div.valiviiva{padding:0 5px;}
div.enkku{height:34px; width:80px; position:absolute; margin:9px 0 0 0; right:0px;}
a.alanavite{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9eb4cf; font-weight:normal; text-decoration:none;}
a.alanavite:hover{text-decoration:underline;}
/* sisalto */
div#sisalto{padding-left:110px; padding-top:24px;}
div.teksti{width:460px;}
div.hideVitamiini{display:none;}
div.lainaus{text-align:right; float:right;}
div.clearDiv{clear:both; width:0px; height:0px; overflow:hidden;}
/* vapaat tilat */
div#ylaosaVapaat{width:580px; height:480px; padding:10px 10px 0 10px; background-color:#FFFFFF; margin:0;}
div.kohdeVapari{position:absolute; margin-left:408px;}
div.kuvapohja{background:#e5eaf0; width:580px; height:470px; position:relative;}
div.vapaatTeksti{position:absolute; left:20px; font-size:10px; line-height:16px; color:#507297;}
p.pvapaat{font-size:10px; line-height:16px; color:#507297; padding:0;}
a.vapari{font-size:10px; font-weight:bold; color:#507297; text-decoration:underline; line-height:16px; padding:0;}
div.kuvitusVapaat{float:right; position:absolute; top:56px; right:20px;}
div.arvonta{margin:15px auto; width:340px; text-align:left;}
div.arvontaYla{text-align:right;}
form#lomakearvonta {margin:0; padding:0; width:260px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#507297;}
table.lomake22{width:260px; padding:0; margin:0;}
table.lomake22 td{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#507297; padding-bottom:6px; padding-right:8px;}
input.arvon {margin:0; border:solid 1px #507297; width:160px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#507297; background-color:#ffffff;}
a.ar{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#507297; font-weight:bold; text-decoration:none;}
a.ar:hover{text-decoration:underline;}
/* Form */
div.kuvapohjayht{background:#e5eaf0; width:580px; height:520px; position:relative;}
div#sisaltolomake{padding-left:40px; padding-top:26px;}
div.tekstilomake{width:540px;}
form {margin: 0; padding: 0; width:500px; vertical-align:top;}
input, select, textarea {margin: 0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#507297; background-color:#ffffff;}
input, textarea {margin: 0; border:0; width:160px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#507297; background-color:#ffffff;}
input.radiobut{width:10px;}
input.checkbox{width:14px; border:0;}
input.pikku{width:60px;}
input.inputbutton{width:60px; border:0; background-color:#ffffff;}
textarea{width:160px;}
table.lomake{width:500px; padding:0; margin:0;}
table.lomake td{padding-bottom:4px; padding-top:0;}
td.formtd1{width:120px; padding:0;}
td.formtd2{width:170px; padding:0; padding-left:10px;}
td.formtd3{width:150px; padding:0; padding-left:30px; padding-top:0;}
td.formtd3wp{width:150px; padding:0; padding-left:10px; padding-top:0;}
td.laheta{text-align:right; padding-right:20px;}
/* Arvonta */
div#outerBox{display:none; background-color:#e5eaf0; position:absolute; top:0; left:0; filter:alpha(opacity=55); -moz-opacity:0.55; -khtml-opacity: 0.55; opacity: 0.55; z-index:10;}
div#innerBox{display:none; width:360px; height:380px; position:absolute; top:0; left:0; background:#ffffff; border:1px solid #56779b; text-align:left; vertical-align:middle; color:#666666; font-size:16px; padding:15px; z-index:15;}
div#innerBox a{color:#507297; text-decoration:none;}
/*vaitamiini*/
div#hedelma{position:fixed; right:0px; bottom:0px; width:100px;}