body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

ol, ul, li {list-style:none; margin:0; padding:0;}

#frameVasen, #frameYla{
position: absolute; 
top: 0; 
left: 0; 
width: 142px;
height: 100%;
overflow: hidden;
}
#frameVasen {background: #fff url(../img/vasenyla.gif) 0 0 no-repeat;}

ul#menuVasen{ 
position: relative;
top: 228px;
width: 142px;
}
ul#menuVasen a{
display: block;
width: 142px;
height: 28px;
text-indent: -5000px;
}
ul#menuVasen a.kaapistot{background: #fff url(../img/kaapistot.gif) 0 0 no-repeat;}
ul#menuVasen a.poydat{background: #fff url(../img/poydat.gif) 0 0 no-repeat;}
ul#menuVasen a.tuolit{background: #fff url(../img/tuolit.gif) 0 0 no-repeat; height: 27px;}
ul#menuVasen a.muut{background: #fff url(../img/muut.gif) 0 0 no-repeat; height: 27px;}
ul#menuVasen a.kaapistot:hover{background-position: 0 -28px;}
ul#menuVasen a.poydat:hover{background-position: 0 -28px;}
ul#menuVasen a.tuolit:hover{background-position: 0 -27px;}
ul#menuVasen a.muut:hover{background-position: 0 -27px;}
li#endVasen{background: #fff url(../img/vasen-end.gif) 0 0 no-repeat; height: 78px;}


#frameYla{ 
left: 142px;
right: 0;
width: auto;
height: 150px;
overflow: hidden;
}
#topbar{background: #fff url(../img/topbar.gif) 0 0 no-repeat; height: 9px; width:825px;}
#midbar{background: #fff url(../img/midbar.gif) 0 0 no-repeat; height: 141px; width:825px; padding-left: 478px; float: left;}

ul#menuYla, ul#menuYla li{ 
float: left;
height: 51px;
}
ul#menuYla a{
display: block;
height: 51px;
text-indent: -5000px;
}
ul#menuYla a.esittely{background: #fff url(../img/esittely.gif) 0 0 no-repeat; width: 65px;}
ul#menuYla a.yhteystiedot{background: #fff url(../img/yhteystiedot.gif) 0 0 no-repeat; width: 98px;}
ul#menuYla a.esite{background: #fff url(../img/esite.gif) 0 0 no-repeat; width: 49px;}
ul#menuYla a.esittely:hover{background-position: 0 -51px;}
ul#menuYla a.yhteystiedot:hover{background-position: 0 -51px;}
ul#menuYla a.esite:hover{background-position: 0 -51px;}

#bb{display:none;}

#content{
position: fixed; 
left: 142px;
top: 150px;
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

#wrapper{ 
float: left;
width: 100%;
}
#wrapper h1{ 
height: 192px;
width: 383px;
text-indent: -5000px;
margin:0; padding:0;
background: #fff url(../mluxotsikko2.jpg) 0 0 no-repeat;
}
#teksti{ 
float: left;
width: 650px;
padding-left: 85px;
}

p {font: 13px Arial,Helvetica,Geneva,Swiss,SunSans-Regular; margin:0; padding:0;}
.tube1{margin-left: 45px;}
.tube2{margin-left: 18px;}

#yht{ 
padding-top: 25px;
}

a.esite {background: #fff url(../verkkoesitteeseen.jpg) 0 0 no-repeat; width:122px; height:45px; display:block; text-indent:-5000px;}
a.esite:hover {background-position: 0 -45px;}

* html body{ /*IE6 hack*/
padding: 150px 0 0 142px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #content{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #frameYla{ /*IE6 hack*/
width: 100%;
}