

/* Horizontal CSS Drop-Down Menu Module */

.dropdown ul,
.dropdown ul li,
.dropdown ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dropdown ul {
	position: relative;
	z-index: 0;
	float: left;
}

.dropdown ul li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

.dropdown ul li.hover,
.dropdown ul li:hover {
	position: relative;
	z-index: 0;
	cursor: default;
}

.dropdown ul ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 0;
	width: 100%;
}

.dropdown ul ul li {
	float: none;
}

.dropdown ul ul ul {
	top: 1px;
	left: 99%;
}

.dropdown ul li:hover > ul {
	visibility: visible;
}



/* CSS Drop-Down Menu Theme */


.dropdown ul {
	padding: 0;
	margin: 0;
	margin-top: 2px;
}

	.dropdown ul li {
		color: #fff;
		padding: 0;
		margin-right: 14px;
	}
	.dropdown ul li.last {
	}
	/* undo styles for childs with class last */
	.dropdown ul li li.last {
		width: auto;
		border-right: none;
	}
	
	.dropdown ul li.hover,
	.dropdown ul li:hover {
		
		color: #fff;
	}

	/* start: hover op A ipv LI (Robbie) */
	.dropdown ul a {
		padding: 7px 20px 7px 10px;
		margin: 0;
		padding: 0;
		float: left;
		font-size: 9px;
		color: #52aed0;
		text-decoration: none;
		
	}
	/* extra span in A voor extra opmaakmogelijkheid (Robbie) */
	.dropdown ul a span {
		
		padding-top: 4px;
		padding-bottom: 2px;
		padding-left: 0px;
		padding-right: 16px;
		display: block;
		float: left;
		cursor: pointer;
		color: #fffffff;
		text-transform: uppercase;
		background-image: url(../_Images/vertline2.gif);
		background-repeat: no-repeat;
		background-position: right ;
	}
	.dropdown ul ul a, .dropdown ul ul a span {
		background-image: none;
		display: block;
		float: none;
	}
	.dropdown ul a:hover {
		background-position: 0px -26px;
		color: #fff;
	}
	.dropdown ul a:hover span  {
		background-position: 100% -26px;
		color: #52aed0;
		background-image: url(../_Images/vertline2.gif);
		background-repeat: no-repeat;
		background-position: right ;
	 }
	
	 .dropdown ul a.active  {
		color: #fff;
	 }
	.dropdown ul a.active span  {
		background-position: 100% -26px;
		color: #52aed0;
		background-image: url(../_Images/vertline2.gif);
		background-repeat: no-repeat;
		background-position: right ;
	 }
	  .dropdown ul li.last a span, .dropdown ul li.last a:hover span {
	 	background-image: none;
	 }

	/* end: hover op A ipv LI (Robbie)*/
	
	.dropdown ul a:link,
	.dropdown ul a:visited	{ color: #fff; text-decoration: none; }
	.dropdown ul a:hover		{ color: #fff; }
	.dropdown ul a:active	{ color: #fff; }

	/* -- level mark -- */

	.dropdown ul ul {
		width: 200px;
		padding-top: 6px;
		margin-top: 0px;
		
	}
	/* dropdownmenu from right-to-left dropdownWidth - triggerWidth | 220-90 = 130 ) */
	.dropdown ul li.last ul {
		margin-left: -130px;
	}
		.dropdown ul ul li {
			font-weight: normal;
			background-color: #489ab9;
			color: #fff;
			border-bottom: 1px solid #fff;
		}
		.dropdown ul ul li a {
			padding-left: 6px;
		}
		.dropdown ul ul li.hover,
		.dropdown ul ul li:hover {
			background-color: #000000;
		}
		.dropdown ul ul a:hover	{ 
			font-weight: normal; 
		}
		.dropdown ul ul a.active {
			background-color: #000000;
		}
		.dropdown ul ul li span {
			color: #fff;
			text-transform: none;
			font-size: 10px;
		}
		
		
