/* NAVIGATIE BOX */
#navigatie {
	float: left;
	height: 50px;
	width: 780px;
	overflow: hidden;
	background: url(DesignerImages/navigatie-bg.gif);
}

/* 1e niveau */
#navigatie ul {
  	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;		
}

#navigatie li {
	float: left;
	height: 50px;
	width: 130px;
	text-align: center;
	display: block;
}

#navigatie li a,
#navigatie li a:link,
#navigatie li a:visited,
#navigatie li a:active {
	height: 50px;
	width: 130px;
	display: block;
	line-height: 50px;
	color: #ced3e0;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;	
	letter-spacing: 1px;
	}

#navigatie li a:hover {
	color: #f9ccda;
	background: url(DesignerImages/navi-f1.gif) no-repeat;
}

#navigatie li.on a,
#navigatie li.on a:link,
#navigatie li.on a:visited,
#navigatie li.on a:active {
	height: 50px;
	width: 130px;
	display: block;
	line-height: 50px;
	color: #f9ccda;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	cursor:hand;	
	letter-spacing: 1px;
	background: url(DesignerImages/navi-f1.gif) no-repeat;	
}

#navigatie li.oversub a {
	color: #f9ccda;
	background: url(DesignerImages/navi-f1.gif) no-repeat;
	cursor:pointer;
	cursor:hand;	
}


/* 2de niveau */

#navigatie li ul,
#navigatie li.on ul {
	position: absolute;
	border-top: 1px solid #fff;
	z-index: 20;
	padding: 0;
	margin: 0;
	width: 260px;
	*margin-left: -65px;
	display: none;
}

#navigatie li ul li,
#navigatie li.on ul li {
	width: 260px;
	border-bottom: 1px solid #fff;
	height: 30px;
}

#navigatie li ul li a,
#navigatie li ul li a:link,
#navigatie li ul li a:visited,
#navigatie li ul li a:active,
#navigatie li.on ul li a,
#navigatie li.on ul li a:link,
#navigatie li.on ul li a:visited,
#navigatie li.on ul li a:active {
	color: #ced3e0;
	padding: 0 0 0 10px;
	width: 250px;
	height: 30px;
	display: block;
	line-height: 28px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background: #0b2b7b;
	text-align: left;
	cursor:pointer;
	cursor:hand;
}

#navigatie li ul li a:hover,
#navigatie li.on ul li a:hover {
	color: #f9ccda;
	text-align: left;
	background: #e30044;
}

/* rollover activeren */
#navigatie li:hover ul,
#navigatie li ul:hover li,
#navigatie li ul li:hover,
#navigatie li.over ul,
#navigatie li.on ul a:hover,
#navigatie li.on ul a {
	display: block;
}

* html body {
	behavior:url("DesignerScripts/csshover.htc");
}