@charset "utf-8";
/* CSS Document */

/*************************************************************** HOOFDNAVIGATIE */

ul#topmenu {	
	margin: 0px;
	padding: 0px;
	z-index: 2100;
}

ul#topmenu li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
	margin: 0px;
	padding:  0px 0px 0px 15px;
}

ul#topmenu li a:link, ul#topmenu li a:visited, ul#topmenu li a:active {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
} 
ul#topmenu li a:hover {
	text-decoration:underline;
}


/* Submenu */

ul#topmenu ul {
  margin: 0px;
  border: 0px none;
  padding: 1px 0px 0px 0px;
  width: 170px;
  list-style: none;
  display: none;
  position: absolute;
  left: 0px;
	z-index: 2100;
}

ul#topmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#topmenu ul li {
	background-color: #f68832;
	color:#FFFFFF;
	width: 170px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	padding-left:10px;
} 

ul#topmenu ul li.subtop {
	background-image:url(../img/back_subtop.gif);
	background-repeat:repeat-x;
	height:6px;
	line-height:0px;
	font-size:0px;
} 

ul#topmenu ul li.subbottom {
	background-image:url(../img/back_subbottom.gif) !important;
	background-repeat: no-repeat;
	background-color: transparent;
	height:7px;

} 


ul#topmenu ul li a{
  	text-indent: 0;	
	padding:6px 6px 6px 6px;
	min-height: 18px;
	height: auto !important;
	height: 18px;	
	text-decoration:none;
	margin:0;
} 



.footersub {
	width: 188px !important;
	height: 44px;
	display:block;
	position:relative;
	left:-9px;
	background-image:url(../img/sub_bottom.gif) !important;
}


/* Navigatie HOE WERKT HET?  */

ul#topmenu ul#nav-hoe2 {
	left: 69px;
}

ul#topmenu ul#nav-hoe2 a:link,
ul#topmenu ul#nav-hoe2 li a {
  width:150px;
}

/* navigatie WEBSHOP */

ul#topmenu ul#nav-webshop {
	left: 190px;
}

ul#topmenu ul#nav-webshop a:link,
ul#topmenu ul#nav-webshop li a {
  width:150px;
}


/* Navigatie VOORDELENPAS BESTELLEN  */

ul#topmenu ul#nav-pas {
	left: 211px;
}

ul#topmenu ul#nav-pas a:link,
ul#topmenu ul#nav-pas li a {
  width:150px;
}

/* Navigatie FAQ  */

ul#topmenu ul#nav-faq {
	left: 452px;
}

ul#topmenu ul#nav-faq a:link,
ul#topmenu ul#nav-faq li a {
  width:130px;
}

/* Navigatie ORGANISATIE  */

ul#topmenu ul#nav-organisatie {
	left: 507px;
	border:0px solid red;
}

ul#topmenu ul#nav-organisatie a:link,
ul#topmenu ul#nav-organisatie li a {
  width:152px;
}

/
/* Navigatie NIEUWS  */

ul#topmenu ul#nav-nieuws2 {
	left: 550px;
	border:1px solid red;
}

ul#topmenu ul#nav-nieuws2 a:link,
ul#topmenu ul#nav-nieuws2 li a {
  width:152px;

}

/* 3rd Menu */
ul#topmenu li:hover li:hover li a,
ul#topmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* Navigatie CONTACT  */
ul#topmenu ul#nav-contact {
	left: 555px;
}

ul#topmenu ul#nav-contact a:link,
ul#topmenu ul#nav-contact li a {
  width:152px;
}

/* 3rd Menu */
ul#topmenu li:hover li:hover li a,
ul#topmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#topmenu li:hover ul ul,
ul#topmenu li:hover ul ul ul,
ul#topmenu li.iehover ul ul,
ul#topmenu li.iehover ul ul ul {
  display: none;
}

ul#topmenu li:hover ul,
ul#topmenu ul li:hover ul,
ul#topmenu ul ul li:hover ul,
ul#topmenu li.iehover ul,
ul#topmenu ul li.iehover ul,
ul#topmenu ul ul li.iehover ul {
  display: block;
}