body {
 	background-color: transparent;
	background-repeat: repeat;
	background-position: left bottom;
	background-attachment: fixed;
	text-align: left;
	margin: 0;
	padding: 0;

}



#under { 
	background-image: url(../pics/sky.jpg);
	background-repeat: repeat;
	position: absolute; left: 0px; top: 0px; z-index: 0;
	width: 1200px;
	height: 680px;
	margin: 0;
	padding: 0;
	border: 0;
}

#under2 { 
	background-image: url(../pics/grass.jpg);
	background-repeat: x-repeat;
	position: absolute; left: 0px; top: 540px; z-index: 1;
	width: 1200px;
	height: 340px;
	margin: 0;
	padding: 0;
	border: 0;
	}



body {
	scrollbar-face-color:#336699;
	scrollbar-highlight-color:ffffff;
	scrollbar-3dlight-color:#111111;
	scrollbar-darkshadow-color:000000;
	scrollbar-shadow-color:gray;
	scrollbar-arrow-color:orange;
	scrollbar-track-color:#eeeeee;
}

body.two { 
	background: #ffffff;
}


#header {
	position: absolute; left: 100px; top: 0px; z-index: 4;	
	width: 890px;
	height: 230px;
	margin: 0;
	padding: 0;
        	border: 0;
        	float: left;
        	background-image: url(../pics/header_en.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#lang {
	position: absolute; left: 160px; top: 464px; z-index: 9;	
	width: 83px;
	height: 12px;
	font: 7pt tahoma; color: #111111; 
	margin: 0;
	padding: 0;
        	border: 0;
        	float: left;
}

#left-menu {
	position: absolute; left: 100px; top: 214px; z-index: 5;	
	width: 200px;
	height: 580px;
	margin: 0;
	padding: 0;
        	border: 0;
        	float: left;
	background:#eeeeee;
	background-repeat: no-repeat;
	background-position: left top;
        	text-align: center;
}


#uutiset {

	position: absolute; left: 120px; top: 520px; z-index: 6;
	width: 160px;
	height:100px;
	margin: 0;
	margin-left: 10px;
	font: 8pt arial; color: #000000;
	padding: 6;
	border: 0px solid #ffffff;
	float: left;
	background-image: url(../pics/news.jpg);
	background-repeat: no-repeat;
}

#leftmenutxt {

	position: absolute; left: 125px; top: 588px; z-index: 7;
	width: 150px;
	margin: 0;
	margin-left: 10px;
	font: 8pt arial; color: #111111;
	padding: 6;
	border: 0px solid #ffffff;
	float: left;
	

}

#avoinnabg {
	position: absolute; left: 36px; top: 200px; z-index: 6;
	width: 290px;
	height: 470px;
	margin: 0;
	padding: 0;
        	border: 0px solid #eeeeee;
        	float: left;
        	background-image: url(../pics/lapp_right.gif);
	background-repeat: no-repeat;
	background-position: center top;
        	text-align: center;
}

#avoinnabg2 {
	position: absolute; left: 36px; top: 153px; z-index: 6;
	width: 90px;
	height: 470px;
	margin: 0;
	padding: 0;
        	border: 0px solid #eeeeee;
        	float: left;
        	background-image: url(../pics/lapp_left.gif);
	background-repeat: no-repeat;
	background-position: center top;
        	text-align: center;
}


#avoinnatxt {
	position: absolute; left: 110px; top: 250px; z-index: 7;
	width: 190px;
	height: 470px;
	margin: 0;
	padding: 0;
        	border: 0px solid #eeeeee;
	float: left;
	text-align: left;
}




#upmlogo {
	position: absolute; left: 112px; top: 640px; z-index: 7;
	width: 160px;
	height: 140px;
	margin: 0;
	padding: 0;
	border: 0px solid #777777;
	float: left;


}







<!-- ............... RIGHT, MAIN FRAME .................... -->



#right-content {
	position: absolute; left: 300px; top: 213px; z-index:8;
	width: 626px;
	height: 578px;
	margin: 0;
	padding: 0;
	border: 0px solid;
	background: #ffffff;	
	overflow-y:hidden;
	
}


#link {
	position: absolute; left: 300px; top: 213px; z-index:9;
	width: 626px;
	height: 578px;
	margin: 0;
	padding: 0;
	border: 0px solid yellow;
	background: #ffffff;
	background-image: url(../pics/dekbg#.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
	overflow-y:hidden;

}


#footer {
	position: absolute; left: 99px; top: 786px; z-index:9;
	width: 827px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0px solid yellow;
	background:black;
	text-align: left;
}


#mainleft {
	position: absolute; left: 76px; top: 416px;
	width: 210px;
	height: 100px;
	z-index: 8;
	margin: 0;
	padding: 0;
        border: 0px solid #111111;
        float: left;
	text-align:left;
	font: 8pt arial; color: #111111;

}


#mainright {
	position: absolute; left: 320px; top: 416px;
	width: 240px;
	height: 100px;
	z-index: 8;
	margin: 0;
	padding: 0;
        border: 0px solid #111111;
        float: left;
	text-align:left;
	font: 8pt arial; color: #111111;
}



#boxbgcolor2 {
	position: absolute; left:60px; top: 380px;
	width: 240px;
	height: 140px;
	z-index: 1;
	margin: 0;
	padding: 0;
        	border: 0px solid #cccccc;
        	float: left;
	background-image: url(../pics/green_en.jpg);
	text-align:left;
	
}

#boxbgcolor3 {
	position: absolute; left:306px; top: 380px;
	width: 260px;
	height: 140px;
	z-index: 1;
	margin: 0;
	padding: 0;
        	border: 0px solid #cccccc;
        	float: left;
	background-image: url(../pics/orange_en.jpg);
	text-align:left;
	
}





<!-- .......................... BORDERS ....................................... -->


#left-border { 
	position: absolute; left: 99px; top: 7px; z-index: 4;
	width: 1px;
	height: 770px;
	margin: 0;
	padding: 0;
        border: 0;
        background: #777777;
}

#right-border { 
	position: absolute; left: 926px; top: 7px; z-index: 2;
	width: 1px;
	height: 770px;
	margin: 0;
	padding: 0;
        border: 0;
	background: #777777;
}

#verline { 
	position: absolute; left: 300px; top: 185px; z-index: 9;
	width: 1px;
	height: 610px;
	margin: 0;
	padding: 0;
        	border: 0;
	background: #cccccc;
}


#shadow1 { 
	position: absolute; left: 19px; top: 7px; z-index: 4;
	width: 80px;
	height: 828px;
	margin: 0;
	padding: 0;
        border: 0;
        background-image: url(../pics/skugga1.jpg);
}


<!-- ..................... MENU ......................................... -->
#menu 	{
	position: absolute; left: 1px; top: 0px; z-index: 9;
}

#menu a {
  position: absolute; left: 61px; top: 142px;
  height: 46px;
  width: 20px;
  text-decoration: none;
  }

#menu a i { visibility: hidden; }

a#home { left: 0px; width: 73px}
a#historia { left: 76px; width: 75px;}
a#nayttelyt { left: 154px; width: 98px; }
a#ajoohjeet { left: 255px; width: 86px; }
a#yhteystiedot { left: 344px; width: 78px; }
a#lank { left: 425px; width: 58px;}



a#home:hover { background-image: url(../pics/vit.gif); }
a#historia:hover { background-image: url(../pics/vit.gif); }
a#nayttelyt:hover { background-image: url(../pics/vit.gif); }
a#yhteystiedot:hover { background-image: url(../pics/vit.gif); }
a#ajoohjeet:hover { background-image: url(../pics/vit.gif);}
a#lank:hover { background-image: url(../pics/vit.gif); }

a#home:hover,
a#historia:hover, 
a#nayttelyt:hover,  
a#yhteystiedot:hover, 
a#ajoohjeet:hover, 
a#lank:hover { border: none; } 

a#home:active { background-image: url(../pics/active.gif); }
a#historia:active { background-image: url(../pics/active.gif); }
a#nayttelyt:active { background-image: url(../pics/active.gif); }
a#yhteystiedot:active { background-image: url(../pics/active.gif); }
a#ajoohjeet:active { background-image: url(../pics/active.gif); }
a#lank:active { background-image: url(../pics/active.gif); }






<!-- ............................................ FIRST PAGE COLORED BOXES - HOVER LINKS ...................................... -->

#firstpagemenu 	{
	position: absolute; left: 0px; top: 0px; z-index: 7;
}

#firstpagemenu a {
	position: absolute; left: 0px; top: 380px;
	height: 140px;
	text-decoration: none;
}

#firstpagemenu a i { visibility:block; }

a#one { left: 60px; width: 240px}
a#two { left: 306px; width: 260px;}

a#one:hover { background-image: url(../pics/dark_en.jpg); }
a#two:hover { background-image: url(../pics/dark2_en.jpg); }
a#one:hover,
a#two:hover  { border: none; } 



<!-- ............................................................... FORMATTING ............................................................. -->

h3		{}
.cap		{ font-family:arial; font-size:15px;text-transform:uppercase; color: #669933; margin-bottom: 5px;margin-top: 30px ;text-align: left;}
.cap2		{ font-family:arial; font-size:15px;text-transform:uppercase; color: #111111; margin-bottom: 5px;margin-top: 1px ;text-align: left;}
.cap3		{ font-family:arial; font-size:15px;text-transform:uppercase; color: #669933;text-align: left;}
.exib		{ font-family:arial; font-size:14px;text-transform:uppercase; color: #cc9933; margin-bottom: 5px;margin-top: 30px ;text-align: left;}


.cap4		{ font-family:tahoma; font-size:11px;text-transform:uppercase; color: #111111;  color: #669933;margin-bottom: 5px;margin-top: 5px ;text-align: left;}


h5.caps		{ font-family: arial; font-size: 10px; text-transform: uppercase; color: #111111; margin-bottom: 5px; margin-top: 4px ;text-align: left;}

p.bold		{ color: #cc9933;font-weight:bold; margin-bottom: 5px;margin-top: 25px ;}
p.bold2		{ margin-bottom: 5px;margin-top: 10px ;text-align: left;}
p.bold1		{ font: 11pt; color: #111111; font-weight:bold; margin-bottom: 15px;margin-top: 30px ;text-align: left;}

p.italic	{ font: 8pt arial; color: #111111; margin-bottom: 15px;margin-top: 0px ;text-align: right;}


table		{ border: 0px solid #bbbbbb; }



p,td		{ font: 8pt "tahoma"; color: #111111; text-align:left;}
td.dark		{ font: 7pt tahoma; color: #111111; }
.hisbread	{ font: 8pt "tahoma"; color: #111111; text-align: justify; }
td.dark2	{ font: 9pt arial; color: #111111; text-align: justify;}
td.orange	{ font: 7pt tahoma; color: #cc9933; text-align: center;font-weight: bold; }	
td.left		{ font: 7pt tahoma; color: #eeeeee; text-align: left; }
td.leftmenu	{ font: 7pt tahoma; color: white; text-align: center; }	
td.white	{ font: 7pt tahoma; color: white; text-align: center; }			
td.header	{ font: 7pt tahoma; color: #ffffff; }
td.caption	{ font: 11pt arial; color: #008600;font-weight:bold; }
td.bild 	{ border: 1px outset; border-color: #ffffff; padding: 1px; text-decoration: none; background: #eeeeee; }

img.margin	{ float:left; margin-right: 20px; margin-bottom: 15px; }
img.icon		{ float:left; margin-right: 10px; margin-bottom: 100px;margin-top: 1px; border: 0px solid #996633; padding: 1px;  }
img.frameright2	{ float:right; margin-left: 50px; margin-bottom: 0px; margin-top: 0px; border: 0px solid #777777;}
img.exib		{ float:right; margin-left: 20px; margin-bottom: 20px; margin-top: 10px; border: 1px solid #669933;}

img.frameleft	{ float:left; margin-right: 20px; margin-bottom: 50px; margin-top: 20px; border: 0px solid #777777;}
img.framebox	{ float:left; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; border: 0px solid #111111;}
img.framebox2	{ float:right; margin-left: 15px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #777777;}
img.pos		{ position: absolute; top: 46px; left: 80px; } 
img.framefirst	{ margin-right: 20px; margin-bottom: 15px;margin-top: 6px; border: 1px solid #777777; padding: 0px; }
img.frameright	{ float:right;margin-left: 20px; margin-bottom: 15px; border: 1px solid #996633; padding: 1px; }
img.frame	{ float:left;margin-right: 20px; margin-bottom:15px;margin-top: 15px; border: 1px solid #669933; }

iframe		{ 
		width: 625px; 
		height:590px;
}


img.bordered	{
		border:1px solid #669933;}
		a img.bordered {border:1px solid #669933;}
		a:hover img.bordered {border: 1px solid #cc9933;
}

img.bordered2	{
		border:0px solid #669933;}
		a img.bordered2 {border:0px solid #669933;}
		a:hover img.bordered2 {border: 0px solid #cc9933;
}



a 		{ text-decoration: none; }
a:link 		{ color: #669933; }
a:visited 		{ color: #669933; }
a:hover 		{ color: #ffcc33; }
a:active 		{ color: #669933; }

a.front:link 	{color: #111111;}
a.front:visited	{color: #111111;}
a.front:hover 	{color: #eeeeee;}
a.front:active	{color: #111111;}



#popad1 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}

#popad2 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}
#popad3 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}
#popad4 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}
#popad5 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}
#popad6 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}
#popad7 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}
#popad8 {
	display:none;
	padding:0px;
	position: absolute; left: 0px; top: 80px; 
	margin-left:80px; 
	z-index: 20; 
	height: 300px; 
	width: 300px; 
	border:0px black solid;
	font: 8pt arial; color: #ffffff;
}