/*
	Webbol Internet Marketing - cssMenu
*/

/* margins e.d. resetten */
.cssMenu {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
}

/* normale menu */
ul.cssMenu {
	display: block;
	float: left;
	z-index: 100;
}

/* normale menu */
ul.cssMenu {
	display:block;
	float: left;
	position: relative;
	z-index: 100000;
}

/* submenu's standaard onzichtbaar */
ul.cssMenu ul {
	display: none;
	visibility:hidden;
	position: relative;
	z-index: 200000;
	line-height: 16px;
}

/* nieuwe submenu-<ul> uitklappen bij mouseover */
ul.cssMenu li:hover ul {
	display: inline-block;
	position:absolute;
	z-index: 200000;
	visibility:visible;
}

/* style van submenu ul */
ul.cssMenu ul {
	position: absolute;
	z-index: 200000;
	left: 0px; /* IE7 */
	top: 100%; /* IE7 */
}

/* style submenu */
ul.cssMenu ul ul {
	position: absolute;
	left: 100%;
	top: 100%;
}

/* geen ul-li bullet list */
ul.cssMenu, ul.cssMenu ul {
	list-style:
}

/* submenu <ul> */
ul.cssMenu ul {
	position: absolute;
	z-index: 200000;
	text-align: left;
	white-space: nowrap;
}

.cssMenuLi{
	display: block;
	position: relative;
	z-index: 200000;
}

.cssMenuSub{
	display: block;
	position: relative;
	z-index: 200000;
	min-width: 150px;
}

.cssMenuSubLi{
	display: block;
	position: relative;
	z-index: 200000;	
}
.cssMenuSSub{
	display: block;
	position: relative;
	z-index: 200000;	
}
/*
	Het beste is om alleen zaken hieronder aan te passen
*/

/* submenu */
ul.cssMenu ul {
	background: black;
	float: left;
}
ul.cssMenu li{
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #DDDDDD;
}
ul.cssMenu ul li{
}

/* zorgen dat de achtergrond van het hoofditem blijft staan */
ul.cssMenu li:hover {
	background: #533765;
}

/* submenu's andere mouse-over geven */
ul.cssMenuSub li:hover {
	background: url(menu_two_tone.png);
	color: white;
}
#cssMenuActive {
background: #533765;
}
#cssMenuActiveSub {
background: #533765;
}