html, body{ 
 margin:0; 
 padding:0; 
 }

img.floatleft{
float:left;
}

h1 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px; 
text-decoration: none; 
font-weight:bold; 
background-color: #FFFFFF; 
color: #000000;
}
 
#leveys{ 
 width:707px;  
 } 
 
#yla1{
 position:relative; 
 height:118px; 
 } 

#yla2{
 position:relative; 
 height:19px;  
 }
 
#vasen{
 width:128px;
 float:left; 
 position:relative;
 }


#teksti{
 background-color: #FFFFFF;
 width:495px;
 height:485px;
 float:left; 
 position:relative;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 color: #000000; 
 }

#teksti img{
border: 8px solid #ffffff;
 }

#aarioikea{
 width:21px; 
 float:left; 
 position:relative; 
 }
 
#vali{
 background-color: #ffffff;  
 float:left; 
 position: relative; 
 width:63px;
 } 

#footer{
 height:76px; 
 background-color:#FFFFFF;
 position: relative;
 float:left; 
 clear:both;
 }
 
#teksti2 img{
border: 1px solid #000000;
 }

a.link2:link, a.link2:visited { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; color: #ffffff; 
text-decoration: none; } 

a.link2:hover, a.link2:active { color: #AB0F08; }

.valikko{
 height:13px;
 width:128px; 
 background-color:#000000;
 text-align: right;
 }

.valikko a:link, .valikko a:visited { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 text-decoration: none; 
 font-weight:bold; 
 background-color: #000000; 
 color: #FFFFFF;
 }

.valikko a:hover {
 color: #AB0F08;
 }

.valikko a:active { 
 color: #FFFFFF;
 }

#paikka {
 
 height:19px;
 width:448px;
 float:left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 text-decoration: none; 
 font-weight:bold;
 color: #000000; 
 background-color: #FFFFFF;
}

#paikka a:link, #paikka a:visited
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px; 
 text-decoration: none; 
 font-weight:bold;
 color: #000000; 
 background-color: #FFFFFF;
}

#paikka a:hover 
{
color: #AB0F08;
}


#paikka a:active
{ 
color: #000000;
}


.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#vasen{display:none;} 
#vali{display:none;} 

/*hide the right column when printing*/ 
#vasen{display:none;}
#vali{display:none;}  
#teksti{width:100%; float:none;}
}