

#nav
{
  width: 741px;
  font-family: arial, verdana;
  font-size: 13px;
  letter-spacing: 1px;
  border-bottom: 7px #3a2416 solid;
  background: #FFFFFF;
}

#nav, #nav ul
{
  float: left;
  list-style: none;
  font-weight: bold;
  padding: 0;
  margin: 0 0 1em 0;

  background: #FFFFFF;
}

#nav a {
  display: block;
  color: #3a2416;
  background: none;
  text-decoration: none;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  text-transform:uppercase;
}

#nav li {
  float: left;
  padding: 0;
}

#nav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  width: 14.4em;
  w\idth: 13.9em;
  font-weight: normal;
  margin: 0;
}

#nav li li {
  padding-right: 1em;
  width: 13em
}

#nav li ul a {
  width: 14em;
  width: 13em;
}

/*
------------------------------------------------------------------------------
SUBMENU: POSITIONERING
------------------------------------------------------------------------------
*/

#nav li ul ul {
  margin-top: -2.3em;
  margin-bottom: 0;
  margin-left: 14em;
  margin-right: 0;
}

/*
------------------------------------------------------------------------------
SUBMENU: KLEINE EXTRA OMDAT VANAF LAAG 4 DE TOP-POSITIE IETWAT WIJZIGD
(DON'T ASK WHY!!)
------------------------------------------------------------------------------
*/

#nav li ul ul ul ul ul {
  margin-top: -2.35em;
  margin-bottom: 0;
  margin-left: 14em;
  margin-right: 0;
}
#nav li ul ul ul ul ul ul{
  margin-top: -2.4em;
  margin-bottom: 0;
  margin-left: 14em;
  margin-right: 0;
}

/*
------------------------------------------------------------------------------
MOUSEOVER: TONEN/VERBERGEN VAN SUBMENU'S (MAX. 5 LAGEN DIEP)
------------------------------------------------------------------------------
*/

  #nav li:hover ul ul,
  #nav li:hover ul ul ul,
  #nav li:hover ul ul ul ul,
  #nav li:hover ul ul ul ul ul,
  #nav li:hover ul ul ul ul ul ul,
  #nav li.over ul ul,
  #nav li.over ul ul ul,
  #nav li.over ul ul ul ul,
  #nav li.over ul ul ul ul ul,
  #nav li.over ul ul ul ul ul ul
  {
    left: -999em;
  }

  #nav li:hover ul,
  #nav li li:hover ul,
  #nav li li li:hover ul,
  #nav li li li li:hover ul,
  #nav li li li li li:hover ul,
  #nav li li li li li li:hover ul,
  #nav li.over ul,
  #nav li li.over ul,
  #nav li li li.over ul,
  #nav li li li li.over ul,
  #nav li li li li li.over ul,
  #nav li li li li li li.over ul
  {
    left: auto;
  }

/*
------------------------------------------------------------------------------
MOUSEOVER: HET AANPASSEN VAN (ACHTER)GRONDEN E.D.
------------------------------------------------------------------------------
*/


  #nav li:hover,
  #nav li.over
  {
    text-transform:uppercase;
    font-weight:bold;
  }

/*
------------------------------------------------------------------------------
SIDE MENU
------------------------------------------------------------------------------
*/

    #menu li, #right li
  {
    float: left;
    display: block;
  }

  #sidemenu {
    float: right;
    width: 59px;
    line-height: 30px;
    _line-height: 30px;
    height: 30px;
    _height: 30px;

    list-style-type: none;
    border-bottom: 7px #3a2416 solid;
    background: #FFFFFF;

    display: block;
  }

  #sidemenu li a
  {
    padding-left: 13px;
    padding-right: 13px;
    text-decoration: none;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 8px;
    _padding-top: 12px;
    _padding-bottom: 12px;
    text-transform:uppercase;
  }

  #sidemenu li a:hover
  {
    text-transform:uppercase;
  }

  #sidemenu li.extrapx a
  {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
  }

  #sidemenu li.extrapx a:hover
  {
    padding-top: 12px;
    padding-bottom: 12px;
    background: #cbdfef;
  }
