@import url("editor.css");
@import url("services.css");
html,body{
	height: 100%;
	overflow: hidden;	
}
body {
	position: relative; /* fix ie7 zoom bug */
	background: transparent url(../gfx/body.gif) top center;	

}

/* BACKROUND IMAGES */	
#back_top{
	position:relative;
	background: transparent url(../gfx/top_back.jpg) repeat-x top center;
	width: 100%;
	height: 100%;		
}	
	#back_image{
		position: relative;	
		background: transparent url(../gfx/back_image.jpg) no-repeat top center;
		width: 100%;
		height: 100%;	
	}
		#site_scroll{
			position: relative;
			overflow: auto;
			height: 100%;
			width: 100%;
		}
			#site_shadow{
				position: relative;
				background: transparent url(../gfx/wrapper.png) repeat-y top center;
			}* html #site_shadow{background: transparent url(../gfx/wrapper.gif) repeat-y top center;}
		
/**********************SITE START************************/		
	#top_space{
		position: relative;
		width: 980px;
		height: 90px;
		margin: 0 auto; 	
		background: transparent url(../gfx/top_space.jpg) no-repeat top left;
		z-index: 10;
	} * html #top_space{background: transparent url(../gfx/top_space_nos.jpg) no-repeat top left;}	
	#top_space_swe{
		position: relative;
		width: 980px;
		height: 90px;
		margin: 0 auto; 	
		background: transparent url(../gfx/top_space_swe.jpg) no-repeat top left;
		z-index: 10;
	} * html #top_space{background: transparent url(../gfx/top_space_nos.jpg) no-repeat top left;}
		.helsinki{
		    height: 47px;
		    left: 6px;
		    position: absolute;
		    top: 35px;
		    width: 233px;
			 cursor: pointer;			 
		}
		.porvoo{
		    height: 47px;
		    right: 13px;
		    position: absolute;
		    top: 35px;
		    width: 233px;
			 cursor: pointer;
		}
	/* WRAPPER */
	#wrapper {
		width: 958px;
		margin: 0 auto; 
		position: relative;
		z-index: 100;
		background-color: white;
		border: solid 1px #a7a7a7;		
		border-bottom: none;
	} * html #wrapper {background-image: none;}
	
	/* HEADER */
	#header {
		height: 130px;
		margin: 0 10px;
		overflow: hidden;
		position: relative;
		background-color: white;		
	}
		#logo{
		  position:absolute;
		  top:0px;
		  left:0px;
		}
		/* LISÄVALIKKO */
		#ext_menu_container{
   		 height: 80px;
		    width: 726px;			
			 margin: 10px 0;
			 overflow: hidden;
		}
			.exra_menu{
				background: transparent url(../gfx/extra_menu.png) repeat-y right top;
				padding: 0 15px;
				float: right;
			}
				.exra_menu ul{
					margin: 0;
					padding: 0;
				}
				.exra_menu ul li{
					list-style: none;
					background: transparent url(../gfx/list.png) left no-repeat;
					padding-left: 8px; 
				}
				.exra_menu ul li a{
					text-decoration: none;
					padding: 2px 5px;
					display: block;
				}
				
	  #langs{
			position: absolute;
			right: 0;
			top: 10px;
			width: 200px;
			height: 22px;
	  }
		  #link_1, #link_2{
		  		position: absolute;
				top: 0;	  	
				text-decoration: none;
				font-weight: bold;
				font-size: 12px;
		  }
		  #link_1{
				left: 0;
		  }
		  #link_2{
				right: 0;
		  }
		#search_embed{
			position: absolute;
			right: 0;
			top: 46px;
			height: 22px;
			width: 200px;
		}
			#search_embed .searchstring{
			    background-color: transparent;
			    border: 1px solid #CCCCCC;
			    left: 0;
			    padding: 2px 0 3px 6px;
			    position: absolute;
			    top: 0;
			    width: 168px;
			}
			#search_embed .submit_button{
				position: absolute;
				right: 0;
				top: 0;
				background: transparent url(../gfx/search_button.png) no-repeat;
				border: none;
				height: 22px;
				width: 22px;
				text-indent: -99999px;
				line-height: 0;
			}
			#search_embed .submit_button:hover{
				background: transparent url(../gfx/search_button_hover.png) no-repeat;
				color: #666666;
			}
		#font_size{
			position: absolute;
			right: 0;
			bottom: 30px;
			width: 150px;
			height: 30px;		
		}
			#font_inc, #font_dec{
				position: absolute;
				top: 0;
				height: 22px;
				width: 22px;
				background: transparent url(../gfx/demo_font_inc.png) no-repeat;
				display: block;
			}
				#font_text{
					position: absolute;
					top: 4px;
					right: 50px;
					display: block;
				}
				#font_inc{
					background: transparent url(../gfx/demo_font_inc.png) no-repeat;		
					right:0;
				}#font_inc:hover{background: transparent url(../gfx/demo_font_inc_hover.png) no-repeat;}
				#font_dec{
					background: transparent url(../gfx/demo_font_desc.png) no-repeat;		
					right:24px;				
				}#font_dec:hover{background: transparent url(../gfx/demo_font_desc_hover.png) no-repeat;}
			
		/* HORIZONTAL MENU*/
		#horizontal_navigation{
			position: absolute;
			bottom: 0;
			left: 0;
			background: transparent url(../gfx/horizontal_navigation.png) repeat-x left top;
			width: 100%;
		}
			#horizontal_navigation ul{
				margin: 0;
			}
			#horizontal_navigation ul li{
				list-style: none;
				float: left;
				margin: 0;
				padding: 0;
				border-right: 1px solid white;
			}
			#horizontal_navigation ul li a{
				text-decoration: none;
				font-weight: bolder;
				color: white;
				display: block;
				padding: 7px 12px 6px 12px;
				border-bottom: solid 4px white;
				font-size: 12px;
			}
			#horizontal_navigation ul li a:hover{
				background-color: #84b5de;				
			}
			#horizontal_navigation ul li a.active{	
				border-bottom: solid 4px #8dc63f;
			}
		
	/* MAIN */
	#main {
		position: relative;
		background-color: white;
		overflow: hidden;
		margin: 10px 0 0 10px;
		zoom: 1;
	}
	/************************************************ INNERTEMPLATERS ************************************************/
	/*                                                  default.tpl                                                  */
	/* SIDEBAR */
	#sidebar {
		width: 230px;
		margin-right: 10px;
		padding: 0;
		float: left;
		overflow: hidden;	
		margin-bottom: 11px;
	}
		#sub_site_title{
			background-color: #8dc63f;
			margin: 0;
			padding: 7px 0 7px 7px;		
			font-size: 1.1em!important;
					
		}
			.back_arrow{
				background: transparent url(../gfx/sub_site_title.gif) left no-repeat;
				padding-left: 20px!important;
			}
			#sub_site_title a{
				color: white;
				text-decoration: none;
				display: block;				
			}
		#sub_site_title_two{
			background-color: #007ac2;
			margin: 0 0 1px 0;
			padding: 7px 0 7px 7px;		
			font-size: 1em!important;				
		}			
			#sub_site_title_two a{
				color: white;
				text-decoration: none;				
				background: transparent url(../gfx/vertical_navigation_arrow_blue.gif) right no-repeat;
				display: block;
			}
		/* VERTICAL NAVIGATION */
		#vertical_navigation {
			margin: 1px 0;
		}
		#vertical_navigation ul {
		    padding: 0;
		    margin: 0;
		}
		#vertical_navigation ul li {
		    padding: 0;
		    margin: 0;
			 list-style: none;
		}
		#vertical_navigation ul li a {
			text-decoration: none;
			padding: 5px;
			margin-bottom: -1px;
			display: block;
			font-size: 1em;
			color: #666666;
			border: solid 1px #cccccc;
			background: transparent url(../gfx/vertical_navigation_arrow.gif) right no-repeat;
		}
		#vertical_navigation ul li a.active {
			text-decoration: none;
			color: white;
			background: #999999 url(../gfx/vertical_navigation_arrow_active.gif) right no-repeat;
		}
		#vertical_navigation ul li a:hover {
			text-decoration: none;
		}
		/* level 2 */
		#vertical_navigation ul ul {
		    padding: 0;
		    margin: 0 0 0 10px;
		}
		#vertical_navigation ul ul li a{
			border-top: none;
			border-bottom: dotted 1px #cccccc;
		}
		#vertical_navigation ul ul li a.last{
			border: none;
		}
		
		
	/* CONTENT */
	#content {
		float: left;
		width: 700px;
	}
		#sub_image{
			position: relative;
			height: 200px;
			width: 700px;
			overflow: hidden;	
			background-color: gray;
		}#sub_image .htmldata_controls {position: absolute;bottom: 5px;left: 5px;}
		#route {
			text-align: right;
			clear: both;
			line-height: 25px;
			padding: 0;
			font-size: 0.9em;
			background: transparent url(../gfx/horizontal_line.gif) repeat-x left bottom;			
		}
		#data{
         position: relative;
			margin: 20px 30px 30px 30px;
		}
		#print_button{
			padding-left: 25px;
			margin: 0 15px 15px;
		}
	/*                                                  landing.tpl                                                  */	
	#land_content{}
		#data_land{
                        position: relative;
			float: left;
			width: 410px;
			margin: 20px 30px 30px 30px;
			overflow: hidden;
		}
		#left_land{
			float: left;			
			margin: 20px 0 30px 0;
			width: 228px;			
			overflow: hidden;			
		}
		.content_right{
			position: relative;
		}
		.news{
			padding: 15px 0;
		}
	/*                                                 home.tpl                                                    */	
	#home {}
		#home .rowTop{
			height: 276px;
			overflow: hidden;
		}
		#home .row{}
			#home .home_title{
				position: relative;
				margin: 0;
				background-color: #8dc63f;
				height: 33px;
				overflow: hidden;
				color: white;
				line-height: 30px;
				padding-left: 10px;
				font-size: 1.3em;
			}	#home .home_title .htmldata_controls {position: absolute;top: 5px;right: 5px;}
			.newsTitle{
				position: absolute;
				bottom: 0;
				left: 0;
				margin: 0;
				height: 35px;
				overflow: hidden;
				color: white;
				line-height: 37px;
				padding: 0 10px;
				font-size: 1.3em;
			}#home .newsTitle .htmldata_controls {position: absolute;top: 5px;right: 5px;}
			#home .home_content{
				position: relative;
				margin: 10px 0;
				overflow: hidden;
			}
				.last{
					margin-right: 0!important;
				}
				.now{
					background-image: url(../gfx/now.gif);
					background-repeat: no-repeat;
					background-position: left top;
					padding-left: 30px!important;
				}
				.blog{
					background-image: url(../gfx/blog_mark.gif);
					background-repeat: no-repeat;
					background-position: left top;
					padding-left: 45px!important;
				}
		/* yllä */
			#home .row #left_content, #home .row #right_content{
				float: left;
				overflow: hidden;				
				margin-right: 10px;				
				width: 227px;
			}
			#home .row #left_content .home_content, #home .row #right_content .home_content{
				position: relative;												
			}
			
				#home #left_content .home_content .htmldata_controls {position: absolute;bottom: 5px;left: 5px;}
				#home #right_content .home_content .htmldata_controls {position: absolute;bottom: 5px;left: 5px;}
				.cont_top{
					height: 190px;
				}
				
				.home_blog{
					position: relative;
					background:transparent url(../gfx/blog.gif) no-repeat left top;			
					height: 200px;
					margin-bottom: 10px;
				}
				
				.home_blog .htmldata_controls{
					position: absolute;
					right: 0;
					top: 0;				
				}
				/* blog show first*/
					.items_by_tags_blog{
					    left: 10px;
					    position: absolute;
					    top: 10px;				
						font-size: 0.8em;
						margin: 0;						 
					}
					.blog_item{
					    left: 10px;
					    position: absolute;
					    top: 23px;										
					}
						.tag_title_blog{
							margin: 0;
							font-size: 1em!important;
						}
					.home_blog .tagfeed_rss_blog{
						position: absolute;
						right: 35px;
						bottom: 0;
						background: url("/easydata/admin_templates/es39/42_images/16x16/rss.gif") no-repeat scroll left center transparent;
						height: 16px;
						width: 16px;
						display: block;
					}
						.home_blog .tagfeed_rss_blog .text_rss{
							padding-left: 25px;
						}
					.blog_img{
						position: absolute;
						right: 65px;
						bottom: 0;
						height: 70px;
						width: 70px;
						border: solid 1px #cccccc;;
						background: transparent url(../gfx/blog_face.gif) no-repeat;
						overflow: hidden;
					}.blog_img .htmldata_controls {position: absolute;bottom: 0px;left: 0px;}
					.link_to_blog{
						right: 0;
						position: absolute;
						top: 160px;
					}
										
					.buttons{}
						.buttons ul{	
							padding: 0;
							margin: 0 0 10px 0;			
						}
						.buttons ul li{							
							list-style: none;
							padding: 0;
							margin: 0;
						}	
						.buttons ul li a{
							background: transparent url(../gfx/link.gif) right no-repeat;
							border: solid 1px #007ac2; 
							padding: 3px 20px 4px 10px; 
							color: #007ac2!important;
							font-weight: bold;
							text-decoration: none;						
							display: block;
							margin-bottom: 1px;
						}
						.buttons ul li a:hover{
							background: transparent url(../gfx/link_hover.gif) right no-repeat;	
						}
						
			#home .row #wall{
				position: relative;
				height: 274px;
				float: left;				
				margin-right: 10px;				
				width: 462px;			
				border: solid 1px #cccccc;	
			}

		/* slide show */
		#show{
			background-color: white;
			width: 462px;
			height: 275px;
			float: left;				
			overflow: hidden;			
			/*show*/
			position: relative;
		}
		
			/* show itmes*/
			#slide_show{
				position: relative;
				width: 462px;
				height: 242px;
				overflow: hidden;			
				z-index: 90;	
			}
				.slide{
					position: absolute;left:0;top:0;	
					width: 462px!important;
					height: 242px!important;
					overflow: hidden!important;					
				} .slide .htmldata_controls {position: absolute;left: 5px; bottom: 5px;}
					.show_index{
						position: absolute;top: 0; left: 0;
						padding: 2px;
						background-color: white;
						border: solid 1px;
						z-index: 95;
					}
			/*end*/				
			
			/* Navigation links */
			#nav_green{
				position: absolute;
				left: 0;
				bottom: 0;			
				background-color: #8dc63f;
				width: 100%;
				height: 33px;			
			}
			#nav{
				position: absolute;
				bottom: 0;
				right: 0;
				height: 33px;
				z-index: 100;
				background-color: #8dc63f;
				text-align: center;
				margin-right: 10px;
			}
				#nav a{
					padding: 0px;
					margin-right: 1px;
					display: block;
					float: left;
					width: 20px;
					height: 33px;
					background: transparent url(../gfx/nav.gif) no-repeat left top;
					text-indent: -9999px;
					line-height: 0px;
				}
				#nav a.activeSlide{
					background-color: gray;
					color: white;
					background: transparent url(../gfx/nav_active.gif) no-repeat left top;
				}
			/*end*/
			
			/* easysetup panel */
			#show_sets{
				position: absolute;
				bottom: 34px;
				right: 0;
				background-color: white;
				padding: 5px;
				margin: 5px;
				display: inline;
				z-index: 100;
				border: solid 1px #333333;
			}
			/*end*/
		/* alla */
			#home .row .boxBig{
				width: 464px;
				float: left;
				overflow: hidden;
				margin-right: 10px;
			}
			#home .row .box{
				width: 227px;
				float: left;
				overflow: hidden;
				margin-right: 10px;
			}
		
	.ext{
		clear: both;
	}	
	/* yhteiset */
	#creator_info{
		color: #9E9E9E;
    	font-size: 0.8em;
    	margin: 5px 0;
	}
	/************************************************** FOOTER *****************************************************/
	#footer {
		clear: both;
		background-color: #8dc63f;
		padding: 15px 0 15px 15px;
		color: white;
	}	#footer, #footer a #footer tr, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{color: white;}
	/* EMEDIA SIGNATURE */
	#signature {
		padding: 0 15px;
		background-color: #8dc63f;		
	}
		#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;
	}
/**********************SITE END************************/		
.lue_lisaa:hover{
	background: #007ac2 url(../gfx/readmore_hover.gif) right no-repeat;	
	text-decoration: none;
}

/* Content-wide */
.content-wide { width: 900px!important;  margin-left: 15px; margin-right: 15px;}

.content-wide #sub_image { width: 900px; }