#navContainer 							{}
ul.menu, li.menu 						{list-style-type: none;margin: 0px;padding: 0px;z-index:100;}

#nav 									{z-index:100;}
#nav ul 								{list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;display: flex;align-items: center;column-gap: 30px;}
#nav ul li 								{text-align:center;font-weight:normal;z-index:100;}
#nav ul li a 							{color:var(--MNU_KLEUR);display:flex;align-items: center;text-decoration:none;font-weight: 600;}
#nav ul li a span {display: none;}
#nav ul li a:hover, #nav li a:focus 	{color:var(--MNU_KLEUR_DONKER);}
#nav li a:active, #nav ul li a.active 	{color:var(--MNU_KLEUR_DONKER);}

/* Current page Customisations*/
#nav li.menu-expand a::after {content:"\f107";font-family: "Font Awesome 6 Pro";padding-left:5px;line-height: normal;font-weight: 300;}
#nav li.menu-current a					{color:var(--MNU_KLEUR_DONKER);}
#nav li.menu-parent a					{color:var(--MNU_KLEUR_DONKER);}
#nav li.hover a 						{color:var(--MNU_KLEUR_DONKER);}
/*#nav li:last-child a 					{margin:0;color: #fff;text-decoration: none;font-weight: 600;border-radius: 12px;background-color: var(--MAINCOLOR2);display: inline-block;padding: 10px 20px;line-height: normal;}
#nav li:last-child a:hover 				{background-color: #000;color: #fff;}*/
#nav li:last-child a 					{margin:0;}
#nav li:first-child a 					{display: none;}

/* 2nd Child menu */
#nav ul.menu li ul {position: absolute;margin: 0;display: none;right: -60px;border-radius: 12px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
#nav ul.menu li ul li {text-align: left;font-weight: normal;margin: 0;padding: 0;line-height: 1.2em;z-index: 100;display: block;}
#nav ul.menu li ul li a {width: 200px;color: var(--COLOR);padding: 10px 15px;margin: 0;border-bottom: solid 1px #fff;text-transform: none;background-color: #fff;transition: background-color 0.3s ease, color 0.3s ease;border-radius: 0px;font-size: 14px;font-weight: 600;}
#nav ul.menu li ul li:last-child a {border-bottom: 0;}
#nav ul.menu li ul li a:hover {color: var(--BACKGROUND);background-color: var(--MNU_KLEUR_HOVER);}
#nav ul.menu li ul li.menu-current a {color: var(--BACKGROUND);background-color: var(--MNU_KLEUR_HOVER);}
#nav ul.menu li ul li:first-child a {display: block;}
#nav li.menu-current ul li a {color: var(--BACKGROUND);background-color: var(--MNU_KLEUR_HOVER);margin: 0px;}
#nav li.menu-current ul li a:hover {color: var(--BACKGROUND);background-color: var(--MNU_KLEUR_HOVER);margin: 0px;}
#nav li.menu-expand ul li a:after {content: none;padding-left: 0;}

/*SUB SUB MENUS*/
#nav ul.menu li ul li ul 				{right: 100% !important;position:absolute;top:0px;}
#nav ul.menu li ul li ul li a  			{width: 150px; color:var(--MNU_KLEUR_HOVER) !important; background-color:var(--MNU_KLEUR) !important;padding:10px;margin:0px;border-right:solid 1px #fff;right:150px;border-top:solid 1px #fff;}
#nav ul.menu li ul li ul li a:hover  	{width: 150px; color:var(--MNU_KLEUR) !important; background-color:var(--MNU_KLEUR_HOVER) !important;margin:0px;}

#nav ul.menu li:hover ul,
#nav ul.menu li a:focus ul,
#nav ul.menu li.subMenu ul 				{display: block;}
#nav ul.menu li ul ul 					{display: none;}
#nav ul.menu li:hover ul ul,
#nav ul.menu li.subMenu ul ul 			{display: none;}
#nav ul.menu li:hover ul,
#nav ul.menu li li:hover ul,
#nav ul.menu li.subMenu ul,
#nav ul.menu li li.subMenu ul 			{display: block;}
#nav li 								{position: relative;}

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */