/*ul#topnav li.lidmaatschap {
	width: 200px;
}

home
lidmaatschap
ranglijsten
wedstrijden
trainingen
community
nordic walking
gezondheid
organisatie
*/

#bottomnav li{
  list-style: none;
  line-height: 1;
  width: 950px;
  display: inline;
}

#bottomnav a {
  color: #FFF;
  margin-left: 20px;
  text-decoration: none;
}

#bottomnav a:hover {
  text-decoration: underline;
}

ul#topnav {
  margin: 0; padding: 0;
  float:left;
  width: 100%;
  list-style: none;
  font-size: 1.1em;
  height: 30px;
}
ul#topnav li {
  float: left;
  width: 100px;
  margin: 0; padding: 0;
  position: relative; /*--Important--*/
  background-image: url('../img/separator.gif');
  background-repeat: no-repeat;
  background-position: right 2px;
}
ul#topnav li a {
  float: left;
  text-decoration: none;
  color: #FFF;
  text-indent: 0; /*--Push text off of page--*/
  height: 30px;
  margin: 7px 11px auto;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav li .sub {
  position: absolute; /*--Important--*/
  top: 30px; left: 0;
  z-index: 99999;
  background: transparent url(../img/menu-back.png) repeat; /*--Background gradient--*/
  padding: 10px 10px 10px;
  float: left;
  /*--Bottom right rounded corner--*/
  -moz-border-radius-bottomright: 10px;
  -khtml-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  /*--Bottom left rounded corner--*/
  -moz-border-radius-bottomleft: 10px;
  -khtml-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
ul#topnav li .sub ul{
  list-style: none;
  margin: 0; padding: 0;
  width: 200px;
  float: left;
}
ul#topnav .sub ul li {
  width: 100%; /*--Override parent list item--*/
  color: #fff;
  background-image: none;
  background: none;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
  padding: 0;  margin: 0;
  font-size: 1.3em;
  font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
  padding: 5px 0;
  background-image: none;
  color: #e8e000;
}
ul#topnav .sub ul li a {
  float: none;
  text-indent: 0; /*--Override text-indent from parent list item--*/
  height: auto; /*--Override height from parent list item--*/
  /*background: url(navlist_arrow.png) no-repeat 5px 12px;*/
  padding: 7px 5px 7px 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}
ul#topnav .sub ul li a:hover {
  background-position: 5px 12px ;/*--Override background position--*/
  text-decoration: underline;
  color: #ddd;
  /*color: #111;
  background-color: #fff;*/
}