body  
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/kuva.jpg);
background-repeat: repeat-x;
/* background-attachment: fixed; 
background-position: top; */
margin: 0;
padding: 0;
}

.otsikko
{
width:825px;
float:none;
width:825px;
height:auto;
}

.vasen
{
width: 400px;
height: 460px;
overflow:auto;
margin-left: 8px;
background-color:#ffffff;
margin-bottom:8px;
float:left;
}

.oikea
{
width: 400px;
height: 460px;
overflow: auto	;
background-color:#ffffff;
margin-left: 10px;
margin-bottom:8px;
float:left;
}

.center
{
margin: 5px auto;
width:825px;
height:auto;
text-align:center;
background-image:url(images/taulun_tausta.png);
}

#navi
{
width:825px;
height:20px;
text-align:center;
margin-top:10px;
margin-bottom:15px;
}

.kuvasolu
{
width:auto;
margin:5px;
padding:5px;
border:#999999 1px solid;
float:left;
}



.otsikko h1
{
text-align:left;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:20px;
margin-left:8px;
margin-right:8px;
margin-top:8px;
margin-bottom:2px;
}

.otsikko h2
{
text-align:left;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:13px;
margin-left:8px;
margin-right:8px;
margin-top:1px;
margin-bottom:12px;
}


.vasen p, .oikea p
{
text-align:left;
font-size:11px;
margin-left:8px;
margin-right:8px;
margin-top:8px;
margin-bottom:12px;
}

.vasen h1, .oikea h1
{
text-align:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #1474B8;
font-size:20px;
margin-left:8px;
margin-right:8px;
margin-top:8px;
margin-bottom:12px;
}

.vasen h2, .oikea h2
{
text-align:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #1474B8;
font-size:15px;
margin-left:8px;
margin-right:8px;
margin-top:8px;
margin-bottom:12px;
}

.vasen h3, .oikea h3
{
text-align:left;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #1474B8;
font-size:12px;
margin-left:8px;
margin-right:8px;
margin-top:8px;
margin-bottom:12px;
}

.oikea img, .vasen img
{
margin-top:8px;
}

.taulukointi
{
border: 1px #000000 solid;
margin-left:8px;
}


/* menuhommelit */

#navi ul 
{
margin: 0; 
padding: 0;
}

#navi li 
{
display: inline;
list-style-type: none;
}

#navi a.eka
{
text-decoration: none; 
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color: #000000;
display: block; 
float: left;
padding: 0px 20px 0px 8px;
margin: 0px 0px 3px 0px; 
height: 20px auto;
}

#navi a.toka
{
text-decoration: none; 
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color: #000000;
display: block; 
float: left;
border-left: 1px solid #000000;
padding: 0px 20px 0px 20px;
margin: 0px 0px 3px 0px; 
height: 20px auto;
}

#navi a.eka:hover, a.eka#currentarea
{
color: #1474B8;
}

#navi a.toka:hover, a.toka#currentarea
{
color:#1474B8;
}


.kentat 
{
width: 370px;
}

.kentat2 
{
width: 30px;
}