body {
color: #404040;
font-family: arial;
font-size: 11px;
line-height: 17px;
background-color: #c6c6c6;
}



#hela {
width: 840px;
position: absolute;
left : 50%;
margin-left : -420px;
margin-top : -15px;
}


#yla {
height: 80px;
background-color: #ffffff;
width: 750px;
margin-top: 0px;
}

.otsikko {
margin-left: 20px;
margin-top: 10px;

}

#ylamenu  {
width: 450px;
position: absolute; 
left: 290px; 
top: 60px;
text-align: right;
text-transform: uppercase;
font-weight: bold;
font-face: arial;
font-size: 9px;
} 
	 
#ylamenu a {
color: #404040;
font-size: 9px;
}
 
 
#ylamenu a:hover  {
color: #808080;
text-decoration: none;
font-size: 9px;
}


#keski {
width: 750px;
height: 450px;
background-color: #ffffff;
margin-top: -5px;
}


#setti {
width: 750px;
position: absolute; 
left: 0px; 
top: 80px;
background-image: url(tausta.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #fff;
margin-bottom: 50px;	
}


#tekstit {
margin: 25px 20px 0 20px;
}


.kuva {
margin-right: 15px;
float: left;
}

.pikkukuva {
background: #FAFAFA;
border: 1px solid #DCDCDC;
padding: 5px;
}

 
h1 {
color: #808080;
font-size: 15px;
margin-bottom: 5px;
padding: 0 0 2px 10px;
font-family: arial;
border-bottom: 1px solid #aaa;
}

h2 {
color: #5f5f5f;
font-size: 11px;
margin-bottom: -2px;
margin-top: -2px;
margin-left: 0px;
padding: 0 0 0 0;
font-family: arial;
}

h3 {
color: #e6dc18;
font-size: 26px;
margin-bottom: 5px;
padding: 0 0 2px 2px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
}

.pikkuotsikko {
color: #5f5f5f;
font-size: 11px;
padding: 0 0 0 0;
font-weight: bold;
font-family: arial;
}
 
a:link {
color: #535353;
text-decoration: none;
}

a:visited {
color: #535353;
text-decoration: none;
}
 
 
a:hover {
color: #404040;
text-decoration: underline;
}

 .viiva {
border-top: 1px solid #ccc;
margin: 20px 7px 20px 0;
}

.huom {
color: #cc4244;
font-style: italic;
font-weight: bold;
}

.tulos {
color: #A21A1A;
text-decoration: underline;
}

.sukutaulu {
background-color: #FFFFFF;
font-family: arial;
font-size: 8.5pt;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}

.sukutauluu {
width: 100%;
background-color: #C0C0C0;
}



#laatikko {
width: 850px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
border-width: 10px 1px 0px 1px;
border-color: #808080;
border-style: solid;
background: #e2e2e2;
}
#menu {
width: 180px;
float: left;
}

.menu {
padding-left: 30px;
padding-top: 20px;
}


#sisalto {
background: #ffffff;
border-left: 1px solid #9a9a9a;
float: right;
width: 609px;
padding: 5px 30px 15px 30px;
}

#ala {
clear: both;
text-align: right;
height: 0px;
color: #aaa;
font-size: 7pt;
border-bottom: 1px solid #9a9a9a;
}

.keskitys {
text-align: center;
}

.alleviivaus {
text-decoration: underline;
}

pre {
font-family: arial;
font-size: 11px;
line-height: 17px;
}