﻿body
{
font-family: verdana, "luxi sans", sans-serif;
font-size: 12px;
color: black;
margin-top: 0px;
margin-left: 0px;
background: #ffffff;
}

div#sivu
{
width: 800px;
margin-left: auto;
margin-right: auto;
border: solid 0px black;
margin-top: 100px;
}

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


div#header
{
width: 800px;
height: 135px;
border: solid 0px yellow;
background-image: url("../kuvat/header.png");
}


div#tausta
{
width: 700px;
border: solid 0px yellow;
background-image: url("../kuvat/tausta.png");
background-repeat: repeat-y;
float: right;
padding-left: 50px;
padding-right: 50px;
}


div#content
{
width: 500px;
padding: 40px 20px 0px 10px;
border: solid 0px green;
float: right;
color: black;
line-height: 170%;
}

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

div#footer
{
width: 800px;
height: 130px;
float: right;
border: solid 0px yellow;
background-image: url("../kuvat/footer.png");
margin-bottom: 100px; 
}

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

div#sidebar
{
width: 140px;
border: solid 0px red;
padding: 55px 10px 10px 20px;
float: left;
}

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

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
{
color: #336799;

}

ul.sidebar li a:active
{
color: black;
}

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

div#koriste
{
width: 110px;
height: 90px;
background-image: url("../kuvat/linkkikoriste.png");
margin-left: 30px;
}

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

a:hover

{
color: #336799;
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: black;
}

p
{
margin-bottom: 15px;
}

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

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

img.vasen
{
float: left;
margin: 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: 500px;
height: 2px;
background-color: #336799;
color: #336799;
}


