/* villen lisäämät alkaa JQUERY TOOLS */
.videowrap1 {
	width: 620px;
	height: auto;
	margin-bottom: 10px;
	border: solid 1px #e2e6e9;
	background: #fff;
	float: left;
	padding: 5px;
	position: relative;
		
	
	}


.videowrap2 {
	width: 620px;
	height: auto;
	margin-bottom: 10px;
	border: solid 1px #e2e6e9;
	background: #f5f5f5;
	float: left;
	padding: 5px;
	position: relative;
		
	
	}



.kuvawrap {
	width: 100px;
	height: auto;
	border: solid 1px #e2e6e9;
	float: left;
	position: relative;
		
	
	}


.tekstiwrap {
	width: 500px;
	height: auto;
	font-style:italic;

	float: left;
	position: relative;
	margin: 20px 0 0 10px;
		
	
	}
	
.tekstiwrap > a:link {
	font-size: 14px;
	color: #666;

	display: block;
	text-decoration:none;
		
	
	}	
	
.tekstiwrap > a:hover {
	font-size: 14px;
	color: #666;


	display: block;
	text-decoration:underline;
		
	
	}		
	
	

/* the overlayed element */
.simple_overlay {
	margin: 100px ;

	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:444px;	
	min-height:326px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	z-index:10000;
	right:-205px;	
	top:-30px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}


	#triggers {
		text-align:center;
	}
	
	#triggers img {
		cursor:pointer;
		margin:0 5px;
		background-color:#fff;
		border:1px solid #ccc;
		padding:2px;
	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	


/* villen lisäämät loppuu */


.rivi {
	height:auto;
	width: auto;
	background-color:#CCC;
	
	
	
	}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #5a5a5a;
}
#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: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}




h4, h5, h6,pre,form,body,html,blockquote,input,img, tr, div, center
{ margin:0; padding:0 }


/* CSS Document */
img { border:0;}

 

body {
	margin:0px 0px 0px 0px;
padding:0;
height:100%;
	background-image: url(../images/bg.gif);
	background-repeat:repeat-x;
	
	}

 ul,ol {
	 margin: 15px 0px 10px 10px;
	 }

li {
	 margin: 5px 0px 5px 0px;
	 }



h1 { 

	text-align:left;
	font-family:trebuchet, helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	font-style:italic;
	color: #5a5a5a;
	margin-top: 30px;
}	


h2 { 

	text-align:left;
	font-family:trebuchet, helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color: #5a5a5a;
	margin: 35px 0 0 0;
}	

.otsikko {
	margin: 23px 0px 6px 0px; 
	
	}
	
h3 {
	
	text-align:left;
	font-family:trebuchet, helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color: #5a5a5a;
	margin: 35px 0 0 0;
	
	}		
	
	
h4 {
	
	text-align:left;
	font-family:trebuchet, helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color: #0367b4;
	margin: 0;	
	
	}	
	
	
h5 { 

	text-align:left;
	font-family:trebuchet, helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color: #5a5a5a;
	margin: 10px 0 0px 0;

	border: 1px solid #ccc;
}	

.h5_ref_2 {
	margin: 0px 0 10px 0;	
	background-color:#f4f4f4;
	padding: 10px;
	
	
	}
	
.h5_ref_0 {
	margin: 0px 0 10px 0;	
	background-color:#fff;
	padding: 10px;
	
	
	}	
	
p {
	
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #5a5a5a;
	line-height: 18px;
	margin: 17px 0 18px 0;	
	}
	
	
.pikkuref {
	
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color: #5a5a5a;


	
	}	
	
a.reflink:link, a.reflink:visited, a.reflink:hover, a.reflink:active {
	
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color: #0367b4;


	
	}		
	
.tasaaoikealle {
	
	text-align:right;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #5a5a5a;
	line-height: 18px;
	margin: 17px 0 18px 0;
	
	}	
	
table, tr, td {
	
	margin:0px;
	padding:0px;
	
	}		
	
/* ORIGINAALI ENNEN PÄIVITYSTÄ 110211
*/
.toimipaikat_pikayhteys {  	
	
	float: left;
	position: relative;
	width: 190px;
	height: auto;

	background-color: #e2e6e9;
	
	font-family: arial, trebuchet, sans-serif; 
	font-size:11px;
	text-align:left;
	
	margin: 0px 16px 20px 0px;
	}	
	


/*	
.toimipaikat_pikayhteys { 
	
	float: left;
	position: relative;
	width: 290px;
	height: auto;

	background-color: #e2e6e9;
	
	font-family: arial, trebuchet, sans-serif; 
	font-size:11px;
	text-align:left;
	
	margin: 0px 16px 20px 0px;
	}	
	*/

.toimipaikat_pikayhteys3 { /* palvelut -pikayhteyswrapper */
	
	float: left;
	position: relative;
	width: 166px;
	height: auto;
	border: 1px solid #fff;


	
	font-family: arial, trebuchet, sans-serif; 
	font-size:11px;
	text-align:left;
	
	margin: 20px 12px 2px 0px;
	}	

.toimipaikat_pikayhteys2 { /* palvelut -pikayhteyswrapper */
	
	float: left;
	position: relative;
	width: 190px;
	height: auto;

	background-color: #e2e6e9;
	
	font-family: arial, trebuchet, sans-serif; 
	font-size:11px;
	text-align:left;
	
	margin: 0px 16px 20px 0px;
	}	
	
	
hr {
	
color: #fff;
background-color: #fff;
height: 1px;
border: 1px;
margin:0px;
padding:0px;
	}	
	

	
.toimipaikat_pikayhteys_header { /* palvelut -pikayhteyswrapper */
	
	width: 188px;
	height: 48px;
	float:left;
	position:relative;
	border:solid 1px #e2e6e9;
	background-color: #fff;

	
	}		
	
	
.toimipaikat_pikayhteys_header2 { /* palvelut -pikayhteyswrapper */
	
	width: 188px;
	height: 48px;
	float:right;
	position:relative;
	border:solid 1px #e2e6e9;
	background-color: #fff;
	
	
	}	
	
.toimipaikat_pikayhteys_header3 { /* palvelut -pikayhteyswrapper */
	
	width: 166px;
	height: 48px;
	float:right;
	position:relative;

	background-color: #fff;
	
	
	}			
	
	
.toimipaikat_pikayhteys_content {
	
	font-family: arial, trabuchet, sans-serif;
	font-size:11px;
	text-align: left;
	color: #0367b4;
	float:left;
	position:relative;
	margin-left: 12px;
	padding: 0px 0px 20px 0px;
	
	
	}	
	
	

.sininen{ /* palvelut -pikayhteyswrapper */

	font-family: arial, trabuchet, sans-serif;
	font-size:11px;
	text-align: left;
	font-style:normal;
	color: #0367b4;

	}		



.sininen2 { /* palvelut -pikayhteyswrapper */

	font-family: arial, trabuchet, sans-serif;
	font-size:11px;
	text-align: left;
	font-style:normal;
	font-weight: bold;
	color: #0367b4;

	}		



	
a.pieni:link, a.pieni:active, a.pieni:hover, a.pieni:visited{


	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color: #999;




}			
	
	
	
	
.theunderline, a:link {


	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #0367b4;
	line-height: 18px;



}		


.theunderline, a:active{


	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #5a5a5a;


}		


.theunderline, a:hover{


	text-decoration:none;



}		


.theunderline, a:visited{


	color: #7c9cb5;


}			


.hakubg {
	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #0367b5;	
	padding: 2px 0 0 5px;
	
width: 195px;
height: 19px;
background: url(../images/hakubg.gif) no-repeat;
border: none;


} 



a.button{
background:url(../images/alanavi.jpg);
display:block;
color:#5a5a5a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
height:52px;

border-bottom: 1px #FFF solid;
text-decoration:none;
width:242px;

}

a:hover.button{
background:url(../images/alanavi_dn.jpg);
}

a.button_dn {
background:url(../images/alanavi_dn.jpg);
display:block;
color:#5a5a5a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
height:52px;

border-bottom: 1px #FFF solid;
text-decoration:none;
width:242px;


}






a.button2{
background:url(../images/alanavi2.jpg);
display:block;
color:#5a5a5a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
height:52px;

border-bottom: 1px #FFF solid;
text-decoration:none;
width:242px;
}

a:hover.button2{
background:url(../images/alanavi2_dn.jpg);
}

a.button2_dn {
background:url(../images/alanavi2_dn.jpg);
display:block;
color:#5a5a5a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
height:52px;

border-bottom: 1px #FFF solid;
text-decoration:none;
width:242px;

}






.buttonteksti {
	width: 200px;
	float: left;
	text-align:left;
	margin: 17px 0px 0px 28px;
	

	}
	
	.buttonteksti2 {
	width: 200px;
	float: left;
	text-align:left;
	margin: 8px 0px 0px 28px;


	}

.klikkaa {
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color: #5a5a5a;	
	
	}



.small {
	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #5a5a5a;
	line-height: 18px;
	margin: 17px 0 18px 0;	
}


.pallot {

color: #5a5a5a;
background-color: #fff;
border: 1px dashed #5a5a5a;
border-style: none none dashed;

}




/* DIVIT */
#pdf2 {
	
	float:left;
	position:relative;
	margin: 0px 20px 30px 25px;

	
	}	

.pdf {
	
	float:left;
	position:relative;
	margin: 0px 20px 10px 0px;
	
	}	

#contentspace {
	float:left;
	position:relative;
	margin: 10px 0px 25px 45px;
	width:620px;
	clear:right;
	height:auto;



	}




#main {
	
	width: 930px;
	height: auto;
	position: relative;
	float:none;



		
	}





#header {
	
	width: 930px;
	height: 98px;
	position: relative;
	float:left;
	background-color: #fff;
		
	}

#logo {
	
	width: 280px;
	height: 98px;
	position: relative;
	float:left;

		
	}
	
#haku {
	
	width: 280px;
	height: 47px;
	position: relative;
	float:right;
	
	}	
	
#hakupalkki {
	
	width: 195px;
	height: 19px;
	position: relative;
	float:left;
	text-align:left;
	margin-top: 13px;
	
	}	

#ikonit {
	
	width: 76px;
	height: 47px;
	position: relative;
	float:right;

	
	}	


#menu {
	
	width: 930px;
	height: 55px;
	position: relative;
	float:left;

		
	}

#content {
	
	width: 930px;
	height: auto;
	min-height: 353px;
	position: relative;
	float:left;
	background-image:url(../images/taustarepeat.gif);
	background-repeat:repeat-y;

	text-align:left;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color: #5a5a5a;
	line-height: 18px;
		
	}

#kuva {
	
	width: 930px;
	height: 353px;

	position: relative;
	float:left;

		
	}
	


#kuva2 {
	
	width: 617px;
	height: 353px;

	position: relative;
	float:left;

		
	}

#ajankohtaista {
	
	width: 313px;
	height: 353px;

	position: relative;
	float:left;
	background-color:#eeeff0;

	
	}
	
.ajankohtainen {
	
	width: 288px;
	height: 100px;
	padding: 0px 30px 0px 25px;

	position: relative;
	float:left;
	background-image:url(../images/ajankohtaistabg.jpg);
	background-repeat: no-repeat;
	
	}

#nosto1 {
	
	width: 307px;
	height: 158px;
	position: relative;
	float:left;

		
	}

#nosto2 {
	
	width: 316px;
	height: 158px;
	position: relative;
	float:left;

		
	}
	
#nosto3 {
	
	width: 307px;
	height: 158px;
	position: relative;
	float:left;

		
	}	


	#vasenpalsta {

	width: 242px;
	float:left;
	position:relative;
	height: 100%; 
	min-height: 240px;



	}	

#keskipalsta {
	width: 600px; /*430*/
	float:left;
	position:relative;
	margin: 0px 44px 20px 44px;
	height: 100%;

	}	

#oikeapalsta {
	width: 258px;
	height: 100%;
	min-height: 300px;	
	float:left;
	position:relative;

	}	

#footer {
	
	width: 930px;
	height: 16px;
	position: relative;
	float:left;
	background-color:#e2e6e9;
	padding-top:2px;

	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5a5a5a;
	text-align:center;	
		
	}
	
	
#vasenpalsta	{
	float:left;
	position:relative;


}
		
	
	
	
#refwrapper	{
	float:left;
	position:relative;

	width:600px;
}
	
	
#refvasenots {
	float:left;
	position:relative;

	margin-right: 50px;

	
	
	
	}	
	
#refoikeaots {
	float:left;
	position:relative;


	
	
	
	}		
	
#vasenpalsta2 {

	float:left;
	width: 600px;



	
	
	
	}	
	

	
.cleardiv {

	clear: both;
	
	
	}	
	


.pikkukuvat {
	float:left;
	position:relative;
	margin-bottom: 10px;
	
	}
	
	#refteksti {
		
		float:left;
	position:relative;
	margin-right: 10px;
	width:410px;

	}
	
	#refteksti2 {
		
		float:left;
	position:relative;
	margin-right: 10px;


	}	
	
	
	
	#refkuva {

	width: 150px; /* 600 px */
	float: right; /* left */
		position:relative;




	}	
	
	.tuotekuva {
		

		
		}
	
	
	
.refcontainer {
	
	float: left;

	position:relative;
	width: 570px; 
	margin: 0px 30px 0px 0px;
	clear:both;
	}	
	


/*.refcontainer {
	
	float: left;
	background-color:#0C3;
	position:relative;
	width: 170px;
	margin: 0px 30px 0px 0px;
	}	
	*/


	
#henkilohaku {
	
	width: 600px;
	height: auto;

	float: left;
	position:relative;
	
	}	
	
	
#henkilotieto {
	
		width: 420px;
	height: auto;

	float: left;
	position:relative;

	
	}	
	
#henkilokuva {
	
	margin: 25px 0 0 0;
			width: 180px;
	height: auto;

	float: right;
	position:relative;

	
	}	
	
#henkilohaku_vasenpalsta{
	
		margin: 25px 0px 25px 28px;
			width: 180px;
	height: 200px;

	float: left;
	position:relative;


	
	}	
	
	
	
.valikot {
	
	text-align:left;
	font-family:Tahoma, serif;
	font-size:11px;
	color: #0367b5;	
	padding: 2px 2px 3px 2px;
	
	
	

	
	}