/* ********************************
*  2010 © EDB Totalpartner AS 
*  http://www.edbtotalpartner.no
* *********************************/

/* Global menu
-------------------------------------------------------------- */
.top-menu, 
.main-menu,
.drop-down,
.product-menu, 
.sub-menu, 
.bottom-menu{ position: relative; _zoom: 1; }

.top-menu     { z-index: 160; }
.main-menu,
.drop-down    { z-index: 150; }
.product-menu { z-index: 140; }
.sub-menu     { z-index: 130; }
.bottom-menu  { z-index: 120; } 


.top-menu ul, 
.main-menu ul, 
.product-menu ul, 
.sub-menu ul, 
.bottom-menu ul{ width: 100%; list-style: none; margin: 0; padding: 0; }


.top-menu ul li, 
.main-menu ul li, 
.product-menu ul li, 
.sub-menu ul li, 
.bottom-menu ul li{ _vertical-align: bottom; }

.top-menu a, .main-menu a, .product-menu a, .sub-menu a, .bottom-menu a{ text-decoration: none; }
.top-menu a:hover, .main-menu a:hover, .product-menu a:hover, .sub-menu a:hover, .bottom-menu a:hover{ text-decoration: none; }


 
/* Top menu
-------------------------------------------------------------- */
.top-menu{ display: inline-block; clear: both; padding: 0 0 0 170px; height: 100px; overflow: hidden; text-align: left; margin: 10px 0; }
    
.top-menu ul{ margin-bottom: 4px;}
    .top-menu li{}
    .top-menu li.first{ border: 0; margin-right: -10px; }
    
    .top-menu a{ display: block; padding: 0 10px; color: #000; text-decoration: none; color: #bebebe;}
    .top-menu a span{ display: block; }        
    .top-menu .active a, .top-menu a:hover{  text-decoration: none; color: #e83e97; }     


/* Main menu
-------------------------------------------------------------- */
.main-menu{
	display: inline-block; /* force hasLayout */	
  clear: both;
  margin: 0;
  padding-left: 60px;
  text-align: left;
	font-size: 1.1em;
	overflow:hidden; /* skjuler evt drop-down */}
	
.main-menu .plain{ margin: 0; padding: 0; list-style: 0; width: 100%; }
.main-menu .plain li{	float: left; padding: 0 20px 6px 0; }
.main-menu .plain a { display: block;  font-weight: 100; text-decoration: none; }
.main-menu .plain a span{ display: block; }
.main-menu .plain a, .main-menu .plain a:visited  { color: #000; }

.main-menu .plain .active{}

	.main-menu a:hover,
	.main-menu a:hover span,
	.main-menu .active a, 
	.main-menu .active span { color: #e83e97; }

		.main-menu .active a{}
		.main-menu .a:hover{ background-position: 0 100%;}
		

		.main-menu a:hover span,
		.main-menu .active a span { background-position: 100% 0;   }



.main-menu li.first{ padding-right: 10px; }	
.main-menu .plain a.home { text-indent: -999em; background: none;}
.main-menu .plain a.home span{ width: 30px; }

.main-menu li li.first{ background: none;}
	
 .main-menu .plain a.home:hover span,
	.main-menu .plain .active a.home span{ background-position: 0 0; }

.main-menu .plain  ul{ display: none;}


/* sub menu */


/* generelt */

.sub-menu,
.sub-menu ul{ margin: 0; padding: 0; width: 100%; overflow: hidden;}

.sub-menu ul ul{ display:none;}
.sub-menu ul li.active ul{ display:block;}

.sub-menu ul ul{ margin: 8px 0 0 12px;}

  .sub-menu li{ float: left; display: inline; width: 100%; margin-bottom: 8px;  }
  .sub-menu li.first{} 
  .sub-menu li.active{}


  
    .sub-menu a{ display: block; color: #7d7d7d; font-weight: 100; text-decoration: none;  }  
    .sub-menu a span{ display: block; padding: 0; }
	
      
/*			.sub-menu li li a { padding-left: 28px; }  
			.sub-menu li li li a { padding-left: 38px;}  
			.sub-menu li li li li a { padding-left: 48px; }  

*/
	    .sub-menu li.active a, 
			.sub-menu a:hover{ color: #e83e97; }

			.sub-menu li.active li a{ color: #7d7d7d; }
			.sub-menu li.active li.active a{ color: #e83e97; }
		
			.sub-menu li.active a span, .sub-menu a:hover span{}
/*    		
			
			.sub-menu li.active ul{ border-bottom: 1px solid #eeeeee; }
			.sub-menu li.active ul ul{ border-bottom: 0; background: red;}


      .sub-menu li.active li a{ background: #fff;}
      .sub-menu li li.active li a{ background: #dfdfdf; } 
      .sub-menu li li.active li.active li a{ background: green;}
      
			.sub-menu li.active li a span{ background: none; color: #0192c7;}
			.sub-menu li.active li.active li a span{}
			.sub-menu li.active li.active li.active li a span{}
*/


/* bottom menu */
/*.bottom-menu{ width: 100%; }
.bottom-menu li{ float: left; }
.bottom-menu a{  padding: 0 8px; border-left: 1px solid #666666;}
.bottom-menu .first a { border: 0; padding-left: 0;} */