/* Huidige instellingen website:
 - container-div (.menu): float: left; margin-top: 1px;
 - container-div (.menu_bar): margin-left: 1px; padding-left: 3px; height: 32px;
*/
#menu {
  float: left;
  white-space: nowrap;
}
#menu,
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* Reset stijlen. */
}
#menu li {
  float: left; /* Alle items naast elkaar. */
  position: relative; /* Nodig voor uitlijnen onderliggende ul's. */
  margin-right: 1px;
  padding: 0 4px;
  color: rgb(51, 51, 51);
}
#menu li:hover {
  color: rgb(204, 0, 0);
}
#menu ul {
  position: absolute; /* Houdt bovenliggende li's op hun plaats... */
  display: none;
  left: 0; /* Linkerkant ul recht onder linkerkant ouder. */
  border-top: 2px solid transparent; /* Nepmarge: bij echte marge klapt menu weer in. */
}
#menu li:hover > ul {
  display: block;
}
#menu ul li {
  float: none; /* reset */
  margin: 0 0 1px;
  padding: 0;
  border: 1px solid rgb(150, 150, 150);
  min-width: 50px;
  line-height: 21px;
  background-color: rgb(255, 255, 255); /* Voor browsers die onderstaande regel niet ondersteunen. */
  background-color: rgba(255, 255, 255, 0.9); /* CSS 3 */
}
#menu ul li:hover {
  border-color: rgb(204, 0, 0);
}
#menu a {
  padding: 0 8px;
  display: block;
  text-decoration: none;
  color: inherit;
}
#menu span {
  padding: 0 12px 0 8px; /* Ruimte maken voor pijltje */
  display: block;
}
#menu li.sub > a {
  padding-right: 12px; /* Ruimte maken voor pijltje */
}
#menu li.sub > a:after,
#menu span:after {
  position: absolute;
  top: -1px;
  right: 3px;
  content: url("/images/layout/menu/triright969696.png");
}
#menu li.sub:hover > a:after,
#menu li.sub:hover > span:after {
  content: url("/images/layout/menu/trirightCC0000.png");
}
#menu ul ul {
  border-top: none; /* reset */
  border-left: 2px solid transparent; /* Nepmarge */
  top: -1px; /* Compensatie voor "containing block"-regel. */
  left: 100%; /* (niveau > 1)-submenu's rechts van ouder plaatsen. */
}