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

html{
	background: transparent url("../gfx/html.gif") repeat-y center;
	height: 100%;
}
body {
	background: transparent url("../gfx/body.jpg") no-repeat top center;
	background-position: center 0;
	height: 100%;	
	margin: 0;
}
	#admin_on{
		background-position: center 19px;
	}

/* WRAPPER */
#wrapper {
	width: 850px;
	height:auto !important;
	height: 100%;
	margin:0 auto;
	min-height:100%;
	position:relative;
	margin: 0px auto;
}

/* HEADER */
#header {
	height: 94px;
	position:relative;
}
	#logo{
		background: transparent url("../gfx/logo.gif") no-repeat;
		position: absolute; top: 0; left: 0;
		width: 323px;
		height: 60px;
	}
	#ext_menu{
		background: transparent url("../gfx/ext_menu.gif") no-repeat;
		position: absolute; top: 0; right: 0;
		width: 482px;
		height: 35px;
	}
		#link1{
			position: absolute; top: 6px; left: 90px;
			color: white;
			font-weight: bold;			
		}
		#link2{
			position: absolute; top: 6px; left: 200px;
			color: white;			
			font-weight: bold;
		}
		#top_search{
			position:absolute;  left:340px; top:6px;
		}
		#top_search .searchstring{
			width: 123px;
			border: none;
			background-color: transparent;
			padding-left:20px;
		}
	#navigation{
		background: transparent url("../gfx/menu.gif") no-repeat;
		position: absolute; top: 59px; bottom: 0;
		width: 850px;
		height: 35px;		
	}
		#navigation ul{
			margin: 0;
			padding: 0;
		}
		#navigation ul li{
			list-style: none;
			float: left;
			padding: 0;
			background-image: none;
		}
		#navigation ul li a{
			color: #333333;
			display: block;
			line-height: 37px;
			padding: 0 15px;
			text-transform: uppercase;
		}
		#navigation ul li a:hover{
			background: transparent url("../gfx/navi_ul_active.gif") no-repeat center top;
			text-decoration: none;
		}
		#navigation ul li a.active{
			background: transparent url("../gfx/navi_ul_active.gif") no-repeat center top;
			font-weight: bold;
		}
/* ROUTE */
#route {
	text-align: right;
	clear: both;
	line-height: 24px;
	padding: 0 10px;
	margin-bottom: 15px;
	font-size: 10px;
	border-bottom: solid 1px #333333;
}
	#route a{
		color: #333333;
	}

/* MAIN */
#main {
	overflow: hidden;
	zoom: 1;
	margin-top: 5px;
}

/* SIDEBAR */
#sub_navigation{
	width: 211px;
	padding: 10px 3px 35px 3px;
	float: left;
	background: transparent url("../gfx/sub_navi.gif") no-repeat top left;
	position: relative;
}
	#sub_navigation ul{
		margin: 0;
	}
	#sub_navigation ul li{
		margin: 0;
		list-style: none;
		padding: 0;
		background-image: none;
	}
	#sub_navigation ul li a{
		color: #333333;
		display: block;
		padding-bottom: 20px;
		padding-left: 10px;
		background: transparent url("../gfx/sub_navi_ul_li.gif") no-repeat bottom left;
	}
	#sub_navigation ul li a:hover{
		background: transparent url("../gfx/sub_navi_ul_hover.gif") no-repeat bottom left;
		text-decoration: none;
	}
	#sub_navigation ul li a.active{
		background: transparent url("../gfx/sub_navi_ul_active.gif") no-repeat bottom left;
		font-weight: bold;
	}
		#sub_navigation ul ul{
			border-bottom: solid 3px #cacaca;
		}
		#sub_navigation ul ul li a{
			color: #333333;
			display: block;
			padding-bottom: 5px;
			padding-left: 10px;
			background-image: none;
		}
		#sub_navigation ul ul li a:hover{
			background-image: none;
			text-decoration: none;
			background-color: #f1f1f1;
		}
		#sub_navigation ul ul li a.active{
			background-image: none;
			font-weight: bold;
		}
	#sub_navi_bottom{
		background: transparent url("../gfx/sub_navi_bottom.gif") no-repeat bottom left;
		height: 22px;
		width: 217px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
/* CONTENT */
#content {
	float: left;
	padding: 0 15px 15px 15px;
	overflow: hidden;
}	
	/* inner_ etusivu.tpl */
	#edit_titles{ /* only show when edittaple div */
		background-color:white;
		border:1px solid;
		padding:10px;
		position:absolute;
		right:-163px;
		top:116px;
		width:150px;
	}
	.marginal_XTitle{
		margin: 0 15px;
		padding: 10px 0px 0px 0px;
	}
	.marginal_X2_left{
		margin: 0 15px 0 0;
		padding: 0px 0px 20px;
                height:198px;
	}
	.marginal_X2_right{
		margin:10px 0 0 15px;
		padding:0 15px 10px 0;
	}
	.marginal_X3{
		position: relative;
		margin: 0 15px;
		padding: 10px 0px;
	}
	.title{
		border-bottom: solid 1px;
	}
	.row{}
	.colum_x2{
	 	width: 49%;
	 	float: left;
		position: relative;
	}
		#news_box{
			height:157px;
			overflow:hidden;
			width:400px;
			position: relative;
			margin: 0;
			margin-bottom: 10px;
			padding: 0;
		}
		#news_buttons{
			position: absolute;
			top: 207px;
			left: 0;
		}
			.num_button_img{
				background:transparent url(../gfx/num_button.gif) no-repeat scroll 0 0;
			}
			.num_button{			
				color:#ADADAD;
				display:block;
				float:left;
				font-size:20px;
				height:56px;
				line-height:58px;
				overflow:hidden;
				padding-left:22px;
				width:36px;
				outline: none;
			}
			.num_button:hover{
				text-decoration: none;
				color: #333333;
			}
		#news_box .htmldata_controls{
			position: absolute; bottom: 0;right: 3px;;
		}
		#news_box .htmldata_controls hr{
			display: none;
		}
	.colum_x3{
		 width: 283px;
		 height: 272px;
		 overflow: hidden;
		 float: left;
		 position: relative;
	}
		.colum_x3 .htmldata_controls{
			position: absolute; bottom: 0;right: 0;
		}
		.colum_x3 .htmldata_controls hr{
			display: none;
		}
	.box_img1{
		background: transparent url("../gfx/box_1.jpg") no-repeat;
	}
	.box_img2{
		background: transparent url("../gfx/box_2.jpg") no-repeat;
	}
	.box_img3{
		background: transparent url("../gfx/box_3.jpg") no-repeat;
	}
	.icon_box{
		margin: 10px 0;
	}
		
		/*inner_ default.tpl  */
	.sub_site_title{
		margin: 0 0 5px 0;
		padding: 0 0 5px 10px;
		border-bottom: solid 1px #333333;
	}
	.sub_site_title a{
		color: #333333!important;
		text-decoration: none;
	}	
	.full_page{
		width: 820px;
	}
	.navi_page{
		width: 600px;
	}
	/*oikea_laatikot.tpl*/
	.left_content{
		float: left;
		width: 525px;
		margin-right: 10px;
	}
	.menu_on{/* jos valikko on näkyllä levys on ?? */
		width: 305px;
	}
	.right_bar{
		float: left;
	}
	.box_white{
		background: transparent url("../gfx/box.gif") no-repeat;
	}
	.box_bottom{
		background: transparent url("../gfx/box_bottom.gif") no-repeat;
		height: 20px;
		background-color: white;
	}
	.colum_x3_inner{
		 width: 283px;
		 overflow: hidden;
		 position: relative;
	}
		.colum_x3_inner .htmldata_controls{
			position: absolute; bottom: 0;right: 0;
		}
		.colum_x3_inner .htmldata_controls hr{
			display: none;
		}
        /* google_map.tpl */
        #Gmap{
            float: right;
        }
/* FOOTER */
#footer_space{
	height: 80px;
}
#footer_space_front{
	height: 135px;
}
#footer {
	margin: 0px auto;
	/*height: 44px;*/
	width: 100%;
	position:absolute;
	bottom:0;
	font-size: 10px;
	color: white;
}
	#f_line_top{
                background: transparent url("../gfx/footer_contact_and_call.jpg") no-repeat;
		position: relative;	
		margin: 0 auto;
		height: 52px;
		width: 840px;
		padding-left: 10px;
		overflow: hidden;
                font-size:1.4em;
                font-weight:bold;
	}
	#f_line_top .boxtext_1{
                position: absolute;
                left:0;
                top: 15px;
                height: 18px;
                width: 354px;
        }
	#f_line_top .boxtext_2{
                position: absolute;
                right:0;
                top: 15px;
                height: 18px;
                width: 354px;
        }

#f_line_top .htmldata_controls{
		position: absolute;bottom: 0;right: 3px;
	}
	#f_line_top .htmldata_controls hr{
		display: none;
	}
	#f_line_top a{
		color: white;
	}
	
	#f_line_bottom{
		position: relative;
		height: 22px;
 		margin: 0 auto;
		width: 850px;
		background-color: #787878;
		overflow: hidden;
		text-align: center;		
		line-height: 23px;		
	}#f_line_bottom .htmldata_controls{
		position: absolute;bottom: 0;right: 3px;
	}
	#f_line_bottom .htmldata_controls hr{
		display: none;
	}
	#f_line_bottom a{
		color: white;
	}
	#add_pdfcart{
		position: absolute;
		top: 0;
		left: 0;
	}
	
.ext{
	clear: both;
}
/* EMEDIA SIGNATURE */
#signature {
	float: right;
	margin-top: 2px;
}
#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;
}
/*sIFR*/
	.sIFR_title{
		font-size: 30px;
		font-family: Arial;
	}
	.sIFR-active .sIFR_title {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
	}