/*************************************************************************************************/
/* Author:			VINCIS / Remco Rispens (original css) & Rinse Stellingwerf    			 	 */
/* Description:		Stylesheet for adxmenu, type 1: horizontal, top to bottom					 */								
/*************************************************************************************************/
@media screen 
{
	#adxmenu
	{
		display:		 		block;
	}
	
	#adxmenu ul 
	{
		margin: 				0;
		padding: 				0;
		
		border: 				0;
		list-style-type: 		none;
	}
	
	#adxmenu li 
	{
		margin:					0;
		padding: 				0;
		
		border: 				0;
		
		display: 				block;
		float: 					left;
		
		position: 				relative;
	}
	
	#adxmenu a 
	{
		display: 				block;
	}
	
	#adxmenu li li 
	{
		width: 					100%;
	}
	
	/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
	#adxmenu li li ul 
	{
		top: 					0;
		left: 					0;
	}
	
	/* ...and then place it where it should be when shown */
	#adxmenu li li:hover ul 
	{
		left: 					100%;
	}
	
	/* initialy hide all sub menus */
	#adxmenu li ul 
	{
		display: 				none;
		position: 				absolute;
		z-index: 				10;
	}
	
	/* display them on hover */
	#adxmenu li:hover>ul 
	{
		display: 				block;
	}
	
	/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
	#adxmenuList:after 
	{
		content: 				".";
		height: 				0;
		display: 				block;
		visibility: 			hidden;
		overflow: 				hidden;
		clear: 					both;
	}
}