*{
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	background: #f1f1f1 url(/pics/bg-body.jpg) repeat-y  center top;
	xbackground: #f5f5f5 url(/pics/bg-all-1.jpg) repeat-y  330px 0px;
	line-height: 17px;

}

a { text-decoration: underline;	color: #001894;}
p {margin: 0px 0px 15px 0px;}

blockquote {margin-left: 20px;}

	
#all {
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	background: #ffffff;
	//padding-left: 4px; 
	xpadding-right: 8px;
	padding-top: 8px;
	
	}
	
div#header {
	
	}
	
div#top {
		background: transparent url(/pics/ylaosa-bg.jpg) no-repeat 0px 0px;
		width: 928px;
		height: 72px;
		position: relative;
	
		}
		div#top a.acces {display: none;}
		div#top h1{display: none;}
		
		div#top ul { line-height: 30px; }
			div#top ul li  { display: inline; background: transparent url(/pics/li-erotin.gif) no-repeat 0px 2px; padding-left: 10px; padding-right: 7px;}
			div#top ul li.finnish  {background: none;}
			div#top ul li a  { color: #ffffff; text-decoration: none;}
			div#top ul li a.selected  { font-weight: bold;}
			
		div#top ul.topnavi { line-height: 30px; color: #ffffff; float: left;}
		
		
		
				 
#logo { padding: 18px 0 0 10px;	z-index: 3; width: 250px;}
		
	#logo img {border: 0px;}
		
#language {
	position: absolute;
	right: 10px;
	top: 10px;
	}

	#language input{ height: 15px; border: 1px solid #a5acb2; width: 156px;}
	
	#language form { margin-left: 15px;margin-top: 1px; }
	
	#language .search { color: #ffffff; float: left;}
	
			#language .search input.button_suomeksi, 
			#language .search input.button_pa_svenska { 
				background: transparent url(/pics/btn-search.jpg) no-repeat 0px 2px; 
				width: 37px; 
				height: 23px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				border: 0px;
				position: relative;
				bottom: 0px;
				left:0px;
				}
				
			#language .search input {
				position: relative;
				bottom: 1px;
				//bottom: 2px;
				left:0px;
				}
				
				
			#language .search input.button_in_english {
				 border: 0px;
				 background: transparent url(/pics/btn-search-eng.jpg) no-repeat 0px 2px; 
				 width: 58px; 
				 font-family: Verdana, Arial, Helvetica, sans-serif; 
				 height: 23px; 
				 font-size: 11px;
				 position: relative;
				 bottom: 0px;
				 left:0px;
				 }

		#picture {
			height: 205px;
			width: 232px;
			background: transparent url(/pics/kuvapaikkakuva2.jpg) no-repeat 0px 0px;
				}

		#voimatila {
			position: absolute;
			right: 10px;
			top: 10px;
			height: 250px;
			width: 180px;
			}
					
				#voimatila p { color: #ffffff; margin: 20px 0 0 0; }
				
				#voimatila a { color: #ffffff; text-decoration: none; position: absolute; top: 193px; left: 20px;}
				
						
/* Frontpage */



#picture_fp {
	height: 230px;
	width: 928px;
	background: transparent url(/pics/ylaosa-kuva-matala-1.jpg) no-repeat 0px 0px;	
	position: relative;
	border-top: 1px solid #fff;
	}
	
#picture_fp_en {
	height: 230px;
	width: 928px;
	background: transparent url(/pics/ylaosa-kuva-matala-en-1.jpg) no-repeat 0px 0px;	
	position: relative;
	border-top: 1px solid #fff;
	}
	
#picture_fp p.intro-txt, #picture_fp_en p.intro-txt {
	color: #fff;
	position: absolute;
	top: 85px;
	left: 370px;
	text-align: center;}

div#content_fp {
	width: 440px;
	float: left;
	padding: 0 0 0 35px;
	margin-top: 16px;
	
	}

div#content_fp h1 {font-size: 16px; font-weight: bold; margin: 0px; margin-bottom: 10px; line-height: 23px; }

.rss { padding-bottom: 1px;}


div#navi_fp {
	font-size: 10px;
	border-top: 1px solid #fff;
	margin-bottom: 1px;
	width: 928px;
	background: transparent url(/pics/navi-bg.gif) repeat-x 0px 0px;	
	}
	
div#navi_fp ul {
	list-style-type: none;
	
	}
	
div#navi_fp ul li { 
	
	background: #103FAF;
	display: inline;
	text-transform: uppercase;
	padding: 7px 3px 6px 4px ;
	_padding: 8px 3px 7px 4px;
	line-height: 25px;
	border-right: 1px solid #fff;

	
	}
	
div#navi_fp ul li a { text-decoration: none; color: #FFFFFF}
div#navi_fp a:hover { color:#FFFFFF;}

	#infoCol_fp {
		width: 205px;
		float: left;
		margin-left: 30px;
		overflow: hidden;
		}
				#infoCol_fp h3 {
					text-transform: uppercase;
					padding-left: 0px;
					border-bottom: 1px solid #dcdcdc;
					margin-top: 10px;
					}	
					
				#infoCol_fp h3.currentn {margin-top: 0px; color: #12289c; border-bottom: 2px solid #001894;}
				#infoCol_fp h3.bulletins {margin-top: 30px; color: #12289c; border-bottom: 2px solid #001894;}
				#infoCol_fp div.bulletin {margin-top: 20px; margin-bottom: 30px; line-height: 15px; position: relative;}
				#infoCol_fp div.bulletin dl {margin-bottom: 5px; }
				#infoCol_fp div.bulletin dt {color: #7D7D7D; margin-top: 5px;}
				#infoCol_fp div.bulletin dd {border-bottom: 1px solid #dcdcdc; padding-bottom: 5px;}
				#infoCol_fp div.bulletin a{ text-decoration: none; line-height: 16px;}
				#infoCol_fp a.arrow { background: transparent url(/pics/bg-navi-li.gif) no-repeat 0px 4px; padding-left: 10px;}
				#infoCol_fp div.bulletin a.archive { color: #001894; font-size: 11px; text-decoration: underline; }
	
	div#infoColBig {
		width: 100%;
		float: left;
		
		overflow: hidden;
		}
				div#infoColBig h3 {
					text-transform: none;
					padding-left: 0px;
					border-bottom: 1px solid #dcdcdc;
					margin-top: 10px;
					}	
					
				div#infoColBig h3.currentn {margin-top: 0px;}
				div#infoColBig h3.bulletins {margin-top: 15px; padding-bottom: 1px; color: #001894; font-size: 16px; border-bottom: 2px solid #001894;}
				div#infoColBig div.bulletin {margin-top: 30px; margin-bottom: 30px; line-height: 15px; position: relative; color: #001894;}
				div#infoColBig div.bulletin dl {margin-bottom: 5px; }
				div#infoColBig div.bulletin dt {color: #7D7D7D; margin-top: 5px;}
				div#infoColBig div.bulletin dd {border-bottom: 1px solid #dcdcdc; padding-bottom: 7px;}
				div#infoColBig div.bulletin a{ font-size: 12px;  color: #000000; text-decoration: none; line-height: 16px;}
				div#infoColBig a.arrow { background: transparent url(/pics/bg-navi-li.gif) no-repeat 0px 4px; padding-left: 10px;}
				div#infoColBig div.bulletin a.archive { color: #001894; font-size: 11px; text-decoration: underline; }

/* Frontpage loppuu */
	

#background {
	background: #fff url(/pics/content-pg.gif) repeat-y 231px 0px;
}
#subnavi {
	width: 231px;
	xborder-right: 1px solid #d6d6d6;
	font-size: 11px;
	line-height: 19px;
	padding-top: 19px; 
	padding-bottom: 10px;
	}

#subnavi h3 a {
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
	}

#subnavi ul {list-style-type: none; }
	#subnavi ul li { margin-left: 7px; padding-left: 9px; background: transparent url(/pics/listmark.gif) no-repeat 0px 8px; }
	#subnavi ul li a { text-decoration: none; color: #000}
	#subnavi a:hover { color:#000;}
			
			
			div#navi ul li ul {margin-top: 4px; margin-bottom: 0px; }
				div#navi ul li ul li { font-size: 11px; background: #ffffff url(/pics/bg-navi-li-li.gif) no-repeat 25px 6px; margin-left: -25px; margin-bottom: 6px; margin-top: -6px; padding-left: 35px; padding-top: 2px; padding-bottom: 1px; line-height: 14px;}
				div#navi ul li ul li.s{ font-size: 11px;  background: #DCDCDC url(/pics/bg-navi-li-li.gif) no-repeat 10px 6px; margin-bottom: 0px; padding-left: 20px;}
				div#navi ul li ul li ul li {  background: #ffffff url(/pics/bg-navi-li-li.gif) no-repeat 30px 6px; margin-left: -20px; padding-left: 40px;}
				div#navi ul li ul li ul li.s {  background: #DCDCDC url(/pics/bg-navi-li-li.gif) no-repeat 30px 6px; margin-left: -20px; padding-left: 40px;}
			
#subnavi a#s {
	font-weight: bold;
	}
	
	#banners {
		margin-top: 20px;
		float: left;
		width: 217px;
		}
		
		#banner_1 img {	margin-bottom: 20px;}
		#banner_2 img {	margin-bottom: 20px;}

	#banners #pikalinkit {
		width: 217px;
		
		}
		
		#banners #pikalinkit ul {
			padding: 2px 0 0 0;
			}
		
		#banners #pikalinkit li {
			list-style-type: none;
			background:transparent url(/pics/listmark.gif) no-repeat 7px 11px;
			padding: 7px 0 6px 18px;
			border-bottom: 1px solid #f00;
			line-height: 14px;
			}
			
		#banners #pikalinkit li a {
			text-decoration: none;
			color: #000;
			}
		
		#banners #pikalinkit li a:hover {
			text-decoration: underline;	}
			
			
#c1{
	float: left;
	width: 232px;
	}

#c2{
	width: 443px;
	float: left;
	padding: 47px 0px 10px 16px; 
	position: relative;
	}
	
		div#c2 ul {margin: 15px 0px 0px 0px}
		div#c2 ul li {
			list-style-type: none;
			background: transparent url(/pics/bg-li.gif) no-repeat 3px 7px;
			padding-left: 15px;
			margin-bottom: 4px;
			position: relative;
			}
			
		div#c2 ol {
			padding-left: 12px;
			margin-left: 10px;}
		div#c2 ol li {margin-bottom: 4px;}


#c2_wide {
	width: 675px;
	float: left;
	padding: 47px 0px 10px 16px; 
	xbackground: transparent url(/pics/content-pg.gif) repeat-y 0px 0px;
	
	}
	
	div#c2_wide ul {margin: 15px 0px 0px 0px}
		div#c2_wide ul li {
			list-style-type: none;
			background: transparent url(/pics/bg-li.gif) no-repeat 3px 7px;
			padding-left: 15px;
			margin-bottom: 4px;}
		div#c2_wide ol {
			padding-left: 12px;
			margin-left: 10px;}
		div#c2_wide ol li {margin-bottom: 4px;}
	
	div#content {	

		width: 450px;
		float: left;
		padding: 0px 10px 10px 15px;
		overflow: hidden;
		
		}
	
	div#content h1 {font-size: 16px; font-weight: bold;}
	
	div#content_wide{
		width: 665px;
		background: #ffffff;
		border: 0px solid pink;
		float: left;
		padding: 0px 10px 0px 15px;
		}
	
	#infoCol {
		width: 200px;
		float: left;
		margin: 54px 0 10px 23px;
		xborder-bottom: 1px solid #dcdcdc;
		padding-bottom: 5px;
		}
		
		
				#infoCol h3 {
					text-transform: uppercase;
					padding-left: 5px;
					color: #222;
					border-bottom: 1px solid #dcdcdc;
					}
					
				#infoCol p {
					padding-left: 5px;
					}
					
				#infoCol a {margin-left: 0px;  font-weight: normal;}	
				
				#infoCol td {text-align: left; }	
				
				#infoCol li { margin-left: 15px;}
					
				#infoCol h3.currentn {margin-top: 0px; border-bottom: 2px solid #001894;}
				#infoCol h3.bulletins {margin-top: 15px; border-bottom: 1px solid #dcdcdc;}
				#infoCol div.bulletin {line-height: 15px; position: relative;}
				#infoCol div.bulletin dl {margin-bottom: 5px;}
				#infoCol div.bulletin tr {color: #7D7D7D; margin-top: 5px;}
				#infoCol div.bulletin dd {border-bottom: 1px solid #dcdcdc; padding-bottom: 5px;}
				#infoCol div.bulletin a { text-decoration: none; line-height: 16px;}
				#infoCol a.arrow { background: transparent url(/pics/bg-navi-li.gif) no-repeat 0px 4px; padding-left: 10px;}
#footer{
	color:#999999;
	font-size: 10px;
	border-top: 1px solid #D6D6D6;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	width: 928px;
	height: 39px;
	
	
	}

div#footer a{color: #999999; text-decoration: none;}
div#footer a:hover{ text-decoration: underline;}
div#footer p{margin: 10px 0px 0px 0px; padding-left: 8px;}



/*vanhojen sivupohjien tyylejä, jotka säilytetty/muutettu uuteen versioon*/

/* Sitemap */

table.sitemap_table{border: 0px solid pink; width: 650px; }
	a.sitemap3		{text-decoration: none; color: #343434; }
	a.sitemap4		{color: #352924; text-decoration: none;}
	a.sitemap5		{color: #000000; }
	.sitemap_table a { background: transparent url(/pics/bg-navi-li-li.gif) no-repeat 0px 5px; padding-left: 8px;}
	.sitemap_table a:hover{color:#4077AF; text-decoration: underline; }
	
	.sitemapbg { border: 0px solid #EAF5FE; }
	
	div.sitemap1 { padding-top: 20px; margin-bottom: 3px; margin-right: 20px; border-bottom: 1px solid #c4c4c4; }
	div.sitemap1 a { text-decoration: none; font-size: 12px; color: #000000; background: none;}
	div.sitemap2 { padding-left: 20px; padding-top: 2px; padding-bottom: 2px;border: 0px solid pink;  }
	div.sitemap2 a {  color: #000000; text-decoration: none; }
	div.sitemap3 { padding-left: 50px; padding-top: 2px; padding-bottom: 2px; border:0px solid green;  }
	div.sitemap4 { padding-left: 80px; padding-top: 2px; padding-bottom: 2px; font-size: 10px; }
	div.sitemap5 { padding-left: 110px; padding-top: 2px; padding-bottom: 2px; }



/*form designerin tyylejä*/
.fieldset {
	border: none;
	margin:0px 0px 10px 0px;
	display:block;
	border: 0px solid #bbbbbb; 
	padding: 0px 0px 10px 10px;   
}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
	input .checkbox  {border: 0px; border: 0px; height: 40px; }
.break2 { background-color: #eee; border: 5px solid #f00;}
.field{ background-color: #FEFFF2; border: 1px solid #D7CCA9; margin-bottom: 20px; width: 99%; }
	.field input {border: 1px solid #8E8E8E; }
	.field textarea{
		border: 1px solid #8E8E8E; 
		width: 300px; 
		height: 120px;} 
	.field h5 {	
		padding: 0px;
		margin: 0px; 
		padding-left: 10px;
		font-size:14px;
		font-weight:bold; 
		background-color:#F7F3E7;
		line-height: 22px;
		color:#215994; 
		margin-bottom: 10px;
		}
		
h4.formtitle {
	margin-top: 0px; margin-bottom: 10px;}
/*---*/

/*totetuneet siirrot taulukon tyylejä*/
table#int a span { display:none; }

td.empty { height:40px; }

td.int_1, td.int_2, td.int_3, td.int_4 {
  height:40px;
  background-image:url(/pics/click.gif);
  background-repeat:no-repeat;
  background-position: ;
}

td.int_5 {
  height:10px;
  background-image:url(/pics/click.gif);
  background-repeat:no-repeat;
  background-position: ;
  cursor:pointer;
}

td.int_1 { background-color:#001894; }
td.int_2 { background-color:#FFCA01; }
td.int_3 { background-color:#02834D; }
td.int_4 { background-color:#EA0107; }

table#int td div { display:none; }

td.int_1 div,td.int_2 div,td.int_3 div ,td.int_4 div {
  display:none;
  position:absolute;
  width:180px;
  height:141px;
  margin:0px 5px 0px 28px;
  padding:4px 4px 4px 42px;
  background-image:url(/pics/popupbg.gif);
  background-repeat:no-repeat;
  z-index:100;
}

td.int_5 div {
  display:none;
  position:absolute;
  width:155px;
  height:131px;
  margin:0px;
  margin-left: -150px;
  //margin-left: -170px;
  padding:5px 23px 5px 5px;
  background-image:url(/pics/popupbg.gif);
  background-repeat:no-repeat;
  z-index:100;
}


/*nollataan marginaalit ja paddingit jos p-tagia käytetään taulukon sisässä*/
td.otsikko p { margin: 0px; padding: 0px;}
td.valk_kaksi_reunaa p{ margin: 0px; padding: 0px;}
td.sininen_kaksi_reunaa p{  margin: 0px; padding: 0px;}
td.valk_ja_reuna p { margin: 0px; padding: 0px;}
td.sininen_ja_reuna p { margin: 0px; padding: 0px;}
td.valk_kaksi_alareunaa p { margin: 0px; padding: 0px}
td.sininen_kaksi_alareunaa p { margin: 0px; padding: 0px}
td.valk_alareuna_ja_reuna p { margin: 0px; padding: 0px}
td.sininen_alareuna_ja_reuna p { margin: 0px; padding: 0px}
td.tyhja p { margin: 0px; padding: 0px}

/* Bm2 */

#bm2 h1 a {
	text-decoration: none;
	color: #000;
	}
	
#c2 #bm2 ul li  {
	background: url(/pics/icon-lehdistotiedote.gif) no-repeat 0px 0px;
	}
	
#c2 #bm2 small {
	color: #000;
	font-size: 11px;}
	
#c2 #bm2 .message li {
	background:transparent url(/pics/bg-li.gif) no-repeat scroll 3px 7px;
	}
	
#c2 #bm2 .message ol li	{
	background: none;
	}




/* png fix */

img { behavior: url(/js/iepngfix.htc) }


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* piilotetaan mac-ie:ltä \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* pois piilosta */