/* this is the main UL element*/
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	
	
	
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
	 
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:10px 5px 5px 5px;
	background-color:#c46300;
	cursor:pointer;
	border-right:	1px solid #ccc;
	height:		18px;
	font-size:	12px;
		cursor:		pointer;

}
.dropdown li#bedrijfskleding {
		width:			80px;
	padding-left:		5px;
	 
}
.dropdown li#Persoonlijkebescherming {
	width:			145px;
}

.dropdown li#Greenconcept {
	width:			85px;
}


.dropdown li#Relatie {
	width:			105px;
}

.dropdown li#Merken {
	width:			40px;
}

.dropdown li#Bewerkingen {
	width:			75px;
}
.dropdown li#Brochures {
	width:			60px;
}
.dropdown li#Hurricane {
	width:			55px;
}



/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a {
	text-decoration:none;
	color:#fff;
	width:100%;
	cursor:		pointer;
}

.dropdown li:hover {
	background:#c46300;
	color:#000;
		cursor:		pointer;
	
}

.dropdown ul li:hover {
	background:#333;
	color:#000;
		cursor:		pointer;
	
}


/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	width:			180px;
	border:1px solid #ccc;
	border-top:0;
	margin-left:-1px;
	height:		9px;
	padding: 5px;
	font-size:	11px;
	cursor:		pointer;
}

.dropdown li#bedrijfskleding ul li {
	width:			180px;
}

.dropdown li#Persoonlijkebescherming ul li {
	width:			180px;
}


.dropdown li#greenconcept ul li {
	width:			180px;
}

.dropdown li#Relatie ul li {
	width:			180px;
}

.dropdown li#Merken ul li {
	width:			180px;
}

.dropdown li#Bewerkingen ul li {
	width:			180px;
}


/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
	
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	
}