/* CSS Document */

body {
    	background-color: #E8E8D5;
		margin-top: 0px;
	   	margin-left: 0px;
	   	margin-right: 0px;
	   	margin-bottom: 0px;
/*
	SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR: #000000; 
	SCROLLBAR-ARROW-COLOR: #000000; 
	SCROLLBAR-TRACK-COLOR: #cccccc; 
	SCROLLBAR-BASE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

*/
}


a:link, a:visited { text-decoration: none; color: #647e8b; text-decoration: none; }


a:hover {
		text-decoration: underline;
}

a.kohteet{
		text-decoration: none;
		color: #6E7D9E;
	
}

/*
select {
	font-family: Verdana, Arial, Tahoma;  
	font-size: 11px;
	color: #333333;
}

*/
h3 {
	font-family: Arial, Verdana, Tahoma;  
	font-size: medium;
	line-height: 17px;
	color: #6E7D9E;
}

.teksti {
	font-family: Verdana, Arial, Tahoma;  
	font-size: 70%;
	line-height: 17px;
	color: #333333;

}

.kohdekuvateksti {
	font-family: Verdana, Arial, Tahoma;  
	font-size: 70%;
	line-height: 12px;
	color: #666666;
	font-style: italic;


}

.tausta_alue {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 660px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}

.tausta_alue1200 {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 1200px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}



.tausta_alue2800 {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 2800px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}

.tausta_alue4500 {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 4500px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}


.tausta_alue4000 {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 4000px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}

.tausta_alue650 {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 650px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}

.tausta_alue720 {
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 720px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}

.taustayhteys{
        z-index: 1;
		position: absolute;
        width: 730px;		
		height: 1200px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #333333 1px; 
		border-top: solid #333333 1px; 
		border-right: solid #333333 1px;
		border-bottom: solid #333333 1px;  
}

.ylapalkki {
        z-index: 2;
		position: absolute;
        left: 17px;
        top: 16px;	
}

.navigaatio {
	z-index: 30;
	position: absolute;
	left: 32px;
	top: 197px;
	width: 688px;
}
.etukuva {
        z-index: 4;
		position: absolute;
        left: 68px;
        top: 243px;	
}

.etukuvakohde{
        z-index: 4;
		position: absolute;
        left: 50px;
        top: 254px;	
}

.etukuvanayttely{
        z-index: 4;
		position: absolute;
        left: 52px;
        top: 240px;	
}


.etukuvamelonta {
        z-index: 4;
		position: absolute;
        left: 35px;
        top: 243px;	
}

.palstaviiva {
        z-index: 5;
		position: absolute;
        left: 331px;
        top: 245px;	
}

.tekstialue {
        z-index: 6;
		position: absolute;
        left: 334px;
        top: 242px;
		width: 360px;
			
}

.leveatekstialue {
        z-index: 6;
		position: absolute;
        left: 80px;
        top: 244px;
		width: 600px;
			
}

.tekijatiedot{
        z-index: 7;
		position: absolute;
        left: 303px;
        top: 255px;
		width: 340px;
}

/*  ALASIVUT  */

.tausta {
        z-index: 1;
		position: absolute;
        width: 732px;		
		height: 1200px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff;
		border-left: solid #202020 1px; 
		border-top: solid #202020 1px; 
		border-right: solid #202020 1px;
		border-bottom: solid #202020 1px;  
}

.kuvateksti {
	font-family:  Arial, Verdana, Tahoma;  
	font-size: 10px;
	font-style: italic;
	color: #333333;

}

/*   ISOKARTTA  */

.navigaatiokartta {
        z-index: 3;
		position: absolute;
        left: 32px;
        top: 50px;	
}

.karttakuva {

        z-index: 4;
		position: absolute;
        left: 32px;
        top: 30px;
}

.alatekstialue {

        z-index: 6;
		position: absolute;
        left: 32px;
        top: 1040px;
}
/* KOHTEET */

/*
.kohdenavi {
        z-index: 4;
		position: absolute;
        left: 75px;
        top: 270px;	
}
*/

.kohdetekstipalsta {
        z-index: 6;
		position: absolute;
        left: 375px;
        top: 270px;
		width: 340px;	
}

.kohdekuva {
        z-index: 4;
		position: absolute;
        left: 70px;
        top: 265px;
}

/* KARTTAAPU */

.kartta {
        z-index: 4;
		position: absolute;
        left: 80px;
        top: 260px;
}

/*  FLASH  */

.kehys {
        z-index: 1;
		position: absolute;
        width: 640px;
		height: 480px;
        left: 16px;
        top: 15px;
		background-color: #ffffff; 
        layer-background-color: #ffffff; 
}

.kuva_alue {
		z-index: 2;
		position: absolute;
        left: 26px;
		top: 25px;
		width: 620px;
		height: 460px;		
		background-color: #D7D8DC; 
        layer-background-color: #D7D8DC; 
}
.flash {
		z-index: 3;
		position: absolute;
        left: 26px;
		top: 25px;
		width: 620px;
		height: 460px;		
		background-color: #D7D8DC; 
        layer-background-color: #D7D8DC; 
}
.etumainos
{
	width:250px;
}