body {
font-family: Arial;
background-color: #E6E4E4;
background-image: url('kuvat/bg_body.jpg');
background-repeat: repeat-x;
color: #000;
margin: 0 0 40px 0;
overflow-y: scroll;
}

a  {
color: #005C9A; text-decoration: underline;
}

a:hover {
color: #000; text-decoration: underline;
}

a.navi:link, a.navi:active, a.navi:visited   {
font-size: 16px;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight:; text-decoration: none;
padding: 5px 20px 5px 20px;
}

a.navi:hover {
font-size: 16px;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif; color: #000; font-weight:; text-decoration: none;
padding: 5px 20px 5px 20px; background: #ccc url(kuvat/bg_navi2.gif) no-repeat center center;
}

a.navi2:link, a.navi2:active, a.navi2:visited   {
font-size: 16px;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif; color: #CCC; font-weight:; text-decoration: none;
padding: 5px 2px 5px 2px;
background-image: url('kuvat/nuoli_alas_off.gif');
background-repeat: no-repeat; background-position: center top;
background-color: #005C9A;
}

a.navi2:hover {
font-size: 16px;
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight:; text-decoration: none;
padding: 5px 2px 5px 2px;
background-image: url('kuvat/nuoli_alas_on.gif');
background-repeat: no-repeat; background-position: center top;
background-color: #ccc;
}

a.navi3:link, a.navi3:active, a.navi3:visited   {
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif; color: #CCC; font-weight:; text-decoration: none;
padding: 5px 15px 5px 15px;
}

a.navi3:hover {
font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Helvetica, sans-serif; color: #fff; font-weight:; text-decoration: none;
padding: 5px 15px 5px 15px; background-color: #ccc;
}

#dropmenudiv {
position: absolute;
border: 1px solid #fff;
border-bottom-width: 0;
font: normal 12px Arial,Verdana;
line-height: 17px;
z-index:100;
margin-top: 0px;
}

#dropmenudiv a {
width:;
display: block;
text-indent: 0px;
border-bottom: 1px solid #fff;
padding: 1px 0 1px 5px;
text-decoration: none;
color: ccc;
font-weight:;
}

#dropmenudiv a:link {
color: #fff;
}

#dropmenudiv a:active {
color: #fff;
}

#dropmenudiv a:visited {
color: #fff;
}

#dropmenudiv a:hover {
background-color:#ccc;
color: #000;
}


p {
margin: 0 0 20px 0;
font-size: 12px;
line-height: 18px;
}

ul {
font-size: 12px;
list-style-image: url('kuvat/nuoli_li_mu.gif');
margin: 0 0 20px 20px;
padding: 0 0 0 10px;
}

ol {
font-size: 12px;
margin: 0 0 20px 20px;
padding: 0 0 0 10px;
}

ul a {
font-size: 12px;
list-style-image: url('kuvat/nuoli_li_sin.gif');
}


li { margin-bottom: 3px; }


dd {
font-size: 12px;
margin-bottom: 5px;
}

dd.f11 {
font-size: 11px;
}

dd.f10 {
font-size: 11px;
}


p.f11 {
font-size: 11px;

}

p.f10 {
font-size: 11px;
}


h1, h2, h3, h4, h5 { font-family: Trebuchet MS, Trebuchet, Arial; color: #005C9A; padding-top: 0; margin-top: 0; font-weight: normal; }

h1 { font-size: 32px; }

h2 { font-size: 22px; } 

h3 { font-size: 18px; }

h4 { font-size: 15px; letter-spacing: 1px; }

h5 { font-size: 13px; letter-spacing: 1px; }

p.white { color: #fff; }

img {
border: 0;
}

div.viiva {
border-top: 1px dotted #ccc; margin-bottom: 20px;
}

img.left {
float: left; padding-right: 15px;
}

img.right {
float: right; padding-left: 15px;
}

div.ylapalkki {
margin: 0 auto; padding: 0; width: 950px; height: 17px; background-image: url(kuvat/ylapalkki.gif);
background-repeat: no-repeat; background-position: center top; background-color: #fff;
}

div.alapalkki {
margin: 0 auto;
padding: 0;
width: 950px;
height: 25px;
background-image: url('kuvat/alapalkki.gif');
background-repeat: no-repeat;
background-position: center top;
background-color:;
}

div.kehys {
margin: 0 auto; padding: 317px 20px 6px 20px; width: 870px;
border-left: 20px solid #fff; border-right: 20px solid #fff; border-top: 5px solid #fff; border-bottom: 5px solid #fff;
text-align: center; background-color: #E6E4E4; background-image: url('kuvat/bg_ylapalkki.jpg'); background-repeat: no-repeat;
background-position: center top; overflow: visible;
}


div.logo {
position: relative; float: left; margin: -300px 0 0 20px; padding: 0; background-color:; border: 0;
text-align: left; width: 180px;
}

div.logo_print {
display: none;
float: left;
margin: -320px 0 0 20px;
}

div.logo_print img {
visibility: hidden;
}

div.navipalkki {
position: relative;
float: right;
margin: -37px 0 0 0;
padding: 5px 0 5px 0;
background-color: #fff;
background-image: url('kuvat/bg_navi.gif');
background-repeat: no-repeat;
background-position: center top;  
text-align: center;
width: 870px;
height: 22px;
border: 0px;
}


div.perus {
float: left;
margin: 0 auto;
border: 1px solid #ccc;
border-top: 5px solid #ccc;
padding: 10px 20px 10px 10px;
width: 838px;
background-color: #fff;
text-align: left;
background-image: url('kuvat/bg_leipis.gif');
background-repeat: no-repeat;
background-position: left top;
}


div.eka {
float: left;
margin: 0 0 0 0;
padding: 0 10px 0 0;
border: 0;
border-right: 1px dotted #ccc;
width: 205px;
background-color:;
text-align: left;
}


h3.uutiset {
color: #AE5500;
padding: 0 0 0 25px;
background-image: url('kuvat/bg_uutiset.gif');
background-repeat: no-repeat;
background-position: left center;
}

h3.ajankohtaista {
color: #AE5500;
padding: 0 0 0 25px;
background-image: url('kuvat/bg_ajankohtaista.gif');
background-repeat: no-repeat;
background-position: left center;
}

div.eka ul {
padding: 0; margin: 35px 0 10px 20px;
}

div.eka img {
margin-top: 20px;
border: 0;
}

div.eka a  {
text-decoration: none;
}


div.center {
text-align: center; padding: 0; margin: 0;
}


div.otsnavivas {
margin-bottom: 3px;
}

div.otsnavivas img {
margin: 0; padding: 0;
}


div.navipvasen {
margin: 0 auto; padding 0; background-image: url('kuvat/bg_navi3.jpg');
background-repeat: repeat-y; background-position: center top;
border: 1px solid #99ccff; border-bottom: 0;
}

div.navi_t01 {
border-bottom: 1px solid #99ccff; padding: 3px;
}

div.navi_t01 p {
font-size: 12px; margin: 0; padding: 0;
}

div.navi_t01 h4 {
margin: 0 0 3px 0; padding: 0;
}

div.navi_t01 ul {
margin-top: 3px;
}

div.navi_t02 {
border-bottom: 1px solid #99ccff; padding: 3px;
}

div.navi_t02 p {
font-size: 11px; margin: 0; padding: 0;
}

div.navi_t03 {
border-bottom: 1px solid #99ccff; padding: 3px 3px 3px 10px;
}

div.navi_t03 p {
font-size: 11px; margin: 0; padding: 0;
}

div.navi_t04 {
border-bottom: 1px solid #99ccff; padding: 3px 3px 3px 17px;
}

div.navi_t04 p {
font-size: 11px; margin: 0; padding: 0;
}

div.navi_tkoul {
border: 1px solid #99ccff; padding: 3px; margin-top: 10px; background-color: #FCEEDF;
}

div.navi_tkoul p {
margin-left: 0px; margin-bottom: 0px; padding: 0px;
}




div.toka {
float: left;
margin: 0 auto;
padding: 0 0 0 20px;
width: 595px;
background-color:;
text-align: left;
display: block;
}

div.toka a {
text-decoration: underline;
}


div.alalogot {
float: left; width: 838px; background-color: #fff; text-align: center; padding: 5px 15px 5px 15px;
border: 1px solid #ccc; margin-top: 4px;
}


div.alalogot img {
margin: 0 5px 0 5px; border: 0;
}

div.alalogot p {
margin: 0;
}

div.alaos {
float: left;
width: 838px;
margin: 0 0 0 0;
text-align: center;
padding: 15px;
border: 0px;
}

div.alaos p {
margin: 0px 5px 0 5px;
font-size: 11px;
color: #666666;
}

span.koulutustarj_linkki {
margin-left: 230px;
font-size: 12px;
background: #D0F2FE;
border: 1px solid #99CCFF;
padding: 0 20px 0 20px;
}

div.koulutukset_valikkokehys {
float: left;
margin: 0;
padding: 5px 15px 5px 15px;
border: 1px solid #99ccff;
background-color: #ccffff;
width: 564px;
}

table.koulutus { width: 100%; margin-bottom: 20px; }

table.koulutus p { padding: 0; margin: 0; }

td.eka { width: 25%; vertical-align: top; }

td.toka { width: 75%; vertical-align: top; }