/* Style sheet Suckerfish */

.mod_navigation{
   font-weight: bold;
}
.mod_navigation
{
    height:auto;
    top:195px;
    left:0px;
}

.mod_navigation p
{
    margin:0px;
    padding:0px;
}

.mod_navigation ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#header  .mod_navigation li a{
   color:white;
}

#header .mod_navigation li
{
   color:#DDFFFF;
  /* background-image: url(clubkombinat/men_bg.gif);*/

   
   background-repeat: repeat-x;
   /*    width:100px; Define the width of an menu entry */
    position:relative; /* position */
    padding:0 20px 0 20px;
    float:left; /* arrange left-aligned */
    background-color:#262626; /* the background color */

    border-right:1px solid #343434;
    /*border-right:1px solid #ffffff; 
    border-bottom:1px solid #ffffff; 
  
    border-left:1px solid #ffffff; */ 
    line-height:35px; /* defines the height of an menu entry */
   /* text-align:center;*/
}
#header .mod_navigation li.first{
   background-image: none;

}
#header .mod_navigation li ul
{
    left:-1px;
    top:36px; /* second level begins 1 pixel under the first one */
    position:absolute; /* position is set absolute to the parent element */
    display:block; /* set visible for testing and debugging purposes, will later be set to none*/

}



#header .mod_navigation li ul ul
{
    left:161px;
    top:0px;
    position:absolute;
}
#header .mod_navigation li ul
{
    bottom:0px;
    left:0px;
    right:0px;
    top:35px;
    position:absolute;
    display:none; /* hide the submenus */
}
#header .mod_navigation li:hover ul
{
    display:block;

}
#header .mod_navigation ul li:hover ul ul
{
    display:none;
}
#header .mod_navigation ul ul li:hover ul
{
    display:block;
}

#header .mod_navigation ul li:hover ul,
#header .mod_navigation ul li.sfhover ul
{
    display:block;
}

#header .mod_navigation ul li:hover ul ul,
#header .mod_navigation ul li.sfhover ul ul
{
    display:none;
}

#header .mod_navigation ul ul li:hover ul,
#header .mod_navigation ul ul li.sfhover ul,
#header .mod_navigation ul ul li:active ul
{
    display:block;
}
#header .mod_navigation
{
    position:absolute;
    overflow:visible;
    z-index:999;
}
#header .mod_navigation a
{
  /*  padding-left:5px;*/
    color:#ffffff;
    text-decoration: none;

}


#header .mod_navigation li {
		/*-moz-border-radius-topleft:2px;
		-moz-border-radius-topright:2px;*/	
}



#header .mod_navigation li a:hover{
    color: black;
}

#header .mod_navigation li:hover,
#header .mod_navigation li.sfhover, 
{
    background-color:#666666;
}

#header li.nav1:hover,
#header li.nav1:hover ul li,
#header li.nav1.active 
{
   background-color:#7c1ec6;
}
#header li.nav2:hover,
#header li.nav2:hover ul li,
#header li.nav2.active 

{
   background-color:#0799f6;
}
#header li.nav3:hover,
#header li.nav3:hover ul li,
#header li.nav3.active 
{
   background-color:#ff00cc;
}
#header li.nav4:hover,
#header li.nav4:hover ul li,
#header li.nav4.active 
{
   background-color:#ff9900;
}
#header li.nav5:hover,
#header li.nav5:hover ul li,
#header li.nav5.active 
{
   background-color:#6D9A3B;
}
#header li.nav6:hover,
#header li.nav6:hover ul li,
#header li.nav6.active 
{
   background-color:#A0A90D;
}
#header li.nav7:hover,
#header li.nav7:hover ul li,
#header li.nav7.active 
{
   background-color:#cd61cd;
}
#header li.nav8:hover,
#header li.nav8:hover ul li,
#header li.nav8.active 
{
   background-color:#8978b3;
}

#header li.last {
	background-color: #262626;
	border-right:none;
}

#header li a:hover
{
  	color: black; 
}


/* #header li:hover.last {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
} */

#header .mod_navigation ul.level_2{
   white-space:nowrap;
}
#header .mod_navigation ul.level_2 li{
   min-width:140px;
   border-right:none;
}
#header .mod_navigation ul.level_2 li:hover{
    

}
#header li.intern:hover,
#header li.intern:hover ul li,
#header li.intern.active 
{
   display:none;
   background-color:#ccc;
}


#header li.active{
  color: white;
}

@media all and (max-width: 500px) {   
      #header {
         width:100%;
         height:100px;
      }
      #header img, #headerImages, #top_image {
         display:none;
      }
      #container{
         min-width:100%;
      }
      .mod_navigation{
        top:15px;
      }
      #left{
        display:none;
      }
      #main{
        margin-left:0px;
      }
      #header .mod_navigation li ul
      {
          display:block; /* show the submenus */
      }
}