body { background-color: #000000; color: #ffffff; }
#main  { background:url(otsc.jpg) no-repeat top right #ffffff; color: #2F2627; border-left: 8px solid #ffffff;  border-right: 8px solid white; position:absolute; top:0px; left:50px; font-family:'Trebuchet MS'; font-size:12px; padding-left:20px; padding-right:20px; width:830px; line-height:1.5; text-align:justify; }
a:link, a:hover, a:visited, a:active { color: #930D21; text-decoration:none; } .oikea { background-color: #ECE9D8; border:1px solid #740A1A; width:30%; padding:10px; vertical-align:top; } .loota2 { background-color: #fffff; padding:4px; border:1px solid #740A1A; width:300px;}
h2 { font-family: serif; font-size:14px; color: #740A1A } h3 { font-family: serif; font-size:13px; color: #740A1A; line-height:0.8; } .ekuva { border:0px solid black; margin-left:8px; margin-right:8px; float:left; }
.centerdiv>div{ margin-left: 10px; margin-right: 10px; margin-top:30px; } .suku { background-color: #ECE9D8; border:1px solid #740A1A; padding:4px; } .keski { width:65%; } .sivu { float:right; }
 .loota3 { background-color: #ECE9D8; border:1px solid #740A1A; width:30%; padding:7px; padding-left:15px; vertical-align:top; font-size:11px;} .loota { background-color: #ECE9D8; border:1px solid #740A1A; width:30%; padding:10px; vertical-align:top; }
.lootap { background-color: #ECE9D8; border:1px solid #740A1A; width:30%; padding:4px; vertical-align:top; }