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

html, body{
	height: 100%;
       

}
body {
	position: relative; /* fix ie7 zoom bug */
	/*background: #ffffff url(../gfx/body.gif) repeat-y center;*/
	background-color: #ffffff;
}
	body.edit {
		padding-top: 20px;
	}

	/* MAIN */
#main {
	position: relative;
	zoom: 1;
	z-index: 90;
	
	
}
	
/* WRAPPER */
#wrapper {
	width: 960px;
	padding: 0;
	background-color: white;
/*	border-left: solid 1px #999999;*/
/*	border-right: solid 1px #999999;*/	
	margin: 0 auto;
	position: relative;
	
}

/* HEADER */
#header {
	height: 105px;
	position: relative;
	border-bottom: solid 5px #e31c19;
	z-index: 99;	
}
	#exra_menu{
		position: absolute;
		right: 10px;
		top: 15px;
		z-index: 99;
	}
		#exra_menu ul{
			margin: 0;
			padding: 0;
			float: left;
		}
		#exra_menu ul li{
			list-style:none;
			float: left;
			position: relative;
		}
		#exra_menu ul li a{
			color: #333333;
			display: block;
			padding: 3px 8px 3px;
			border-right: 1px solid ;
			line-height: 12px;
		}
		#exra_menu a.last{ 
		/* border:none;*/
		}
		#exra_menu ul li:hover ul{
			display: block;
		}
		/*lev2*/
		#exra_menu ul ul{
			position: absolute;
			left: 0;
			top: 18px;
			background-color: white;
			display: none;
			border-top: 3px solid;
		}
		#exra_menu ul ul li{
			float: none;
			width: 250px;			
			border: 1px dotted #CCCCCC;
			border-top: none;
		}
		#exra_menu ul ul li a{
			border-right: none;
			padding: 8px;		
			
		}
  #lang{
  	position: absolute;
	right: 20px;
	top: 5px;
  }  
  #lang a{color: #333333!important;}
  
  #logo{
    position:absolute;
    bottom:20px;
    left:1px;
  }
	/* HORIZONTAL MENU*/
	#horizontal_navigation{
		position: absolute;
		bottom: 0;
		right: 0;
/*		width: 700px;*/
	}
	#horizontal_navigation ul{
		margin: 0;
	}
	#horizontal_navigation ul li{
		position: relative;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#horizontal_navigation ul li a{
		text-decoration: none;
		display: block;
		padding: 15px 20px;
		color: #333333; 
	}
	#horizontal_navigation ul li a:hover{
		color: #993333;		
	}
	#horizontal_navigation ul li a.active{	
		color: #993333;			
	}
	/* level 2 */
	#horizontal_navigation ul ul {
		position: absolute;
		left: 0;
		top: 50px;
		min-width: 150px;
		background-color: #e31c19;
		display: none;
	}
	#horizontal_navigation ul li:hover ul, #horizontal_navigation ul li.over ul  {
		display: block;
	}
	#horizontal_navigation ul ul li {
		float: none;
		background: transparent url(../gfx/white_dot.gif) repeat-x left bottom;
	}
	#horizontal_navigation ul ul li.last{
	background-image: none;
	}
	#horizontal_navigation ul ul li a {
		color: white;		
		padding: 10px;		
	}
	#horizontal_navigation ul ul li a.active {
		color: white;			
	}
	#horizontal_navigation ul ul li a:hover {
		color: white;			
		padding-left: 15px;
	}
	

/************************************************ INNERTEMPLATERS ************************************************/
/*                                                  default.tpl                                                  */
/* SIDEBAR */
#sidebar {
	width: 289px;
	padding: 40px 0 40px 40px;
	float: left;
	overflow: hidden;
}
   /* Haku loota */
	#search_embed{
		position: relative;
		border: solid 1px #e0e0e0;
		height: 30px;
  		width: 269px;		
	}
		.searchstring{
			border: medium none;
			padding: 5px 0 0 9px;
			width: 229px;
			position: absolute;
			left: 0;
			top: 0px;	
		}
		.submit_button{
			border: none;
			background: transparent url(../gfx/search.gif) no-repeat;
			height: 30px;
			width: 30px;
			overflow: hidden;
			position: absolute;
			right: 0;
			top: 0;		
		}
	/* Sis�lt� alueet */	
	.right_title{
		border-bottom: solid 3px; 
		padding: 13px 0 13px 3px;
		font-weight: normal;
	}
	.right_content{
		 padding-bottom: 15px;		
	}
	
	/* VERTICAL NAVIGATION */
	#vertical_navigation {
	    margin: 1px;
		 padding-bottom: 15px;
	}
	#vertical_navigation ul {
	    padding: 0;
	    margin: 0;
 		 border-bottom: 1px dotted #CCCCCC;
	}
	#vertical_navigation ul li {
	    padding: 0;
	    margin: 0;
		 list-style: none;
	}
	#vertical_navigation ul li a {
		text-decoration: none;
		padding: 12px 12px 12px 26px;
		margin-bottom: 1px;
		display: block;
		color: #333333;	
		border-bottom: 1px dotted #CCCCCC;
		background: transparent url(../gfx/right-column-li-bg.gif) no-repeat left;
	}
	#vertical_navigation ul li a.active {
		text-decoration: underline;		
	}
	#vertical_navigation ul li a:hover {
		text-decoration: none;
		color: #993333;
	}
	#vertical_navigation ul li a.last {
		 border-bottom: none;
	}	
	/* level 2 */
	#vertical_navigation ul ul {
	    padding: 0;
	    margin: 0 0 0 1.5em;
	}

	/* CONTENT */
	#content_image{
		border-bottom: solid 5px #e31c19;
	}
		#content_image p{
			margin: 0;
			padding: 0;
		}
	#content {
		float: left;
		width: 630px;
		overflow: hidden;
	}
	
		#route {
			text-align: right;
			clear: both;
			line-height: 24px;
			padding: 10px;
			font-size: 11pt;
   		font-style: italic;
		   margin: 0 0 10px;
			color: #575757;
			border-bottom: 1px dotted #CCCCCC;
		}
		#data{
			padding: 15px;
			padding-left:0px;
		}
		#print_button{
			margin: 15px;
		}
/*                                                 home.tpl                                                    */	
#home {
	padding: 0;
	margin: 0;
	line-height:25px;
}
	.top_red {
		border-top: solid 5px #e31c19;
	}
	
	/* slide show START  */	
	#show{
		position: relative;	
	}
		#show_images{
			height: 504px;
			width: 100%;
			overflow: hidden;
			z-index: 90;
		}
		#show_images .htmldata_controls{
			position: absolute;
			left: 5px;
			bottom: 5px;
		}
			.images{
				height: 504px;
				width: 100%;
				color: white;
			}
		#show_content{
			overflow: hidden;
			width: 960px!important;
             height: 184px!important;


		}
			.text{
				background-color: white;
				padding: 20px;
                padding-left:0px;				
			}
			.text .htmldata_controls{
				position: absolute;
				left: 5px;
				bottom: 15px;
			}
		#next{
			background: transparent url(../gfx/big-arrows.png) no-repeat -70px -70px;
			width: 50px;
			height: 50px;
			position: absolute;
			right: -25px;
			top: 225px;			
			z-index: 99;			
		} * html #next{background: transparent url(../gfx/big-arrows.gif) no-repeat -70px 0px;}
		#next:hover{background: transparent url(../gfx/big-arrows.png) no-repeat -70px 0px;}
		#prev{
			background: transparent url(../gfx/big-arrows.png) no-repeat 0px -70px;
			width: 50px;
			height: 50px;			
			position: absolute;
			left: -25px;
			top: 225px;			
			z-index: 99;			
		} * html #prev{background: transparent url(../gfx/big-arrows.gif) no-repeat 0px 0px;}
		#prev:hover{background: transparent url(../gfx/big-arrows.png) no-repeat 0px 0px;}
	/* END slide show */	
	
	#article_4{
		overflow: hidden;
		/*background: transparent url(../gfx/viiva_x4.gif) repeat-y;*/
                background-color:#eeeeee;			
			
	}
		.artic_4{
			float: left;
			width: 237px;
            		
		}
             .top_none {
			background:#eeeeee;
                        background-color:#eeeeee;
            		
		}

                   

		.left_border{
			width: 241px;				
		}
			.art_image_4{
				overflow: hidden;
                height:225px;				
			}
			.art_image_4 p{
				margin: 0;
			}
		
		
		
				.art_content{
				padding: 20px;
                padding-bottom:0px;				
				overflow: hidden;	
				border-left:1px solid #cccccc;
				/* min-height:205px;*/
                                 background-color:#eeeeee;
			}
					 .first
			{
				
				border-left:0px none;
				
			}
		
			
			
	#article_2{}
		.artic_2{
			float: left;
			width: 50%;	
			overflow: hidden;			
		}	
			.art_image_2{	
			    overflow: hidden;
			    margin: 20px;
                margin-left:0px;
                margin-right:0px;
                margin-bottom:2px;				
			}
				.art_image_2 p{
					margin: 0;
					padding: 0;
				}
			.art_content_2{
				padding: 20px 0px;	
			}
			.news_left{
				padding-right: 20px;	
			}
			.news_right{
				padding-left: 25px;	
			}
			
			.art_content_2 .news_title{
				position: relative;
				height: 1em;
			}.art_content_2 .news_title .htmldata_controls {position: absolute;right: 0;top: 5px;}
			.news_right .line0, .news_right .line1, .news_right .line2{
				display: none;
			}
			.news_left .tagfeed_links {
				display: none;				
			}

.ext{
	clear: both;
}	
/************************************************** FOOTER *****************************************************/
#wrapper_bottom {
	width: 100%;
}
	#footer {
		margin: 0 auto;
		padding: 15px;
		overflow: hidden;
		
		width: 930px;
		border-top: solid 5px #e31c19;
		background-color:#000000;
	}
		#footer a{
			color: white;
		}	
		.footer_content{
			float: left;
			width: 265px;
			padding: 0 20px;
			overflow: hidden;
			color: white;
		}
		#footer_content_1{}
		#footer_content_2{}
		#footer_content_3{}
			.footer_title{
				color: #ff0000;	
			}		
	/* EMEDIA SIGNATURE */
	#signature {
		clear: both;
		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;
}
/* editor_css muutos */
.lue_lisaa:hover{
	background-position: right 2px;
	color: #333333!important;
}
#footer .lue_lisaa{
	background-image: none;
}

/** CSV-taulukon tyylej� **/

.csv_section, .csv_wwwdata {
	margin-top: 10px;
}
.csv_section  .csvtable .easysetup_currvalue {
	display: none;
}
.csv_section .csvtable .easysetup_text {
	display: none;
}
.csvtable .header .easysetup {
	width: 24px;
}
.csvtable td {
	text-align: right;
}
.csvtable .header, .csvtable .row_title {
	text-align: left;
}
.csvtable_editable th, .csvtable_editable td {
	vertical-align: top;
}
.csvtable   {
	border-collapse:collapse;
}
.csvtable_editable input {
	border: 1px solid #c3c3c3;	
	display: block;
	width: 90px;
}
.csvtable_editable .csvdata_gramex_title {
	border: 3px solid #c3c3c3;
	font-style: italic;
}
.csvtable_editable td.row_data{
	text-align: right;
}
.csvtable td, .csvtable th {
	padding: 5px;
	border: 1px dashed #c3c3c3;
}
.csv_section .csvcontrols {
	margin: 0;
	padding: 0;
}
.csv_section .csvcontrols  li {
	display: inline;
	padding-right: 3px;
}


#chat {
	width:280px;
	min-height:106px;
	padding-top:20px;
	}
	
	.poissa {
		background-image:url(../gfx/poissa.jpg);
		background-repeat:no-repeat;
		}
	.paikalla {
		background-image:url(../gfx/paikalla.jpg);
		background-repeat:no-repeat;
		}
	
	#nayta {
		display:block;
		}
	
	#piilota {
		display:none;
	}


/*Epalvelut */
.webshop_top,
	.webshop_links,
	.websohop_bottom {
		padding:15px;
		width:930px;
		background-color:#fff;		

	}

	
	.webshop_left {
		float:left;
		min-height:330px;
		width:600px;
	}
	
		.webshop_title_left{
				font-family:Arial "Arial Black", Gadget, sans-serif, Helvetica, sans-serif;
			fon-size:30px;
			color:#e31c19;
			
		}
	
		#menu_1, #menu_2, #menu_3, #menu_4 {
			width:140px;
			margin-right:10px;
			background-color:#e31c19;
			min-height:239px;
			color:#fff;
			position:relative;
			float:left;
			cursor:pointer;
			
		}
		.menu_title {
		color:#fff;
		text-align:center;
		padding:30px 5px;
		font-size:13px;
		line-height:16px;
		font-weight:bold;
		font-family:Arial, Gadget, sans-serif, Helvetica, sans-serif ;
		cursor:pointer;
		position:relative;
		width:130px;
		
		}
		
		
		/* HORIZONTAL MENU*/
		
		
	 ul.menu_1 ul,  ul.menu_2 ul,  ul.menu_3 ul,  ul.menu_4 ul {
	display: none;
	list-style:none;
}

		  ul.menu_1 li:hover > ul,  ul.menu_2 li:hover > ul,  ul.menu_3 li:hover > ul,  ul.menu_4 li:hover > ul {
		display: block;
		
	}

	 ul.menu_1  {
		margin: 0;
		z-index:9999;
		list-style: none;
	position: relative;
	
        border-top: 1px dotted rgb(255, 255, 255);
    
         width: 442px;

	}
	
	  ul.menu_2, ul.menu_3 , ul.menu_4 {
		margin: 0;
		z-index:9999;
		list-style: none;
		position: relative;
		display: inline-table;

	}

	ul.menu_1  li,  ul.menu_2 li,  ul.menu_3 li, ul.menu_4  li{
	  float: left;	
	}
	
	ul.menu_1  li a,  ul.menu_2 li a, ul.menu_3  li a,  ul.menu_4 li a{
		text-decoration: none;
		display: block;
		color: white;		
		padding: 10px;	

	}


	
	 ul.menu_1 ul {
		position: absolute;
		left: 0;
		top: 105px;
		background:  url(../gfx/white_dot.gif) repeat-x left top;
	
	}
	
	  ul.menu_2  ul, ul.menu_3  ul,  ul.menu_4 ul {
		position: absolute;
		left: 0;
		top: 105px;
		background:  url(../gfx/white_dot.gif) repeat-x left top;
		background-color:#e31c19;
		
	}
	
	
		ul.menu_1  ul li  {
		/* background:url(../gfx/white_dot.gif) repeat-x left bottom;*/
		/*margin-top:1px;	*/
		/*width:140px;*/
		/*float:none;*/
		/*position:relative;*/

                background-color: #e31c19;
  border-bottom: 1px dotted #fff;
  border-right: 1px dotted #fff;
  float: left;
  height: 55px;
  padding-right: 0;
  position: relative;
  width: 33%;
  font-size:12px;
  line-height: normal;
          
	
		}	
		
		ul.menu_2  ul li, ul.menu_3  ul li, ul.menu_4 ul li{
		background:url(../gfx/white_dot.gif) repeat-x left bottom;
		margin-top:1px;	
		width:140px;
		float:none;
		position:relative;
                 font-size:12px;
                  line-height: normal;
	
		}
	
		
		ul.menu_1  ul li a:hover, ul.menu_2  ul  li a:hover, ul.menu_3  ul li a:hover, ul.menu_4 ul  li a:hover{
			padding-left:15px;
		
		}
		
		 ul.menu_2 li ul li.last, ul.menu_3  li ul  li.last, ul.menu_4 li ul li.last    
{
			 background:none;
		}
		
	
		
	.webshop_right {
		  float:right;
		  background-color:#949494;
		  min-height:320px;
		  height:100%;
		  width:312px;
		  color:#fff;
		  	font-family:Arial "Arial Black", Gadget, sans-serif, Helvetica, sans-serif !important;
		 }
		 
	.webshop_right_content {
		  font-weight:bold;
		  	font-family:Arial "Arial Black", Gadget, sans-serif, Helvetica, sans-serif !important;
		  padding:34px 20px;
		 }
		 .linkki_harmaalla_taustalla a {
			color:#333;
			background-color:#fff;
			font-size:13px;
	 		font-family:Arial, Gadget, sans-serif, Helvetica, sans-serif 
!important;text-decoration:none;
		}