/* ----------------- SUBNAVIGATION ----------------------*/
#mainNavigationArea li{
	float:			left; 
		margin:			0;
		position:		relative;
}


#mainNavigationArea li a {
	background-color:		#cce5f9;
	display: 				block;
	float: 					left;
	width:					140px;
	margin:					0 1px 0 0;
	height: 				36px;
	padding: 	            6px 15px 8px 9px;
	color:					#000;
	line-height:			1.5em;
}

#mainNavigationArea li a.activeElement,
.active-tab1,
.active-tab2,
.active-tab3,
.active-tab4,
.active-tab5,
.active-tab6

 {
	background-color:		#0066D7;
	color:					#fff;
}




#mainNavigationArea li a:hover {
	background-color:		#0066D7;
	color:					#fff;
}

#mainNavigationArea 				{ position: relative; }
#mainNavigationArea ul li			{ position: relative; }
#mainNavigationArea ul li ul		{ display: none; border-top: 1px solid #FFF;}

/*----------- HOVER ACTIONS SUBNAV ---------------*/
#mainNavigationArea ul li:hover ul				{ display: block; position: absolute; left:0; top:0; width: 165px; background: #EAE7E2; margin: 45px 0 0 0; z-index:1000;}
#mainNavigationArea ul li ul li, 
#mainNavigationArea li ul li a					{ height: auto; }
#mainNavigationArea ul li ul li a				{ padding: 5px 10px 5px 10px; color: #333; width: 145px; }
#mainNavigationArea ul li ul li a:hover			{ color: #FFF; }

	

/*------ SUBNAVIGATION -------*/
#primaryContentArea li a 					{ color:#000; display:block; width:120px; border-bottom:1px solid #cce5f9; margin:3px 0 3px 0; padding:4px 15px 6px 0px;}
#primaryContentArea li a.activeElement 		{ color:#0066D7; font-weight:bold; }
#primaryContentArea li ul li a				{ padding:3px 15px 3px 10px; width:110px; }
#primaryContentArea li ul li ul li a		{ padding:3px 15px 3px 20px; width:100px; }
#primaryContentArea li ul li ul li ul li a	{ padding:3px 15px 3px 30px; width:90px; }

/*------ hide level4 nav icm navigation2 tag -------*/
#primaryContentArea li ul li ul li ul 		{ display: none; }

#canvasArea #mainNavigationArea a.organisatie,
#canvasArea #mainNavigationArea a.organisatie:hover 	{ width: 141px; margin: 0; }