* {
margin:0;
padding:0;
}

body {
background-color: #E2E2E2;
font-family: Tahoma;
padding-top: 10px;
}

div#keski {
width: 800px;
margin: 0 auto;
margin-bottom: 20px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #bbbbbb;
padding-bottom: 20px;
border-bottom: 1px solid black;
}

div#otsikko {
background: url('logo-400.png');
background-repeat: no-repeat;
background-position: 50%;
background-color: #cccccc;
height: 299px;
border-bottom: 1px solid #000000;
}

div#valikko {
padding-top: 10px;
width: 150px;
float: left;
}

div#valikko ul {
list-style: none;
}

div#valikko ul li {
display: block;
width: 160px;
height: 22px;
}

div#valikko ul li a {
display: block;
text-decoration: none;
color: black;
padding-left: 10px;
}

div#valikko ul li:hover {
background-color: #E2E2E2;
}

div#valikko ul li a:hover {
color: black;
}

div#teksti {
border-left: 1px solid #000000;
padding-top: 10px;
padding-bottom: 10px;
width: 619px;
padding-left: 10px;
padding-right: 10px;
float: right;
font-size: 14px;
}

div#teksti img {
border: 1px solid black;
}

div#teksti p.justify {
text-align: justify;
}

div#teksti h3.laskuri {
text-align: center;
}

div#teksti h2 {
text-align: center;
font-weight: normal;
}

div#teksti h4.tiedoteh {
text-decoration: underline;
}

div#teksti p.pieni {
font-size: xx-small;
}

div#teksti ul, div#teksti ol {
padding-left: 50px;
}

div.tiedote {
display: block;
width: 639px;
position: relative;
left: -10px;
}

div.tiedote p {
padding-left: 10px;
padding-right: 10px;
background-color: #cccccc;
text-align: justify;
padding-bottom: 4px;
font-weight: normal;
font-size: 14px;
}

div.tiedote h4 {
text-align: left;
padding-left: 10px;
padding-right: 10px;
background-color: #cccccc;
}

div#alapalkki {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
clear: both;
padding: 10px;
font-size: small;
background-color: #cccccc;
text-align: center;
}

div#alapalkki a {
color: black;
}