/* INCLUDE WIN IE BEHAVIOR */

body 
{ behavior: url("css/csshover.htc");
} 

/* DIV STYLE */

div#menu
{ position:absolute;
  margin: -9px 0 0 0;
  
  width : 675px;
  height:  18px;
}

div#menu ul
{ margin:0;
  padding:0;
  display:block;
}  

/* LEVEL 0 STYLE */

div#menu li
{ list-style:none;
  float: left;
  height:  17px;
  padding: 1px 15px 0 5px;
}

div#menu li:hover
{ background: #4A0500;
  background-image: url(../media/bgmenuoverhoek.jpg);
  background-repeat: no-repeat;
  background-position: right;
}

div#menu li a
{ color: #FFF;
  text-decoration: none;
}

div#menu li.active
{ background: #4A0500;
  background-image: url(../media/bgmenuoverhoek.jpg);
  background-repeat: no-repeat;
  background-position: right;
}
div#menu li.active a
{ text-decoration: none;
}

div#menu li.active:hover a
{ text-decoration: underline;
}

/* LEVEL 1 STYLE */

div#menu li:hover ul /* IE */
{ margin: 16px 0 0 -59px;
}

div#menu li:hover>ul /* GECKO */
{ margin: 1px 0 0 -5px;
}

div#menu li:hover ul li
{ clear: both;
  
  background: #D1C9C5;
  border-bottom: solid 1px #145F87;
    
  padding: 0 0 0 5px;
  
  height:  16px;
  width : 80px;
  
  font-weight: normal;
  font-size: 9px;
}

div#menu li:hover li:hover
{
}

div#menu li:hover li a
{ font-weight: normal;
  color: #000;
}

div#menu li:hover li:hover a
{ font-weight: bold;
}

div#menu li.active:hover li a /* overwrite level0 hover */
{ text-decoration: none;
}

div#menu li.active:hover li:hover a /* overwrite level0 hover */
{ text-decoration: none;
}


/* LEVEL 2 STYLE */

div#menu li:hover li:hover ul /* IE */
{ margin: -2px 0 0 45px;
}

div#menu li:hover li:hover>ul /* GECKO */
{ margin: -16px 0 0 80px;
}

div#menu li:hover li:hover li
{ clear: both;
  width: 80px;
}

div#menu li:hover li:hover li a
{ font-weight: normal;
}

div#menu li:hover li:hover li:hover a
{ font-weight: bold;
}

/* CORE FUNCTION */

div#menu li
{ position: relative;
  z-index:9;
}
 
div#menu li:hover
{ z-index:15;
}
 
div#menu ul ul
{ position:absolute;
  display:none;
}
    
div#menu li:hover ul ul
{ display:none;
}

div#menu li:hover ul, div#menu li:hover li:hover ul
{ display:block;
}
