/*@import url("editor.css");
@import url("services.css");
@import url("service_navigation.css");
@import url("pdfcart.css");*/
html,body {
	margin:0;
	padding:0;
	height:100%; 
} 

/* tausta home */
body.home{
	background: transparent url(../gfx/home_html.jpg);
}
body.edit{
        padding-top: 20px;
}
body.home #wrapper{
	background: transparent url(../gfx/home_body.jpg) repeat-x;	
}

body {
	background-color: #e6dbc9;
	font-size: 10pt;
}

#grafid{
	background: transparent url(../gfx/grafid.gif) no-repeat;
	height: 128px;
	width: 1150px;
	position: absolute;
	top:0;
	left: -100px;
	z-index: 90;
}

/* WRAPPER */
#wrapper {
	position:relative; 
	margin:0 auto; 
	width:100%;
	background: #e7dbc9 url(../gfx/body.jpg) repeat-x;		

	/*height:auto!important; 
	height:100%; */

	min-height:100%; 
}/* * html #wrapper {height: 100%;}*/
	#wrapper_center{
		width: 950px;
		min-height:100%;
		margin: 0px auto 0 auto;
		position: relative;	
	}
		#setcss{
			position:absolute;
			right:177px;
			text-decoration:none;
			top:53px;
			z-index:100;
		}
		#color_theme{
			position:absolute;
			left:100px;
			text-decoration:none;
			top:107px;
			z-index:100;
		}

/* HEADER */
#header {
	height: 164px;
	overflow: hidden;
	position: relative;
	z-index: 99;
}
	#sitelogo{
		position:absolute;	
		left:21px;
		top:3px;
	}
	#language{
		text-decoration: none;
		position: absolute;
		right: 313px;
		top: 53px;
	}
	#pdf_cart_selector{
		text-decoration: none;
		position: absolute!important;
		right: 210px;
		top: 108px;		
		font-size: 12px;
	}
	#pdf_cart_selector a{text-decoration: none;}
	#search_embed{
		position: absolute;
		right: 173px;
		top: 73px;
		height: 36px;
		width: 260px;
		background: transparent url(../gfx/search.gif) no-repeat;
	}
		#search_embed .searchstring{
			border: none;
			position: absolute;
			left: 50px;
			top: 7px;
			background-color: transparent;			
			width:138px;
		}
		#search_embed .submit_button{
			border: none;
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
			background-color: transparent;
			height: 31px;
			width: 60px;
		}
		#search_text{
			display: none;
		}
	#font_size{
		position: absolute;
		right: 5px;
		bottom: 45px;
		width: 150px;
		text-align: right;
	}
		#font_size .font_text{
			color: #ed6f19;
			font-size: 18px;
			position: absolute;
			left: 5px;
			top: 7px;
		}
	/* LISÄVALIKKO */
	#exra_menu{
		position: absolute;
		top: 4px;
		right: 0px;
	}
	#exra_menu ul{
		margin: 0;
		padding: 0;
	}
	#exra_menu ul li{
		list-style: none;
		float: left;
	}
	#exra_menu ul li a{
		text-decoration: none;
		color: white;
		padding: 2px 5px;
		display: block;
	}
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		position: absolute;
		bottom: 0;
		left: 0;
		height: 33px;
		width: 950px;
		background: transparent url(../gfx/horizontal_navigation.gif) no-repeat;
                overflow: hidden;
	}
		#horizontal_navigation .home_text{
			display: none;
		}
		#horizontal_navigation .home_link{
			display: block;
			width: 17px;
			height: 17px;
			background-image: none!important;
		}
		#horizontal_navigation ul{
			margin: 0;
		}
		#horizontal_navigation ul li{
			list-style: none;
			float: left;
			margin: 0;
			padding: 0;
		}
		#horizontal_navigation ul li a{
			text-decoration: none;
			color: #333333;
			display: block;
			padding: 7px 10px 8px;
			font-size: 15px;
			text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
		}
		#horizontal_navigation ul li a:hover{
		}
		#horizontal_navigation ul li a.active{	
			text-decoration: none;
			background: transparent url(../gfx/horizontal_active.gif) repeat-x;
		}
/* MAIN */
#main {
	overflow: hidden;
	padding: 15px 0;
	zoom: 1;
}
/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */
/* SIDEBAR */
#sidebar {
	width: 250px;
	padding: 0;
	float: left;
}
	/* VERTICAL NAVIGATION */
	#vertical_navigation {
	    margin: 1px 0;
		 width: 248px;
		 overflow: hidden;
		 background: #ededed url(../gfx/vertical_navigation.gif) no-repeat;
		 border-bottom: solid 1px #e0dede;		 
	}
	.punainen #vertical_navigation{
		background: #ededed url(../gfx/vertical_navigation_pun.gif) no-repeat;
	}
	.vihrea #vertical_navigation{
		background: #ededed url(../gfx/vertical_navigation_vih.gif) no-repeat;
	}
	.sininen #vertical_navigation{
		background: #ededed url(../gfx/vertical_navigation_sin.gif) no-repeat;
	}
	.keltainen #vertical_navigation{
		background: #ededed url(../gfx/vertical_navigation_kel.gif) no-repeat;
	}

	#vertical_navigation #navigation_title{
		margin:0;
		padding: 0;	
	}
		#vertical_navigation #navigation_title a{
			padding: 7px 0 10px 40px;
			display: block;
			color: #333333;
			text-decoration: none;
		}
	/* VERTICAL NAVIGATION */	
#vertical_navigation ul {
	    padding: 0;
	    margin: 0;
		border-left: solid 1px #e0dede;
		border-right: solid 1px #e0dede;				 
	}
	#vertical_navigation ul li {
	    padding: 0;
	    margin: 0;
		 list-style: none;
	}
	#vertical_navigation ul li a {
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		margin-right: 10px;
		display: block;
		color: white;
		font-size: 14px;
		color: #333333;
		border-bottom: solid 1px #e0dede;
		background: transparent url(../gfx/vertical_navigation_link.jpg) no-repeat right;
	}
	#vertical_navigation ul li a.active {
		text-decoration: none;
		background: transparent url(../gfx/vertical_navigation_hover.jpg) no-repeat right;		
	}
	#vertical_navigation ul li a.current {
		text-decoration: none;
		background: transparent url(../gfx/vertical_navigation_active.jpg) no-repeat right;		
	}
	#vertical_navigation ul li a.current:hover {
		text-decoration: none;
		background: transparent url(../gfx/vertical_navigation_active.jpg) no-repeat right;		
	}
	#vertical_navigation ul li a:hover {
		text-decoration: none;
		background: transparent url(../gfx/vertical_navigation_hover.jpg) no-repeat right;		
	}
	#vertical_navigation_bottom{
		height: 5px;
		width: 250px;
	}	
	/* level 2 */
	#vertical_navigation ul ul{
		border: none;
	   padding: 0;
	   margin: 0;		
		border-left: solid 5px #646464;
		border-top: solid 1px #646464;
		border-bottom: solid 1px #646464;
	}
	#vertical_navigation ul ul li{}
	#vertical_navigation ul ul li a {}
	/* level 3 */
	#vertical_navigation ul ul ul{
		border-left: solid 5px #414141;
		border-top: solid 1px #414141;
		border-bottom: solid 1px #414141;
	}
	/* VERTICAL NAVIGATION */
	#vertical_feed {
	    margin: 15px 0 1px 0;
		 width: 248px;
		 overflow: hidden;
		 background: #ededed url(../gfx/vertical_navigation.gif) no-repeat;
		 border-bottom: solid 1px #e0dede;
	}
	.punainen #vertical_feed{
		background: #ededed url(../gfx/vertical_navigation_pun.gif) no-repeat;
	}
	.vihrea #vertical_feed{
		background: #ededed url(../gfx/vertical_navigation_vih.gif) no-repeat;
	}
	.sininen #vertical_feed{
		background: #ededed url(../gfx/vertical_navigation_sin.gif) no-repeat;
	}
	.keltainen #vertical_feed{
		background: #ededed url(../gfx/vertical_navigation_kel.gif) no-repeat;
	}
		#vertical_feed #title_feed{
			position: relative;
			margin:0;
			padding:7px 0 10px 40px;
			height:18px;
		}#vertical_feed #title_feed .htmldata_controls {position: absolute;top: 5px;right: 5px;}
		#vertical_feed #feed_content{
			padding: 5px 15px;
		}
		#vertical_feed #feed_content .tag_notes{
			display: none;
		}
/* CONTENT */
#content {
	float: left;
	width: 689px;
	margin-left:10px;
        overflow: hidden;
}
	#route {
		text-align: right;
		clear: both;
		background: transparent url(../gfx/content_top.gif) no-repeat;
		height: 22px;
		padding: 10px 10px 0;
		font-size: 10px;
	}
	#data{	
		border-left: solid 1px #e0dede;  
		border-right: solid 1px #e0dede;
		background: white url(../gfx/right_content.gif) repeat-y right;
	}
		#data #left_content{
			padding: 0 30px;
			width: 390px;
			overflow: hidden;			
			float: left;		
		}
		#data #right_content{
			width: 207px;			
			margin: 0 15px;
			overflow: hidden;
			float: left;
		}
	#content_bottom{
		background: transparent url(../gfx/content_bottom.gif) no-repeat;
		height: 35px;
		overflow: hidden;
		margin-bottom: 0px;
	}
			#content_bottom #print_button{
			background: transparent url("../gfx/demo_print.gif") no-repeat;
			padding-left: 25px;
			margin: 5px 15px;
		}
/*                                            default_landing.tpl                                              */
#content_header{
	position: relative;
	background-color: #ed6f19;
	height: 255px;
	width: 687px;
	border-left: solid 1px #e0dede;  
	border-right: solid 1px #e0dede;
	overflow: hidden;
}
	#content_header_title{
		position: absolute;
		top: 0;
		left: 0;
		height: 33px;
		padding:7px 0 0 30px;
		margin: 0;
		width: 657px;
		color: white;
		font-size: 1.6em;
		overflow: hidden;		
		text-shadow:0 -1px 0 #d55f0d;
	}#content_header_title .htmldata_controls {position: absolute;bottom: 5px;right: 5px;}
	#content_header_img{
		position: absolute;
		top: 40px;
		left: 0;
		width: 688px;
		height: 180px;
		border-top: solid 3px white;		
		border-bottom: solid 3px white;
		background-color: white;
		overflow: hidden;
	}#content_header_img .htmldata_controls {position: absolute;bottom: 5px;right: 5px;}
	
	#data_land{	
		border-left: solid 1px #e0dede;  
		border-right: solid 1px #e0dede;
		background: white url(../gfx/right_content.gif) repeat-y right;
	}	
		#data_land #left_content{
			padding: 30px;
			width: 390px;
			overflow: hidden;			
			float: left;		
		}
		#data_land #right_content{
			width: 207px;		
			overflow: hidden;
			padding: 30px 15px;				
			float: left;
		}
/*                                            default_wide.tpl                                                 */		
#wide_data{
	border-left: solid 1px #e0dede;  
	border-right: solid 1px #e0dede;
	background-color: white;	
	overflow:hidden;
}
	#wide_content{
		padding: 0 30px;	
		width: 627px;
		overflow:hidden;
	}		
/*                                             default_news.tpl                                                   */
.news_row{}
	.news_row .news_colum{
		float: left;
		width: 48%;
		margin: 0 0 15px;
		position: relative;		
	}
		.news_row .news_colum .news_title{
			margin: 0 0 0 15px;
			padding: 9px 0 9px 45px;
			height: 22px;
			background: transparent url(../gfx/bIcon1.gif) no-repeat 0px 3px;
		}.news_row .news_colum .news_title .htmldata_controls{position: absolute; top:0;right: 0;}
		#nb1{
			top: 0;
			left: 0;
			background: transparent url(../gfx/bIcon1.gif) no-repeat 0px 3px;	
			}
		#nb2{
			top: 240px;
			left: 0;
			background: transparent url(../gfx/bIcon2.gif) no-repeat 0px 0px;	
		}
		#nb3{
			top: 0;
			right: 0;
			background: transparent url(../gfx/bIcon3.gif) no-repeat 0px 0px;	
		}
		#nb4{
			top: 240px;
			right: 0;
			background: transparent url(../gfx/bIcon4.gif) no-repeat 0px 0px;	
		}
			.news_row .news_colum .news_content{
			padding: 0 15px;
		}
/*                                             site_home.tpl                                                   */	
#home {
	padding: 0;
}
	#home .row{
		padding-bottom: 0px; 
	}
	/* yllä */
	#home .top_row{
		position: relative;
		background: transparent url(../gfx/kukka.jpg) no-repeat bottom center;	
		padding-top: 5px; 
		height: 485px;
	}
	#fb1{
		top: 0;
		left: 0;
		background: transparent url(../gfx/bIcon1.gif) no-repeat 0px 3px;	
	}
	#fb2{
		top: 240px;
		left: 0;
		background: transparent url(../gfx/bIcon2.gif) no-repeat 0px 0px;	
	}
	#fb3{
		top: 0;
		right: 0;
		background: transparent url(../gfx/bIcon3.gif) no-repeat 0px 0px;	
	}
	#fb4{
		top: 240px;
		right: 0;
		background: transparent url(../gfx/bIcon4.gif) no-repeat 0px 0px;	
	}
		.box_link{
			position: absolute;
			top: 0;
			left: 0;
			width: 40px;
			height: 40px;
		} 
      .box_title{
			position: absolute;
			left: 40px;
			top: 0px;
			width: 260px;
			height: 1em;
      }.box_title .htmldata_controls{position: absolute; bottom:0;right: 0;}
			.box_title a{
				color: #333333;
				text-decoration: none;
			}
      .box_title_small{
			position: absolute;
			left: 40px;
			top: 24px;      	
		   font-size: 0.9em;
			width: 260px;
			height: 1em;			
      }.box_title_small .htmldata_controls{position: absolute; bottom:0;right: 0;}
      .box_content{
			position: absolute;
			left: 0px;
			top: 45px;   
			height: 175px;
      }.box_content .htmldata_controls{position: absolute; bottom:0;right: 0;}
		
	.front_box{
		position: absolute;
		width: 320px;
		height: 220px;
		overflow: hidden;
	}
	#tag_search_box{
		position: absolute;
		left: 348px;
		top: 0;
		width: 253px;
		background: transparent url(../gfx/tag_search.jpg) no-repeat;
	}
		#tag_search_title{
			height:24px;
			margin:0;
			position:relative;
			width:226px;
			color: white;
			padding-bottom: 5px;
			text-shadow:0 -1px 0 #D55F0D;
		}#tag_search_title .htmldata_controls{position: absolute; bottom:0;right: 0;}
		#tag_search_box #tag_s_content{
			padding:15px 15px 0;
		}
		#tag_search_box select{
			width: 220px;
		}
		#tag_search_box #submit_tag{
			background: transparent url(../gfx/tag_search_button.jpg) no-repeat;
			width: 74px;
			margin-left:148px;
			margin-top: 5px;
			padding:8px 8px 10px;
			cursor: pointer;
			font-weight: bold;
			color: white;
			border: none;
		}
		#tag_search_box #tag_s_bottom{
			width: 253px;
			height: 14px;
			background: transparent url(../gfx/tag_search_bottom.gif) no-repeat 1px 0;
			overflow: hidden;
		}
	
	/* alla */
	#home .row_bottom{
		background: transparent url(../gfx/home_bottom_boxs.gif) repeat-y;
		padding-bottom: 0;
		margin: 10px 0 10px 0;
		display: block;
		width: 950px; 
	}
	#home .row .bottom_large{
		width: 347px;
		float: left;
		overflow: hidden;
	}
	#home .row .bottom_small{
		width: 240px;
		float: left;
		margin:0 8px;
		overflow: hidden;
		background: aqua;
	}
	#home .home_title_big{
		background: transparent url(../gfx/home_title_large.gif) no-repeat;
	}
	#home .home_title_small{
		background: transparent url(../gfx/home_title_small.gif) no-repeat;
	}
	#home .home_title{
		position: relative;
		margin: 0;
		overflow: hidden;
		color: white;
		padding:10px 0 0 15px;
		height: 28px;
		text-shadow:0 -1px 0 #d55f0d;
	}	#home .home_title .htmldata_controls {position: absolute;top: 5px;right: 5px;}
	#home .home_content{
		padding: 10px 10px 20px 10px;
		background: white url(../gfx/home_content.gif) left bottom no-repeat;
		overflow: hidden;
	}
	#home .home_content_small{
		padding: 10px;
		background: white;
		overflow: hidden;
	}
	.home_content_banner{
		padding: 10px;
		background: white url(../gfx/home_content_banner.gif) no-repeat;
		overflow: hidden;		
	}
	.x3_bottom_img{
		height: 4px;
		width: 950px;
		background: transparent url(../gfx/home_3x_bottom_img.gif) no-repeat;
		overflow: hidden;
	}
/************************************************** FOOTER *****************************************************/

#footer_space{
	height: 56px;
	width: 950px;
}
#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background: #282828;
	height: 56px;
	overflow: hidden;
}
	#footer #footer_content{
		color: white;
		padding: 10px;
		font-size: 0.8em;
	}#footer #footer_content .htmldata_controls {position: absolute;bottom: 5px;right: 5px;}
	#footer #footer_content a{
		color: white;
	}

	/* EMEDIA SIGNATURE */
	#signature {
		position: absolute;
		bottom: 0;
		right: 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;
}