/* CASCADING STYLE SHEET */
/* © TONI KAUHANEN 2007 */

/* RAKENNE JA ASETUKSET */
body {
/* background-image: url(../layout/bground.gif);
 background-repeat: repeat-x; */
 background: #fff;
 padding-top: 5px;
 padding-left: 25px;
 margin-top: 5px;
 margin-left: 25px;
}

.top {
 background: #ffffff;
 background-image: url(../layout/top.jpg);
 background-repeat: no-repeat;
 padding-left: 10pt;
}

.menu {
 background-image: url(../layout/lowertop.jpg);
 background-repeat: no-repeat;
 padding-left: 0px;
 color: #FFFFFF;
}

.left {
 background: #ffffff;
 background-image: url(../layout/leftbg.jpg);
 background-repeat: repeat-y;
 padding-left: 0px;
}

.right {
 background: #ffffff;
 background-image: url(../layout/rightbg.jpg);
 background-repeat: repeat-y;
 padding-left: 0px;
}

.area {
 background: #9A1818;
 background-image: url(../layout/area.jpg);
 background-repeat: no-repeat;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
}

.b1 {
 text-align: left;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 border-left: solid #000000 1px ;
 border-right: solid #000000 0px ;    
 border-top: solid #000000 0px ;
 border-bottom: solid #000000 1px ;
 background: #CFCFCF;
/*
 background-image: url(../layout/vala1.jpg);
 background-repeat: no-repeat;
*/
 padding-top: 70px;
 padding-left: 30px;
}

.b2 {
 text-align: left;
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 border-left: solid #000000 0px ;
 border-right: solid #000000 0px ;    
 border-top: solid #000000 0px ;
 border-bottom: solid #000000 1px ;
 background: #CFCFCF;
/*
 background-image: url(../layout/cala1.jpg);
 background-repeat: no-repeat;
*/
 padding: 0px;
}

.b3 {
 text-align: left;
 font-family: arial, verdana, helvetica, sans-serif;
 font-weight: bold;
 text-decoration: none;
 border-left: solid #000000 0px ;
 border-right: solid #000000 1px ;    
 border-top: solid #000000 0px ;
 border-bottom: solid #000000 1px ;
 background: #CFCFCF;
/*
 background-image: url(../layout/rala1.jpg);
 background-repeat: no-repeat;
*/
 padding-top: 80px;
 padding-bottom: 0px;
 padding-left: 0px;
}

/* TEKSTIT JA KUVAT */
.header {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 25pt;
 padding-left: 10pt;
 padding-top: 12pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

.otsikko {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

.teksti {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: 400;
 color: #FFFFFF;
 text-decoration: none;
}

.update {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: normal;
 color: #999999;
 text-decoration: none;
 padding-left: 8px;
 letter-spacing: 1.4px;
}

.kuva {
 /*background: #FFF;*/
 padding-left: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px
}

.kuvateksti {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 9pt;
 font-weight: normal;
 color: #808080;
 text-decoration: none;
}

.add {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 7pt;
 font-weight: normal;
 color: #999999;
 text-decoration: none;
 text-align: left;
}


/* LINKKI NAPIT */

.valikko {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 11px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
 padding-left: 15px;
}


a:link.valikko, a:visited.valikko {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 11px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

a:hover.valikko {
 color: #999999;
 text-decoration: none;
}

a:link.palautelink, a:visited.palautelink {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
 padding-left: 0px;
}

a:hover.palautelink {
 text-decoration: none;
 color: #999999;
}

.footer {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
 text-align: center;
 background: #FFFFFF;
 background-image: url(../layout/footer.jpg);
 background-repeat: no-repeat;
 padding: 0px;
}

a:link.slink, a:visited.slink {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: normal;
 color: #FFFFFF;
 text-decoration: none;
 padding-right: 0pt;
}

a:hover.slink {
 text-decoration: none;
 color: #FF0000;
}

a:link.linkit, a:visited.linkit {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #CECECE;
 text-decoration: none;
 padding-right: 10px;
}

a:hover.linkit {
 font-weight: bold;
 text-decoration: none;
 color: #999999;
}

a:link.notsikko, a:visited,notsikko {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 8pt;
 font-weight: normal;
 color: #FFFFFF;
 text-decoration: none;
 padding-right: 10px;
}

a:hover.notsikko {
 text-decoration: none;
 color: #000000;
}

a:link.email, a:visited.email {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size : 10pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: underline;
 padding-right: 10px;
}

a:hover.email {
 font-weight: bold;
 text-decoration: none;
 color: #999999;
}