@import url("editor.css");
@import url("services.css");

body {
   background-color: #f8f8f8;
}

/* WRAPPER */
#wrapper {
   width: 962px;
	background: transparent url("webimages/wrapper.gif") repeat-y;
   background-color: White;
   margin: 0px auto 0px auto;
   overflow:hidden;
}

/* HEADER */
#header {
   height: 62px;
	position: relative;
	margin: 0 31px;	
	z-index: 90;
}
	#langs{
		position: absolute;
		right: 0;
		top: 14px;
		text-transform: uppercase;
		font-size: 10px;
	}
		#langs a{
			text-decoration: none;
			font-size: 10px;			
		}
	#navigarion_top #search_box{
		position: absolute;
		right: 0;
		top: 0;
		width: 150px;
	}
		#navigarion_top #search_box .search_form{
			padding: 0;
			margin: 0;
		}
		#navigarion_top #search_box .searchstring{
			position: absolute;
			top: 7px;
			left: 11px; 
			width: 107px;
			font-size: 11px!important;
			border: solid 0px;
			text-align: right;
			color: #9c9c9c;
			background-color: transparent;
		}
		#navigarion_top #search_box .submit_button{
			position: absolute;
			top: 0px;
			right: 0px; 
			width: 29px;
			height: 27px;
			background-color: transparent;
			cursor: pointer;
			border: none;			
		}
	/* NAVIGATION */
	#navigarion_top{
		width: 680px;
		height: 29px;
		overflow: inherit;
		position: absolute;
		z-index: 80;
		right: 0;
		bottom: 0;
	   background: transparent url("webimages/search.gif") no-repeat right top;
	 	background-color: #ea3f1d;
	}
		/* Level 1 */
	   #navigarion_top ul{  
			position: relative;
			top: -4px;
			left: -4px;
			margin: 0;
			padding: 0;
	   }	* html #navigarion_top ul{
		   	top: 0;
				left: 0;
		   }
		
	   #navigarion_top ul li{
	 	   position: relative;
			float: left; 
			list-style: none;
			margin: 0;
			padding: 0;
			height: 33px;
			border-right: solid 1px white;
	   }* html #navigarion_top ul li{
				border-top: solid 1px #ea3f1d;
				border-bottom: none;
				height: 0;
	   	}
	   #navigarion_top ul li.last{
			border: none;
		}		
	   #navigarion_top ul li a{
			text-decoration: none;
			color: white;
			text-transform: uppercase;
			font-weight: normal;		
			/*height: 33px;*/
			display: block;
			padding: 10px 0px 8px 15px;
			margin-right: 10px;
			font-size: 12px;
			text-indent: -3px;
	   }* html #navigarion_top ul li a{
				padding: 5px 0px 6px 15px;
			}
		#navigarion_top ul li.active{
			background: transparent url("webimages/nav_active_right.png") no-repeat right;
			border: none;
			margin-left: -6px;
			margin-right: 6px;
			border-right: solid 1px transparent;
		}	* html #navigarion_top ul li.active{
	   		background-image: none;
				background-color: white;
				border: solid 1px #dddddd;
				border-bottom: none;
	   	}
	   #navigarion_top ul li a.active{
		   background-color: white;
			background: transparent url("webimages/nav_active_left.png") no-repeat left;
			color: #ea3f1d;
			/*position: absolute;*/
			z-index: 80;
	   }	* html #navigarion_top ul li a.active{
	   		background-image: none;
				background-color: white;
	   	}
	   #navigarion_top ul li:hover{
		    background: transparent url("webimages/nav_active_right.png") no-repeat right;
			 margin-left: -6px;
			 margin-right: 6px;
			 border-right: solid 1px transparent;
	   }	* html #navigarion_top ul li.over{
	   		background-image: none;
				background-color: white;
				border: solid 1px #dddddd;
				border-bottom: none;
	   	}
	   #navigarion_top ul li:hover a{
			background: transparent url("webimages/nav_active_left.png") no-repeat left;
			color: #ea3f1d;
	   } * html #navigarion_top ul li.over a{
				color: #ea3f1d;
	   		background-image: none;
	   	}
	   #navigarion_top ul li.childrens {}
		
		/* Level 2 */
	   #navigarion_top ul ul{	
			position: absolute;
			top: 28px;
			left: -10px;
			width: 197px;
			height: auto;
			background: transparent url("webimages/nav_level_two_top.png") no-repeat left top;
			padding: 8px 0;
			display: none;
	   } * html #navigarion_top ul ul{
	   		background-image: none;
				background-color: white;
				border: solid 1px #dddddd;
	   	}
	   #navigarion_top ul ul li{
			float: none;
			padding: 0 5px 0 3px;
			border: none;
			height: 26px;
			display: block;
	   }
		#navigarion_top ul ul > li.last{
			background: transparent url("webimages/nav_level_two_bottom.png") no-repeat left bottom!important;
			margin-bottom: -22px!important;
			height: 44px!important;
			}/*	* html #navigarion_top ul ul li.last{
	   		background-image: none;
				margin-bottom: auto;
 				height: auto;
	   	}*/
	   #navigarion_top ul ul li a{
			text-transform: none;
			font-weight: normal;
			color: #3d91d8;
/*			padding: 9px 10px 10px 20px;*/
			padding: 5px 1px 4px 20px;
			margin-right: 0;
	   }
	   #navigarion_top ul ul li.active{
			margin:0;
	   }/* jos hover */
		#navigarion_top ul ul li:hover {
			background-image: none;
			margin:0;
	   }
		#navigarion_top ul ul li:hover > a {
			background: #ea3f1d url("webimages/red_array.gif") no-repeat 180px 9px!important;
			color: white!important;
	   }	*	html  #navigarion_top ul ul li.over a{
				background: #ea3f1d url("../gfx/red_array.gif") no-repeat 180px 9px!important;
				color: white!important;
			}
	
		/* ei ylätason kuvia */
	   #navigarion_top ul li:hover ul li{
	   } * html #navigarion_top ul li.over ul li{
	   		border: none;
	   	}
	   /*#navigarion_top ul li:hover ul li.last{
			background: transparent url("../gfx/nav_level_two_bottom.png") no-repeat bottom;
	   } * html #navigarion_top ul li.over ul li.last{
	   		background-image: none;
				background-color: white;
	   	}*/
	   #navigarion_top ul li:hover ul li > a{
			background: transparent url("webimages/blue_array.gif") no-repeat 180px 9px;
			color: #3d91d8;
	   }	* html #navigarion_top ul li.over ul li a{
				background: transparent url("webimages/blue_array.gif") no-repeat 180px 9px;
				color: #3d91d8;
	   	}
	   #navigarion_top ul ul li.childrens {}
		#navigarion_top ul li:hover ul, #navigarion_top ul li.over ul{
			display: inline;
		}
		
		/* Level 3 */
	   #navigarion_top ul ul ul{
			position: absolute;
			top: -8px;
			left: 189px;
			width: 197px;
			height: auto;
			background: transparent url("webimages/nav_level_three.png") no-repeat 1px top;
			padding: 8px 0;
			display: none!important;
	   } * html #navigarion_top ul ul ul{
	   		background-image: none;
				background-color: white;
				border: solid 1px #dddddd;
	   	}
		#navigarion_top ul ul ul li a{
			color: #3d91d8!important;
		}
		/* hover 3 */
		#navigarion_top ul ul li:hover ul li > a{
	   }	*	html #navigarion_top ul ul li.over ul li a{
				background: transparent url("webimages/blue_array.gif") no-repeat 180px 9px!important;
				color: #3d91d8!important;
	   	}
		
		#navigarion_top ul ul ul > li:hover a{
			background: #ea3f1d url("webimages/red_array.gif") no-repeat 180px 9px!important;
			color: white!important;
	   }* html  #navigarion_top ul ul li.over ul li.over a{
				color: white!important;
				background: #ea3f1d url("webimages/red_array.gif") no-repeat 180px 9px!important;
	   	}
		#navigarion_top ul ul ul li > a:hover, #navigarion_top ul ul ul li a.over {
			color: white!important;
	   }
		#navigarion_top ul ul li:hover ul{
			display: inline!important;
		}	* html #navigarion_top ul ul li.over ul {
				display: inline!important;
			}
	
/* ROUTE */
#route {
   text-align: right;
	margin: 5px 31px;
	color: #009ee0;
}
   #route a{
      text-decoration: none;
   }

/* MAIN */
#main {
	background: transparent url("../gfx/main.html") repeat-y;
	overflow: hidden;
	zoom: 1;
	position: relative;
	z-index: 20;
	margin: 30px 31px 0 31px;
}
	/* etusivu.tpl */
	.row_top{
		display: block;
		width: 900px;
	}
	.row_top .left{
		position: relative;
		width: 515px;
		padding-right: 10px;
		padding-left: 22px;
		float: left;
	}.row_top .left .htmldata_controls {position: absolute;top:2px; right:10px;}
	.row_top .right{
		width: 350px;
		float: left;
		position: relative;
		overflow: hidden;
	}
	.row_top .right #image{
		width: 381px;
		float: left;
		overflow: hidden;
	}.row_top .right #image .htmldata_controls {position: absolute;top:2px; left:3px;}
	
	.row_top .right #text_f{
		width: 190px;		
		overflow: hidden;
		float: left;
		margin-left: -232px;
	}.row_top .right #text_f .htmldata_controls {position: absolute;top:2px; right:3px;}


	.row_top .right #text_f_small{
		width: 190px;		
		overflow: hidden;
		float: left;
		margin-left: -232px;
	}.row_top .right #text_f_small .htmldata_controls {position: absolute;top:2px; right:3px;}
	
	.row_bottom{
		background: transparent url("webimages/viiva_alla.gif") repeat-y;
		height: 100%;
	}
		.row_bottom .colum{
			width: 300px;
			min-height: 150px;
			overflow: hidden;
			float: left;
		}
			.row_bottom .colum .box_title{
				position: relative;
				background-color: #ea3f1d;			
				height: 20px;
				padding: 4px 0 0 22px;
				text-transform: uppercase;
				font-weight: bolder;
				color: white;
				border-left: solid 1px white;
			}.row_bottom .box_title .htmldata_controls {position: absolute;top:2px; right:3px;}
			.row_bottom .colum .box_con{
				padding: 15px 15px 0 22px;
				position: relative;
			}
			.row_bottom .colum .box_con .new_title_up{
				position: relative;
			}.row_bottom .colum .box_con .new_title_up .htmldata_controls {
				position: absolute; left: -20px; top:0;
			}
			.C_left{
				padding: 15px 20px 0 22px !important;
			}
			.C_right{
				padding: 0 0 10px 10px!important;
			}

	/* SIDEBAR  default.tpl*/
	#sidebar {
		width: 199px;
		padding: 0px;
		float: left;
		padding-bottom: 1001em;
		margin-bottom: -1000em;
		border-right: solid 1px #e5e5e5;
	}
	
	/* NAVIGATION vasen sisäsivuilla*/
	#sidebar #sideroot{
		background: transparent url("webimages/blue_array.gif") no-repeat right 3px;
		padding: 0 10px 0 15px;
		color: #009ee0;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		line-height: 23px;
	}
		#sidebar #sideroot a{
			text-decoration: none;
		}
	#sidebar #navigation {
	    margin: 0 0 10px 0;
	}
		#sidebar #navigation ul{
			margin: 0;
			padding: 0;
		}
		#sidebar #navigation ul ul{
			margin: 0 0 0 5px;
			padding: 0;
		}
		#sidebar #navigation ul li{
			margin: 0;
			padding: 0;
			list-style: none;
			border-bottom: solid 1px white;
			background: #f3f3f3 url("webimages/blue_array_grey.gif") no-repeat 185px 9px;			
/*			height: 22px;*/
		}	
		#sidebar #navigation ul li a{
			padding: 4px 0 4px 15px;
			display: block;
			text-decoration: none;
		}
		#sidebar #navigation ul li.active{
			background-color: #dddddd;
		}	
		#sidebar #navigation ul li a.active{
			color: white;
			background: #ea3f1d url("webimages/red_array.gif") no-repeat 185px 9px;
		}
		#sidebar #navigation ul li:hover{			
		}	
		#sidebar #navigation ul li a:hover{
			color: white;
			background: transparent url("webimages/red_array.gif") no-repeat 185px 9px;
			background-color: #ea3f1d;			
		}	
	/* RATKAISUT BOX */
	#sidebar #solution_bax {
		border-top: solid 1px #e5e5e5;
		margin: 15px 2px;
		padding: 11px 10px 0 0;
		overflow: hidden;
		width:182px;
	}
	
	/* CONTENT */
	#content {
		width: 650px;
		overflow: hidden;
		padding: 10px 0 0 25px;
		float: left;
	}


/* FOOTER */
#footer {
	clear: both;
   width: 962px;
	height: 33px;
	margin-top: 33px;
	background: transparent url("webimages/footer.gif") no-repeat;
   color: White;
	position: relative;
}
	#footer .S_box{
		float: left;
		padding-top: 6px;
		overflow: hidden;
	}
	#footer .S_left{
		position: absolute;
		top: 0;
		left: 3px;	
		width: 152px;
		height: 33px;
		text-align: center;
	}#footer .S_left .htmldata_controls {position: absolute;top:4px; right:3px;}
	#footer .S_left .wwwdata_win{display: none;}
	#footer .S_left .S_link{
		display: inline;
		white-space: nowrap;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
		margin: 0;
	}
	#footer .S_midlle{
		position: absolute;
		top: 0;
		left: 158px;
		width: 625px; 
		height: 33px;
		padding-left: 25px;
	}	#footer .S_midlle .htmldata_controls {position: absolute;top:4px; right:3px;}
	#footer .S_right{
		position: absolute;
		top: 0;
		right: 0;		
		width: 150px;
		height: 33px;		
		padding-top: 5px;
		text-align: center;
	}
	#footer .S_right a{
		color: white;
		text-decoration: none;
		font-size:  11px;
	}
	#footer .S_right p{
		display: inline;
		white-space: nowrap;
		font-weight: bold;
		cursor: pointer;
		margin: 0;
	}
	#footer .S_left .red_array{
		background: transparent url("webimages/red_array.gif") no-repeat right 4px;
		padding-right: 10px;
	}
	#footer .S_right .red_array{
		background: transparent url("webimages/red_array.gif") no-repeat right 5px;
		padding-right: 10px;
	}

/* EMEDIA SIGNATURE */
#signature {
   width: 930px;
	margin: 0px auto;
}
#signature, #signature a {
	color: #a3a3a3;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
/* Iso valkoinen taso sivun päällä */
.C_close{
	display: none!important;
}
#contact{
	position: absolute;
	z-index: 198;
	top: 0;
	left: 0;
	width:100%;
	height:100%;	
	
}
	#contact_clouk{
		background-color:white;
		position: absolute;
		top: 0;
		left: auto;
		filter:alpha(opacity=70);
		opacity:.70;
		width:100%;
		height:100%;	
		z-index:199;
	}
	#contact_form{
		position: relative;
		z-index:250;
		width: 456px;
		height: 150px;
		margin: 200px auto 0 auto;
	}
		#contact_form .C_header{
			background: transparent url("webimages/contact_header.png") no-repeat left;
			height: 19px;
			color: white;
			padding: 6px 0 0 15px;
			font-weight: bold;
			position: relative;
			text-transform: uppercase;
		}	* html #contact_form .C_header{
			background-image: none;
			background-color: #EA3F1D ;
		}
		#contact_form .C_header .htmldata_controls {position: absolute;top:4px; right:30px;}
			#contact_form .C_header #close{
				background: transparent url("webimages/close.gif") no-repeat left top;
				height: 18px;
				width: 20px;
				position: absolute;
				right: 10px;
				top: 3px;
			}
		#contact_form .C_box{
			background-color: white;
			padding: 10px 15px;
			background: transparent url("webimages/contact_content.png") repeat-y left;
		} * html #contact_form .C_box{
			background-image: none;
			background-color: white;
			border-left: solid 1px #b8b8b8;
			border-right: solid 1px #b8b8b8;			
		}
		#contact_form .C_footer{
			background-color: white;
			height: 16px;
			background: transparent url("webimages/contact_footer.png") no-repeat left;
		}	* html #contact_form .C_footer{
			background-image: none;
			border-bottom: solid 1px #b8b8b8;
			overflow: hidden;
			height: 0px!important;
		}
/* Pakollinen extra kertomaan korkeuden*/
.ext{
   clear: both;
}