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

html{
	background: #5ab6e7 url("../gfx/html.jpg") repeat-x;
}
body {
	background: transparent url("../gfx/body.jpg") no-repeat;
	background-position: center 203px;
}
html, body{
	height: 100%;
}
/* WRAPPER */
#wrapper {
	width: 945px;
	margin: 0px auto;
	position: relative;
}
/* HEADER */
#header {
	position: relative;
	height: 170px;
	position: relative;
}
	#langs{
		position: absolute;
		right: 20px;
		top: 50px;
	}
	#langs a{
		font-family:Georgia,"Times New Roman";
		color: #6d6d6d;
		text-decoration: none;
		display: block;
		padding: 0 0 2px 25px;
		
	}
		#langs #lang_fin{
			background: transparent url("../gfx/flag_fin.gif") no-repeat;
		}
		#langs #lang_swe{
			background: transparent url("../gfx/flag_swe.gif") no-repeat;
		}
		#langs #lang_eng{
			background: transparent url("../gfx/flag_eng.gif") no-repeat;
		}
	#header #logo{
		position: absolute;
		left: -40px;
		top: 12px;
		width: 445px;
		height: 146px;
		background: transparent url("../gfx/logo.jpg") no-repeat;
	}
	#header #extra_navigation{
		position: absolute;
		right: 0;
		top: 10px;		
		width: 564px;
		height: 35px;
		background: transparent url("../gfx/top_navi.jpg") no-repeat;
	}
		#header #extra_navigation ul{
			margin: 0;
			padding: 0;
		}
		#header #extra_navigation ul li{
			list-style: none;
			color: white;
			font-weight: bold;
			text-transform: uppercase; 
			padding:0;
			margin: 0;
			position: absolute;
		}		
		#header #extra_navigation ul li.list1{
			left:24px;
			top:8px;		
		}
		#header #extra_navigation ul li.list2{
			left:149px;
			top:8px;		
		}
		#header #extra_navigation ul li.list3{
			left:272px;
			top:8px;		
		}
		#header #extra_navigation ul li.list4{
			left:363px;
			top:8px;
		}
		#header #extra_navigation ul li.list5{
			display:block;
			height:20px;
			padding:0;
			width:148px;
			left: 392px;
		}
		#header #extra_navigation ul li.list5 .searchstring{
			height:14px;
			left:22px;
			position:absolute;
			top:7px;
			width:120px;		
			border: none;
		}
		#header #extra_navigation ul li.list5 .submit_button{
			height:20px;
			left:0;
			position:absolute;
			top:5px;
			width:22px;	
			background: transparent;
			border: none;
			cursor: pointer;
		}		
		#header #extra_navigation ul li a{
			text-decoration: none;
			color: white;
		}		
	#header #top_navigation{
		position: absolute;
		left: 130px;
		bottom: 0px;		
	}
		#header #top_navigation ul{
			margin: 0;
			padding: 0;
		}
		#header #top_navigation ul li{
			list-style: none;
			float: left;
				
		}
		#header #top_navigation ul li a{
			text-decoration: none;
			color: #6c6c6c;
			font-weight: bold;
			font-size: 13px;
			padding: 8px 5px 8px 5px;
			display: block;
			text-transform: uppercase;
		}
		#header #top_navigation ul li a:hover{
			background: transparent url("../gfx/top_hover.gif") no-repeat;
			background-position: center 23px;
		}
		#header #top_navigation ul li a.active{
			background: transparent url("../gfx/top_current.gif") no-repeat;
			background-position: center 23px;c
		}

/* MAIN */
#main {
	overflow: hidden;
	margin: 17px 0 0 0;
	zoom: 1;
}
/* default.tpl */
#default_content{
	background: transparent url("../gfx/main.gif") repeat-y;
	display: block;
	overflow: hidden;
	zoom: 1;
}
	#content {
		background: transparent url("../gfx/content_top.gif") no-repeat;
		float:left;
		width:627px;
		overflow: hidden;
	}
	/* SIDEBAR */
	#sidebar {
		background: transparent url("../gfx/default_leftsite_top.gif") no-repeat;
		position: relative;
		width: 310px;
		padding: 0;
		float: left;
		margin-right: 6px;
	}
			.root_title{	
				display:block;
				height:28px;
				padding:10px 0 10px 48px !important;
				width:261px;
			}
			.root_title a{color: #5ab6e7;text-decoration: none;}
		/* NAVIGATION */
		#sidebar #navigation {
		    margin: 0;
			 min-height: 250px;
		}
		#sidebar #navigation ul {
		    padding: 0;
		    margin: 0 20px 0 0;
		}
		#sidebar #navigation ul li {
		    padding: 0;
		    margin: 0;
			 list-style: none;
		}
		#sidebar #navigation ul li a {
			color: #6a6d6f;
			font-family: Arial narrow, Arial, Helvetica, sans-serif;
			font-size: 18px;
			display: block;
			text-decoration: none;
			padding: 4px 0 4px 20px;
		}
		#sidebar #navigation ul li a.active {
			font-weight: bold;
			background: transparent url("../gfx/side_navigation.gif") no-repeat left center!important;
		}
		#sidebar #navigation ul li a:hover {
			text-decoration: none;
			background: transparent url("../gfx/side_navigation_hover.gif") no-repeat left center;			
			border: none;
		}	
		/* level  2 */
		#sidebar #navigation ul ul {
		    padding: 0;
		    margin: 0 0 0 1.5em;
			 border-top: solid 1px #6a6d6f;			 
			 border-bottom: solid 1px #6a6d6f;
		}
		#sidebar #navigation ul ul li {
		}
		#sidebar #navigation ul ul li a {
			font-size: 14px;
		}
		#sidebar #navigation ul ul li a.active {
			background: transparent url("../gfx/side_navigation_l2.gif") no-repeat left center!important;
		}
		#sidebar #navigation ul ul li a:hover {
			background: transparent url("../gfx/side_navigation_l2_hover.gif") no-repeat left center;			
		}	

	/* ROUTE */
	#route {
		display:block;
		font-size:10px;
		height:13px;
		padding:12px 29px;
		text-align:right;
	}
		#route  a{
			text-decoration: none;
			text-transform: uppercase;
			color: #6a6d6f;
		}
#bottom_side{
		background: transparent url("../gfx/default_leftsite_bottom.gif") no-repeat;
		display: block;
		height: 22px;
		line-height:22px;
		width: 943px;		
}	
/* default_landing.tpl */
.landing2{
	float: left;
	width: 46%;
	padding:15px 0 15px 15px;
	overflow: hidden;
}
/* front_page.tpl */		
#front_default_content {
	background: transparent url("../gfx/front_top.gif") no-repeat;
	display: block;
	overflow: hidden;
}
	#front_top_content{
		height: 245px;	
		position: relative;
	}
		#top_left{
			height:150px;
			left:51px;
			position:absolute;
			top:26px;
			width:220px;
			overflow: hidden;
		}#top_left .htmldata_controls {position: absolute; left: 5px; top: 5px;}
		#top_middle{
			height:160px;
			left:346px;
			position:absolute;
			top:17px;
			width:260px;
			overflow: hidden;
			color: white			
		}#top_middle .htmldata_controls {position: absolute; left: 5px; top: 5px;}
			#top_middle a,#top_middle h1,#top_middle h2,#top_middle h3{color: white;}
		#top_right{
			height:192px;
			position:absolute;
			right:0;
			top:0;
			width:310px;	
			overflow: hidden;			
		}#top_right .htmldata_controls {position: absolute; left: 5px; top: 5px;}
		#title_box1{
			bottom:8px;
			height:25px;
			left:50px;
			position:absolute;
			width:245px;
		}#title_box1 .htmldata_controls {position: absolute; right: 0px; top: 5px;}
		#title_box2{
			bottom:8px;
			height:25px;
			left:364px;
			position:absolute;
			width:245px;
		}#title_box2 .htmldata_controls {position: absolute; right: 0px; top: 5px;}
		#title_box3{
			bottom:8px;
			height:25px;
			left:681px;
			position:absolute;
			width:245px;
		}#title_box3 .htmldata_controls {position: absolute; right: 0px; top: 5px;}
		
	#front_bottom_content{
		min-height: 145px;
		background: transparent url("../gfx/front_3_content.gif") repeat-y;
	}
		.bottom_3x{
			width: 30%;
			margin: 5px;
			float: left;
			padding:0 0 0 13px;
		}
		.bottom_3x_left_m{
			padding-left: 18px;
		}
#front_bottom_side{
		background: transparent url("../gfx/front_leftsite_bottom.gif") no-repeat;
		display: block;
		height: 22px;
		width: 943px;	
}		

/* yleiset tyylit */	
.title{
	color: #5ab6e7;
	font-size: 24px;
	margin: 0;
	padding: 0;
}
.content_marginal{
	margin: 15px;
}
/* FOOTER */
#footer {
	position: relative;
	clear: both;
	background: transparent url("../gfx/footer.gif") no-repeat;
	height: 165px;
	width: 943px;
}
	#footer #banners{
		height:108px;
		left:45px;
		position:absolute;
		top:15px;
		width:882px;
		overflow: hidden;
	}#footer #banners .htmldata_controls {position: absolute;left: 10px;top: 10px;}
	
	#footer #footer_text{
		position: absolute;
		bottom: 0px;
		left: 45px;
		width: 882px;
		height: 29px;
		line-height:27px;
		color: white;
		overflow: hidden;		
	}#footer #footer_text .htmldata_controls {position: absolute;left: 0px;top: 0px;}
	#footer #footer_text a{color: white}
/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin-top: 2px;
	padding-right: 25px;
}
#signature, #signature a {
	color: #fff;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
.ext{
	clear: both;
}