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

.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; 
	text-align: left; 
	margin: 10px 0; 
	}
    
.top-menu ul{ margin-bottom: 4px;}
    .top-menu li{ float: right; border-right: 1px solid #808080; }
    .top-menu li.first{ border: 0; margin-right: -10px; }
    
    .top-menu a 
    {
    	display: block; 
    	padding: 0 10px; 
    	color: #000; 
    	text-decoration: none; 
    	}
    .top-menu a span{ display: block; }        
    .top-menu .active a, .top-menu a:hover{  text-decoration: none;}     


/* main menu */


.main-menu{
	display: inline-block; /* force hasLayout */	
	clear: both;
	margin: 0 0 18px 0;
	text-align: left;
	font-size: 0.9em;
	height: 37px;
	overflow:hidden; /* skjuler evt drop-down */}
	
.main-menu a:hover, main-menu a:hover span{ cursor: pointer;}
.main-menu .plain{ margin: 0; padding: 0; list-style: 0; }
.main-menu .plain li{	float: left; padding: 0; }
.main-menu .plain a { display: block; text-transform: uppercase; font-weight: 100; text-decoration: none; margin-right:2px;}
.main-menu .plain a span{  display: block;  padding: 0 22px 0 8px; margin-left: 10px; height: 37px; line-height: 37px; }
.main-menu .plain a, .main-menu .plain a:visited  { color: #fff; font-weight:700; }

.main-menu .plain .active{}

	.main-menu a:hover, 
	.main-menu a:hover span,
	.main-menu .active a, 
	.main-menu .active span { background:url(../images/main-menu-active2.gif) 0 0 no-repeat; color: #424242; }

		.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; background: url(../images/menu-spacer.gif) 90% 0 no-repeat; }	
.main-menu .plain a.home { text-indent: -999em; background: none;}
.main-menu .plain a.home span{ width: 30px; background: url(../images/ico-home.gif) 0 100% no-repeat;}

.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{ margin-bottom: 0;}

  .sub-menu li{  float: left; display: inline; width: 100%;  }
  .sub-menu li.first{} 
  .sub-menu li.active{} 
  
    .sub-menu a{ display: block; padding: 10px 18px; color: #515151; font-weight: 700; text-decoration: none; background: #fff url(../images/tex-gradient-dust.gif) 0 100% repeat-x;  }  
    .sub-menu a span{ display: block; padding: 0 25px 0 0; background: url(../images/sub-menu-icon.gif) 100% -3px no-repeat; }
	
	.sub-menu li li a{ padding: 6px 18px;}
	.sub-menu li li a:hover, .sub-menu li li a:hover span{ text-decoration: underline; }
      
			.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{ background: #8b8b89; color: #fff; }
			
			.sub-menu li.active a span, 
			.sub-menu a:hover span{ background-position: 100% -34px; font-weight: 700; }
    		
			
			.sub-menu li.active ul{ border-bottom: 1px solid #eeeeee; }
			.sub-menu li.active ul ul{ border-bottom: 0;}


      .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: inherit;}
      
			.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 #aaa;}
.bottom-menu .first a { border: 0; padding-left: 0;}