



body {
 font-family: verdana;
 font-size: 12px;
 background: #f1dd8f;
}
#valikko {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #fff;
LEFT: -1px;
VISIBILITY:hidden;
PADDING-BOTTOM:5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 16px;
LEFT: 85px;
width:100px;
Z-INDEX: 3;
}
#valikko2 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
BACKGROUND: #fff;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px; 
BORDER-BOTTOM:#000 1px solid;
POSITION: absolute; 
TOP: 16px;
LEFT: 270px;
width:150px;
Z-INDEX: 3;
}
#valikko3 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 16px;
LEFT: 350px;
Z-INDEX: 3;
}
#valikko4 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 16px;
LEFT: 450px;
Z-INDEX: 3;
}
#valikko5 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;

BACKGROUND: #415AF2;
LEFT: -1px;
VISIBILITY: hidden;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #000 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #000 1px solid;
POSITION: absolute;
TOP: 16px;
LEFT: 670px;
Z-INDEX: 3;
}

#eka {
POSITION: absolute;
LEFT: 10px;

TOP: 0px;


}
#toka {
POSITION: absolute;
LEFT: 80px;

TOP: 0px;
border-left: #fff 0px solid;
padding-left: 5px;
}
#kolmas {
Z-INDEX: 3;
LEFT: 130px;
POSITION: absolute;
TOP: 0px;
border-left: #fff 0px solid;
padding-left: 5px;
}
#neljas {
Z-INDEX: 3;
LEFT: 195px;
POSITION: absolute;
TOP: 0px;
border-left: #fff 0px solid;
padding-left: 5px;
}
#viides {
Z-INDEX: 3;
LEFT: 265px;
POSITION: absolute;
TOP: 0px;
border-left: #fff 0px solid;
padding-left: 5px;
}
#kuudes {
Z-INDEX: 3;
LEFT: 370px;
POSITION: absolute;
width:130px;
TOP: 0px;
border-left: #fff 0px solid;
padding-left: 5px;
}
#seitseman {
Z-INDEX: 3;
LEFT: 510px;
POSITION: absolute;
TOP: 0px;
width:130px;
border-left: #fff 0px solid;
padding-left: 5px;
}
#kasi {
Z-INDEX: 3;
LEFT: 540px;
POSITION: absolute;
TOP: 0px;
border-left: #fff 0px solid;
padding-left: 5px;
} 
#ysi {
Z-INDEX: 3;
LEFT: 780px;
POSITION: absolute;
TOP: 2px;
border-left: #fff 1px solid;
padding-left: 5px;
} 
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 292px;
 margin: 10px 0px 0px 0px;
 background : url(kuvat/ylos.jpg) ;
}
#header2 {
 width: 910px;
 float: left;
 padding: 5px;
 border: 0px solid #ccc;
 height: 20px;
 margin: 240px 0px 0px 0px;
 
}
#ylos {
position: absolute;
margin-top  : 245px;
margin-left : 120px;


}
#total { 

 border: 0px solid #ccc;
background : url(kuvat/keski.jpg) ;
 margin: 0px 0px 0px 0px;
  padding-top: 0px;
 padding-left: 50px;
 padding-right: 60px;
 height: auto;
 width: 800px;
 float: left;

}
#footer { 
 width: 900px;
 clear: both;
 height: 54px;
 border: 0px solid #ccc;
background : url(kuvat/alas.jpg) ;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align :center;
}
#lang { 
 width: 170px;

 color: #333;
 border: 1px solid #ccc;
 background: #BD9C8C;
 margin-right : 20px;
 padding: 5px;
 
}
p {
color :#895C04;
}

a.ylos:link {
font-size : 13px; 
font-weight : bold; 
text-decoration : none; 
color : #7C2123;
margin-right: 10px;

} 
a.ylos:visited {
font-size : 13px; 
font-weight : bold; 
text-decoration : none; 
color : #7C2123;
margin-right: 10px;


} 
a.ylos:active {
font-size : 13px; 
font-weight : bold; 
text-decoration : none; 
color :#7C2123;
margin-right: 10px;

} 
a.ylos:hover {
font-size : 13px; 
font-weight : bold; 
text-decoration : none; 
color : #7C2123;
background : #F0A01C;
margin-right: 10px;

}
