/* Tämän tiedoston on tehnyt Jani Vehviläinen osana www-ohjelmoinnin harjoitustyötä
Lappeenrannan Teknillisessa yliopistossa */



body
{
margin: 0;
color: black;
background-color:white;
background-image:url(img/rasteri.gif);
background-repeat:repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
text-align: center;

}

#sisalto
{
margin: 0 auto;
width: 760px;
border: 1px solid black;
padding: 0 5px;
text-align: left;
background: #fff url(img/katko.gif) repeat-y 162px;
}
#sisalto div
{
padding: 1px 0 10px 0;  
/*border-top: 1px solid #ddd;*/ 
}

#ylakuva
{
border:5px solid white;
background: white url(img/yla.jpg) no-repeat 100% 0;
height:150px;
}

#valikko
{
background:#9586ff;
border-bottom: 4px solid #fff;
margin: 0; 
padding: 0;
height:26px;
background: #fff url(img/valikko2.jpg);
background-repeat:repeat;

}

#valikko li 
{
list-style-type: none;
display: inline;
line-height: 20px;

}
#valikko li a { 
text-decoration: none; 
color:white;
background-color: #3d417d;
border-right: 4px solid #fff; 
border-bottom: 0;
padding: 3px 8px;
font-size: normal;
float: left;
font-weight: bold;
background: #fff url(img/valikko2.jpg);
background-repeat:repeat;
}

#valikko li a:hover
{
background-color: #474079;
color:#FFE348;
}

#sivupalkki
{
float: left;
width: 150px;
position: relative;
line-height: 20px;
background: #fff url(img/div_tausta.jpg) repeat-x; 
}
#sivupalkki li 
{
list-style-type: none;
text-align:left;
}

#sivupalkki h3
{ 
font-size: 1.1em; 
color: black; 
margin: 0;
padding:0;
line-height:10px:
}

#sivupalkki a
{
text-decoration:none;
}

#treeniajat
{
float: left;
width: 150px;
position: relative;
line-height: 20px;
background: #fff url(img/div_tausta.jpg) repeat-x;
font-size: 0.8em; 
}

#keski
{
float: left;
width:580px;
position: relative;
margin-left: 15px;
line-height: 20px;
padding-left:10px;
}
#keski div
{
background: #fff url(img/div_tausta.jpg) repeat-x;
}
#keski h3, #keski table
{ 
color: black; 
margin: 0 10px 0 0; 
}

#alateksti
{
border-bottom: 5px solid white;
border-top: 10px solid white;
text-align: center;
background-color:#9586ff;
color: white;
padding: 10px;
line-height: 16px;
clear: both;
font-size: 0.8em;
background: #fff url(img/pohja.jpg);
}
#alateksti a
{
color:white;

}

#sininen
{
color:#000099;
}
#vihrea
{
color:#00CC00;
}
#punainen
{
color:#FF3300;
}
#me
{
background-color:#D9E7FF;
}

#strong
{
color:#000099;
font-weight:bolder;
}

#kuvaoikealla
{
float:right;
}

#virhe
{
color:#FF0000;
}