/***************************************
*****		menu	********
***************************************/
/* ACTIVE STATES */

div.aboutiai ul li a span.aboutiai{ color:#da2128 !important;}
div.businesslines ul li a span.businesslines{ color:#da2128 !important;}
div.career ul li a span.career{ color:#da2128 !important;}
div.downloads ul li a span.downloads{ color:#da2128 !important;}
div.newsevents ul li a span.newsevents{ color:#da2128 !important;}
div.contact ul li a span.contact{ color:#da2128 !important;}



div#hoofdMenuDiv{
	font-family:				Arial,Helvetica,sans-serif;
	float:						left;
	width:						700px;
	margin-top: 				0px;
	margin-left: 				50px;
	padding:					0px 0 0 0;
	z-index: 					1;
	
}
	div#hoofdMenuDiv ul { /* alle lists */ 
		  float:				left;
	      padding: 				0; 
		  margin: 				0; 
		  list-style: 			none; 
		  left:					0;
	} 	
		div#hoofdMenuDiv ul li {
			float: 				left;
	 		position:			relative;
			display: 			inline;
	 		margin: 			0pt 0pt 0px 0px;
			padding: 			5px 5px 0 0;
			height: 			27px; /* 32px **/
		}
		
			div#hoofdMenuDiv ul li a {
		 		display:			block;
				text-decoration:    none;
				white-space: 		nowrap; 
				color:				#a2a5a6;
		 		text-decoration:	none;
				 
				
			}
			div#hoofdMenuDiv ul li a span {
				float:				left;
				background:			transparent url(img/devider.gif) no-repeat scroll right 4px;
				display:			block;
				padding:			5px 16px 15px 6px;
				text-transform:		uppercase;	
				color: 				#a2a5a6;
				font-weight:		bold;
				font-size: 			13px;
				cursor: 			pointer;
			}
			
			div#hoofdMenuDiv ul li a:hover span  {
				color: 				#000;
			}
			
			
			div#hoofdMenuDiv ul li.laatste a span {
				background-image: 	none;	
			}
			
		/** ******************  NIVEAU 2 ******************************* **/
				/************************ - OVER  -  ****************************/
				/**
					geen mozilla 3
					li:hover hover is voor mozilla.
					over hover is voor ie.
				*/
				

				div#hoofdMenuDiv ul li:hover div.bgMenu,
				div#hoofdMenuDiv ul li.over div.bgMenu  {  
				  	top:				29px;
					left: 				2px; 
					border: 			none;
					
					position:			absolute; 
				    display: 			block; 
					margin:				0px 0 0 0;
					padding: 			0px 0px 4px 0; /*onderkant*/
					 
					background: 		transparent url(img/topmenu_bottom.png) right bottom no-repeat;
					width: 				auto;
					z-index:			10;
				} 
				 
				div#hoofdMenuDiv ul li div.bgMenu   {
				
				}
				
				div#hoofdMenuDiv ul li div.bgMenu ul {
					 display: 			none; 
				}
				
				
				div#hoofdMenuDiv ul li:hover div.bgMenu ul,
				div#hoofdMenuDiv ul li.over div.bgMenu ul {  
						display: 			block; 
						background:			transparent url(img/topmenu_right.png) right top repeat-y;
						position: 			relative;
						left: 				0; 
						margin: 			0px; 			 
						padding: 			7px 0px; 
						bottom:				0px;
						border: 			none;
						z-index:			10;
						
				} 
					div#hoofdMenuDiv ul li div.bgMenu ul li {
							height: 			auto ;
							float:				none;
							display: 			block; 
							margin: 			0px;
							padding: 			2px 15px 2px 5px;
							z-index:			10;
							
					}
					
					div#hoofdMenuDiv ul li div.bgMenu ul li a {
							display: 			block;
							margin: 			0px;
							padding:			0px;
							
							font-size:			12px;
							color:				#fff;
							text-decoration:	none;
							text-transform:		none;
							z-index:			10;
							
					}
					
					div#hoofdMenuDiv ul li div.bgMenu ul li a:hover{
						text-decoration:	none;
						padding: 			0px;
						color:				#000000;
						z-index:			10;
					}
						 
						 

/** ******************  ******** ******************************* **/
/** ******************  SUB MENU 0 ***************************** **/
/** ******************  ******** ******************************* **/

div#subMenu0{
	margin-left: 			10px;

}

div#subMenu0 ul{
	list-style: 			none;
	margin: 				0px;
	padding:				0px;
	margin-bottom:			0px;
	
	
}

div#subMenu0 ul li{

			
}


div#subMenu0 ul li a{
	color:					#000;
	text-decoration:		none;
			
}


div#subMenu0 ul li a:hover{
	color:					#d2001e;
	text-decoration:		none;
			
}


/** ******************  ******** ******************************* **/
/** ******************  SUB MENU ******************************* **/
/** ******************  ******** ******************************* **/

div#subMenu{
	 
	
} 	

div#subMenu ul {
	list-style: 			none outside none;
	padding: 		        0;
	margin:					0;

 
}
div#subMenu ul li {
	
}
div#subMenu ul li a {
	 display: 				block;
	width:					160px;
	 height:				40px; 

	 
} 
div#subMenu ul li a span {
	display: 				none;
}

div#subMenu ul li a.security {	 		background:			transparent url(img/css_sprite_0.gif) left -1px no-repeat;}
div#subMenu ul li a.solar {		 		background: 			transparent url(img/css_sprite_0.gif) left -37px no-repeat;}
								 
div#subMenu ul li a.packaging { 		background: 			transparent url(img/css_sprite_0.gif) left -73px no-repeat;}

div#subMenu ul li a.security:hover {	 background:			transparent url(img/css_sprite_0.gif) -166px -1px no-repeat;}
div#subMenu ul li a.solar:hover {		 background: 			transparent url(img/css_sprite_0.gif) -166px -37px no-repeat;}
div#subMenu ul li a.packaging:hover { 	background: 			transparent url(img/css_sprite_0.gif) -166px -73px no-repeat;}

/** ******************  nivea 1 ******************************* **/


div#subMenu ul li ul {
	padding: 		0px 0 4px 0px;	
}

div#subMenu ul li ul li {
	padding: 		4px 0 0 0px;
}
div#subMenu ul li ul li a {
	 display: 			block;
	 text-align: 		left;
	 color: 			#000;
	 text-decoration: 	none;
	 height: 			auto;
	 padding: 			0px 0 0 7px;
}

div#subMenu ul li ul li a:hover {
	 color: 			#d2001e;
}
 

div#subMenu ul li ul li a.active {
	 color: 			#d2001e;
}
 

/** ******************  nivea 2 ******************************* **/

div#subMenu ul li ul li ul {
	
	text-align: 		left;
	color: 				#000;
	margin:				0;
	padding:			0;
	
}
div#subMenu ul li ul li ul li {
	margin:				0;
	padding:			0;
	
}
div#subMenu ul li ul li ul li a {
	 background: 		url(img/bullet.gif) no-repeat top left;
	 padding: 			0 0 0 10px;
	 display: 			block;
	 text-align: 		left;
	 color: 			#000;
	 text-decoration: 	none;
	 height: 			auto;
	 margin: 			0 0 0 20px;
	 width:				130px;
}


div#subMenu ul li ul li ul li a:hover {
	 color: 			#d2001e;
	 background: 		url(img/bullet_hover.gif) no-repeat top left;

}


div#subMenu ul li ul li ul li a.active {
	 color: 			#d2001e;
	 background: 		url(img/bullet_hover.gif) no-repeat top left;

}