@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: arial, verdana, times new roman;
	height:100%; 
}

body {
	font-size: 62.5%;
	background: #ffffff;
	color: #333333;
}

img {
	border: none;
}

#page {
	min-height:100%;
	min-width: 997px;
}

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

/*
background-color: #ffdddd;
*/

#flashContainer {
	position: absolute;
	top: 58px;
	background-color: #ffffff;
}

.pageContent {
	width: 997px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#pageHeader {
	background: #ffffff url(../images/bg_header.gif) repeat-x left bottom;
	width: 100%;
}

	#topLogo {
		padding-left: 12px;
	}

	#pageHeader .pageContent {
		height: 270px;
	}
	
	
	#utilNavi {
		position: absolute;
		right: 0;
		top: 0;
	}
	
		#utilNavi .item {
			float: right;
			position: relative;
			padding: 10px 15px;
			font-size: 1.1em;
			color: #009ec7;
		}
			
		#utilNavi .padding {
			padding: 14px 15px;
		}
		
		#utilNavi .item a {
			color: #009ec7;
		}
	
		#utilNavi input {
			position: relative;
			padding-left: 7px;
		}
		
		#utilNavi #q {
			border: none;
			padding: 5px 25px 5px;
			background: #ffffff url(../images/bg_searchbox.gif) no-repeat top left;
			width: 91px;
			font-size: 0.9em;
		}
		
		#utilNavi #q:focus {
			outline: 0;
		}
		
		#q2 {
			border: none;
			padding: 5px 25px 5px;
			background: #ffffff url(../images/bg_searchbox.gif) no-repeat top left;
			width: 91px;
			font-size: 0.9em;
		}
		
		#q2:focus {
			outline: 0;
		}
		
		#utilNavi form {
			float: right;
			position: relative;
			padding-top: 12px;
		}
		
		#utilNavi a img {
			padding: 0 2px;
		}
		
		#utilNavi .padding div {
			float: left;
		}

#pageNavi {
	background: transparent url(../images/bg_navi.gif) repeat-x left top;
	height: 51px;
	width: 100%;
}

	#pageNavi a {
		float: left;
		position: relative;
		height: 47px;
		font-size: 1.2em;
		color: #ffffff;
		font-weight: bold;
		background: transparent url(../images/navi_sep.gif) no-repeat left center;
		margin-right: -2px;
		text-decoration: none;
	}
		
		#pageNavi a img {
			position: absolute;
			left: 0;
			top: 0;
			visibility: hidden;
		}
	
	#pageNavi a.menu-first {
		background: none;
	}
	
	#pageNavi a.menu-current, #pageNavi a:hover, #pageNavi a.menu-parent {
		background: none;
		background: transparent url(../images/bg_navi_item.gif) no-repeat right top;
	}
	
		#pageNavi a.menu-current img, #pageNavi a:hover img, #pageNavi a.menu-parent img {
			visibility: visible;
		}

	#pageNavi span {
		float: left;
		position: relative;
		padding: 15px 12px 15px 14px;
		cursor: hand;
	}

#pageWrapper {
	width: 100%;
}

	#pageWrapper .padding {
		padding: 24px 0 35px 12px;
	}
	
	
	
/** päivitys 17.06.2009 / vain etusivu: **/

	#pageWrapper .leftContentFront {
		float: left;
		position: relative;
		width: 412px;
	}
		#pageWrapper .leftContentFront .padding {
			/*padding: 0 25px 20px 0;*/
			padding: 0 12px 20px 0;
		}
		
/** päivitys loppuu **/


	
	#pageWrapper .leftContent {
		float: left;
		position: relative;
		width: 412px;
	}
	
		#pageWrapper .leftContent .padding {
			padding: 0 25px 20px 0;
		}
		

		
	
	#pageWrapper .rightContent {
		float: left;
		position: relative;
		width: 400px;
		background: transparent url(../images/dot_border.gif) repeat-y left top;
	}
	
		#pageWrapper .rightContent .padding {
			padding: 3px 0 20px 51px;
		}
		
#pageWrapper a {
	color: #009ac4;
}

#pageWrapper table {
	font-size: 1.1em;
}
			
#pageWrapper p {
	color: #333333;
	font-weight: normal;
	font-size: 1.1em;
	margin: 0;
	padding-bottom: 11px;
}
			
#pageWrapper h1 {
	color: #59a704;
	font-weight: normal;
	font-size: 1.7em;
}
		
#pageWrapper h2 {
	color: #00c1e3;
	font-weight: bold;
	font-size: 1.6em;
	margin: 5px 0;
}

#pageWrapper h3 {
	color: #65ac18;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
}
		
#pageWrapper h4 {
	color: #333333;
	font-weight: bold;
	font-size: 1.1em;
}

#pageWrapper .liftTop {
	width: 282px;
	height: 6px;
	background: transparent url(../images/bg_liftbox_top.gif) no-repeat left top;
	overflow: hidden;
}
			
#pageWrapper .lift {
	width: 282px;
	background: transparent url(../images/bg_liftbox.gif) repeat-y left top;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
}
			
#pageWrapper .liftBottom {
	width: 282px;
	min-height: 70px;
	background: transparent url(../images/bg_liftbox_bottom.gif) no-repeat left bottom;
}

	#pageWrapper .lift .padding {
		padding: 12px 22px 20px 47px;
		background: transparent url(../images/bg_arrow.gif) no-repeat left top;
	}
	
	#pageWrapper .lift a {
		color: #ffffff;
		text-decoration: none;
	}

#pageWrapper .imageLeft {
	float: left;
	padding-right: 20px;
}

#pageFooter {
	background: transparent url(../images/bg_footer.gif) repeat-x left top;
	height: 28px;
	margin-top: -28px;
	width: 100%;
	z-index: 1000;
}

	#pageFooter .padding {
		padding-left: 12px;
	}
	
	#pageFooter .leftContent {
		float: left;
		position: relative;
		width: 412px;
		color: #333333;
	}
	
		#pageFooter .leftContent .padding {
			padding: 9px 25px 0 0;
		}
	
	#pageFooter .rightContent {
		float: left;
		position: relative;
		width: 573px;
	}
	
		#pageFooter .rightContent .padding {
			padding: 9px 0 0 51px;
		}
		
		#pageFooter .rightContent span.left {
			float: left;
			font-size: 1.1em;
			color: #333333;
		}
		
		#pageFooter .rightContent span.right {
			float: right;
			color: #333333;
		}
		
		#pageFooter .rightContent span.right a {
			color: #333333;
		}