html, body, #wrap 
{
height: auto;
margin: 0; 
padding: 0;
background-position: 0% 0%;
background-repeat: no-repeat;
width: 100%;

}

body > #wrap {height: auto; min-height: 100%;}

img, div 
{ 
behavior: url(iepngfix.htc) 
}

#main {
position: relative;
left: 0%;
width: 100%;
padding-bottom: 80px; /* must be same height as the footer */
padding-top: 188px;
margin-left: 10px;

}  

#logo {
position: absolute;
left: 0px;
top: 0px;

}  

#menu {
display: none;

}  

#tulostin {
position: absolute;
right: 14px;
top: 14px;

}  

#vasenpalsta_sisalto {
width: 100%;
font-family: serif;
color: #000000;
padding: 0 0 0 0;
margin: 0 0 0 0;
border: 0px solid white;
}  


#vasenpalsta_tausta, #vasenpalsta_tausta_v2, #vasenpalsta_v2, #vasenpalsta, #talokortti_mallistot{
display: none;
}  


#oikeapalsta_tausta, #oikeapalsta_tausta_v2, #oikeapalsta_v2, #talokortti_vasenpalsta_tausta, #talokortti_oikeapalsta_tausta, #kuvapohja_tausta{
border: 1px solid white;
}  

#vasenpalsta_sisalto_v2 {
position: absolute;
left: 0%;
top: 10%;
width: 20%px;
height: auto;
font-family: serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 12pt;
color: #000000;
z-index: 10;
display: none;
border: 0px;

}  



#oikeapalsta_sisalto {
width: 100%;
font-family: serif;
color: #000000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}  


#oikeapalsta_sisalto_v2 {
position: absolute;
left: -10%;
top: 15%;
width: auto;
height: auto;
font-family: serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 12pt;
color: #000000;
z-index: 10;
border: 0px;
}  


#kuvapohja_tausta {
position: relative;
left: 40px;
top: 0px;
width: 980px;
float: left;
}  

#kuvapohja {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter: alpha(opacity=5);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);
-moz-opazity:.05;
-khtml-opacity: .05;
opacity:.05;
background-color: #ffc600;
}  

#kuvapohja_sisalto {
position: relative;
left: 0px;
top: 0px;
width: 940px;
height: auto;
padding-bottom: 20px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  


#alavasenpalsta_tausta {
position: relative;
left: 40px;
top: 20px;
width: 303px;
float: left;
}  

#alavasenpalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=5);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);
-moz-opazity:.05;
-khtml-opacity: .05;
opacity:.05;
background-color: #ffc600;
}  

#alavasenpalsta_sisalto {
position: relative;
left: 0px;
top: 0px;
width: 263px;
height: auto;
padding-bottom: 20px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  

#alakeskipalsta_tausta {
position: relative;
left: 75px;
top: 20px;
width: 303px;
float: left;
}  

#alakeskipalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=5);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);
-moz-opazity:.05;
-khtml-opacity: .05;
opacity:.05;
background-color: #ffc600;
}  

#alakeskipalsta_sisalto {
position: relative;
left: 0px;
top: 0px;
width: 263px;
height: auto;
padding-bottom: 20px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  

#alaoikeapalsta_tausta {
position: relative;
left: 108px;
top: 20px;
width: 305px;
float: left;
}  

#alaoikeapalsta {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 1;
filter:alpha(opacity=5);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=5);
-moz-opazity:.05;
-khtml-opacity: .05;
opacity:.05;
background-color: #ffc600;
}  

#alaoikeapalsta_sisalto {
position: relative;
left: 0px;
top: 0px;
width: 265px;
height: auto;
padding-bottom: 20px; 
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
line-height: 150%;
letter-spacing: 1px;
font-size: 0.8em;
color: #fdf68c;
z-index: 10;

}  


#footer {
position: absolute;
top: 50px;
left: 250px;
height: 60px;
width: 100%;
font-family: serif;
color: #000000;
font-size: 8pt;
} 

#breadcrumbs {
position: absolute;
left: 280px;
top: 90px;
font-family: serif;
color: #000000;
font-size: 8pt;

}  


h1 
{
font-size: 20pt; 
font-family: serif;
line-height: 150%;
letter-spacing: 2.5px;
color: #000000;
font-variant:small-caps;}

h3 
{
font-size: 16pt; 
font-family: serif;
line-height: 150%;
letter-spacing: 2.5px;
color: #000000;
font-variant:small-caps;}

A:link {text-decoration: underline; color: #0000FF;}
A:visited {text-decoration: underline; color: #0000FF;}
A:active {text-decoration: none; }
A:hover {text-decoration: underline; color: #0000FF;}