/* html {
overflow: auto;
} */

BODY {
background-color: #dddddd;
background-image: url("ruutu.gif");
padding-left: 6px;
padding-top: 6px;
/* height: 99%;
overflow: auto; */
}

/* .ietest {
height: 95%;
overflow: auto;
} */

PRE {
font-family: "Courier";
font-size: 9pt;
color:#ff0000;
}

TABLE {
position: fixed;
top: 5px;
left: 5px;
z-index: 10;
}

.sivu {
	width: 600px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
   padding-left: 0px;
      }
      

.alue_alkuun {
   background-image: url("karttatausta2.gif"); 
   width: 600px;
   padding-top: 30px;
   padding-bottom: 100px;
   padding-right: 10px;
   padding-left: 60px;
   font-family: "Verdana";
   color: #322C1B;
   font-size: 10pt;
   line-height: 120%;
   }

.alue { 
   width: 600px;
   padding-top: 30px;
   padding-bottom: 100px;
   padding-right: 10px;
   padding-left: 60px;
   font-family: "Verdana";
   color: #322C1B;
   font-size: 10pt;
   line-height: 120%;
   }

.alue_palaute {
    background-image: url("palautetausta.gif");
   }
   
/* .alue ul
{ font-weight: bold; } */
   
.header
      {
      font-family: "Arial";
      font-size: 16pt;
	  color: #485983;
	  font-weight: bold;
	  } 
	  
.huom {
   background-image: url("huomtausta.gif");
   /* border: solid 3px #5B8BA5; */
   border-right: solid 3px #5B8BA5;
   border-bottom: solid 3px #5B8BA5;
   width: 300px;
   padding-top: 15px;
   padding-bottom: 10px;
   padding-right: 10px;
   padding-left: 15px;
   color: #4A7B95;
      } 

.huom_text
      {
	  color: #4A7B95;
	  font-weight: bold;
	  }  
	  
.alapalkki
{
width: 310px;
background-image: url("alapalkkitausta.gif");
border-top: 2px solid #C4473D;
border-right: 2px solid #C4473D;
border-bottom: 2px solid #C4473D;
border-left: 0px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 45px;
margin-bottom: 20px;
text-align: left;
}

.ulospalkki
{
width: 310px;
background-image: url("ulospalkkitausta.gif");
border-top: 1px solid #5A9F3A;
border-right: 1px solid #5A9F3A;
border-bottom: 1px solid #5A9F3A;
border-left: 0px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: 45px;
margin-bottom: 20px;
text-align: left;
font-weight: bold;
color: #42752B;
}

	
.palkki
   {
   background-color: #9B3830;
   margin-bottom: 3px;
   height: 16px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 8px;
   padding-left: 8px;
   font-family: "Arial";
      border-left: solid 1px #FFffff;
   text-align: left;
   color: #FFD450;
   font-size: 9pt;
   }

.palkki_a
   {
   margin-bottom: 3px;
   background-color: #FFE971;
   height: 16px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 8px;
   padding-left: 8px;
   font-family: "Arial";
   border-left: solid 1px #FFffff;
   text-align: left;
   color: #C33232;
   letter-spacing: 0.1em;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: underline;
   }
   
.palkki_alkuun
   {
   background-image: url("palkkitausta_a_alkuun.gif");
   margin-bottom: 3px;
   background-color: #FFE971;
   height: 16px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 8px;
   padding-left: 20px;
   font-family: "Arial";
   text-align: left;
   color: #C33232;
   font-size: 10pt;
   font-weight: bold;
   text-decoration: none;
   }

.text
   {
   font-family: "Arial";
   color: #5E4629;
   font-size: 8pt;
   }


A:link
   {
   color: #CB2622;
   font-family: "Arial";
   font-size: 10pt;
   text-decoration: underline;
   }
A:visited
   {
   color: #CB2622;
   font-family: "Arial";
   font-size: 10pt;
   text-decoration: underline;
   }
      
A:hover
   {
   color: #FFB910;
   font-family: "Arial";
   font-size: 10pt;
   text-decoration: underline;
      background-color: #9B3830;
   }
   
A:active
   {
   color: #FF7E00;
   font-family: "Arial";
   font-size: 10pt;
   text-decoration: underline;
   }



A.menu:link
   {
   color: #FFD450;
   font-family: "Arial";
   font-size: 9pt;
   }
A.menu:visited
   {
   color: #FFD450;
   font-family: "Arial";
   font-size: 9pt;
   }
A.menu:hover
   {
   color: #ffffff;
   font-family: "Arial";
   font-size: 9pt;
   text-decoration: none;
   }
A.menu:active
   {
   color: #FFD450;
   font-family: "Arial";
   font-size: 9pt;
   }

A.ulos:link
   {
   color: #3E756B;
   font-family: "Arial";
   font-size: 10pt;
   font-weight: normal;
   }
A.ulos:visited
   {
   color: #3E756B;
   font-family: "Arial";
   font-size: 10pt;
   font-weight: normal;
   }
A.ulos:hover
   {
   color: #FFE971;
   font-family: "Arial";
   font-size: 10pt;
   text-decoration: underline;
   background-color: #227648;
   }
A.ulos:active
   {
   color: #3E756B;
   font-family: "Arial";
   font-size: 10pt;
   }