body  {font-family: Arial; font-size: 10pt; color:rgb(51,51,91);
		background-color:rgb(130,255,190);
        background-image:url('../Kuvat/vesipisara1.jpg');
        background-position:100% 100%;
        background-attachment:fixed;
        background-repeat:no-repeat; 
        margin-bottom:50pt;
        text-align: center } 
 
table.tumma {text-align: center;}
table.tumma td { background-color:rgb(0,255,255); 
                 border:ridge 4px white;}
                 
table.reunus {text-align: center;}
table.reunus td { border:ridge 4px white;}


table.keskitetty {text-align: center; vertical-align: middle;}
table.keskitetty td {text-align: center; vertical-align: middle;}

table.teksti {text-align: center; align: center; vertical-align: top;}
table.teksti td {text-align: center; align: center; vertical-align: top;}
   
p {font-size: 10pt; text-align: center;}

h1 {font-size: 10pt; font-family: arial; color:rgb(55,0,111);}

h2 {font-size: 14pt; font-family: arial; font-weight: bold;}

h3 {font-size: 12pt; font-family: arial; font-weight: bold;}
 
address { font-size: 10pt;}

       
a {text-decoration: none; font-size: 10pt;}
a:link {color: rgb(222,0,111);}
a:active {font-weight: bold;}
a:hover {color: rgb(255,255,111);}


div#indexalue {position: relative; width: 900px; height: 660px;
			margin: 0 auto;
			-moz-margin-top: 3em; // For Firefox
			margin-top: 8em; // For Internet Explorer
			margin-top: 4em; // For other browsers
          background-color: transparent; z-index: 1;}
          
div#indextausta {
   position: absolute;  top: 0; right: 0; width: 900px; height: 660px;   
   border:ridge 4px white;
   background-color: rgb(55,255,255); 
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
    z-index: 2;
}
div#indexteksti {
   width: 900px; top: 0; left: 0; height: 660px; 
   background-color: transparent;
   position: absolute; 
   text-align: center; 
   vertical-align: top;              
   z-index: 3;                      
}


div#alue {position: relative; width: 900px; height: 900px;
			margin: 0 auto;
			-moz-margin-top: 3em; // For Firefox
			margin-top: 8em; // For Internet Explorer
			margin-top: 4em; // For other browsers
          background-color: transparent; z-index: 1;}
          
div#tausta {
   position: absolute;  top: 0; right: 0; width: 900px; height: 900px;   
   border:ridge 4px white;
   background-color: rgb(55,255,255); 
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
    z-index: 2;
}

div#ylavasen {
   width: 400px; height: 130px; top: 0; left: 15px;
   background-color: transparent;   
   position: absolute;
   text-align: left; 
   vertical-align: top;            
   z-index: 5;                      
}

div#ylahakusanat {
   width: 600px; height: 60px; top: 90; left: 15px;

   background-color: transparent;   
   position: absolute;
   text-align: left;             
   z-index: 5;                      
}

div#ylaoikea {
   width: 300px; height: 130px; top: 0; right: 0;
   background-color: transparent;   
   position: absolute;
   text-align: right;
   vertical-align: top;             
   z-index: 5;                      
}

div#valikko {position: absolute; width: 900px; height: 32px; right: 0; top: 135;
             z-index: 7;}


div#tekstialue {
   width: 550px; height: 550px; top: 180; right: 20;
   background-color: transparent;
   position: absolute;              
   z-index: 5;                      
}
div#tekstitausta {
   width: 580px; height: 510px;  top: 0; right: 0;
   background-color: rgb(105,255,255);
   filter:alpha(opacity=30);
   -moz-opacity:0.3;
   opacity: 0.3;
   border:ridge 4px white;
   position: absolute;              
   z-index: 6;                      
}

div#teksti {
   width: 550px; height: 490px; overflow: auto; top: 3; right: 3; padding: 10px;
   background-color: transparent;
   position: absolute;
   vertical-align: top;
   align: center;              
   z-index: 6;                      
}


div#vasenteksti {
   width: 280px; height: 470px; top: 180px; left: 0; padding: 5px;
   background-color: transparent;   
   position: absolute;
   vertical-align: top;            
   z-index: 5;                      
}

div#alateksti {
   width: 900px; height: 185px; bottom: 0; left: 0;
   background-color: transparent;
   border-top:ridge 4px white;
   position: absolute; 
   text-align: center;
   vertical-align: middle;         
   z-index: 5;                      
}

div.footnote { width: 900px; height: 30px; top: 1300px;
   background-color: transparent;
   position: relative; 
   align: center;             
   z-index: 5;    
   font-family: Arial; font-size:11pt; line-height: 12pt; text-align: center;}