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

	#workflowcontrols hr, .workflowcontrols hr{display: none;}
	#workflowcontrols{
		position: relative;
	}
	#workflowcontrols, .workflowcontrols{
		
	}
	#workflowcontrols a, .workflowcontrols a{
		padding: 0 3px;
		background-color: gray;
		color: white!important;
	}

body {
	background-color: white;
/*	background: white url(../gfx/body.jpg) no-repeat;
	background-position: center 0px;                   */
	font-size: 12px;
}

#background {
background: white url(../gfx/body.jpg) no-repeat;
	background-position: center 0px;                  
}

/* WRAPPER */
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* HEADER */
#header {
	height: 159px;
	position: relative;
	z-index: 99;
}
	#navigation_levels{
		position: absolute;
		left: 142px;
		bottom: 5px;
		color: white;
	}
	#logoLink{
		position: absolute;
		top:0;
		left: 31px;
		height: 216px;
		width: 80px;
		z-index: 200;
		background: transparent url(../gfx/logo-large.gif) no-repeat;
	}


	/* LISÄVALIKKO */
	#exra_menu{
		/*background: transparent url(../gfx/exra_menu.gif) no-repeat;*/
		background-color: #3e5561;
		height: 26px;
		
	}
	
	#lang_menu {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 105;
	}
	
		#lang_menu ul, #exra_menu ul{
			margin: 0;
		}
		#lang_menu ul li, #exra_menu ul li{
			list-style: none;
			float: left;
			margin: 0;			
		}
		#ext_home a{
		}
			#ext_home a{
				display: block;
				height: 13px;
				width: 13px;
				margin-top: 6px;
				z-index: 205;
				background: transparent url(../gfx/home.gif) no-repeat;
			}
			#ext_home a:hover{
				
			}
		#ext_feed{
			position:relative;
			height:16px;
			padding:5px 0;
			width:100%;	
			overflow: hidden;
			color: #b6e658;
			font-size: 11px;
		}
			#scroll_text{
				 position: absolute;
			    white-space: nowrap;
				color: #abb4ba;
				font-family: "Tahoma", "Verdana", "Arial";
			}
			#ext_feed a{color: #abb4ba;text-decoration: none;}
			
			#scroll_text .htmldata_controls  {
        display: none;
      }
      
      #lang_menu ul li {
		height: 26px;
		line-height: 26px;
		overflow: hidden;
	  }
			
			#ext_feed a:hover{color: white;}
		#ext_lang,#ext_yht{
			color:white;
			
			width:auto;
			padding-right: 20px;
			text-align: center;
			font-size: 11px;
		}
			#ext_lang a, #ext_yht a{color: white; text-decoration: none;}
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		height:102px;
		left:144px;
		position:absolute;
		top:55px;
		width:959px;
	}
		#horizontal_navigation ul{
			margin: 0;
		}
		#horizontal_navigation ul li{
			float:left;
			height:40px;
			list-style:none outside none;
			margin:0;
			padding: 0;
			/*background-color: fuchsia;			*/
			width:103px;
			padding-right: 20px;		
		}
		#horizontal_navigation ul li a{
			text-decoration: none;
			color: #94aaba;
			display: block;
			padding: 0;
			font-size: 14px;
			text-align: left;
			font-family: "Tahoma", "Verdana", "Arial";
			height: 2em;
		}
		
		#horizontal_navigation ul li.over, #horizontal_navigation ul li:hover, #horizontal_navigation ul li a:hover {
			color: white;
		}
		
		#horizontal_navigation ul li.over a, #horizontal_navigation ul li.over ul li.over a {
			color: white;
		}
		
		#horizontal_navigation ul li.over ul li a, #horizontal_navigation ul li.over ul li.over ul li a {
			color: #94aaba;
		}
		
		#horizontal_navigation ul li.over ul li a:hover, #horizontal_navigation ul li.over ul li.over ul li a:hover{
			color: white;
		}
		
		#horizontal_navigation ul li.child:hover, #horizontal_navigation ul li.child.show{
			
		}
		#horizontal_navigation ul li a.active{	
			color: white;
		}
		#horizontal_navigation ul li:hover ul, #horizontal_navigation ul li.show ul{
			display: block;
			z-index: 5;
		}
		#horizontal_navigation ul li.active ul {
			display: block;
		}
		/* level 2 */
		#horizontal_navigation ul ul{
			position: absolute;
			top: 39px;
			left: 0px;
			padding-top: 10px;
			display: none;
			width: 959px;
			background: url('../gfx/navi-back.jpg') no-repeat 0px -13px;
		}
		
		
		
		#horizontal_navigation ul ul li{
			height: 24px;
			overflow: hidden;
			line-height: normal;				
			padding: 0;
			border: 0;
			float: left;
			width: auto!important;
			border-bottom: 1px solid #9db1c3;
			border-right: 1px solid #9db1c3;
			
		}
		#horizontal_navigation ul ul li.last,
		#horizontal_navigation ul li.righty ul  li.first{
			border-right: 0;
		}
		
		#horizontal_navigation ul li.righty ul  li.last	{
			border-right: 1px solid #9db1c3;
		}
    
    * html #horizontal_navigation ul ul li.last{background-image: none;}
		#horizontal_navigation ul ul li a{
			height: auto;		
			line-height: normal;	
			position: relative;
			color: #94aaba;
			font-size: 12px;
			padding: 0px;
			margin: 0px 5px 10px;
			word-wrap: normal;
			/*background: white url(../gfx/green_dots.gif) repeat-x left bottom;*/
		}
		#horizontal_navigation ul ul li a:hover{
			color: white;
		}

		
		#horizontal_navigation ul ul li a.current{	
			color: white;
		}
		#horizontal_navigation ul ul li a.last{
			background-image: none;
		}
		
		#horizontal_navigation ul ul li a.first,
		#horizontal_navigation ul li.righty ul li a.last {	
			margin-left: 0px;
		}
		
		#horizontal_navigation ul li.righty ul li a.first {
			margin-left: 10px;
		}
		
		/* 2-tason kellutus vasemmalle + lahti cleantech park-linkki */
		#horizontal_navigation ul li.righty ul {
			position: absolute!important;
			top: 35px!important;
			right: 0px!important;
			width: 815px!important;
		}
		
		 #horizontal_navigation ul li.righty ul  li {
			float: right;
		}
		
		/* level 3*/
		 #horizontal_navigation ul ul ul{
			position: absolute;
			top: 35px;
			left: 0px;
			width:959px;
			padding-top: 7px;
			background: url('../gfx/navi-back-3rd.jpg') no-repeat 0px -2px;
		}
		
		# #horizontal_navigation ul li.righty ul ul  {
			right: 0px;
			top: 35px;
			width: 815px;
			position: absolute;
		}
		
		#horizontal_navigation ul li.righty ul ul  li {
			float: right;
		}
		
		
		#horizontal_navigation ul ul li:hover ul li, #horizontal_navigation ul ul li.show  ul li,
		#horizontal_navigation ul ul li.active  ul li{
			display: block;
			
		}
		
		#horizontal_navigation ul ul ul li{
			 height: 18px;
			 width: auto!important;
			 float: left;
			 border-bottom: 0px;
			 display: none;
		}
		
		#horizontal_navigation ul ul ul li a {
			margin-bottom: 2px;
		}
		
		#horizontal_navigation ul ul ul li.last{
			
		}
		
	
		
		
		
		/* javascript mouseover tyylit */
		#horizontal_navigation  ul.menu_level_hidden_2 {
				display: none!important;
		}
		
		#horizontal_navigation  ul.menu_level_hidden_1 {
				display: none!important;
		}
		
	
/* MAIN */
#main {
	position: relative;
	z-index: 90;
	overflow: hidden;
	zoom: 1;
}
/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */

	
/* CONTENT */
#content {
	float: left;
	width: 600px;
}
	#content #content_image{
		position: relative;
		width: 600px;
		height: 285px;
		overflow: hidden;
		background-color: white;
	} 

#content  #content_image .htmldata_controls, #content #data .htmldata_controls {position: absolute;right: 0;bottom: 0;}

		#content #content_image_mask{
			background: transparent url(../gfx/content_image_mask.png) no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			height: 8px;
			width: 8px;
		}

#right_content{
	float:left;
	margin-left:10px;
}		
	#sub_new_box{
		background: transparent url(../gfx/sub_new_box.gif) no-repeat;
		height: 172px;
		width: 319px;
		padding: 15px; 
		overflow: hidden;
	}
/*                                                  default_land.tpl                                              */	
#content_land {
	width: 959px;
	height: 348px;
	margin-bottom: 15px;
	overflow: hidden;
}
	#content_land #content_image{
		position: relative;
		width: 452px;
		height: 348px;
		overflow: hidden;
		background: white;
		float: left;
	}

#content_land #content_image .htmldata_controls {position: absolute;right: 0;bottom: 0;}

#content_land #data .htmldata_controls {
	position: absolute!important;
	right: 0;
	top: 331px;
}


		#content_land #content_image_mask{
			width: 452px;
			height: 348px;
			overflow: hidden;			
			background: transparent url(../gfx/content_image_mask_land.png) no-repeat;
			position: absolute;
			top: 0;
			left: 0;
			height: 348px;
			width: 8px;
		}* html #content_image_mask{display: none;}
	#content_land #data{
		position: relative;	
		width: 447px;
		height: 333px;
		overflow: hidden;
		background: white url(../gfx/data_land.png) no-repeat top right;
		float: left;		

	}

#bottom_land {	
	margin-bottom: 15px;
}
	#bottom_land .up_box{
		float: left;
		margin-top: 0;
		margin-right: 11px;
	}
/*                                                 yhteiset elementit                                             */
.up_box{
	background: transparent url(../gfx/up_box.png) no-repeat top right; 	
	height: 122px;
	width: 349px;
	position: relative;
	margin: 10px 0 0 0;
	overflow: hidden;
}*html .up_box{
	background-image: none;
	background-color: white;
}
	.up_box_content{
		position: absolute;
		left: 93px;
		top: 0;
		height: 92px;
		width: 227px;
		padding: 15px 5px 15px 15px;
		background-color: white;
		overflow: hidden;
		font-size: 11px;
	}.up_box_content .htmldata_controls {position: absolute;right: 0;top: 6px;}
	.up_box_image{
		position: absolute;
		left: 0;
		top: 0;
		height: 122px;
		background-color: white;
		width: 93px;
		overflow: hidden; 	
	}.up_box_image .htmldata_controls {position: absolute;right: 0;bottom: 0;}
	
	.up_box_content_text {
		left: 0px;
		width: 320px;
		background: url('../gfx/up_box_l.png') no-repeat top left;
		padding-top: 5px;
		height: 122px;
	}
	
	.up_box_content_text  p{
	}
	
.newBoxTitle{
	position: relative;				
	height: 20px;
	width: 319px;		
	margin: 8px 0 2px 0;		
	overflow: hidden;			
	font-size: 18px;		
}.newBoxTitle .htmldata_controls {position: absolute;right: 0;bottom: 0;}
.newBox{
	position: relative;								
	height: 35px;
	width: 457px/*319px*/;
	overflow: hidden;					
}
.newBoxNews {
  height: 60px;
}
.newBox .htmldata_controls {position: absolute;right: 0;bottom: 0;}	
.newBox_large{
	position: relative;						
	height: 78px;
	width: 319px;
	overflow: hidden;					
}

#sub_new_box .newBox_large {
	height: 90px;
}

#sub_new_box .eventbox {
	height: 53px;
}



.newBox_large .htmldata_controls {position: absolute;right: 0;bottom: 0;}	
.eventbox{
	height: 50px;	
}

div.events_list {
  position: relative;
}

div.events_list ul.news_links {
  top: 3px;
}

div.events_list ul.event_links {
  right: 16px;
  top: 23px;
  z-index: 150;
}

ul.news_links li a {
  font-size: 11px;
}

#route {
	clear: both;
	line-height: 29px;
	padding: 10px 0;
	font-size: 11px;
}
	#route .sep{
		background: url("../gfx/green_arrow.gif") no-repeat scroll center transparent;
		height: 29px;
		width: 14px;
		display: block;
		float: left;
	}
	#route a{
		color: #999999;
		float: left;
	}
	#route a:hover{
		color: #78931C;
		text-decoration: none;
	}
#data{
	padding: 0 30px 15px 30px;
	background-color: white;
}	
/*                                                 home.tpl                                                    */	
#home {
	padding: 0px;
}
	#home_top{
		position: relative;
		height:348px;
	}	
		#home_image{
			position: absolute;
			top: 0;
			left: 0;
			height: 348px;
			width: 452px;	
			background-color: white;
			overflow: hidden;
			z-index: 100;
		}#home_image .htmldata_controls {position: absolute;right: 0;bottom: 0;}
			#home_image_mask{
				background: transparent url(../gfx/home_image_mask.png) no-repeat;	
				height: 348px;
				width: 452px;	
				position: absolute;
				top: 0;
				left: 0;
				z-index: 150;
			}* html #home_image_mask{display: none;}
			
		#home_image .slide_img {
			z-index: 150;
			position: relative;
		}
		#home_text{
			position: absolute;
			top: 0;
			right: 0;
			height: 85px;
			width: 456px;	
			padding: 20px;
			background: transparent url(../gfx/home_text.png) no-repeat;
			overflow: hidden;			
		}#home_text .htmldata_controls {position: absolute;right: 0;bottom: 0;}
		#home_news{
			position: absolute;
			top: 136px;
			right: 0;
			height: 212px;
			width: 496px;	
			background: white url(../gfx/home_news.png) no-repeat top right;			
			overflow: hidden;			
		}
			#news_image{
				position: absolute;
				left: 0;
				top: 0;
				overflow: hidden;		
				background-color: green;
				width: 147px;
				height: 212px;
			}#news_image .htmldata_controls {position: absolute;right: 0;bottom: 0;}
			#news_content{
				overflow: hidden;
				position: absolute;
				top: 0;
				right: 0;
				padding: 15px;
				width: 457px/*319px*/;
				height: 182px;
			}#news_content .htmldata_controls {position: absolute;right: 0;bottom: 0;}
				.newBoxColum{
					position: relative;
					height: 43px;
					width: 457px/*319px*/;
					overflow: hidden;
					font-size: 11px;
				}
				
	#home_bottom{
		position: relative;
		height: 141px;
		width: 958px;
		padding:0px 1px 10px 1px;
		margin-bottom: 23px;
	}#home_bottom .htmldata_controls {position: absolute;right: 0;bottom: 0;}
	
	#home_bottom .focus_box {
		width: 190px;
		font-family: "Trebuchet MS", "Arial";
		font-style: italic;
		font-size: 11px;
		color: #b2c2ce;/*#2b5673*/;
		float: left;
		height: 141px;
		position: relative;
		padding: 0px 7px 0px 6px;
		border-right: 2px solid white;
		padding-top: 23px;
		margin-left: 5px;
	}
	
	#home_bottom .focus_box a {
		color: #b2c2ce;
	}
	
	#home_bottom .focus_box_focused {
		color: #2b5673;
	}
	
	#home_bottom .focus_box_focused  a{
		color: #2b5673;
	}
	
	#home_bottom #innovation_focus {
		border-right: 0px;
		width: 280px;
	}
	
	.focus_box .htmldata_controls {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.focus_box p {
		margin-left: 20px;
	}
	
	.focus_box p.focus_otsikko {
		margin-left: 0px;
	}
	
.ext{
	clear: both;
}	
/************************************************** FOOTER *****************************************************/
#footer {
	clear: both;
	
	height: 78px;
	margin-top: 15px;
	position: relative;
}

#footer #inno_link {
  position: absolute; 
  width: 129px; 
  height: 78px; 
  overflow: hidden; 
  right: 0px; 
  top: 0px;
}

#footer #inno_link p {
  display: inline;
}

#footer #inno_link .htmldata_controls {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

	#bottom_navigation{
		height:28px;
		left:0;
		position:absolute;
		top:8px;
		width:831px;
	}
	#bottom_navigation ul{
		margin: 0;
	}	
	#bottom_navigation ul li{
		list-style: none;
		margin: 0;
		float: left;
	}	
	#bottom_navigation ul li a{
		color: #999999;
		text-decoration: none;
		text-transform: uppercase;
		border-right: solid 1px #999999;
		padding: 0 8px;
		font-size: 9px;		
		line-height: normal;
	}
	#bottom_navigation ul li a.last{
		border-right: none;
	}
	#bottom_navigation ul li a:hover{
		color: #78931C;
	}
	
	#bottom_navigation ul li a.disabled:hover {
    cursor: default;
    color: #999999;
  }
		#search_embed {
			position: relative;
			width: 75px;
			height: 18px;
		}
		#search_embed .searchstring{
			position: absolute;
			left: 0;
			top: 0px;
			width: 56px;
			height: 18px;
			border: none;
			font-size: 9px;
			background: transparent url(../gfx/search_box.gif) no-repeat;
		}
		#search_embed .submit_button{
			position: absolute;
			right: 0;
			top: 0;		
			height: 15px;
			width: 15px;
			border: none;
			background: transparent url(../gfx/search_button.gif) no-repeat;
			text-indent: -9999em;
			overflow: hidden;
			text-transform: capitalize;
		}
	#bottom_content {
		height:28px;
		left:0;
		position:absolute;
		top:40px;
		width:821px;
		font-size: 9px;
		padding:0 0 0 8px;
		color: #999999;
	}	#bottom_content .htmldata_controls {position: absolute;right: 0;bottom: 0;}
/* 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;
}
.ext{
	clear: both;
}

a.calendar_go_back {
	background: url("../gfx/green_arrow_back.gif") no-repeat scroll left center transparent;;
  padding-left: 6px;
}
#data .htmldata_controls {
	position: relative!important;
}