/*
--------------------------------------------------------------------------------------------------
 Title:		ADXMenu Styles
 Created on: 	25-04-2008
 Author:     		Rinse van Dijk
 Client:		Gemeente Harlingen
 Project:		Website 2008
 Copyright:  	Vincis B.V. The Netherlands
 
*/
@media screen 
{
	/*********************************************************************************************/
	/* =adxmenu 								                                      			 */
	/*********************************************************************************************/	
	#adxmenu
	{
		width:					777px;
		
		z-index:				1;
		float:					left;
	}
	
	/*********************************************************************************************/
	/* =Level 1 styles  				                                               			 */
	/*********************************************************************************************/
	
		#adxmenu ul
		{
			display:			block;
			height:				86px;
			margin:				0;
			padding:			0;
		}
	
			#adxmenu ul li 
			{
				float:					left;
				display:				inline;
		
				width:					154px;  
				height:					86px;
				
				color:					#fff;
				background-color:		#ccc;
				border-right:			1px solid #fff;
				
			}
			
				/* cutom styles for long menu-items & color styles menui-tems */
				#adxmenu ul li#adxmenu_menuitem_1
				{
					width:					155px;
					height:					86px;
					background-color:		#990070;
					
					background-image:		url('/sjablonen/1/images/files/photo1.jpg');
					background-repeat:		no-repeat;					
					background-position:	0px 17px;
				}
				
				#adxmenu ul li#adxmenu_menuitem_2
				{
					background-color:		#0047ba;

					background-image:		url('/sjablonen/1/images/files/photo2.jpg');
					background-repeat:		no-repeat;					
					background-position:	0px 17px;					
				}
				
				#adxmenu ul li#adxmenu_menuitem_3
				{
					background-color:		#d95900;
					
					background-image:		url('/sjablonen/1/images/files/photo3.jpg');
					background-repeat:		no-repeat;					
					background-position:	0px 17px;					
				}
				
				#adxmenu ul li#adxmenu_menuitem_4
				{
					background-color:		#00a3de;
					
					background-image:		url('/sjablonen/1/images/files/photo4.jpg');
					background-repeat:		no-repeat;					
					background-position:	0px 17px;					
				}
				
				#adxmenu ul li#adxmenu_menuitem_5
				{
					background-color:		#349f36;
					
					background-image:		url('/sjablonen/1/images/files/photo5.jpg');
					background-repeat:		no-repeat;					
					background-position:	0px 17px;					
				}
				
				#adxmenu ul li:hover#adxmenu_menuitem_1, #adxmenu ul li:hover#adxmenu_menuitem_2, #adxmenu ul li:hover#adxmenu_menuitem_3, #adxmenu ul li:hover#adxmenu_menuitem_4, #adxmenu ul li:hover#adxmenu_menuitem_5
				{
					color:					#fff;
					background-color:		#000;
				}
			
					#adxmenu ul li div
					{
						height:					19px;
						padding:				0;
						margin:					-2px 0 0 0;
						overflow:				hidden;						
					}
					
						#adxmenu ul li div span
						{
							display:				block;
							text-align:				center;
						}
				
				div.doorMatOverlay.selectedPath
				{
					height:					69px!important;
					
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/miniOverlay.png');
				}
				*>div.doorMatOverlay.selectedPath
				{
					background-image:		url('/sjablonen/1/images/general/miniOverlay.png');
					filter:					none;
				}
				
			#adxmenu ul li.selected, #adxmenu ul li.selectedPath
			{
				background-color:		#000!important;
			}

	/*********************************************************************************************/
	/* =Level 2 styles  				                                               			 */
	/*********************************************************************************************/

		#adxmenu ul li ul
		{
			width:						154px;
			height:						auto;
			border-right:				1px solid #fff;
			border-top:					1px solid #fff;
		}
		
		/* cutom styles for long menu-items  */
		#adxmenu ul li#adxmenu_menuitem_1 ul 
		{
			width:					155px;
		}
	
			#adxmenu ul li ul li
			{
				background-color:		#c1c1bf;
				width:					138px;
				height:					17px; 
				
				padding:				0 16px 0 0;
				border-right:			none;
				border-bottom:			1px solid #fff;
				font-size:				0.9em;
			}
			*>#adxmenu ul li ul li
			{
				min-height:				17px;
				height:					auto;
			}

			#adxmenu ul li ul li.selected, #adxmenu ul li ul li.selectedPath
			{
				background-color:		#c1c1bf!important;
			}			
			
			/* cutom styles for long menu-items  */
			#adxmenu ul li#adxmenu_menuitem_1 ul li
			{
				width:					139px;
			}
			
				/* cutom color for hover on menu-items */
				#adxmenu ul li#adxmenu_menuitem_1 ul li:hover
				{
					background-color:		#990070!important;
				}
				
				#adxmenu ul li#adxmenu_menuitem_2 ul li:hover
				{
					background-color:		#0047ba!important;
				}
				
				#adxmenu ul li#adxmenu_menuitem_3 ul li:hover
				{
					background-color:		#d95900!important;
				}
				
				#adxmenu ul li#adxmenu_menuitem_4 ul li:hover
				{
					background-color:		#00a3de!important;
				}
				
				#adxmenu ul li#adxmenu_menuitem_5 ul li:hover
				{
					background-color:		#349f36!important;
				}

			#adxmenu ul li ul li div
			{
				height:					auto;
				
			}			
			
			#adxmenu ul li ul li div span
			{
				text-align:				left;
				
			}
			
				#adxmenu ul li ul li div span a
				{
					display:				block;
					color:					#000;
					font-weight:			normal;
					text-decoration:		none;
					padding:				0 0 0 10px;
				}
				
				#adxmenu ul li ul li:hover div span a
				{
					color:					#fff;
					font-weight:			bold;
				}
			
			
		#adxmenu ul li:hover ul li.submenu
		{
			background-image:		url('../../../images/general/icon_submenu.gif');	
			background-position:	140px 5px;
			background-repeat:		no-repeat;
		}
		
			/* cutom backgroundimage for hover on menu-items */
			#adxmenu ul li#adxmenu_menuitem_1 ul li.submenu:hover
			{
				background-image:		url('../../../images/general/icon_submenu_item1_hover.gif');	
				background-position:	140px 5px;
				background-repeat:		no-repeat;
			}
			
			#adxmenu ul li#adxmenu_menuitem_2 ul li.submenu:hover
			{
				background-image:		url('../../../images/general/icon_submenu_item2_hover.gif');	
				background-position:	140px 5px;
				background-repeat:		no-repeat;
			}
			
			#adxmenu ul li#adxmenu_menuitem_3 ul li.submenu:hover
			{
				background-image:		url('../../../images/general/icon_submenu_item3_hover.gif');	
				background-position:	140px 5px;
				background-repeat:		no-repeat;
			}
			
			#adxmenu ul li#adxmenu_menuitem_4 ul li.submenu:hover
			{
				background-image:		url('../../../images/general/icon_submenu_item4_hover.gif');	
				background-position:	140px 5px;
				background-repeat:		no-repeat;
			}
			#adxmenu ul li#adxmenu_menuitem_5 ul li.submenu:hover
			{
				background-image:		url('../../../images/general/icon_submenu_item5_hover.gif');	
				background-position:	140px 5px;
				background-repeat:		no-repeat;
			}

	/*********************************************************************************************/
	/* =Level 3 styles  				                                               			 */
	/*********************************************************************************************/

		#adxmenu ul li ul li ul
		{
			margin:			-1px 0 0 0px;
			border-left:	1px solid #fff;
		}			
		
		/* cutom styles for long menu-items  */
		#adxmenu ul li#adxmenu_menuitem_1 ul li ul
		{
			width:					154px;
		}
		
			#adxmenu ul li ul li ul li
			{
				font-size:				1.0em;
			}
			
			/* cutom backgroundcolors for li in 3th level*/
			#adxmenu ul li#adxmenu_menuitem_1 ul li ul li
			{
				width:					138px;
				background-color:		#e6c0dc;
			}
			
			#adxmenu ul li#adxmenu_menuitem_2 ul li ul li
			{
				background-color:		#c0d2ee;
			}
			
			#adxmenu ul li#adxmenu_menuitem_3 ul li ul li
			{
				background-color:		#f6d6c0;
			}
			
			#adxmenu ul li#adxmenu_menuitem_4 ul li ul li
			{
				background-color:		#c0e8f7;
			}
			
			#adxmenu ul li#adxmenu_menuitem_5 ul li ul li
			{
				background-color:		#cde7cd;
			}
			
			#adxmenu ul li ul li:hover ul li div span a
			{
				color:					#000;
				font-weight:			normal;
			}
			
				
				#adxmenu ul li#adxmenu_menuitem_1 ul li ul li:hover, #adxmenu ul li#adxmenu_menuitem_2 ul li ul li:hover, #adxmenu ul li#adxmenu_menuitem_3 ul li ul li:hover, #adxmenu ul li#adxmenu_menuitem_4 ul li ul li:hover, #adxmenu ul li#adxmenu_menuitem_5 ul li ul li:hover, #adxmenu ul li#adxmenu_menuitem_6 ul li ul li:hover
				{
					background-color:		#000!important;
				}
			
					#adxmenu ul li ul li:hover ul li:hover div span a
					{
						color:					#fff;
						font-weight:			bold;
					}
}

@media print
{
}