body {
background-color : #dfe8f1;
}


div.helahoito {
background-color : #ffffff;
border : solid;
border-width : 1px;
border-color : #516377;
width : 1000px;
}


.ylapalkki{
width: 1000px;
border: 0px;
padding: 0px;
}

.palkkiteksti{font-family : verdana, arial, helvetica, sans serif;
font-size : 18px;
font-weight : bold;
font-style : italic;
color : #a79138;
margin-left : 50px;
margin-top : 30px;
}





/* HAKU-FORM ================================================== */



.form{border : 0px;
padding :0px;
}



p.haku{font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
color : #555555;
margin-left : 17px;
vertical-align: bottom;
}


.hakukehotus {
width : 158px;
height: 50px;
border : 0px;
background-image : url(pohja/hakukehotus.gif);
background-position : bottom left;
background-repeat : no-repeat;
}



td.vkulma {
width : 15px;
height: 21px;
border : 0px;
background-image : url(pohja/vkulma.gif);
background-position : bottom right;
background-repeat : no-repeat;
}


.keski {
width : 200px;
height: 21px;
border : 0px;
background-image : url(pohja/keski.gif);
background-position : bottom;
background-repeat : repeat-x;
}


td.okulma {
width : 15px;
height: 21px;
border : 0px;
background-image : url(pohja/okulma.gif);
background-position : bottom left;
background-repeat : no-repeat;
}



.button {
border : 0px;
padding-top: 2px;
}


.haku {
width: 200px;
height: 13px;
padding-bottom: 2px;
font-family : arial, verdana, helvetica, "sans serif";
font-size : 12px;
color: #333333;
background-color: #ffffff;
border: 0px;
}



/* PÄÄNAVIGAATIO=============================================== */

div.paalinkit {
background-color : #607499;
border : 0;
padding : 0 0 0 0;
}


table.vaakanavi {
width : 1000px;
padding : 0;
background-color : #607499;
}


td.vaakanavi {
background-color : #607499;
}

td.vaakanavi_etusivu_aktiivi {width:175px;
background-color : #dee3e9;
}

td.vaakanavi_etusivu {width:175px;
background-color : #607499;
}


td.vaakanavi_aktiivi {
background-color : #dee3e9;
}

p.vaakanavi {
margin-left : 10px;
margin-right : 10px;
margin-top : 4px;
margin-bottom : 4px;
}


a.navi:link {
font-family : arial, verdana, helvetica, "sans serif";
font-size : 14px;
color : #ffffff;
font-weight : bold;
font-style : normal;
text-decoration : none;
}


a.navi:visited {
font-family : arial, verdana, helvetica, "sans serif";
font-size : 14px;
color : #b5b09d;
font-weight : bold;
font-style : normal;
text-decoration : none;
}


a.navi:active {
font-family : arial, verdana, helvetica, "sans serif";
font-size : 14px;
color : #ffffff;
font-weight : bold;
font-style : normal;
text-decoration : none;
}


a.navi:hover {
font-family : arial, verdana, helvetica, "sans serif";
font-size : 14px;
color : #a7bbe9;
font-weight : bold;
font-style : normal;
text-decoration : none;
}















/* SIVUNAVIGAATIO============================================ */

.navitausta {
vertical-align: top;
background : #dee3e9;
padding-top : 20px;
border-right : 1px dotted;
border-top : 1px dotted;
color : #555555;
}


td.tyhjasivu {
width : 20px;
border : 0;
background-color : #dee3e9;
}


td.sivu {
vertical-align: top;
width : 20px;
border : 0;
background-color : #dee3e9;
background-image : url(pohja/kolmio2.gif);
background-position : top left;
background-repeat : no-repeat;
}


td.navi {
width : 175px;
border : 0;
padding-top : 0;
padding-bottom : 0;
}


p.sivunavi {
margin-top : 0;
margin-bottom : 5px;
margin-left : 7px;
margin-right : 0;
}


a.navi2:link {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
color : #373f5e;
font-weight : normal;
font-style : normal;
text-decoration : none;
}

a.navi2:visited {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
color : #aabbcc;
font-weight : normal;
font-style : normal;
text-decoration : underline;
}

a.navi2:active {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
color : #aabbcc;
font-weight : normal;
font-style : normal;
text-decoration : underline;
}

a.navi2:hover {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
color : #aabbcc;
font-weight : normal;
font-style : normal;
text-decoration : underline;
}






p.puhekupla {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : italic;
color : #555555;
margin-top: 50px;
margin-left : 20px;
margin-right : 15px;
}




/*ALANAVI============================================ */

div.alanavi {
width : 1000px;
border : 0;
}

.alalinkki {
font-family : verdana, arial, helvetica, sans serif;
font-size : 14px;
font-weight : normal;
font-style : normal;
color : #555555;
text-decoration : none;
}





/* KESKISISÄLTÖ======================================= */

.teksti {
font-family : verdana, arial, helvetica, sans serif;
font-size : 13px;
font-weight : normal;
font-style : normal;
color : #444444;
}


.red {
font-family : verdana, arial, helvetica, sans serif;
font-size : 13px;
font-weight : normal;
font-style : normal;
color : #fd0000;
}

.lomake {
font-family : verdana, arial, helvetica, sans serif;
font-size : 13px;
font-weight : normal;
font-style : normal;
color : #444444;
}

p.saraketeksti {
margin-left : 0;
margin-right : 0;
font-family : verdana, arial, helvetica, sans serif;
font-size : 10px;
font-weight : normal;
font-style : normal;
color : #444444;
}


p.lue {
margin-right : 0;
font-family : verdana, arial, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
color : #444444;
}


a.tekstilinkki {
font-family : verdana, arial, helvetica, sans serif;
font-size : 13px;
font-weight : normal;
font-style : normal;
color : #444444;
text-decoration : underline;
}


h1 {
font-family : verdana, arial, helvetica, sans serif;
font-size : 16px;
font-weight : bold;
font-style : normal;
color : #8eaacc;
margin-top: 20px;
margin-bottom: 20px;
margin-left : 50px;
margin-right : 20px;
}


h2 {
font-family : verdana, arial, helvetica, sans serif;
font-size : 14px;
font-weight : bold;
font-style : normal;
color : #8eaacc;
margin-left : 100px;
margin-right : 20px;
margin-bottom:20px;
}


h3 {
font-family : verdana, arial, helvetica, sans serif;
font-size : 14px;
font-weight : bold;
font-style : normal;
color : #8eaacc;
margin-left : 40px;
margin-right : 10px;
margin-top : 30px;
margin-bottom : 10px;
}


p.teksti2 {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : italic;
color : #555555;
margin-left : 5px;
}


.teksti_harva {
letter-spacing : 0.1em;
font-family : arial, verdana, helvetica, sans serif;
font-size : 13px;
font-weight : normal;
font-style : italic;
color : #555555;
margin-left : 20px;
}






a.lue:link {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
color : #333333;
float : right;
text-decoration : none;
}

a.lue:visited {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
color : #555555;
float : right;
text-decoration : none;
}

a.lue:active {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
color : #999999;
float : right;
text-decoration : none;
}


a.lue:hover {
font-family : arial, verdana, helvetica, sans serif;
font-size : 12px;
font-weight : normal;
font-style : normal;
color : #999999;
float : right;
text-decoration : none;
}






.klonkkulaatikko {
width : 818px;
background-image : url(kuvat/klonkkutausta.jpg);
background-repeat : repeat-y;
border-top : 0;
border-right : 0;
border-left : 0 solid;
color : #555555;
border-bottom : 1px dotted;
color : #555555;
float : right;
padding : 0;
margin-right : 0;
}


.laatikko1 {
width : 274px;
border-top : 0;
border-right : 20px;
border-left : 0 solid;
color : #555555;
border-bottom : 0;
padding-top : 2px;
padding-bottom : 5px;
padding-left : 20px;
padding-right : 20px;
}


.laatikko2 {
width : 549px;
border-top : 0;
border-right : 0;
border-left : 1px dotted;
color : #555555;
border-bottom : 1px dotted;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 20px;
padding-right : 20px;
}


.laatikko3 {
width : 100px;
border-top : 0;
border-right : 0;
border-left : 0 solid;
color : #555555;
border-bottom : 0;
padding-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
}


.laatikko4 {
width : 274px;
border-top : 0;
border-right : 0;
border-left : 1px dotted;
color : #555555;
border-bottom : 0;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 20px;
padding-right : 20px;
}


.isolaatikko{width : 800px;
height: 400px;
vertical-align: top;
border-top : 1px dotted;
border-right : 1px dotted;
border-left : 1px dotted;
border-bottom : 1px dotted;
color : #555555;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 30px;
padding-right : 20px;
}

p.otsikko1 {
font-family : verdana, arial, helvetica, sans serif;
font-size : 18px;
font-weight : bold;
font-style : normal;
color : #8eaacc;
}


p.otsikko2 {
font-family : verdana, arial, helvetica, sans serif;
font-size : 16px;
font-weight : bold;
font-style : normal;
color : #8eaacc;
}


p.saraketeksti {
font-family : arial, verdana, helvetica, sans serif;
font-size : 14px;
font-weight : normal;
font-style : normal;
color : #333333;
}


.klonkkusarja {
float : right;
}



p.paivitys {
font-family : verdana, arial, helvetica, sans serif;
font-size : 10px;
font-weight : normal;
font-style : normal;
color : #999999;
vertical-align: bottom;
}





.kuva_v {
margin-top : 0;
margin-right : 0;
margin-bottom : 10px;
margin-left : 0;
border : 1px solid #888888;
float : left;
}


.kuva_o {
margin-top : 0;
margin-right : 0;
margin-bottom : 5px;
margin-left : 5px;
border : 1px solid #888888;
float : right;
}


.tekstikuva_o{margin-top :10px;
margin-right : 0px;
margin-bottom :10px;
margin-left : 5px;
border : 1px solid #888888;
float : right;}
    
