#nav
{
  font-family: arial, helvetica, Sans-serif;
  font-size: 10px;
  font-weight: normal;
  display: block;
  margin: 0px;
  z-index: 50;
  width: auto;
}

#nav a
{
  margin: 0 0 0 0.1em;
  /*background-color: #2e8dfd;*/
  background: url(../img/mainBtBgEnd.jpg) no-repeat right top;
}

#nav a:hover
{
  
}

#nav A.activetopic {
  background: url(http://www.duinrell.nl/img/mainBtBgEnd_active.jpg) no-repeat right top;
}

#nav ul
{
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 50;
}

#nav ul li
{
  display: block;
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: auto;
  z-index: 50;
  background: url(../img/mainBtBg.jpg) no-repeat left top;
  font-weight: bold;
  font-size: 10px;
}

#nav ul li:hover
{
  /* background-position: -170px top; */
}

#nav ul li.activetopic
{
  background: url(http://www.duinrell.nl/img/mainBtBg_active.jpg) no-repeat left top;
}

#nav ul li a
{
  display: block;
  font-size: 10px;
  font-weight: bolder;
  width: auto;
  color: #fff;
  text-decoration: none;
  text-align: left;
  padding: 5px 8px 3px 8px;
  top: 0px;
  margin: 0px;
  float: left;
  text-transform: uppercase;
  letter-spacing: 0px;
}

#nav ul li a:hover
{
  color: #D6FFAD;
}

#nav ul ul li a
{
  padding: 2px 4px 2px 4px;
  font-size: 10px;
  background-color: #D6FFAD;
  background-image: none;
  border: 1px solid #108D13;
  border-top: 0px;
  color: #108D13 ! important;
  text-transform: none ! important;
}

#nav ul ul li a:hover
{
  color: #D6FFAD ! important;
  background-color: #108D13;
}


#nav ul ul
{
  display: none;
  left: 0px;
  top: 20px; /* y-positie van de eerste uitklap in ie */
  width: 130px;
  position: absolute;
  text-transform: none ! important;
}

#nav ul ul ul,
#nav ul ul ul ul
{
  display: none;
  left: 149px;  /* deze waarde bepaald de x-positie van het uitklapmenu in ie*/
  top: 0px;
  width: 140px;
  position: absolute;
  text-transform: none ! important
}

#nav ul ul ul ul
{
  left: 149px !important;  /* deze waarde bepaald de x-positie van het uitklapmenu in ie*/
}

#nav ul li:hover ul
{
  display: block;
  position: absolute;
  top: 19px; /* y-positie van de eerste uitklap in ff */
  left: 0;
}

#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul
{
  display: none;
}

#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul
{
  display: block;
  left: 149px;  /* deze waarde bepaald de x positie van het uitklapmenu in ff */
  top: 0px;
}

#nav ul ul li
{
  display: block;
  float: left;
  top: 0;
  height: auto;
}

#nav ul ul li a
{
  display: block;
  float: left;
  width: 140px;
  height: auto;
}

li>ul {
  top: auto;
  left: auto;
}


ul ul li a.topicchild
{
  background-image: url(../img/pijltje.gif) ! important;
  background-repeat: no-repeat ! important;
  background-position: right center ! important;
}