<!-- elementit -->

#emptyheader {position:absolute; top: 3px; left: 0px; width: 100px}
#livingcenter {position:absolute; top: 3px; left: 100px}
#paaosio {position:absolute; top: 107px; left: 104px; width: 796px; height: 450; z-index: 72}

#vasenkuvat {position:absolute; top: 105px; left: 30px; width: 120px; height: 400; z-index: 78}
#keskikamat {position:absolute; top: 85px; left: 180px; width: 450px; height: 400; z-index: 78}
#keskikamat_etusivu {position:absolute; top: 85px; left: 40px; width: 580px; height: 400; z-index: 78}
#keskikamat_centered {position:absolute; top: 85px; left: 150px; width: 580px; height: 400; z-index: 78}

#uutisosio {position:absolute; top: 85px; left: 660px; width: 130px; height: 400; z-index: 100}
#lagefooter {position:absolute; top: 645px; left: 295px; width: 300px; height: 200; z-index: 103}

#pystyviiva1 {position:absolute; top: 165px; left: 165px; width: 7px; height: 416; z-index: 73}
#pystyviiva2 {position:absolute; top: 165px; left: 650px; width: 7px; height: 416; z-index: 74}
#pystyviiva3 {position:absolute; top: 168px; left: 260px; width: 7px; height: 445; z-index: 75}
#pystyviiva4 {position:absolute; top: 164px; left: 145px; width: 7px; height: 427; z-index: 81}
#pystyviivalage {position:absolute; top: 168px; left: 260px; width: 7px; height: 645; z-index: 85}


<!-- luokat ja ominaisuudet -->

body 
{  
    font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;
}


p
{
    font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #000000;
}


a
{
    font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    color: rgb(0,102,51); 
    text-decoration: none; 
}


a:hover     
{ 
    font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    color: rgb(0,102,51); 
    text-decoration: underline; 
}
a:active    
{ 
    font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    color: rgb(0,102,51); 
    text-decoration: underline; 
}
a:link      
{ 
    font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    text-decoration: none; 
    color: rgb(0,102,51); 
}
a:visited   
{ 
    font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    color: rgb(0,102,51); 
    text-decoration: none; 
}


.submenut
{
    font: bold italic 14px Tahoma, Arial, Helvetica, sans-serif; color: #333333;
}


.submenut2
{
    padding-left: 25px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 14px; font-style: italic; text-decoration: none
}


.submenut3
{
    font: bold 14px Helvetica, Verdana, Tahoma, sans-serif; color: #786D57;   padding-left: 10px;
}


.submenut4
{
    font: bold 14px Helvetica, Verdana, Tahoma, sans-serif; color: #786D57;
}


.mainheaderit
{
    vertical-align: sub; font: bold 14px Helvetica, Verdana, Tahoma, sans-serif; color: #333333;
}


.mainplainit
{
    padding-right: 10px; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000;
}


.lista
{
    padding-left: 5; font: italic bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #333333;
    text-decoration: none;
}


.menu
{
    font: bold italic 12px Tahoma, Arial, Helvetica, sans-serif; color: #006699;
}


.uutislinkit
{
    padding-left: 5; font: bold italic 11px verdana, sans-serif; color: #0066aa;
}


.leipa
{
    padding-left: 20px; font: 13px Tahoma, Arial, Helvetica, sans-serif; color: #000000;
}


.leipa2
{
    padding-left: 20px; font: 11px verdana; color: #000000;
}


.leipa3
{
    font: 10px verdana; color: #000000;
}


.osoite
{
       font: 10px verdana; color: #000000;
}


.navi
{
    font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #FFFFFF;
}


.smallnavi
{
    font: 10px bold verdana sans-serif; color: #000000; text-decoration: none; text-align: left
}


.mainbg
{
    font-family: Verdana, Arial, Helvetica; 
    font-size: 12px; 
    font-style: normal; 
    line-height: normal; 
    background-color: #FFFFFF;
    color: #000000; 
    text-decoration: none; 
    border: #C5BEA2;
    border-style: solid;
    border-top-width: 1px; 
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}


.painike
{

    font-family: Verdana, Arial, Helvetica; 
    font-size: 12px; 
    font-style: normal; 
    line-height: normal; 
    color: #000000; 
    text-decoration: none; 
    border: #000000;
    border-style: solid;
    border-top-width: 1px; 
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;

}


INPUT
{

    background-color : white;
    font-style: normal;
    font-size: 14;
    border-style: groove;

}


.txtarea
{

    background-color : white;
    font-style: normal;
    font-size: 14;
    border-style: groove;
    font-style: normal;
    font-size: 14;

}

.main_header
{
    font-family: Verdana, Arial, Helvetica; 
    font-size: 12px; 
    font-style: normal; 
    font-variant: small-caps;
    line-height: normal; 
    background-color: #FFFFFF;
    border-style: solid;
    border-top-width: 1px; 
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border: #C5BEA2;
}
.middle_header
{
    vertical-align: sub;
    font-weight: bold;
    font-size: 16px;
    font-family: Helvetica, Verdana, Tahoma, sans-serif; 
    font-variant: small-caps; 
    color: #333333;
}
.content_start
{
    padding-left: 2px;
    padding-right: 10px;
    padding-bottom: 2px;
    font: 13px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    color: #000000;
}
.content
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    font: 13px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    color: #000000;
}
.content2
{
    padding-right: 10px;
    padding-bottom: 5px;
    font: 13px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    color: #000000;
}
.content_left
{
    padding-left: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    font: 13px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    color: #000000;
}

.news
{
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.kontakt_content
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font: 13px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    color: #000000;
}
.kontakt_header
{ 
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    font: bold 16px Helvetica, Verdana, Tahoma, sans-serif; 
    color: #333333;
}
.course_content
{
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    font: 13px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    color: #000000;
}
.title_header
{ 
    padding-left: 33px;
    font: 22px Verdana narrow, Helvetica, Tahoma, sans-serif; 
    color: #6D5D3E;
}