/* Tiedoksi vain sille henkilölle, joka tätä sivustoa joskus mahdollisesti päivittää */
/* Tiedän, että sisältö on sekavaa ja hankalasti toteutettua. Työskentelepä itse Vuorion kanssa pidempään kuin vuosi. */
/* Onnea vain työllesi, sitä tulet varmasti tarvitsemaan. Ja pitkiä hermoja. */

body  
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/tausta2.jpg);
background-repeat: repeat-x;
background-color: #218fab;
margin: 0;
padding: 0;
}

#taulu
{
margin: 0;
padding: 0;
width: 903px;
border-collapse: collapse;
text-align: left;
border: 3px #ffffff solid;
}

#ylasolu
{
margin: 0;
padding: 0;
height: 100px;
vertical-align: top;
background-image:url(images/ylakuva_logo.jpg);
background-repeat:no-repeat;
}

#vasen
{
margin: 0;
padding: 0;
height: 500px;
width: 200px;
vertical-align: top;
background-color:#eaeae6;
border-right: 1px solid #a5a5a5;
}

#sisalto
{
margin: 0;
padding: 0;
height: 500px;
width: 500px;
background-color:#ffffff;
vertical-align: top;
}

#sisalto2
{
margin: 0;
padding: 0;
height: 500px;
width: 700px;
background-color:#ffffff;
vertical-align: top;
}


#oikea
{
margin: 0;
padding: 0;
height: 500px;
width: 200px;
vertical-align: top;
background-color:#eaeae6;
border-left: 1px solid #a5a5a5;
}

.koulutukset
{
margin: 12px;
padding: 0;
text-align:left;
float:left;
width: 220px;
height:220px;
background-color: #eaeae6;
/*border-top: 1px solid #a5a5a5;
vertical-align: middle;*/
}

.mainos
{
margin: 0;
padding: 0;
text-align:left;
height: 110px;
border-top: 1px solid #a5a5a5;
background-color:#ffffff;
vertical-align: middle;
}

.mainos_etusivu
{
margin: 0;
padding: 0;
text-align:left;
height: 110px;
border-top: 1px solid #a5a5a5;
background-color:#ffffff;
vertical-align: middle;
}

#navi
{
height: 25px;
font: 12px Arial;
text-align: left;
margin: 0;
padding: 0;
background-image:url(images/navitausta.gif);
}

div.laatikko
{
float: right;
width: 280px;
height: auto;
padding: 3px;
margin-left: 5px;
margin-right: 10px;
margin-top: 5px;
border: #000000 1px solid;
overflow: visible;
}




div.solu
{
float: left;
margin-left: 25px;
margin-right: 8px;
margin-bottom: 10px;
width: 300px;
height: auto;
padding: 0;
}

div.solu2
{
float: left;
margin-left: 30px;
margin-right: 8px;
margin-bottom: 10px;
width: 300px;
height: auto;
padding: 0;
}

div.solu3
{
float: left;
background-color:#999999;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 5px;
width: 210px;
height: 90px;
padding: 0;
}

#sisalto p
{
font-size: 11px;
margin-top: 6px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}

#sisalto h1
{
font-family: Arial;
font-size: 20px;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
padding-left: 4px;
background-image:url(images/navitausta.gif);
}

#sisalto h2
{
font-family: Arial;
font-size: 16px;
margin-top: 12px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
}

#sisalto h3
{
font-family: Arial;
font-size: 11px;
margin-top: 12px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
}

#sisalto h4
{
font-family: Arial;
font-size: 23px;
margin-top: 12px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
}

#sisalto2 p
{
font-size: 11px;
margin-top: 6px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}

#sisalto2 h1
{
font-family: Arial;
font-size: 20px;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
padding-left: 4px;
background-image:url(images/navitausta.gif);
}

#sisalto2 h2
{
font-family: Arial;
font-size: 15px;
color: #d80000;
margin-top: 12px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
}

#sisalto li
{
font-size: 11px;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 14px;
margin-right: 8px;
}


div.koulutuslaatikko1
{
width: 430px;
height: auto;
padding: 3px;
margin-top: 5px;
overflow: visible;
/*background-image:url(images/koulutustausta2.jpg);*/
}

div.koulutuslaatikko2
{
width: 430px;
height: auto;
padding: 3px;
margin-top: 5px;
overflow: visible;
background-image:url(images/koulutustausta.jpg);
}


li.liidi
{
font-size: 11px;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 25px;
margin-right: 8px;
}

div.solu img, div.solu2 img
{
margin-top: 10px;
border-bottom: #000000 1px dotted;
}

.mainos a
{
margin-left: 2px;
}

.mainos img
{
float: right;
}

.mainos_etusivu a
{
margin-left: 2px;
}

.esivuilmo
{
margin-left: 15px;
}


div.solu p
{
font-size: 11px;
margin-top: 6px;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}

#vasen img
{
margin-left: 3px;
margin-top: 5px;
}

#vasen p
{
font-size: 11px;
margin-top: 10px;
margin-bottom: 4px;
margin-right: 4px;
margin-left: 8px;
}


#vasen h2
{
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
text-align: center;
width: 100% auto;
padding: 0;
margin: 5px 3px 5px 3px;
background-image: url(images/pikkuotsikko_tausta.jpg);
background-repeat:no-repeat;
border-bottom: #000000 1px dotted;
}



#oikea p
{
font-size: 11px;
padding: 0;
margin: 5px 5px 10px 5px;
}

#oikea h2
{
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: #ffffff;
text-align: center;
width: 100% auto;
padding: 0;
margin: 5px 3px 5px 3px;
background-image: url(images/pikkuotsikko_tausta.jpg);
background-repeat:no-repeat;
border-bottom: #000000 1px dotted;
}

#oikea img
{
margin-left: 2px;
margin-top: 5px;
}

hr
{
width: 85%;
}

/* Linkit */

a
{
text-align: left;
text-decoration: none;
color: #d80000;
}

a:hover
{
color: black;
}

#vasen a
{
font-weight: bold;
text-align: left;
text-decoration: none;
color: #d80000;
}

#vasen a:hover
{
font-weight: bold;
color: black;
}

#oikea a
{
text-align: left;
text-decoration: none;
font-weight: bold;
color: #d80000;
}

#oikea a:hover
{
color: black;
}


/* menuhommelit */

#navi ul 
{
margin: 0; 
padding: 0;
}

#navi li 
{
display: inline;
list-style-type: none;
}

#navi a.eka
{
text-decoration: none; 
color: #000000;
display: block; 
float: left;
padding: 0px 10px 0px 12px;
margin: 0px 0px 3px 0px; 
border-right: 1px solid #000000;
height: 25px auto;
}

#navi a.toka
{
text-decoration: none; 
color: #000000;
display: block; 
float: left;
padding: 0px 10px 0px 12px;
margin: 0px 0px 3px 0px; 
height: 25px auto;
}

#navi a.eka:hover, a.eka#currentarea
{
text-decoration: underline;
}

#navi a.toka:hover, a.toka#currentarea
{
text-decoration: underline;
}

.kentat 
{
width: 350px;
}

/* Juttujen hässäkät */

#juttutaulu
{
margin: 0;
padding: 0;
width: 600px;
border-collapse: collapse;
text-align: left;
border: 3px #ffffff solid;
background-color:#ffffff;
}

#juttutaulu h1
{
font-family: Arial;
font-size: 23px;
margin-top: 15px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
}

#juttutaulu h2
{
font-family: Arial;
font-size: 15px;
margin-top: 15px;
margin-bottom: 6px;
margin-left: 8px;
margin-right: 8px;
}

#juttutaulu p
{
font-size: 12px;
margin-top: 6px;
margin-bottom: 10px;
margin-left: 8px;
margin-right: 8px;
}