body
{
background:#C5D9BD;
font: 13px tahoma;
color: #000000;
}


A:link, A:hover, A:active
{color:#008000;}

A:visited
{color:#003300;}


h1
{
padding: 5px;
color: #838057;
font-size: 20px;
font: tahoma;
}

h2
{
color: #838057;
font-size: 16px;
font: tahoma;
font-weight: normal;
}

h3
{
padding: 5px;
color: #838057;
font-size: 13px;
font: tahoma;
font-weight: bold;
}

font.vihreä
{
color: #008000;
}

font.vihrea
{
color: #008000;
}

font.paksuvihreä
{
font: tahoma;
font-weight: bold;
color: #829964;
}

font.paksuvihrea
{
font: tahoma;
font-weight: bold;
color: #829964;
}

font.ruskea
{
color: #838057;
}

font.paksuruskea
{
font: tahoma;
font-weight: bold;
color: #838057;
}

.ruskeateksti
{
color: #838057;
}

.vihreateksti
{
color: #008000;
}


.kuva
{
border: 1px solid #8BBA6E;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}

.kuvaoikea
{
border: 1px solid #8BBA6E;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 15px;
float: right;
}

.kuvavasen
{
border: 1px solid #8BBA6E;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 15px;
float: left;
}


div.viiva
{
background-color: #8BBA6E;
height: 3px;
}

div.kokosivu
{
width: 905px;
margin: 1em 6em;
background-color: #C5D9BD;
overflow: hidden;
}


div.otsikko
{
width: 893px;
height: 100px;
overflow: hidden;
border: 1px solid #838057;
float: left;
}


div.linkit
{
padding: 3px;
width: 887px;
height: 23px;
border-left: 1px solid #838057;
border-right: 1px solid #838057;
border-bottom: 1px solid #838057;
float: left;
background-color: #B9B56B;
overflow: hidden;
}


div.teksti
{
width: 650px;
overflow:hidden;
float: left;
text-align: justify;
padding: 13px 8px 13px 8px;
}


div.menu
{
width: 220px;
overflow:hidden;
float: right;
}


div.otsake
{
padding:5px;
border: 2px solid #829964;
background-color: #8BBA6E;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
width: 200px;
height: 15px;
overflow: hidden;
float: right;
margin-top: 10px;
text-align: left;
}

div.ruutupaperi
{
padding:5px;
border-left: 1px solid #829964;
border-right: 1px solid #829964;
border-bottom: 1px solid #829964;
background-image: url('ruututausta.jpg');
width: 175px;
overflow: hidden;
float: right;
text-align: left;
}

div.saa
{
width: 150px;
padding: 5px;
border: 2px solid #829964;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
overflow: hidden;
text-align: center;
background-image: url('ruututausta.jpg');
float: right;
margin-right: 15px;
}

div.paivitykset
{
padding:13px;
border: 2px solid #829964;
background-image: url('ruututausta.jpg');
width: 580px;
overflow: hidden;
text-align: justify;
margin-left: 50px;
}

div.heppavasen
{
width: 240px;
overflow:hidden;
float: left;
text-align: justify;
padding: 13px 8px 13px 8px;
}

div.heppaoikea
{
width: 600px;
overflow:hidden;
float: right;
text-align: justify;
padding: 13px 8px 13px 8px;
}

div.ruutupohja
{
padding: 13px;
border: 2px solid #829964;
background-image: url('ruututausta.jpg');
overflow: hidden;
text-align: left;
}

div.ruskea
{
padding: 3px;
border: 1px solid #838057;
background-color: #B9B56B;
overflow: hidden;
float: left;
}

div.vihrea
{
padding: 3px;
border: 1px solid #829964;
background-color: #8BBA6E;
overflow: hidden;
float: left;
}

div.ruudut
{
padding: 3px;
border: 1px solid #829964;
background-image: url('ruututausta.jpg');
overflow: hidden;
float: left;
}




table.sukutaulu
{
border-collapse: collapse;
border: 2px solid #838057;
font: 13px tahoma;
}

table.hepat
{
border-collapse: collapse;
border: 0px
font: 13px tahoma;
}

td.sukutaulu
{
border: 1px solid #838057;
padding: 5px 2px 5px 2px;
background-image: url('ruututausta.jpg');
text-align: center;
}

td.ruskea
{
background-color: #BAB66E;
border: 1px solid #838057;
padding: 3px;
text-align: left;
}

td.vihreä
{
background-color: #8BBA6E;
border: 1px solid #838057;
text-align: left;
}


td.vihrea
{
background-color: #8BBA6E;
border: 1px solid #838057;
font-face: tahoma;
font-size: 13px;
}


td.kalenteri
{
border: 1px solid #838057;
padding: 2px 2px 2px 5px;
text-align: left;
}

td.hepat
{
padding: 4px;
text-align: left;
background-color: #8BBA6E;
border: 1px solid #838057;
font: 13px tahoma;
}

td.heppatieto
{
padding: 5px;
font: 13px tahoma;
text-align: left;
background-image: url('ruututausta.jpg');
}

td.taulukkovihrea
{
text-align: left; 
background-color: #8BBA6E; 
border: 1px solid #829964;
font-face: tahoma;
font-size: 13px;
}

td.taulukko
{
text-align: left; 
border: 1px solid #829964;
font-face: tahoma;
font-size: 13px;
}


td.taulukkoruskea
{
text-align: left; 
border: 1px solid #BAB66E;
font-face: tahoma;
font-size: 13px;
padding: 2px;
}

p.justify
{
text-align: justify;
}