/*Body*/

body {
 font-size: 11px;
 font-style: normal;
 color: #C0C0C0;
 background-color: #000000;
 text-decoration: none;
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-weight: normal;
 text-align: center;
 background-image:url(main/tausta.png);
 background-attachment: scroll;
 background-position: top left;
}

table.kuvaton { 
 left: 235px;
 top: 105px;
position: absolute;
width: 65%;
height: 250px;
}

table.kuvaton2 { 
 left: 235px;
 top: 105px;
position: absolute;
width: 60%;
height: 40%;
}

table.kuvatable { 
margin-left: 10em;
margin-right: auto;
margin-top: 5em;
 width: 85%;
 text-decoration: none;
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-size: 1em;
 font-weight: normal;
 text-align: center;
  border: none;
   color: #D5D5D5;
 z-index: 10;
}

table.kuvatable2 { 
margin-left: auto;
margin-right: auto;
 width: 90%;
}

table.cvtable { 
margin-left: 10em;
margin-right: auto;
margin-top: 5em;
 width: 65%;
 text-decoration: none;
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-size: 10px;
 font-weight: normal;
 text-align: center;
  border: none;
   color: #D5D5D5;
 z-index: 10;
}



table.gallery{ 
margin-left: auto;
margin-right: auto;
}

table.alapoyta { 
position: absolute;
bottom: 10px;
}

/*Div*/

div#teksti7 a:hover {
   border-right: 0px;
 z-index: 5;
}
div#teksti7 a span {display: none;}
div#teksti7 a:hover span {
 display: block;
 position: absolute;
 top: -20px;
 height: 9px;
 width: 48px;
 left: -10px;
 text-decoration: none;
 padding: 3px;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
 z-index: 10;
}

div#teksti8 a:hover {
   border-right: 0px;
  z-index: 10;
}
div#teksti8 a span {display: none;}
div#teksti8 a:hover span {
 display: block;
 position: absolute;
top: -14px;
 width: 25px;
 height: 9px;
 padding: 3px;
 left: 0px;
 text-decoration: none;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
  z-index: 10;
}

div#teksti9 a:hover {
   border-right: 0px;
 z-index: 10;
}
div#teksti9 a span {display: none;}
div#teksti9 a:hover span {
 display: block;
 position: absolute;
 top: -23px;
 width: 58px;
 height: 9px;
 padding: 3px;
 left: -10px;
 text-decoration: none;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
  z-index: 10;
}

div#teksti10 a:hover {
   border-right: 0px;
 z-index: 10;
}
div#teksti10 a span {display: none;}
div#teksti10 a:hover span {
 display: block;
 position: absolute;
 height: 9px;
 padding: 3px;
 top: -27px;
 width: 60px;
 left: -20px;
 text-decoration: none;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
  z-index: 10;
}

div#teksti a:hover {
   border-right: 0px;
 z-index: 10;
}
div#teksti a span {display: none;}
div#teksti a:hover span {
 display: block;
 position: absolute;
 top: -10px;
 padding: 3px;
 height: 9px;
 right: -10px; 
 width: 50px;
 text-decoration: none;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
  z-index: 10;
}

div#teksti2 a:hover {
   border-right: 0px;
 z-index: 10;
}
div#teksti2 a span {display: none;}
div#teksti2 a:hover span {
 display: block;
 position: absolute;
 top: -20px;
 right: 8px; 
 height: 9px;
 padding: 3px;
 width: 38px;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
 text-decoration: none;
 z-index: 10;
}

div#teksti3 a:hover {
   border-right: 0px;
 z-index: 10;
}
div#teksti3 a span {display: none;}
div#teksti3 a:hover span {
 display: block;
 position: absolute;
 bottom: 50px;
 width: 58px;
 height: 9px;
 padding: 3px;
 left: -10px;
 text-decoration: none;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
  z-index: 10;
}

div#teksti4 a:hover {
   border-right: 0px;
 z-index: 10;
}
div#teksti4 a span {display: none;}
div#teksti4 a:hover span {
 display: block;
 position: absolute;
 top: -20px;
 right: -12px; 
 width: 40px;
 height: 9px;
 padding: 3px;
 text-decoration: none;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
 z-index: 10;
}

div#teksti5 a:hover {
   border-right: 0px; 
 z-index: 10;
}
div#teksti5 a span {display: none;}
div#teksti5 a:hover span {
 display: block;
 position: absolute;
 top: -20px;
 left: -20px; 
 width: 75px;
 height: 9px;
 padding: 3px;
 color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
 text-decoration: none;
 z-index: 10;
}

div#teksti6 a:hover {
   border-right: 0px; 
 z-index: 10;
}
div#teksti6 a span {display: none;}
div#teksti6 a:hover span {
 display: block;
 position: absolute;
 top: -25px;
 left: -10px; 
 width: 39px;
 height: 9px;
 padding: 3px;
  color: #A3FCB8;
 border: #4C8553 outset 1px;
 background-color: #000000;
 text-decoration: none;
 z-index: 10;
}

div {
 margin-left: 5px;
 padding: 3px; }

.tunnuskuva {
float: left;
margin: 10px; }
 
  div.bigger{
 font-size: 15px;
 text-align: center;
 text-decoration: none; 
 font-weight: bold;
 color: #A3FCB8;
 margin-left: auto;
 margin-right: auto;
 }
 
.keskitys {
 text-align: center;
 margin-left:auto; 
 margin-right:auto;}

div.oikeareuna {
 margin-left; auto;
 margin-right: auto;
 height: 60px;
 width: 1px; }

div.vievasemmalle {
 float: left;
 text-align: left;
 font-size: 11px;
 font-style: normal; }

div.pikkubox {
 position: absolute;
 left: 130px;
 bottom: 30px;
 height: 30px;
 text-transform: uppercase;
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-size: x-large;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 z-index: 5;
 }

div.ylapaneeli {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 99%;
 height: 46px;
 margin-left:auto; 
 margin-right:auto;
 background-image:url(main/ylapaneeli.gif);
 background-position: center top;
 background-repeat: repeat-x;
 z-index: 1;}

div.otsikko {
 margin-left: auto;
 margin-right: auto;
 font-size: 11px;
 color: #FFFFFF;
 text-align: center;
 text-decoration: normal; 
 font-weight: bold;
 background-color: #1E281C;
 }

/*Kuvat*/

.peitto1 {
 position: absolute;
 top: -4px;
 right: -8px;
 height: 38px;
 width: 17px;
 z-index: 10;
 }



.vasenpaneeli {
 position: absolute;
 float: left;
 top: 0px;
 left: -2px;
 width: 108px;
 height 307px;
 padding: 2px;
 background-color: #000000;
 z-index: 4; }

.lohhari {
 position: absolute;
 right: 5px;
 top: 15%;
 height: 461px;
 width: 464px;
 z-index: 1;}

.aminaatio {
 left: 15px;
 top: 12px;
 position: absolute;
 width: 60px;
 height: 43px;
 }

.nappula1-a {
position: absolute;
left: 140px;
top: 26px;
width: 55px;
height: 52px;
z-index: 10;
background-image:url(main/nappi01-a.gif);
background-position: center top;
background-repeat: no-repeat;
}

.nappula2-a {
position: absolute;
left: 22px;
top: 120px;
width: 60px;
height: 46px;
z-index: 10;
background-image:url(main/nappi02-a.gif);
background-position: center top;
background-repeat: no-repeat;
}

.nappula3-a {
position: absolute;
left: 156px;
top: 141px;
width: 43px;
height: 41px;
z-index: 10;
}

.nappula4-a {
position: absolute;
left: -1px;
top: 198px;
width: 52px;
height: 42px;
z-index: 10;
background-image:url(main/nappi04-a.gif);
background-position: center top;
background-repeat: no-repeat;
}

.nappula5-a {
position: absolute;
top: 215px;
left: 98px;
width: 56px;
height: 53px;
z-index: 10;
}

.nappula6-a {
position: absolute;
left: 19px;
top: 325px;
width: 35px;
height: 28px;
z-index: 10;
background-image:url(main/nappi06-a.gif);
background-position: center top;
background-repeat: no-repeat;
}

.naytot{
position: absolute;
left: -10px;
top: 0px;
 width: 202px;
 height: 360px;
background: transparent url(main/naytot.png) no-repeat;
background-position: top right;
z-index: 1;
 }

.kuvaelmat {
padding: 5px;
 border: #000000 outset 1px;
 background-color: #000000;
margin: 2px;}

.pienetkuvaelmat {
padding: 5px;
 border: #4C8553 outset 2px;
 background-color: #000000;
margin: 2px;}


.kuvatus {
position: absolute;
top: 12%;
left: 13%;
z-index: 6;}

.kuvatus2 {
position: absolute;
top: 12%;
left: 15%;
z-index: 6;}

.nappula1 a {
position: absolute;
left: 148px;
top: 26px;
width: 55px;
height: 52px;
z-index; 10;

}

.nappula1 a:hover {
background: transparent url(main/nappi01.gif) no-repeat;
z-index; 10;
} 

.nappula2 a {
position: absolute;
left: 30px;
top: 120px;
width: 60px;
height: 46px;
z-index; 10;

}

.nappula2 a:hover {
background: transparent url(main/nappi02.gif) no-repeat;
z-index; 10;
}

.nappula3 a {
position: absolute;
left: 155px;
top: 140px;
width: 43px;
height: 41px;
z-index; 10;

}

.nappula3 a:hover {
background: transparent url(main/nappi03.gif) no-repeat;
z-index; 10;
} 

.nappula4 a {
position: absolute;
left: 7px;
top: 198px;
width: 52px;
height: 42px;
z-index; 10;
}

.nappula4 a:hover {
background: transparent url(main/nappi04.gif) no-repeat;
z-index; 10;
} 

.nappula5 a {
position: absolute;
top: 215px;
left: 98px;
width: 56px;
height: 53px;
z-index; 10;

}

.nappula5 a:hover {
background: transparent url(main/nappi05.gif) no-repeat;
z-index; 10;
}

.nappula6 a {
position: absolute;
left: 25px;
top: 325px;
width: 35px;
height: 28px;
z-index; 10;

}

.nappula6 a:hover {
background: transparent url(main/nappi06.gif) no-repeat;
z-index; 10;
} 

td.greenlinks a {
font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
color: #15D515;
word-spacing: normal; }

.greenlinks a:hover {
color: #FFFFFF;
} 

.vasenkulma {
position: absolute;
top: -5px;
left: -10px;
z-index: 1;}

.oikeakulma {
position: absolute;
bottom: -5px;
right: -10px;
z-index: 10;}

.puukulma {
position: absolute;
top: -18px;
left: -10px;
z-index: 9;}

.tasaus {
 width: 35px;
 height: 27px;
 margin: 2px;
 border: none; }

.tasaus2 {
 width: 27px;
 height: 35px;
 margin: 2px;
 border: none; }

/*General*/

.lihavointi {
 padding: 2px;
 font-size: 11px;
 text-align: center;
 text-decoration: none; 
 font-weight: bold; }

.otsikot {
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 padding: 2px;
 font-size: 14px;
 text-align: center;
 text-decoration: none; 
 font-weight: bold; }
 
 .alkupuhe {
 width: 80%;
 font-size: 2em;
 font-weight: bold;
 color: #FFFFFF;
 letter-spacing: 2px;
 font-family: Garamond, Georgia;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.keskilinkit {
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial; color: #000099; text-decoration: none;
 padding: 2px;
 margin: 10px;
 font-size: 11px;
 text-align: center;
 font-weight: bold;}
 
div.lamppupohja {
position: absolute;
 width: 15px; 
 height: 67px;
 left: 0px;
 top: 0px;
z-index; 10;
}
 
 .lamppu1 a {
position: absolute;
 width: 30px; 
 height: 67px;
 left: 205px;
 top: 34px;
background: transparent url(main/lamppupohja.gif) no-repeat;
background-position: top center;
background-repeat: no-repeat;

}

.lamppu1 a:hover {
background: transparent url(main/lamppuhehkuu.gif) no-repeat;
background-position: top center;
 width: 30px; 
 height: 67px;
} 


 .lamppu2 a {

position: absolute;
 width: 30px; 
 height: 67px;
 left: 240px;
 top: 28px;
background: transparent url(main/lamppupohja.gif) no-repeat;
background-position: top center;
background-repeat: no-repeat;

}

.lamppu2 a:hover {
background: transparent url(main/lamppuhehkuu.gif) no-repeat;
background-position: top center;
 width: 30px; 
 height: 67px;
} 
 .lamppu3 a {
display: block;
position: absolute;
 width: 30px; 
 height: 47px;
 left: 280px;
 top: 37px;
background: transparent url(main/lamppupohja.gif) no-repeat;
background-position: bottom center;
background-repeat: no-repeat;

}

.lamppu3 a:hover {
background: transparent url(main/lamppuhehkuu.gif) no-repeat;
background-position: bottom center;
 width: 30px; 
 height: 47px;
} 

 .lamppu4 a {
display: block;
position: absolute;
 width: 30px; 
 height: 37px;
 left: 320px;
 top: 40px;
background: transparent url(main/lamppupohja.gif) no-repeat;
background-position: bottom center;
background-repeat: no-repeat;

}

.lamppu4 a:hover {
background: transparent url(main/lamppuhehkuu.gif) no-repeat;
background-position: bottom center;
 width: 30px; 
 height: 37px;
} 

.activeylanappi {
 top: 0px;
 position: relative;
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial; color: #000099; text-decoration: none;
 font-size: 11px;
 font-weight: bold;
 width: 13%; 
 height: 10px;
 float: right;
 border: #000000 inset; 
 text-align: center; 
 margin-left: 8%;
 margin-right: 1.5%;
 padding: 0.2em;
 z-index: 5; 
 background-color: #B8FDFE; 
 border-width: 1px 1px 1px 3px; }

.links {
font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
color: #FFFFC0;
word-spacing: normal; }
 A:link {color: #039903; text-decoration: none;}
 A:visited {color: #038503; text-decoration: none}
 A:active {color: #05AB05; text-decoration: none}
 A:hover {color: #00F000; text-decoration: none; }
 
   .pienta {
font-size: 10px;
font-weight: normal;
  }

.harmaateksti {
 font-size: 1.2em;
 color: #A9A9A9;
 text-align: left;
 margin-left:auto; 
 margin-right:auto;}
 
  .harmaateksti2 {
 font-family: Garamond, Georgia;
 width: 70%;
 font-size: 1.2em;
 color: #A9A9A9;
 text-align: center;
 margin-left:auto; 
 margin-right:auto;}

.reunalinks {
font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
color: #001378;
border: #9A6B1A outset 3px;
word-spacing: normal;
padding: 10px;
background-color: #404040;  }

.reunalinksuusi {
font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
color: #FFFFFF;
border: #202020 outset 1px;
word-spacing: normal;
padding: 1px;
background-color: #6AC46A;  }

.activereunalink {
font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: 600;
font-variant: normal;
text-decoration: none;
color: #FFEBEB;
border: #202020 outset 1px;
word-spacing: normal;
padding: 1px;
background-color: #EE8282;  }

.vievasemmalle {
 position: relative;
 left: 0px; }

.padded {
 padding: 4px;
 font-size: 14px;
 font-style: normal;
 margin-left: 0.5%; margin-right: 0.5%;
 text-decoration: none;
 font-family: font-family: Garamond, Times New Roman;
 font-weight: normal;
}

.paddedbold {
 padding: 4px;
 font-size: 14px;
 font-style: normal;
 margin-left: 0.5%; margin-right: 0.5%;
 text-decoration: none;
 font-family: font-family: Garamond, Times New Roman;
 font-weight: bold;
}

.otzikko {
 font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-size: xx-large;
 text-align: center;
 font-weight: bold;
 letter-spacing: 2px;
} 

td.reuma1 {
 width: 18px;
 height: 100%;
 }

td.reuma2 {
 height: 19px;
 }

 .adminvasen {
 float: left;
 }

 .lohhari{
position: relative;
left: 30px;
top: 50px;
width: 250px;
height: 250px;
z-index: 10;
background-image:url(main/lohhari.gif);
background-position: center top;
background-repeat: no-repeat;
}