body {
font : normal 12px helvetica; 
background : #ebeef0; 


}
#valikko {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
Z-INDEX: 4; 
BACKGROUND: #eae9ed;
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: 225px;
}
#valikko2 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
Z-INDEX: 4;
BACKGROUND: #eae9ed;
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: 370px;
}
#valikko3 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
Z-INDEX: 4;
BACKGROUND: #eae9ed;
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: 460px;
}
#valikko4 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
Z-INDEX: 4;
BACKGROUND: #eae9ed;
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: 660px;
}
#valikko5 {
BORDER-RIGHT: #000 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #000 0px solid;
PADDING-LEFT: 5px;
Z-INDEX: 4;
BACKGROUND: #eae9ed;
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: 755px;
}

#eka {
Z-INDEX: 3;
LEFT: 10px;
POSITION: absolute;
TOP: 2px;

}
#toka {
Z-INDEX: 3;
LEFT: 95px;
POSITION: absolute;
TOP: 2px;
}
#kolmas {
Z-INDEX: 3;
LEFT: 225px;
POSITION: absolute;
TOP: 2px;
}
#neljas {
Z-INDEX: 3;
LEFT: 300px;
POSITION: absolute;
TOP: 2px;
}
#viides {
Z-INDEX: 2;
LEFT: 380px;
POSITION: absolute;
TOP: 2px;
}
#kuudes {
Z-INDEX: 2;
LEFT: 470px;
POSITION: absolute;
TOP: 2px;
}
#seitseman {
Z-INDEX: 2;
LEFT: 580px;
POSITION: absolute;
TOP: 2px;
}
#kasi {
Z-INDEX: 2;
LEFT: 755px;
POSITION: absolute;
TOP: 2px;
} 
.oma {
position : relative; 
left : 0px; 
margin-top : 20px; 
} 

#hela {
position : relative; 
margin-left : auto; 
margin-right : auto; 
width : 750px; 
height : 1100px; 

margin-top : 10px; 
border : 0 solid #333; 
background : #5370ec;
border-bottom : 12px solid #bd002a;
} 
#hela2 {
position : relative; 
margin-left : auto; 
margin-right : auto; 
width : 750px; 
height : 5500px; 

margin-top : 10px; 
border : 0 solid #333; 
background : #5370ec;
border-bottom : 12px solid #bd002a;
} 
p {
 
font-size : 12px; 
line-height : 14px; 
font-weight : normal; 
color : #000; 
padding : 3px;

} 
.valko {
color : #fff; 
 
font-size : 11px; 
font-weight : bold;  
margin-left : 0px;
background : #000;
} 
.musta {
color : #000; 
padding : 0; 
margin-left : 10px; 
margin-top : 40px; 
font-size : 11px; 
line-height : 13px; 
} 
.ylos {
position : absolute; 
left : 0; 
top : 20px; 
Z-INDEX: 0;
}
.pohja{
font-family : verdana; 
font-size : 11px; 
line-height : 12px; 
font-weight : normal;
margin-top : 40px;
color : #000; 
padding : 5px; 
} 
.alas2{
margin-top : 10px;
 
} 
.vasen {
font-size : 12px; 
line-height : 14px; 
font-weight : bold; 
color : #d8e854; 
padding : 3px;
background : #bd002a;
margin-bottom :5px;
}
h3 {
color : #d8e854;
background : #bd002a;
padding : 3px;
}
#leftcontent {
position : absolute; 
margin-top : 125px; 
margin-left : 0; 
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 1px solid #fff; 
border-bottom : 1px solid #fff; 
border-right : 1px solid #fff; 
} 
#leftcontent2 {
position : absolute; 
margin-top : 20px; 
margin-left : 0; 
width : 150px; 
padding : 0; 
text-align : left; 
border-top : 0 dashed #fff; 
border-bottom : 0 dashed #fff; 
border-right : 0 dashed #fff; 
} 
#leftcontent3 {
position : absolute; 
margin-top : 140px; 
margin-left : 5px; 
width : 170px; 
padding : 0; 
text-align : left; 
 
} 

#leftcontent4 {
position : absolute; 
margin-top : 400px; 
margin-left : 5px;  
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 1px solid #fff; 
border-bottom : 1px solid #fff; 
border-right : 1px solid #fff; 
border-left : 1px solid #fff;  
} 
#leftcontent5 {
position : absolute; 
margin-top : 50px; 
margin-left : 0; 
margin-bottom : 0; 
width : 170px; 
padding : 0; 
text-align : center; 
border-top : 0 dashed #fff; 
border-bottom : 0 dashed #fff; 
border-right : 0 dashed #fff; 
background : none; 
} 
#leftcontent6 {
position : absolute; 
margin-top : 125px; 
margin-left : 0; 
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-right : 1px dashed #fff; 
background : #bac6d6; 
} 
#leftcontent7 {
position : absolute; 
margin-top : 280px; 
margin-left : 0; 
width : 170px; 
padding : 0; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent {
position : absolute; 
margin-top : 0px; 
width : 750px; 
height : 17px; 
padding : 0px; 
background : #000; 
z-index: 3;
 
} 
#centercontent2 {
z-index: 1;
width : 535px; 
height : auto; 
position : absolute; 
margin-top : 140px; 
margin-left : 190px; 
padding : 5px; 
text-align : left; 
border-top : 1px solid #bd002a; 
border-bottom : 1px solid #bd002a; 
border-left : 1px solid #bd002a;
border-right : 1px solid #bd002a;
background : #fff;
} 
#centercontent3 {
position : absolute; 
margin-top : 103px; 
width : 750px; 
height : 17px;  
z-index: 1; 
background : #000;
} 
#centercontent4 {
z-index: 1;
width : 715px; 
height : auto; 
position : absolute; 
margin-top : 140px; 
margin-left : 10px; 
padding : 5px; 
text-align : left; 
border-top : 1px solid #bd002a; 
border-bottom : 1px solid #bd002a; 
border-left : 1px solid #bd002a;
border-right : 1px solid #bd002a;
background : #fff; 
} 
#centercontent5 {
z-index: 1;
width : 715px; 
height : auto; 
position : absolute; 
margin-top : 140px; 
margin-left : 10px; 
padding : 5px; 
text-align : center; 
border-top : 1px solid #bd002a; 
border-bottom : 1px solid #bd002a; 
border-left : 1px solid #bd002a;
border-right : 1px solid #bd002a;
background : #fff; 
} 
#centercontent6 {
width : 190px; 
position : absolute; 
margin-top : 730px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent7 {
position : absolute; 
margin-top : 115px; 
width : 790px; 
height : 45px; 
padding : 5px; 
background : #5ebea6; 
text-align : left; 
} 
#centercontent8 {
position : absolute; 
margin-top : 170px; 
width : 790px; 
height : 45px; 
padding : 5px; 
background : #fff; 
text-align : left; 
} 
#centercontent9 {
position : absolute; 
margin-top : 390px; 
width : 560px; 
height : 45px; 
padding : 5px; 
background : #fff; 
text-align : left; 
} 
#centercontent10 {
width : 190px; 
position : absolute; 
margin-top : 390px; 
margin-left : 590px; 
padding : 5px; 
background : #5ebea6; 
text-align : left; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent11 {
width : 190px; 
position : absolute; 
margin-top : 630px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
background : #5ebea6; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent12 {
position : absolute; 
margin-top : 360px; 
width : 799px; 
height : 3px; 
padding : 0; 
background : #5ebea6; 
text-align : left; 
z-index : 2; 
} 
#centercontent13 {
width : 190px; 
position : absolute; 
margin-top : 855px; 
margin-left : 590px; 
padding : 5px; 
text-align : left; 
background : #5ebea6; 
border-top : 1px dashed #fff; 
border-bottom : 1px dashed #fff; 
border-left : 1px dashed #fff; 
border-right : 1px dashed #fff; 
} 
#centercontent14 {
width : 190px; 
position : absolute; 
margin-top : 760px; 
margin-left : 590px; 
padding : 0; 
border-top : 0 dashed #000; 
border-bottom : 0 dashed #000; 
border-left : 0 dashed #000; 
border-right : 0 dashed #000; 
} 

a:link {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #343391; 
margin-left : 0; 
} 
a:visited {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #bd002a; 
margin-left : 0; 
} 
a:active {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #bd002a; 
margin-left : 0; 
} 
a:hover {
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #bd002a; 
margin-left : 0;

} 
a.pieni:link {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #80c0f1;

} 
a.pieni:visited {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #eaf040;

} 
a.pieni:active {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color :#415AF2; 
} 
a.pieni:hover {
font-size : 12px; 
font-weight : bold; 
text-decoration : none; 
color : #cc3366; 
}
a.pieni2:link {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #000;
margin-top : 3px;
} 
a.pieni2:visited {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #000;
margin-top : 3px;
} 
a.pieni2:active {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
} 
a.pieni2:hover {
font-size : 8px; 
font-weight : normal; 
text-decoration : none; 
color : #cc3366; 
background : #fff;
margin-top : 3px;
} 
a.vasen:link {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 10px; 
} 
a.vasen:visited {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 10px; 
} 
a.vasen:active {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
margin-left : 10px; 
} 
a.vasen:hover {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
background : #bd002a; 
margin-left : 10px; 
} 
a.taul:link {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
} 
a.taul:visited {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
} 
a.taul:active {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
} 
a.taul:hover {
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #cc3366; 
} 
a.valikko:link {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valikko:visited {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valikko:active {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valikko:hover {
font-size : 11px; 
font-weight : bold; 
text-decoration : none; 
color : #000; 
} 
a.valko:link {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
} 
a.valko:visited {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
} 
a.valko:active {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
} 
a.valko:hover {
font-size : 11px; 
font-weight : normal; 
text-decoration : none; 
color : #ffffff; 
margin-left : 0; 
}
a.haku:link {
background-color: #fff;
color: #000;
font-size: 12px;
line-height: 14px;

margin-top: 1px;
text-decoration: none;

display: block;
padding: 2px;
}
a.haku:active {
background-color: #eff;
color: #000;
font-size: 12px;
line-height: 14px;

margin-top: 1px;
text-decoration: none;

display: block;
padding: 2px;
}
a.haku:visited {
background-color: #fff;
color: #000;
font-size: 12px;
line-height: 14px;

margin-top: 1px;
text-decoration: none;

display: block;
padding: 2px;
}
a.haku:hover {
color: #000;
font-size: 12px;
line-height: 14px;

margin-top: 1px;
text-decoration: none;
background-color: #bbf5c2;
display: block;
padding: 2px;

}