/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 	background-color: #FFFFFF;
	background-image: url(images/tausta.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size: 12px;
	font-style: normal;
	color: #000000;
}
	
/*kuvateksti {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
  }
otsikko {
  color:#3F2201;
  font-size: 18px;
  }*/
  
h1 {
  color:#FC7005;
  font-size: 14px;
  }
h3 {
  color:#000000;
  font-size: 10px;
  }
  
  h2 {
  color:#FC7005;
  font-size: 12px;
  }
h4 {
  color:#AE7132;
  font-size: 12px;
  }
 h5 {
  color:#AE7132;
  font-size: 12px;
  }
a.leipis:link {
  text-decoration:none ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #002164;
  font-weight: bold;
}
a.leipis:hover {text-decoration: underline;
font-weight: bold;}

a.leipis:visited {text-decoration: underline;
  color: #002164;
  font-weight: bold;
  }
  
/*a.leipis2:link {
  text-decoration:none ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-style: normal;
  color: #B80D0D;
  font-weight: strong;
}
a.leipis2:hover {text-decoration: underline}
a.leipis2:visited {
  text-decoration: none;
  color: #B80D0D;
  }
  */

a.kielet1:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 260px;
	padding-right: 10px;
	
 }
 
 a.kielet1:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 260px;
	padding-right: 10px;
	
 }
a.kielet1:hover {text-decoration: underline}

a.kielet2:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 10px;
	padding-right: 10px;
 }
 
 a.kielet2:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 10px;
	padding-right: 10px;
 }
a.kielet2:hover {text-decoration: underline}

/*a.top:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #855A35;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 10px;
	padding-right: 10px;

}
a.top:hover {text-decoration: underline}
a.top:visited {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #855A35;
  font-weight: bold;
  letter-spacing: 0px;
  padding-left: 10px;
  padding-right: 10px;

   }*/
.topsivulla {
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #855A35;
  font-weight: bold;
  letter-spacing: 0px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 10px;
  background-image: url(images/button_t.jpg);
  height:29px;
  border-right:thin solid #b9b8b8;
  background-repeat: repeat-x;
  background-position:bottom; 
  background-color: #FFFFFF;

}

a.top2:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #3F2201;
	font-weight: bold;
	letter-spacing: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
   padding-bottom: 10px;
	background-image: url(images/button_t.jpg);
	border-right:thin solid #b9b8b8;
	background-repeat: repeat-x;
	background-position:bottom; 
	background-color: #FFFFFF;

}
a.top2:hover {
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #3F2201;
  font-weight: bold;
  letter-spacing: 0px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 10px;
  background-image: url(images/button_t.jpg);
  border-right:thin solid #b9b8b8;
  background-repeat: repeat-x;
  background-position:bottom; 
  background-color: #FFFFFF;
  }
a.top2:visited {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #3F2201;
  font-weight: bold;
  letter-spacing: 0px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 10px;
  background-image: url(images/button_t.jpg);
  border-right:thin solid #b9b8b8;
  background-repeat: repeat-x;
  background-position:bottom; 
  background-color: #FFFFFF;
  

   }
   /*
.top2sivulla {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #960505;
  font-weight: bold;
  letter-spacing: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url(images/button_t.jpg);
  background-repeat: repeat-x;
  background-position:bottom; 
  background-color: #FFFFFF;

}

a.linkkivali {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #0051A2;
  font-weight: normal;
  word-spacing: 10px;
}
*/

#pagewidth{ 
 width:772px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
	position:relative;
	height:276px;
	width:772px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
}

#header_s{
	position:relative;
	height:276px;
	width:772px;
	background-image: url(images/header_s.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
}

#header_e{
	position:relative;
	height:276px;
	width:772px;
	background-image: url(images/header_e.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #002164;
	font-weight: bold;
}
#masthead{
	position:relative;
	height:20px;
	width:100%;
	top:20px;
	padding-left:70px;
	padding-top:0px;
	z-index: 2;
}
/*

#masthead2{
	position:relative;
	height:20px;
	width:100%;
	padding-left:80px;
	padding-top:0px;
	z-index: 2;
}


#ymenu{
	position:relative;
	height:20px;
	top:20px;
	width:60px;
	left:95px;
	background-image: url(images/menut.jpg);
	background-color: #FFFFFF;
	padding-top:2px;
	padding-left:3px;
	padding-right:3px;
	z-index: 1;
}
#ymenu2{
	position:relative;
	height:20px;
	top:20px;
	width:40px;
	left:185px;
	background-image: url(images/menut.jpg);
	background-color: #FFFFFF;
	padding-top:2px;
	padding-left:3px;
	padding-right:3px;
	z-index: 1;
}

#header2{
	position:relative;
	height:217px;
	width:817px;
	background-image: url(images/top2.gif);
	z-index: 1;
}
*/
#bd{
 background-image: url(images/tausta2.jpg);
 width: 772px;
  }


#yui-b{
 background-color: #000000;
 width: 300px;
 left: 30px;
 padding-left:20px;
 padding-right:20px;
  }
  
  #teksti6{
 width: 500px;
 left: 30px;
 padding-left:20px;
 padding-right:20px;
 padding-top:20px;
 padding-bottom:20px;
  }
  
#leftcol{
	width:21px;
	float:left;
	position:relative;
	background-image: url(images/left.jpg);
	height: 418px;
 }
 /*
 
 #leftcol2{
	width:21px;
	float:left;
	position:relative;
	background-image: url(images/left.jpg);
	height: 247px;
 }
 */
 
#twocols{
 width:767px;
 float:right; 
 position:relative; 

  }
 
#rightcol{
	width:23px;
	float:right;
	position:relative;
	height: 418px;
	background-image: url(images/right.jpg);
 }
 /*
 #rightcol2{
	width:23px;
	float:right;
	position:relative;
	height: 418px;
	background-image: url(images/right.jpg);
 }
 
 
#maincol{
	background-image: url(images/keski.jpg);
	background-repeat: repeat-x;
	float: left;
	display:inline;
	position: relative;
	width:708px;
	height: 418px;

	
 }
 
 #maincol2{
	background-image: url(images/keski2.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	float: left;
	display:inline;
	position: relative;
	width:708px;
	height: 418px;	
 }
 
 #ylamenu{
	width:298px;
	float:left;
	position:relative;
	padding-left: 100px;	
 }
 
 #topmenu{
	position:relative;
	width:398px;
	top: 70px;
	left:180px;
	float:left;
	z-index:4px;
	 }
 
 #teksti{
	width:340px;
	top:0px;
	float:left;
	position:relative;
	padding-left: 40px;
	padding-right: 25px;
	padding-top: 10px;
	} 
	
	#menup{
width:30px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	text-align:center;
 }
	*/

   #sivumenu{
	float:left;
	position:relative;
	width: 160px;
	padding-left: 20px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size: 10px;
	font-style: normal;
	color: #000000;

	}
  

 
 a.menul:link {
  text-decoration:none ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  color: #002164;
  padding-left:5px;
}

a.menul:hover {
  text-decoration:none ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #002164;
  padding-left:5px;
  }

a.menul:visited {
  text-decoration:none ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #002164;
  padding-left:5px;
  }
 
 a.menulla {
  text-decoration:none ;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FC7005;
  padding-left:0px;
  }
 
#footer{
 background-image: url(images/ala.gif);
 height:114px; 
 clear:both;
 }
 
 #footerteksti{
 padding-left:35px;
 padding-top:5px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #FFFFFF;
 font-weight: bold;
 }
 
 a.tulostus:link {
  text-decoration:underline ;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  }

 
 #footer2{
 background-image: url(images/bottom.gif);
 height:28px; 
 width:772px;
 clear:both;
 }

 .lista{
 margin:10px 0 10px 10px;
 }
 
 .lista li{
 margin:0 0 10px 10px;
 list-style-type:disc;
 }

 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */