body
{
font-family: verdana, "luxi sans", sans-serif;
font-size: 12px;
color: black;
margin-top: 0px;
margin-left: 0px;
background: #e1e1e1 url("../kuvat/ylapalkki.png") repeat-x;
}


/************ YLÄOSA ************/

div#sisalto
{
width: 620px;
position: absolute;
top: 25px;
left: 0px;
}

div#header
{
width: 620px;
height: 150px;
border: solid 0px yellow;
background-image: url("../kuvat/otsikko.jpg");

}

div#content
{
width: 580px;
padding: 30px 20px 30px 20px;
background-color: #ffffff;
border: solid 0px green;
text-align: justify;
color: black;
line-height: 170%;
}

/************ ALAOSA ************/

div#footer
{
width: 620px;
border: solid 0px yellow;
background-color: #e1e1e1;
margin-bottom: 20px; 
}

/************ SIDEBAR ************/

div#sidebar
{
width: 230px;
border: solid 0px red;
padding: 0px 5px 10px 10px;
position: fixed;
left: 630px;
top: 170px;
}

ul.sidebar
{
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

ul.sidebar li a
{
font-family: tahoma, verdana, "luxi sans", sans-serif;
font-size: 14px;
display: block;
height: 25px;
border-left: 0px solid #df750c;
text-decoration: none;
}

ul.sidebar li a:link,
a:visited, a:active
{
color: #000000;
}


ul.sidebar li a:hover
{
color: #d20000;
margin-left: 10px;
text-decoration: underline;
}


ul.sidebar_sis
{
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

ul.sidebar_sis li a
{
font-family: tahoma, verdana, "luxi sans", sans-serif;
font-size: 14px;
display: block;
height: 25px;
border-left: 0px solid #df750c;
text-decoration: none;
margin-left: 20px;
}

ul.sidebar_sis li a:link,
a:visited, a:active
{
color: #000000;
}


ul.sidebar_sis li a:hover
{
color: #d20000;
margin-left: 30px;
text-decoration: underline;
}

/************ LINKIT ************/
a:link,
a:visited,
a:active
{
color: #d20000;
text-decoration: none;
}

a:hover

{
color: #d20000;
text-decoration: underline;
}



a:link.valid,
a:visited.valid,
a:active.valid
{
font-size: 10px;
color: green;
}

a:hover.valid
{
font-size: 10px;
color: blue;
}

.kuvalinkki
{
border: 0px solid #df750c;
}



/************ teksti- ja kuvatyylit ************/
h1 
{ 
display: none; 
}

h2
{
font-size: 16px;
color: #ffffff;
display: block;
height: 25px;
width: 570px;
padding-top: 5px;
padding-left: 10px;
background-image: url("../kuvat/otsikkotausta.png");

}

p
{
margin-bottom: 15px;
}

p.copy
{
padding-top:20px;
font-size: 10px;
color: #d20000;
text-align: center;
}

img.oikea
{
float: right;
margin: 15px;
border: 0px solid #df750c;
}

img.vasen
{
float: left;
margin: 15px;
border: 0px solid #df750c;
}

img.oikea-negtop
{
float: right;
margin: 0px 15px 15px 15px;
border: 0px solid #df750c;
}

/************ taulukoiden ominaisuudet ************/

table
{
border: 0px solid black;
border-spacing: 0px;
}

td.kuva
{
width: 150px;
border-bottom: 1px #336799 solid;
padding: 10px;
}

td.teksti
{
width: 350px;
border-bottom: 1px #336799 solid;
padding: 10px;
}

td.nimi
{
width: 150px;
padding: 3px;
vertical-align: top;
}

td.kentta
{
width: 350px;
padding: 3px;
vertical-align: top;
}

td.rekisteri
{
width: 245px;
padding-top: 5px;
padding-bottom: 15px;
}

td.koko
{
width: 50px;
}

td.tiedot
{
width: 100px;
vertical-align: top;
}

td.nick
{
width: 150px;
border-bottom: 0px #336799 solid;
padding: 2px;
}
td.pvm
{
text-align: right;
padding: 2px;
}

td.viesti
{
width: 500px;
border-bottom: 0px #336799 solid;
padding: 2px;
}


hr
{
width: 580px;
height: 2px;
background-color: #d20000;
color: #d20000;
}