@charset "utf-8";
/* CSS Document */
img { border:0;}


.harmaa {
	
		text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #6b869f;
	
	}


#lightbox{
	background-color:#eee;
	padding: 10px;

	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
		font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 11px;	 	
	font-style: normal;
	font-weight: bold;

	}	
#lightboxCaption{ 
	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 11px;	
	font-style: normal;
	font-weight: bold;
	float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #091724;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
	



#printtilogo {
	display: none;
	}
	
.footertext2 { display:none;}

h3, h4, h5, h6,pre,form,body,html,blockquote,input,img, tr, ul,ol,li, div, td, table
{ margin:0; padding:0 }

body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#846751;
		margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
a.ikonit:link {

	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #091724;

}

a.ikonit:visited {

	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #091724;

}

a.ikonit:hover {	

	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #091724;
	text-decoration: none;

}

a.ikonit:active {

	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #091724;
	text-decoration: none;

	
	}
	
a.kuvakatselu:link, a.kuvakatselu:visited, a.kuvakatselu:hover, a.kuvakatselu:active {

	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;

	color: #091724;

}
	

a.mediataivas:link {

	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #c6ab8e;

}

a.mediataivas:visited {

	font-family: tahoma, serif; /* garamond 11 pt bold*/
	font-size: 10px;	
	font-style: normal;
	font-weight: normal;
	align: left;
	color: #c6ab8e;

}

a.mediataivas:hover {	

	text-decoration: none;

}

a.mediataivas:active {

	text-decoration: none;

	
	}
	
	
.footertext2 {
	
	display:hide;
	
	
	
	}	
	
	
.ikoni {
	margin: 7px 7px 7px 47px;
	}		
	
h1 { 

	text-align:left;
	font-family:Tahoma, serif;
	font-size:20px;
	font-weight:normal;
	font-style:normal;
	color: #6b869f;
	margin: 40px 0px 8px 0px;
}	


h2 { 

	text-align:left;
	font-family:Tahoma, serif;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	color: #6b869f;
	margin: 26px 0px 0px 0px;	
}	


	
p {
	
	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #FFF;
	
	}
	
ul, li {
	
	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #9cc4e8;
	margin: 0px 0px 10px 20px;
	
	}	
	
	
	
a:link {


	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #9cc4e8;


}		


a:active{


	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #9cc4e8;


}		


a:hover{


	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #9cc4e8;
	text-decoration:none;



}		


a:visited{


	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #9cc4e8;


}		
	
	
	
.tabactive a:link {

padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;


float: left;

background-color: #9cc4e8;
min-height: 13px;
height: auto;

}	
	
	.tabactive a:visited {

padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
min-height: 13px;
height: auto;
}	
	

.tabactive a:hover {

padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
min-height: 13px;
height: auto;

}	

.tabactive a:active {

padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
min-height: 13px;
height: auto;


}	

	
.tabbutton a:link {


padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #cfdce5;
min-height: 13px;
height: auto;
}


.tabbutton a:visited {

padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #cfdce5;
min-height: 13px;
height: auto;

}



.tabbutton a:hover {


padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: none;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
min-height: 13px;
height: auto;

}

.tabbutton a:active {

padding: 2px 0px 4px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: none;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
min-height: 13px;
height: auto;

}

.tablemargin {
	
	margin: 0px 0px 0px 46px;
	padding-top: 7px;
	}




	
	
	}

.tabbutton1 a:link {


padding: 2px 0px 0px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #6b869f;
height: 17px;

}


.tabbutton1 a:visited {

padding: 2px 0px 0px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: underline;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #cfdce5;
height: 17px;

}



.tabbutton1 a:hover {


padding: 2px 0px 0px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: none;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
height: 17px;

}

.tabbutton1 a:active {

padding: 2px 0px 0px 27px;
margin-bottom: 5px;
text-align: left;
font-family: tahoma, serif;
text-decoration: none;
font-size: 11px;	
font-style: normal;
font-weight: bold;
align: left;
color: #091724;
width: 228px;

float: left;

background-color: #9cc4e8;
height: 17px;


}

.suomi {
	
	margin-left: 60px;
	
	}

.kuva {
	
	border:solid 1px #6b869f;
	margin-bottom: 13px;
	text-align:left;
	
	}

/* divs */

#subnavi {

	margin: 79px 45px 0px 46px;
		width:255px;
	height:auto;
	float:left;
	position:relative;
	text-align: left;
	
	
	}



#footer {
	bottom: 0;
	margin: 64px 0px 20px 0px;
	width:914px;
	height:26px;
	float:none;
	position:relative;
	background-image:url(../images/gradient.jpg);
	background-repeat:repeat-x;
	text-align:right;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #091724;
	padding: 0px 16px 0px 0px;
	
	}
	
#bottom {
	width: 980px;
	height: 42px;
	float: none;
	position:relative;

	}	

#saarijarven {
	
	width: 153px;
	height: 26px;
	float: left;
	position:relative;

	
	}

#footertext {
	width: 700px;
	padding: 6px 0px 0px 0px;
	float:right;
	position:relative;
	
	}


#wrap {
	width:980px;
	height:auto;
	float:none;
	position:relative;

	}

#header {
	width:980px;
	height:334;
	float:center;
	position:relative;

	}
#menu {
	width:980px;
	height:39px;
	float:none;
	position:relative;
	text-align:left;




	
	}
	
#belownavi {
	background-image:url(../images/belownavi.jpg);
	width: 980px;
	height: 31px;
	background-repeat:no-repeat;
	float:none;
	position:relative;
	text-align:left;

	
	}
	
#contentwrap {
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	
	background-color: #091724;
	min-height:100%;
	height: 100%;
	width:980px;
	position:relative;
	float:left;
	
	}
	
	
	#content {
	
	margin-top: 0px;
	height: auto;
	width:400px;
	position:relative;
	float:left;
	text-align:left;

	
	}
	
#notfound {
	width: 100%;
	height: 100px;
	text-align:center;
	margin: 150px 0px 0px 350px;

	
	
	}


	#content3 {
	

	min-height: 510px;
	height: auto;
	width:580px;
	position:relative;
	float:left;
	text-align:left;
/*	background:#093; */
	
	}
	
	
	#content2 {
	

	height: auto;
	width:200px;
	position:relative;
	float:left;

	
	
	}	
	
	#right {
	
	margin-top: 77px;
	height: auto;
	width:230px;
	position:relative;
	float:left;	
	
	}	
	
	#right2 {
	
	margin: 44px 90px 0px 0px;
	height: auto;
	width:290px;
	position:relative;
	float:right;
	

	
	}	
		
	
	.refcontainer {
	width: 580px;
	float:left;
	position:relative;

		
	}	
	
	.refkuvacontainer {
	width: 50px;	
	float:left;
	position:relative;
	margin: 0 22px 0 0 ;

	
	}
	
		.refkuvacontainer2 {
	width: 100px;	
	float:left;
	position:relative;
	margin: 0 12px 0 0 ;

	
	}
	
	.refteksticontainer {
	width: 580px;	
	float:left;
	position:relative;


		
	}
	
#referenssikuvat {
	margin-top: 36px;
	text-align:center;
	float:left;
	position:relative;
	width: 255px;

	
	
	}	
	
	
.ref1 {
	
float: left;
position:relative;
margin-top: 50px;
width:200;
	
	
	}