/**
 * menus / navigation
 * @author 
 */

/* --- horizontal dropmenu --- */
.dfmenuHorizontal ul 			{ float: right;	width: 100%; }
.dfmenuHorizontal ul li 		{ float: left; }
.dfmenuHorizontal ul li ul li 	{ float: none!important; text-align: left!important; }
.dfmenu ul 						{ white-space: nowrap; z-index: 3}
.dfmenu ul li 					{ position: relative; }
.dfmenu ul li ul 				{ position: absolute; left: -999999px; z-index: 4; width: auto; /* display: none; */ padding: 5px!important; }
.dfmenu ul li a 				{ display: block; text-decoration: none; color: #000; background: #fff; border: 1px sollid #238DE5; }

/* - do not hide menu on mousout when fx is enabled (enables timeout) - */
.dfmenu ul.navfxenabled li:hover ul { left: -999999px; }
.dfmenu ul li:hover ul,
.dfmenu ul.navfxenabled li.over ul 	{ left: 0px; } /* display: block; */
	
/* ------ mainmenu ------ */
#mainMenu 							{	position: absolute; top: 30px; right: 51px;	clear: both; }
#mainMenu ul 						{
										width: 574px; /* dez is nodig voor ie6 */
										height: 19px; /* in ie6 wil hij niet 25px worden omdat mainMenu ul li ook hoogte heeft */
										padding: 0 0px 0 0px; /* geen stroke dus heb ik de left padding op 0 gezet inplaats van 2px */
										background: #ffffff;
										z-index: 35;									
										border: 0px dotted red; 										
									}
#mainMenu ul li 					{
										height: 18px; /* in ie6 wil hij niet 25px worden omdat mainMenu li a ook hoogte heeft */
										display: inline;
										float: left;
										font-size: 1em;
										font-weight: bold;
										background: #fff;
										text-align: center;
										border: 1px solid #cccccc;
										z-index: 36;
										margin-right: 2px; 	
									}
#mainMenu li.over a.ir span span, 
#mainMenu li.active a.ir span span 	{ background: none!important }
#mainMenu li li a 					{ width: auto!important; }


/* --- mainmenu submenu items --- */

#mainMenu ul li ul,
#mainMenu ul li ul a  { width: auto; height: auto; background: #fffffff; z-index: 5; }
#mainMenu ul li ul li {	height: auto; display: list-item; overflow: visible; font-size: 0.79em; background: none; border: none; }
#mainMenu li a 		  {
						color: #238DE5;
						background: transparent no-repeat 50% 50%;
						display: block;
						height: 17px; /* als je de hoogte aanpast van de menubalk deze mee schalen */
						padding-top: 1px;  /* als je de hoogte aanpast van de menubalk ook padding van boven belangrijk voor tekst*/
						overflow: hidden;
					   }
#mainMenu li a:focus,
#mainMenu li a:hover,
#mainMenu li a:active {	color: #d292d9;	text-decoration: none; }

#mainMenu #aanmelden 		{ width: 100px;	}
#mainMenu #agenda 		    { width: 87px; }
#mainMenu #contact 	        { width: 73px; }
#mainMenu #projecten 		{ width: 97px;  }	/* de a en ul hieronder moeten 1px minder width hebben! niet vergeten */
#mainMenu #servethecity 	{ width: 127px; }
#mainMenu #home 		     { width: 63px; background: none; }

#mainMenu #aanmelden a		{ width: 99px; } /* de menu titel tekst breedte van menu */
#mainMenu #aanmelden ul		{ width: 9em; border: 1px solid #cccccc; } /* de breedte van het pulldown menu */
#mainMenu #agenda a		{ width: 86px;    }
#mainMenu #agenda ul	{ width: 16em; border: 1px solid #cccccc; }
#mainMenu #contact a	{ width: 68px; }
#mainMenu #contact ul	{ width: 9em; border: 1px solid #cccccc; }	
#mainMenu #projecten a 			{ width: 96px }
#mainMenu #projecten ul			{ width: 10em; border: 1px solid #ffffff; }
#mainMenu #servethecity a		{ width: 126px; }
#mainMenu #servethecity ul		{ width: 8em; border: 1px solid #cccccc; }
#mainMenu #home a		        { width: 62px; }
#mainMenu #home ul		        { width: 12em; border: 1px solid #cccccc; }

/* algemene */
.hidden	{ display: none; }