body { background-color: black; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; height:101%; text-align: left; }
html { height:101%; }
.vasen { background-image: url('taustavasen.jpg'); background-repeat: no-repeat; background-position: top right; }
.oikea { background-image: url('taustaoikea.jpg'); background-repeat: no-repeat; background-position: top left; }
.sisalto { background-image: url('taustasisalto.jpg'); background-repeat: no-repeat; background-position: top; }
.kartta { z-index: 1; position: absolute; }
.karttatahdet {z-index:2; position:absolute; }

.ukkohallafishingfi1 { z-index: 10; position: absolute; margin-left: -70px;
margin-top: -44px; }
.ukkohallafishingfi2 { z-index: 10; position: absolute; margin-left: -70px;
margin-top: 16px; }

.logot { z-index: 2; position: absolute; margin-left: 810px; margin-top: 550px; }
.kalavehkeet { z-index: 4; position: absolute; margin-left: 771px; margin-top: -44px; vertical-align: top; text-align: left; width: 307px; height: 286px; }
.valikko { z-index: 10; position: absolute; margin-left: 193px; margin-top: -44px; }
.valikko a:hover { cursor:pointer;  }

.layer2 { z-index: 5; position: absolute; margin-left: 19px; top: 1200px; width: 911px; height: 634px;
	background-image: url('2tausta.jpg'); background-repeat: no-repeat; background-color: black; display:none; }
   .layer2_kompo { z-index: 5; position: absolute; margin-left: 19px; top: 1200px; width: 911px; height: 634px;
	background-image: url('2tausta.jpg'); background-repeat: no-repeat; background-color: black;}

 .layer3 { z-index: 5; position: absolute; margin-left: 19px; top: 200px; width: 911px; height: 634px;
	background-image: url('2tausta.jpg'); background-repeat: no-repeat; background-color: black;  }

.layer2pk { z-index: 6; position: absolute; margin-left: 6px; margin-top: 42px; width: 899px; height: 208px; }

.layer2sisalto { z-index: 7; position: absolute; margin-left: 0px; margin-top: 0px; width: 911px; }

.kuvitus { border-width: 6px; border-color: rgb(223,207,191); }


a { color: white; }
a:visited { color: white; }

.teksti { font-family: Arial; color: white; font-size: 10pt; }
.teksti A { color: white; }
.teksti A:hover { color: white; }
.teksti A:visited { color: white; }
.sivuteksti { font-family: Arial; color: rgb(156,207,125); font-size: 9pt; padding-right:67px; }
.sivuteksti A { font-family: Arial; color: rgb(156,207,125); font-size: 9pt; text-decoration: none; }
.sivuteksti A:hover { color: rgb(156,207,125); text-decoration: underline; }
.sivuteksti A:visited { color: rgb(156,207,125); text-decoration: none; }

.valikko2 { font-family: Arial; color: white; font-size: 15px; }
.valikko2 a { font-family: Arial; color: white; font-size: 15px; text-decoration: none; }
.valikko2 a:hover { color: white; text-decoration: underline; }

.nimio { z-index: 7; position: absolute; margin-left: 715px; margin-top: -32px; width: 275px; height: 180px; }
.ylapalkki { z-index: 8; position: absolute; margin-left: 0px; margin-top: 0px; width: 778px; height: 56px; }

/* ALAVALIKKO */
.alavalikkovasen { background-image: url('alavalikkovasen.png'); background-position: bottom; }
.alavalikkooikea { background-image: url('alavalikkooikea.png'); background-position: bottom; }
.alavalikkosisalto { background-image: url('alavalikkotausta.png'); background-position: bottom; }
.alavalikko1 { z-index: 7; width:588px; position: absolute; margin-left: 170px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px; }

.alavalikko2 { z-index: 7; width:588px; position: absolute; margin-left: 315px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px;}

.alavalikko3 { z-index: 7; width:588px; position: absolute; margin-left: 343px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px;}

.alavalikko4 { z-index: 7; width:588px; position: absolute; margin-left: 343px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px;}

.alavalikko5 { z-index: 7; width:588px; position: absolute; margin-left: 343px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px;}

.alavalikko6 { z-index: 7; width:588px; position: absolute; margin-left: 343px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px;}

.alavalikko7 { z-index: 7; width:588px; position: absolute; margin-left: 343px; margin-top: -250px;
	font-family: Arial; font-size: 13px; left: 130px; top: 0px;}

.alavalikko1, .alavalikko2, .alavalikko3, .alavalikko4, .alavalikko5, .alavalikko6,  .alavalikko7, A { padding-left: 20px; text-decoration: none; color: black; }
.alavalikko1, .alavalikko2, .alavalikko3, .alavalikko4, .alavalikko5, .alavalikko6,  .alavalikko7, A:hover { text-decoration: underline; color: black; }
.alavalikko1, .alavalikko2, .alavalikko3, .alavalikko4, .alavalikko5, .alavalikko6,  .alavalikko7, A:visited { color: black; }

/* ETUSIVU */
.layer1 { z-index: 0; position: absolute; margin-left: 19px; margin-top: 263px; width: 850px; height: 349px;
	background-image: url('1tausta.jpg'); background-repeat: no-repeat; }
.layer1sisalto { z-index: 1; position: absolute; margin-left: 46px; margin-top: 51px; width: 470px;
	color: black; font-family: Arial; font-size: 10pt; }
        
h1 { font-family: Arial; font-size: 20pt; color: rgb(86,51,27) }

#valikko_sivuun {
	position:fixed;
	margin:0;
	padding:0;
	position:fixed;
	right:0;
	top:123px;
	width:69px;
	height:1px;
	z-index:10;

}