body{
background-color:#ffffff;
color:#000000;
font-size:12px;
font-family:tahoma,verdana,arial;
}

#keskitys{
width:800px;
margin:auto;
}

#sivu{
width:800px;
background-image:url('../sp_k/tausta.jpg');
background-repeat:no-repeat;
padding-top:130px;
padding-bottom:10px;
float:left;
}

#vasen{
width:492px;
margin-left:20px;
float:left;
}

h1.ekat{
font-size:14px;
font-weight:bold;
border-bottom:1px solid #000000;
}

#esip{
width:470px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
background-color:#ffffff;
border:1px solid #000000;
opacity:0.6;
filter:alpha(opacity=60);
margin-bottom:5px;
float:left;
}

#vas_sis{
width:470px;
color:#404040;
padding:10px 10px 5px 10px;
border:1px solid #000000;
background-image:url('../sp_k/vas_sis.jpg');
float:left;
}

#vas_sis a,#vas_sis a:visited{
color:#377ce7;
}

#vas_sis a:hover,#vas_sis a:visited:hover{
color:#0a2858;
}

.box{
width:208px;
height:230px;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
border:3px double #404040;
float:left;
}

.box img {
padding:0;
margin-top:0;
margin-left:4px;
}

#oikea{
color:#fff;
width:144px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:10px;
border:1px solid #000000;
opacity:0.8;
filter:alpha(opacity=80);
background-color:#404040;
margin-left:10px;
float:left;
}

#oikea ul.valikko{
list-style:none;
margin:0;
padding:0;
}

#oikea ul.valikko a, #oikea ul.valikko a:visited{
color:#3cc2fc;
display:block;
padding:2px;
text-decoration:none;
}

#oikea ul.valikko a:hover, #oikea ul.valikko a:visited:hover{
padding:1px;
border:1px solid #000000;
background-color:#ffffff;
color:#000000;
}

.piilota{
visibility:hidden;
}

.koodibox{
width:448px;
margin-left:10px;
margin-top:5px;
padding:5px;
border:1px solid #202020;
background-color:#ffffff;
}

.btn{
padding:3px;
border:0;
}

.btns{
width:88px;
margin-top:10px;
margin-bottom:10px;
margin:auto;
}

.btns img{margin-bottom:2px;}