
/*Paanavigaatioin css*/



#main_navi {
		position: relative;
		background: #7f801a; 
		padding: 4px 0 2px 0px;
		width: 100%;
		z-index: 1000000;
		height: 19px;
		

  }	

  #main_navi ul { 
		margin: 0px 0px 0px 110px; 
		padding: 0px 0px 0px 0px; 
		list-style-type: none;	
		position: relative;

	}
	
  #main_navi ul.left { 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px; 
		list-style-type: none;	
		position: relative;
		float: left;

	}		
	
	#main_navi ul.left li.project_name { border-left: none; }
	
		
  #main_navi ul li { 
		float: left; 
		position:relative;
		margin: auto;
		background: none;
		border-left: 2px solid #9c9d20;	
		
	}
	
	#main_navi ul li.first { border-left: 2px solid #7B8218; }  
				
 	
	
  	#main_navi ul li li a:hover { background:#a5a622; width: 151px; color: #fff; }	

  	#main_navi ul  ul {
		position:absolute;
		top:21px;
		left: 0px;
		padding: 0px 20px 0 0;
		margin: auto;
		width: 166px;
		z-index: 1000000;	
  }
  #main_navi ul ul li { width: 164px; z-index: 1000000;	 }
  
  #main_navi li li { 
		border-bottom:solid 1px #a5a622;
		background:#7f801a;
		padding-top: 0px;
		padding-right: 0px;
		font-size: 12px;
		z-index: 1000000;	
    }
  
  #main_navi ul ul ul { left: 166px; top: 0px; z-index: 100000; }  
  
#main_navi ul ul li  a:link {color: #fff;}
#main_navi ul ul li  a:visited {color: #fff;} 
#main_navi ul ul li  a:hover {color: #fff;} 
#main_navi ul ul li  a:active {color: #fff;}


  
  #main_navi ul li a {	
  	display: block;
 	padding: 0 8px 0 8px;
	color:#fff;
	font-size: 15px;
	text-decoration: none;
 }	    
 
 #main_navi ul li a:hover { text-decoration: underline; }



  #main_navi ul li a.last { background: none; }
  
  
  
  #main_navi ul li li a {
  	padding: 0;
	margin: 0;
	padding: 3px 0px 3px 13px;
	color: #fff;
	font-size: 12px;
  	background: none;
	z-index: 100000;
  }

  #main_navi ul li li a:hover { text-decoration: none; }
  
/* Projektin navigaatio */
  
 #main_navi_project {
		position: relative;
		background: #7f801a; 
		padding: 4px 0 2px 0px;
		width: 100%;
		z-index: 1000000;
		height: 19px;
		

  }	

  #main_navi_project ul { 
		margin: 0px 0px 0px 110px; 
		padding: 0px 0px 0px 0px; 
		list-style-type: none;	
		position: relative;

	}
	

	
	#main_navi_project ul.left li.project_name { border-left: 2px solid #7B8218; }
	
		
  #main_navi_project ul li { 
		float: left; 
		position:relative;
		margin: auto;
		background: none;
		border-left: 2px solid #7B8218;	
		
	}
	
	#main_navi_project ul li.first { border-left: none; }  
				
 	
	
  	#main_navi_project ul li li a:hover { background:#a5a622; width: 151px; color: #fff; }	

  	#main_navi_project ul  ul {
		position:absolute;
		top:25px;
		left: 0px;
		padding: 0px 20px 0 0;
		margin: auto;
		width: 166px;
		z-index: 1000000;	
  }
  #main_navi_project ul ul li { width: 164px; z-index: 1000000;	 }
  
  #main_navi_project li li { 
		border-bottom:solid 1px #a5a622;
		background:#7f801a;
		padding-top: 0px;
		padding-right: 0px;
		font-size: 12px;
		z-index: 1000000;	
    }
  
  #main_navi_project ul ul ul { left: 166px; top: 0px; z-index: 100000; }  
  
#main_navi_project ul ul li  a:link {color: #fff;}
#main_navi_project ul ul li  a:visited {color: #fff;} 
#main_navi_project ul ul li  a:hover {color: #fff;} 
#main_navi_project ul ul li  a:active {color: #fff;}


  
  #main_navi_project ul li a {	
  	display: block;
 	padding: 0 8px 0 8px;
	color:#fff;
	font-size: 15px;
	text-decoration: none;
 }	    



  #main_navi_project ul li a.last { background: none; }
  
  
  
  #main_navi_project ul li li a {
  	padding: 0;
	margin: 0;
	padding: 3px 0px 3px 13px;
	color: #fff;
	font-size: 12px;
  	background: none;
	z-index: 100000;
  }