@import url("editor.css");
@import url("services.css");
@import url("news_syndicate.css");
@import url("pdfcart.css");
html, body {
	height: 100%;
}
body {
	background: transparent url("../gfx/body.jpg") repeat-x;
	background-color: #3d3d3d;
}

/* WRAPPER */
#wrapper {
	width: 1006px;
	margin: 0 auto;
	position: relative;
	background: transparent url("../gfx/wrapper.jpg") repeat-x;
	background-color: #d00000;
	
	position: relative;
	min-height: 100%;
	/* seuraavat kaksi riviä vanhemmille selaimille, säilytä järjestys */
	height: auto !important;
	height: 100%;
}
#banners{
	position: absolute;
	width: 150px;
	right: -160px;
	top: 0;
	background-color: silver;
}
/* HEADER */
#header_print{
	display: none;
}
#header {
	height: 126px;
	overflow: hidden;
	position: relative;
}
	#header #login{
		position: absolute;
		left: 10px;
		bottom: 5px;
		width: 128px;
	}
		#header #login label{
			color: #b5b4b4;
		}	
		#header #login input{
			width: 95px;
			height: 16px;
			padding: 3px 2px 3px 7px;
			margin-bottom: 2px;
			background: transparent url("../gfx/input.gif") no-repeat;
			border: none;
		}
		#header #login button{	
			background: transparent url("../gfx/login_button.gif") no-repeat;
			width: 24px;
			height: 18px;
			border: none;
			position: absolute;
			right: 0;
			bottom: 4px;
		}
	#header #logo{
		position: absolute;
		top: 20px;
		right: 50px;
	}
	#header #slogan{
		position: absolute;
		top: 50px;
		left: 250px;
	}		
	
/* main menu */
#top_navigation {
	border-top: solid 1px #a95a5a;
	border-bottom: solid 1px #a95a5a;	
	padding: 2px 0;
	position: relative;
}
	#top_navigation #home{
		position: absolute;
		right: 45px;
		top: 10px;
		height: 20px;
		width: 20px;
		background: transparent url("../gfx/home.gif") no-repeat;
	}
	#top_navigation #flag_eng{
		position: absolute;
		right:15px;
		top: 13px;
		height: 20px;
		width: 20px;
		background: transparent url("../gfx/english.gif") no-repeat;
	}
	#top_navigation #flag_fin{
		position: absolute;
		right: 15px;
		top: 13px;
		height: 20px;
		width: 20px;
		background: transparent url("../gfx/finish.gif") no-repeat;
	}
#top_navigation ul{
 margin:0;
}
#top_navigation ul li{
	float: left;
	list-style: none;
	background: transparent url("../gfx/button.gif") no-repeat;
	width: 134px;
	height: 31px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#top_navigation ul li a{
	color: #d70000;
	text-decoration: none;
	line-height: 28px;
	font-size: 15px;
	font-weight: bold;
	display: block;
}
#top_navigation ul li a:hover{
	color: white;
}
#top_navigation ul li a.active{
	color: white;
}

/* MAIN */
#main {
	overflow: hidden;
	zoom: 1;
}
/* etusivu.tpl */
#flash_content{
	height: 246px;
	background: transparent url("../gfx/flash_image.jpg") no-repeat;
	border-bottom: solid 1px #a95a5a;
	overflow: hidden;
}
#front_content{
	margin-left: 33px;
	position: relative;
	top: 8px;
	margin-bottom: 8px;
	background: transparent url("../gfx/boxs.gif") no-repeat;
}
	#front_content .x3box{
		position: relative;
		float: left;
		width: 264px;
		margin-right: 35px;
		color: #b5b4b4;
		display: block;
		overflow: hidden;
	}
	#front_content .x3box .info_content{
		padding: 15px 20px 5px 25px;
		position: relative;
		
	}
	#front_content .x3box h2.title{
		color: #b5b4b4;
		font-size: 15px;
		margin: 0;
		padding:  10px 0 11px 35px;
		font-weight: bold;
		position: relative;
	}
		#front_content .x3box h2.title .htmldata_controls{
			position: absolute;
			right: 5px;
			bottom: 5px;
		}
	#front_content .xright_box{
		width: 339px;
		margin-right: 0;
		overflow: hidden;
	}
		#front_content .xright_box #right_box_top{
			background: transparent url("../gfx/right_box_top.gif") no-repeat;
			padding: 15px 20px 0 20px;
			overflow: hidden;
		}
		#front_content .xright_box #right_box_middle{
			background: transparent url("../gfx/right_box_middle.gif") no-repeat;
			padding: 40px 20px 0 20px;
			margin: 0;
			overflow: hidden;
			position: relative;
		}#front_content .xright_box #right_box_middle p{padding: 0;margin: 0;}
		#front_content .xright_box #right_box_middle h3.title{
			position: relative;
			margin: 0 0 13px 0;
		}
			#front_content .xright_box #right_box_middle h3.title .htmldata_controls{
				position: absolute;
				right: 5px;
				bottom: 5px;
			}
	#front_content .x3box_bottom{
		background: transparent url("../gfx/boxs_bottom.gif") no-repeat;
		height: 34px;
	}
/* default.tpl & vetolaatikot.tpl*/
#sidebar {
	width: 223px;
	float: left;
	padding-bottom: 1001em;
	margin-bottom: -1000em;
}

#sidebar #navigation {
    margin: 25px 0 0 0;
}
#sidebar #navigation ul {
    padding: 0;
    margin: 0;
	 border-bottom: solid 1px #a95a5a;	 
}
#sidebar #navigation ul li {
	list-style: none;
        padding: 2px 0;
        margin: 0;
	border-top: solid 1px #a95a5a;
}
#sidebar #navigation ul li a {
	display: block;
	color: #ebeaea;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url("../gfx/navigation_ball.gif") no-repeat left;
/*	background-position: 19px 5px;*/
	padding-left: 35px;
	/*height: 23px;
	line-height: 23px;*/
}
#sidebar #navigation ul li a.active {
	color: white;
	text-decoration: underline;
}
#sidebar #navigation ul li a:hover {
	color: white;
	text-decoration: underline;
}
/* level 2 */
#sidebar #navigation ul ul {
    padding: 0;
    margin: 0 0 0 1.5em;
	 border: none;
}
#sidebar #navigation ul ul li {
	border: none;
}
#sidebar #navigation ul ul li a {
	background-image: none;
	padding-left: 30px;
}

#sidebar  #contact{
	background: transparent url("../gfx/contact.gif") no-repeat;
	width: 190px;	
	position: relative;
	margin: 20px 0 0 25px;
	color: #b5b4b4;
}
	#sidebar  #contact #cont_box{
		padding: 15px 15px 15px 15px;
	}
	#sidebar  #contact_bottom{
		background: transparent url("../gfx/contact_bottom.gif") no-repeat;
		width: 190px;
		height: 18px;
		position: absolute;
		bottom: -12px;
	}

#content {
	float: left;
	width: 717px;
	margin-left: 66px;	
}

#content #content_image{
	height: 110px;
	width: 717px;
	overflow: hidden;
	position: relative;
}
	#content #content_image .htmldata_controls{
		position: absolute;
		top: 5px;
		left: 5px;
	}
#content #content_text{
	padding: 15px 0px;
}
#content .drawbox_content{
	width: 460px;
	margin: 0 30px;
	float: left;
   overflow: hidden;
}
/* pdf cart */
#content #content_text #pdfcart_link{
	float: right;
}
#content #content_text #linker_boxs #pdfcart_link{
	float: right;
	margin-bottom: 10px;
}
#content #content_text #pdfcart_link{
	text-alitgn: right;
	margin: 0 10px;
}
	#content #content_text #pdfcart_link input{
		margin: 0 3px 0 0;
	}
	
/* linker box */	
#content #content_text #linker_boxs{
	float: left;
	width: 190px;
}
	#content #content_text #linker_boxs ul {
	margin: 0;
	}
	#content #content_text #linker_boxs ul li{
		list-style: none;
		margin: 0 10px 3px 10px;
	}
	#content #content_text #linker_boxs .slide_title{
		font-size: 12px;
		font-weight: normal;
		color: white;
		cursor: pointer;
		position: relative;
		padding: 5px 15px;
		height: 11px;
		margin: 0;
		background: transparent url("../gfx/slider_title.gif") no-repeat;
	}#content #content_text #linker_boxs .slide_title .htmldata_controls{position: absolute;top:0; right:20px;}
	#content #content_text #linker_boxs .close .slider_content{
		display: none;
	}
	#content #content_text #linker_boxs .open .slider_content{
		display: block;
		padding: 5px 10px;
	}
/* .tpl:s eds here*/

/* FOOTER */
#footer_space{
	height: 135px;
}
#footer {
	clear: both;
	background: transparent url("../gfx/footer.png") no-repeat;
	height: 135px;
	
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* EMEDIA SIGNATURE */
#signature {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
#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;
}
.wwwdata_win {
	overflow: inherit!important;
}