div#container_nav {
  overflow: hidden; /* is needed to prevent subnavs from sticking out at the top */
/*  height: auto !important; /* =!DOM + so that a %-height can be given for MSIE 6
this is done by the menu.js */
	position:absolute;
	width:169px;
  left:4px;
	top: 0px;
	bottom: 5px;
	z-index: 300;
/*  border: 1px solid red; */
}

a.nav:link, /*voor de submenu's*/
a.nav:active,
a.nav:visited,
a.nav:hover,
a.navon:link,
a.navon:active,
a.navon:visited,
a.navon:hover         {
  color: #DDDDFF;
  border: 0; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 18px;
  padding-left: 14px;
}

a.nav:active,
a.nav:hover,
a.navon:link,
a.navon:active,
a.navon:visited,
a.navon:hover         {
  color: #FFFFFF;
  background: url('nav/rarrow.gif') no-repeat 5px center;
}

div.container_nav_sub,
div.container_nav_main {
  z-index: 300;
/*  border: 1px solid red; */
	position:absolute;
  width:100%;
  background:url('nav/bg-nav.png') repeat-y top left;
  visibility: hidden;
}
div.container_nav_sub {
  background:url('nav/bg-nav_sub.png') repeat-y top left;
}

a.nav_main:link, /*voor de hoofdmenuknoppen met de pijl*/
a.nav_main:active,
a.nav_main:visited,
a.nav_main:hover,
a.nav_mainon:link,
a.nav_mainon:active,
a.nav_mainon:visited,
a.nav_mainon:hover        {
/*  border: 1px solid red; */
  padding-left: 5px;
  width:164px; /* container_nav_main/sub width minus padding */
  padding-top: 3px;
  height: 23px !important; /* moz height => minus padding */
  height: 26px; /* IE height */
  display:block; color: #DDDDFF; border: 0px transparent; text-decoration: none; font-size: 13px; font-weight: bold;
  vertical-align: middle;
}
a.nav_main:hover,
a.nav_mainon:link,
a.nav_mainon:active,
a.nav_mainon:visited,
a.nav_mainon:hover        {
  color: #FFFFFF;
  background:url('nav/pijl.gif') no-repeat center right;
}