﻿<!--

body {	border: 0;
		margin: 0;
		padding:0;
		font-family:Verdana, Geneva, sans-serif;
		background:url('images/tausta.jpg') repeat-x #ffffff}
		

A:link         {color:#000000; text-decoration: none }
A:visited      {color:#000000; text-decoration: none }
A:active       {color:#000000; text-decoration: none }
A:hover        {color:#3d5cb7; text-decoration: none }


.button1{
	background-color: #415eba;
	line-height: 35px;
	color: #ffffff;
	height: 35px;
	padding: 0 15px;
	font-size: 12px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.huomio { 	font-size: 11px;
		color: #999999 }
		
.huomiomust { 	font-size: 11px;
		color: #222222 }

.logo { margin-top: 21px;
		margin-bottom: 21px; }
		
.search_img { margin-top: 0px;
		margin-bottom: 21px; }
		
.ots { 	margin-top: 0px;
		margin-left: 20px;
		margin-bottom: 0px; }
		
.yla_navi { font-family: verdana;
			font-size: 18px;
			padding: 0px;
			margin-top: 21px;
			margin-right: 0px;
			margin-left: 0px;
			margin-bottom: 21px; }

.katkoviiva { margin-right: 10px;
				margin-left: 10px;
				background : url(kuvat/katkoviiva.jpg);
				 }
				
.pikku_navi { font-family: verdana;
			text-align: left;
			font-size: 14px;
			margin-top: 10px;
			margin-bottom: 21px; }
			
.pikku_navi2 { 	font-family: verdana;		
				text-align: left;
				font-size: 14px;
				margin-top: 21px;
				margin-bottom: 21px; }

.pikku_navi3 { 	text-align: left;
				font-size: 14px;
				margin-top: 10px;
				margin-bottom: 21px; }
				
.pikku_navi4 { 	text-align: left;
				font-size: 14px;
				margin-top: 10px;
				margin-bottom: 10px; }

.location_kuva { font-family: verdana;
				text-align: left;
				font-size: 14px;
				margin-top: 0px;
				margin-bottom: 21px; }

.location_kuva_t { font-family: verdana;
				overflow:hidden;
				width: 220px;
				height: 165px;
				text-align: left;
				font-size: 14px;
				margin-top: 0px;
				margin-bottom: 21px; }

.practical_txt { font-family: verdana;
				text-align: left;
				color: #888888;
				font-size: 14px; }
				
.practical_txt_musta { font-family: verdana;
				text-align: left;
				color: #000000;
				font-size: 14px; }

.practical_ots { font-family: verdana;
				text-align: left;
				color: #000000;
				margin-top: 21px;
				font-size: 14px; }
				
.practical_ots1 { font-family: verdana;
				text-align: left;
				color: #000000;
				margin-top: 0px;
				font-size: 14px; }

.news_txt { font-family: verdana;
			text-align: left;
			/*color: #888888;*/
			color: #000000;
			font-size: 11px; }

.news_txt2 { font-family: verdana;
			text-align: left;
			color: #000000;
			font-size: 11px; }
			
.news_txt3 { font-family: verdana;
			text-align: left;
			color: #ffffff;
			font-size: 11px; }
			
.news_txt4 { font-family: verdana;
			text-align: left;
			font-weight: bold;
			color: #000000;
			font-size: 11px; }

.news_txt_iso1 { font-family: verdana;
			text-align: left;
			color: #000000;
			font-size: 12px; }
			
.news_txt_iso { font-family: verdana;
			text-align: left;
			color: #000000;
			font-size: 13px; }

			
.news_txt a { font-family: verdana;
			text-align: left;
			color: #888888;
			font-size: 11px; }

.news_txt a:hover { font-family: verdana;
			text-align: left;
			color: #55dfff;
			font-size: 11px; }
			
.etusivu_kuvateksti { font-family: verdana;
			text-align: left;
			margin-top: 21px;
			color: #888888;
			font-size: 18px; }
			
.etusivu_kuvateksti2 { font-family: verdana;
			text-align: left;
			margin-top: 21px;
			color: #888888;
			font-size: 14px; }
			
.etusivu_kuvateksti2 a { font-family: verdana;
			text-align: left;
			margin-top: 21px;
			color: #888888;
			font-size: 14px; }
			
.etusivu_kuvateksti2 a:hover { font-family: verdana;
			text-align: left;
			margin-top: 21px;
			color: #55dfff;
			font-size: 14px; }
			
.alapalkki { font-family: verdana;
						text-align: center;
						margin-top: 21px;
						margin-bottom: 21px;
						color: #888888;
						font-size: 10px; }
						
.alapalkki a { font-family: verdana;
						text-align: center;
						margin-top: 21px;
						margin-bottom: 21px;
						color: #888888;
						font-size: 10px; }

.alapalkki a:hover { font-family: verdana;
						text-align: center;
						margin-top: 21px;
						margin-bottom: 21px;
						color: #55dfff;
						font-size: 10px; }


h1 {
	color: #000000;
	font-size: 14px;
	display: block;

}	

#vertical_slide {
	font-family: verdana;
	text-align: left;
	color: #888888;
	font-size: 14px;
}

#vertical_slide1 {
	font-family: verdana;
	text-align: left;
	color: #888888;
	font-size: 14px;
}

div.marginbottom {
	font-family: verdana;
	text-align: left;
	color: #000000;
	font-size: 14px;
	margin-bottom: 0px;
}	

.slideContainer {
				font-family: verdana;
	text-align: left;
	color: #888888;
	font-size: 14px;
	margin-bottom: 0px; 
			}

.slide {
				font-family: verdana;
	text-align: left;
	color: #888888;
	font-size: 14px;
	margin-bottom: 0px; 
			}
			
			
	
	
	
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	
		float:left;	
		
		
		height: 250px;	
		height/* */:/**/250px;	
		height: /**/250px;
		
		
		width: 124px;	
		width/* */:/**/120px;	
		width: /**/120px;
				
		border:1px solid #000;	
		padding:1px;	
		
	}
	#galleryContainer #arrow_down{	
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	
	}
	
	#theImages{	
		position:relative;
		overflow:hidden;
		height:240px;	
	}
	#theImages div{	
		position:relative;	
		height:1500px;	
		
	}
	#theImages img{
		border:0px;	
		filter:alpha(opacity=50);	
		opacity:0.5; 
		padding-top:1px;	
	}
	#previewPane #largeImageCaption{	
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	
		font-size:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}

		

	
	#lightbox {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%,-50%);
	}




-->