<!--
html {SCROLLBAR-base-COLOR: #FFFFFF;

}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#000000;
margin:none;
margin-bottom:inherit;
margin-left:none;
margin-right:none;
margin-top:none;
SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #000000; 
	SCROLLBAR-3DLIGHT-COLOR: #000000; 
	SCROLLBAR-ARROW-COLOR: #D0155C; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

a {color:#000000; text-decoration: none;}
A:hover {color:#000000; text-decoration: underline; }

.logo {
top:3px;
left:3px;
position:absolute;
}

.bottom {
bottom:0px;
left:0px;
position:absolute;
background-image:url(img/base/bgbotsmall.gif);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

.navigaatio {
top:3px;
right:3px;
position:absolute;
}

.navigaatio2  { 
	position:absolute; 
	visibility:hidden;
	top: 30px;
	left: 5px;
	font-family: tahoma,arial,verdana;
		font-size: 13px;
	letter-spacing: 1pt;
	color:#FFFFFF;
	font-weight:bold;
	 }

.leipis {
width:300px;
background:none;
padding:5px;
padding-top:10px;
padding-left:10px;
padding-right:2px;
padding-bot:5px;
line-height:20px;
}

.leipis2 {
width:500px;
background:none;
padding:5px;
padding-top:10px;
padding-left:10px;
padding-right:2px;
padding-bot:5px;
line-height:20px;
}

.tausta1 {
width:100%;
height:250px; 
left:0px;
top:150px;
position:absolute;
}

.tausta2 {
width:340px;
height:250px; 
left:100px;
top:0px;
position:absolute;
}

.tausta3 {
width:100%;
height:65px; 
left:0px;
top:405px;
position:absolute;
}

.tausta {
width:100%;
height:319px;
background-color:#dddddd;
background-repeat:repeat-x;
left:0px;
top:150px;
position:absolute;
visibility:visible;
}

.box {
	background:none;
position:absolute; width:350px; height:250px; top:150px; left:100px;
	}
	
iframe {
	background:none;
position:absolute; width:350px; height:250px; top:150px; left:100px;
	}

#pohja{position:absolute; width:300px; height:250px; overflow:hidden; top:150px; left:100px; clip:rect(0,300,210,0); visibility:hidden; } 
#sisalto{position:absolute; top:0px; left:0px;}
#up{position:absolute; width:20px; left:430px; top:154px; z-index:1; text-align:left; } 
#down{position:absolute; width:20px; left:430px; top:376px; z-index:1; text-align:left; } 

.paakuva {
top:150px;
left:500px;
position:absolute;
}

.pikkukuvat {
	position:absolute; 
	visibility:visible;
top:404px;
left:500px;
height:65px;
	font-family: tahoma,arial,verdana;
		font-size: 13px;
	letter-spacing: 1pt;
	color:#FFFFFF;
	font-weight:bold;
	 }

.pikkukuvat2 {
	position:absolute; 
	visibility:hidden;
top:150px;
left:500px;
	font-family: tahoma,arial,verdana;
		font-size: 13px;
	letter-spacing: 1pt;
	color:#FFFFFF;
	font-weight:bold;
	 }

.copy {
bottom:0px;
right:0px;
	position:absolute; 
	visibility:hidden;
padding:2px;
padding-top:10px;
padding-left:2px;
padding-right:0px;
padding-bottom:5px;
font:Arial, Helvetica, sans-serif;
color:#999999;
font-size:80%;
width:120px;
}

.copy2 {
top:150px;
right:5px;
position:absolute; 
padding:2px;
padding-top:2px;
padding-left:2px;
padding-right:0px;
padding-bottom:5px;
font:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:110%;
width:20px;
text-align:right;
}
.copy2 a {color:#ffffff;}


h1 {
font:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
letter-spacing:1pt;
text-transform:none;
padding:2px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
padding-bot:2px;
line-height:normal;}


-->