#jsddm *
{	
	z-index:9;
}

#jsddm
{	
	position: absolute;
	width:100%;
	height:100%; /*new*/
}
	
	#jsddm li
	{	
		float:left; /* nodig om de uitklapmenu's onder het juiste hoofdmenuitem te houden */
		/*list-style:none;*/
		height: 			100%;
		padding: 			0px 20px 2px 20px;
		display:			inline;
		text-transform:		uppercase;
		line-height:		38px; /*20*/
	}

		
	
	#jsddm li a
	{	
		
		white-space:		nowrap;
		width:				100%; /*new*/
		height:				100%; /*new*/
		padding: 			4px 15px; /* niet in FO, tweede zorgt voor de verdeling van hoofdmenu items en eerste voor padding; (ook van de submenuitems) */ 
		color: 				#FFFFFF;
		font-family: 		Arial, Helvetica, sans-serif;
		font-weight:		bold;
		
	}

	
	#jsddm li a:hover
	{	
		color: 				#88DD22;
	}
	
	#jsddm li a:active
	{	
		color: 				#88D71D;
	}

	#jsddm li a.active { 
	/* active class */
		color:				#88D71D;
	}
	
		#jsddm li ul
		{	
			position: 		absolute;
			visibility: 	hidden;
			border-top: 	2px solid #EE5511;
			background: 	#334455; /* zorgt voor volledige achtyergrond bij uitklappen blok; */
		}
		
		#jsddm li ul li
		{	
			
			float: 			none;
			display: 		block;  /* was inline, block zorgt voor pulldown */
			line-height:	22px;
			padding:		0px; 
			margin:			0px;
		}
		
		#jsddm li ul li a
		{	
			width: 			auto;
			/*background: 	#334455; al afgevangen in ul */
			
		}
		
		#jsddm li ul li a:hover
		{	
			color: #EE5511;
		}
		
		#jsddm li ul li a.subactive { 
		/* subactive class werkt niet. anders pijltje of bolletje style/type ervoor ofzo*/
			background:		#445566;

		}