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

.top-menu     { z-index: 160; }
.main-menu    { 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; overflow:hidden; }


.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 */
.top-menu{ display: inline-block; clear: both; padding: 0; text-align: left; margin: 10px 0; }
    
.top-menu ul{ font-size: 8pt; }
    .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: #808080; text-decoration: none; }
    .top-menu a span{ display: block; }        
    .top-menu .active a, .top-menu a:hover{  text-decoration: none;}     


/* main menu */


.main-menu{
  clear: both;
  padding: 0;   
  text-align: left;   
  height: 30px;
  line-height: 30px;
  margin: 0 15px 15px 15px;
  border: 1px solid #cfcfcf;
  background: #e0e0e0;}
  
  
.main-menu ul{}
    .main-menu li{ float: left; background: url(../images/main-menu-spacer.gif) 100% 0 repeat-y; }
    .main-menu li.first{}
    
    .main-menu a{ display: block; padding: 0 20px 0 18px; color: #0058a6; font-weight: 700; text-decoration: none; text-transform: uppercase; }
    .main-menu a span{ display: block; }        
    .main-menu .active a, .main-menu a:hover{ 
      color: #fff;
      text-decoration: none;
      background: #00529b;}     
    



/* sub menu */


/* generelt */
.sub-menu{}
 
.sub-menu ul{ margin: 0; padding: 0; width: 100%; overflow: hidden;}
  .sub-menu li{ display: block; width: 100%; _zoom: 1; }

  .sub-menu li.first{ border: 0;} 
  .sub-menu li.active{ border: 0; } 
  
    .sub-menu a{ display: block; padding: 0; text-decoration: none; }  
    /*.sub-menu a:hover, .sub-menu li.active a{ text-decoration: none; font-weight: 700; }*/

    .sub-menu a span{ display: block; padding: 4px 8px; font-size: 12pt; }
      .sub-menu li li a span{ font-size: 10pt; background: url(../images/sub-menu-spacer-dotted.gif) 0 0 repeat-x;}
      .sub-menu li li li a span{ background: none;}
    
    .sub-menu ul ul ul{background: url(../images/sub-menu-spacer-dotted.gif) 0 0 repeat-x;}
    .sub-menu ul ul ul ul{ background: none;}
/* niv 1 */

    .sub-menu a{ background-color: transparent; }
    .sub-menu li a{ background-color: transparent; } 
    .sub-menu li.active li a{ background-color: transparent;  background-image: url(../images/ico-sub-menu-niv-3.gif); background-position: 4px 9px; background-repeat: no-repeat;} 
    .sub-menu li.active li.active li a{ background-color: transparent; background-image: url(../images/ico-sub-menu-niv-4.gif); background-position: 4px 10px; background-repeat: no-repeat;} 
    
    
    .sub-menu li a span{}
    .sub-menu li li a span{ padding-left: 8px; font-size: 9pt;}
    .sub-menu li li li a span{ padding-left: 16px; font-size: 8pt;}
    .sub-menu li li li li a span{ padding-left: 24px;}


    .sub-menu li a span,
    .sub-menu li.active li a span,
    .sub-menu li.active li.active li a span,
    .sub-menu li.active li.active li.active li a span{ font-weight: 100;  }

    .sub-menu li.active a span,
    .sub-menu li.active li.active a span,
    .sub-menu li.active li.active li.active a span,
    .sub-menu li.active li.active li.active li.active a span{ font-weight: 700; }


    .sub-menu li a,
    .sub-menu li.active li a,
    .sub-menu li.active li.active li a,
    .sub-menu li.active li.active li.active li a { background-color: none; }


    .sub-menu a,
    .sub-menu li.active a,
    .sub-menu li.active li.active a,
    .sub-menu li.active li.active li.active a,
    .sub-menu li.active li.active li.active li.active a{ background-color: none; }


    .sub-menu a:hover,
    .sub-menu li.active a:hover, 
    .sub-menu li.active li.active a:hover, 
    .sub-menu li.active li.active li.active a:hover, 
    .sub-menu li.active li.active li.active li.active a:hover{ text-decoration: underline; /* background-color: #d1d1d1; */ } 




  



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