body {
	background-color: #F6F6F6; /* Optional */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center; /* IE Fix */
	margin: 0;
	color: #000000;
	background-image: url(tausta_talvi.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	

	}
a {
	color:#35654F;
	text-decoration:none;
	}
a:hover {
	border:1px solid #d7d6b7;
	border-right:none;
	border-left:none;
	}


.pict_anchor { border-width: 0px; }
.linkkilista { font-size: 95% }
.paaluokat { font-size: 90%; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width:850px;
	left:50%;
	padding: 0px 0px;
	background:url(bg.gif) repeat-y center;
	text-align: left; /* Cancel IE Fix */
	}
	
	
	
		
	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	

#header {
	background: url(header.jpg) no-repeat  100% 0;
	width: 850px;
	height: 130px;
	position: relative;
	
	}
	


#topLink{
 	width: 679px;
 	font-size: 12px;
 	
 	position: absolute;
	float: left;
	
	top: 98px;
left: 80px;
 	text-align: right;


 	}
 	 
#topLink a{
 	font-size: 12px;
 	color:#326750;
 	font-weight: bold;
 	font-style: normal;
	font-variant: small-caps;
 	
 	}
	
	
	
	

	


	

#header h1 { 	
	font: small-caps   Verdana, Arial, serif;
	color:#33664F;
	font-size: 25px;
	
	
	margin-left: 145px;
	margin-top: 35px;
	text-align: center;
	position: relative;
	float: left;


		}	
		
h2 { 	
	
	color:#33664F;
	font-size: 1.3em;
	padding-left: 5px;
	margin-bottom: 5px;
	cursor: default;
	}
	
h3 { 	
	
	color:#33664F;
	font-size: 1.1em;
	padding-left: 0px;
	margin-bottom: 0px;
	cursor: default;
	}	


h4 { 	
	margin-top: 0px;
	margin-bottom: 5px;
	color: #0B6C53;
	font-size: 1.1em;
	padding-left: 7px;
	cursor: default;
	}
	
h5
{
	font-family :  Verdana, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-style : normal;
	font-weight : bold;
	color : #000000;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	line-height : 15px;

}


h6
{
	font-family :  Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-style : normal;
	font-weight : normal;
	color : #000000;
	line-height : 17px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 5px;
	
}
 #kielet{
 	width: 80px;
 	font-size: 11px;
 	position: relative;
 	float: right;
 	margin-right: 20px;
 	margin-top: 25px;
 	padding-left: 20px;
  	border-left: 1px dotted #ddd;
  
  	
  
  
 	}
 	 
 	 

#kielet a{ 
	
 	text-decoration: none;
	color: #8fb34f;
 	line-height: 15px;
 	border:none;
		
}



.kielet a:hover{
	color: black;
	 margin-top: 5px;
	text-decoration: underline;
	 line-height: 15px;
}


/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/
ul {
	
	color:#000;
	font-weight:bold;
	font-size:11px;
	width:170px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 25px;
	}

#nav {
	
	color:#000;
	font-weight:bold;
	
	font-size:12px;
	margin-left: 7px;
	width:170px;
	line-height: 18px;
	
	}
	
#nav a {
	
	color:#333;
	font-weight:normal;
	font-size:12px;
	width:190px;
	margin-left: 20px;
	}
	
	
#nav2 {
	
	color:#000;
	font-weight:bold;
	font-size:11px;
	background: url(nav.jpg) no-repeat 100% 0;
	width:170px;
	margin-top: 5px;
	padding-left: 0px;
	line-height: 25px;
	}


#nav3 {
	
	color:#000;
	font-weight:bold;
	font-size:11px;
	background: url(nav3.jpg) no-repeat 100% 0;
	width:170px;
	margin-top: 5px;
	padding-left: 0px;
	line-height: 25px;
	}




#nav li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	
	}		
#nav li a { 
	text-decoration: none; 
	color: #000;
	padding: 3px 3px;
	font-size: 1em;
	float: left;
	
	}
	
		
	#nav li a:hover { background-color: #FFFFFF; width:190px;}
#nav li a.on { background-color: #96CFB2; color: #FFFFFF; }




/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#linkList {
	float: right;
	width: 170px;
	line-height: 15px; 
	margin-right: 35px;
	padding-left: 5px;
	padding-top: 10px;
	
	position: relative;

	}


#linkListBox {
	float: right;
	width: 170px;
	line-height: 15px; 
	margin-right: 35px;
	padding-left: 5px;
	padding-top: 10px;
	border: 1px solid #C4D7D1;
	

	}

#linkListKartta {
	float: right;
	width: 170px;
	line-height: 15px; 
	margin-right: 35px;
	padding-left: 3px;

	margin-top: 15px;
	padding-top: 20px;

	

	}


	}
.pict_pos {
	
	  position: absolute;
  		top: 80px;
	
	}

/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h3, #content h3, #content2 h3  { 
	font-size: 1.2em; 
	 color: #0B6C53;
	margin: 10px 20px 10px 5px; 
	cursor: default;
	}


#sidebar a {
	text-decoration: none; 
	color: #000000;
	font-size: 1em;
	padding-left: 5px;
	}
	
#sidebar a:hover {
	text-decoration: none; 
	color: #49515C;
	font-size: 1em;
	
	}

#content div, #sidebar div { 
	padding: 1px 0 0px 0;  

  	padding: 3px;
	}	
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/

	
	
#content {
	
	float: left;
	width: 550px;
	margin-top: 0px;
	margin-left: 30px;
	line-height: 17px; 
	text-align: left; 
	word-spacing: 1px;
	padding-right: 3px;
	
	position: relative;
	}
	
	
#content3 {
	float: right;
	width: 550px;
	margin-top: 0px;
	line-height: 17px; 
	text-align: left; 
	word-spacing: 1px;
	padding-right: 3px;
	}
	
#content
	h4 { 	
	margin-bottom: 5px;
	margin-top: 0px;
	color: #0B6C53;
	font-size: 1.1em;
	padding-left: 0px;
	
	}

pre	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;}
	
p	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 8px;}
	
#p2	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	width: 385px;
	position: relative;
	float: left;
	margin-left: 3px;
	margin-bottom: 8px;}


#p3	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	width: 520px;
	position: relative;
	float: left;
	margin-left: 3px;
	margin-bottom: 8px;}



		
#kuvat	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-right: 0px;
	margin-top: 5px;
	
	position: relative;
	float: right;
	margin-bottom: 8px;
	width:120px;
	}
		

		
.p_link	{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size: 1em;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 8px;}
		
	
	
	
.a2 {
	text-decoration: none; 
	border-bottom: 0;
	color: #336699;
	font-size: 1em;
	padding-left: 0px;	}
	
.a2:hover {
	text-decoration: none; 
	border-bottom: 0;
	color: #333333;
	font-size: 1em;
	padding-left: 0px;
	
	}


.a3 {
	text-decoration: underline; 
	
	color: #336699;
	font-size: 1em;
	padding-left: 0px;	}
	
.a2:hover {
	text-decoration: none; 
	border-bottom: 0;
	color: #333333;
	font-size: 1em;
	padding-left: 0px;
	
	}



/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	
		clear: both;
		background:url(bottom.gif) no-repeat;
		height:36px;
		
	}
	
#footer h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-left: 33px;
	margin-top: 15px;
	font-weight: normal;
	float: left;
	margin-top: 5px;
	
	}

	
		
		
	}




#yhteystiedot{
 	
 	margin: 0 auto;
	width: 780px;
	padding: 0 0px;
	font-size: 0.9em;
	text-align: right; /* Cancel IE Fix */ 
 	padding-top: 3px;
 	
	
}
#yhteystiedot a:link{
 	
 
 	color: black;
 	padding: 0px 0px 0px 0px;
	
}
#yhteystiedot a:hover{
 	

 	
 	padding: 0px 0px 0px 0px;
 	
	
}

	


/*------------------------------------------------------------*
**  Tulostus
**------------------------------------------------------------*/
	
	
@media print {

body {
font-family: arial, serif;
color: #000000;
}

#container {
	

	border-color: #FFFFFF;

	
	}




h2 {
font-size:1em;
color: #000000;
}

h3 {
font-size:0.9em;
color: #000000;
}




h4 {
margin-left: 0px;
color: #000000;
font-size:1.1em;

}

h5 {
font-size:1em;
font-weight:bold;
color: #000000;
}



p {
page-break-inside:avoid;
}

#header, #sidebar, .pict_pos, #yhteystiedot{
display:none;
}

a {
text-decoration:none;	
}

#content {
	float: right;
	width: 100%;
	margin-top: 15px;
	line-height: 17px; 
	text-align: left; 
	word-spacing: 1px;
	padding-right: 3px;
	}

}

/*print-lohko päättyy*/	}