/* CSS Document */


*{
	margin:0;
	padding:0;
}

html{
	overflow: -moz-scrollbars-vertical;
	overflow-x:auto;
}

body{
	background-image:url('../images_vesihelmi2010/bg.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#004a99;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:12px;

}

body a img{
	border:none;
}

.container{
	display:block;
	margin:auto;
	width:925px;
	background-image:url('../images_vesihelmi2010/container_bg.jpg');
	background-repeat:repeat-y;
	border:1px solid #0368A3;
	border-top:none;
}

.container .left{
	display:block;
	float:left;
	width:259px;
}

.container .left .logo{
	display:block;
	margin-bottom:30px;
	width:259px;
}

.container .left .navigation{
	display:block;
	margin-left:20px;
	margin-right:10px;
	width:229px;
	padding-bottom:50px;
}

.container .left .navigation ul li{
	list-style-type:none;
	margin-bottom:5px;
}	

.container .left .navigation ul ul{
	margin-left:15px;
}

.container .left .navigation ul li a{
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
}

.container .left .navigation ul li a.current, .container .left .navigation ul li a:hover{
	color:#0068A9;
}

.container .right{
	display:block;
	float:left;
	width:666px;
	z-index:1;
}

.container .right .fiilis{
	display:block;
}	

.container .right .flag_links{
	padding-right:10px; width:656px; height:23px; text-align:right; position:absolute; padding-top:50px; top:152px; z-index:2;
}

.container .right .flag_links ul li{
	list-style-type:none;
	display:inline;
	margin-left:2px;
}


.container .right .flags{
	display:block;
	padding-right:10px;
	width:656px;
	text-align:right;
	position:relative;
	top:-30px;
}

.container .right .flags ul li{
	list-style-type:none;
	display:inline;
	margin-left:2px;
}

.contents{
	display:block;
	padding-left:30px;
	padding-right:18px;
	padding-top:30px;
	width:606px;
	padding-bottom:30px;
}

.main{
	display:block;
	float:left;
	width:583px;
	padding:10px;
}

.main p{
	margin-bottom:15px;
}

.main h1{
	font-size:28px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:15px;
	color:#004787;
}

.main h2{
	font-size:24px;
	font-weight:normal;
	margin-bottom:15px;
	color:#004787;
}

.main h3{
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
	color:#004787;
}

.main h4{
	margin-bottom:15px;
	color:#009EE0;
	font-size:18px;
	font-weight:normal;
}

.main a{
	text-decoration:none;
	color:#004787;
}

.main a:hover{
	color:#002B52;
	text-decoration:underline;
}

.main ul{
	margin-bottom:15px;
	margin-left:15px;
}

.main ol{
	margin-bottom:15px;
}

.main ul ul{
	margin-top:3px;
	margin-bottom:3px;
}

.main ul li{
	padding-left:10px;
	list-style-type:none;
	background-image:url('../images_vesihelmi2010/bullet.gif');
	background-repeat:no-repeat;
	margin-bottom:3px;
}

.main ol ol{
	margin-top:3px;
	margin-bottom:3px;
	margin-left:15px;
}

.main ol li{
	padding-left:15px;
	margin-bottom:3px;
	list-style-position:inside;
}

.main td{
	font-size:12px;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

.container .contents .contents_right{
	display:block;
	float:left;
	width:218px;
}

.news{
	display:block;
	padding:30px;
	font-size:12px;
	width:158px;
	height:161px;
	background-image:url('../images_vesihelmi2010/news_bg.jpg');
	background-repeat:no-repeat;
	float:right;
}

.news h4{
	color:#004787;
	font-size:14px;
	margin-bottom:15px;
}

.news ul li{
	list-style-type:none;
	margin-bottom:10px;
}

.news ul li a{
	color:#000000;
	text-decoration:none;
}	

.news ul li a:hover{
	text-decoration:underline;
}

.container .contents .contents_footer{
	display:block;
	clear:both;
	font-size:1px;
	height:1px;
}	

.container .container_footer{
	display:block;
	clear:both;
	padding-top:30px;
	padding-bottom:30px;
}

.container .container_footer .left{
	display:block;
	float:left;
	width:259px;
}

.container .container_footer .right{
	display:block;
	float:left;
	width:666px;
	font-size:11px;
	text-align:center;
}

.news_header_active{
	font-weight:bold;
	border-bottom:1px solid #dedede;
	padding-bottom:5px;
}

/*palautelomakkeen taulukkotyyli*/

.lomake_area{
	display:block;
	width:350px;
}

.rivi1{
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

.rivi2{
	padding-top:3px;
	padding-bottom:3px;
}

.rivi3{
	padding-top:3px;
	padding-bottom:7px;
	border-bottom:1px solid #ececec;
}

.form_field{
	font-size:11px;
	width:350px;
	padding:3px;
}

.nappi{
	border:1px solid #999999;
	color:#000000;
	cursor:pointer;
	padding:3px;
}