/*MENU*/

/* STAAT IN MAIN.CSS
#topMenu {
	xxx
}
*/

/*TOPMENU*/
/* #topMenu {background-image: url('../images/bg_topmenu.gif'); background-repeat: repeat;} Niet in gebuik*/
#topMenu ul {list-style: none outside; margin: 0px 0px 0px 0px; padding: 0px; font-family: verdana; }
#topMenu .li_sub1 {list-style: none outside; margin: 0px; padding: 10px 60px 10px 0px; background: #fff; text-align: right; text-transform: uppercase; /*white-space:nowrap*/}

#topMenu li ul li ul {list-style: none outside;}
#topMenu ul li ul li {list-style: none outside;}


.ul_sub2	{clear:both}
/*#topMenu ul li .sub2 li	{list-style: none outside;}
.sub2 {list-style: none outside;}
#topMenu ul li .ul_sub2 {
margin:5px 5px 5px 0;
}
#topMenu .ul_sub1 .ul_sub2	{list-style: none outside}

#topMenu .sub2 li a.niv2	{list-style: none outside; margin: 0px 0px 0px 0px; padding: 10px 60px 10px 0px; background: #fff; text-align: right; text-transform: uppercase; white-space:nowrap; padding:0px;}/*
/*#topMenu ul li ul.niv2 li {list-style: none outside; margin: 0px 0px 0px 0px; padding: 10px 60px 10px 0px; background: #fff; text-align: right; text-transform: uppercase; white-space:nowrap} */
#topMenu .ul_sub1 .li_sub1 .ul_sub2 .li_sub2 a.niv2 {font-size:10px; text-decoration: none; padding: 6px 16px 6px 0px; font-weight: bold;}
#topMenu .ul_sub1 .li_sub1 .ul_sub2 .li_sub2 a.niv2active {font-size:10px; text-decoration: none; padding: 6px 16px 6px 0px; font-weight: bold;}

#topMenu a {font-size: 12px; zdisplay: block; text-decoration: none; padding: 6px 16px 6px 0px; font-weight: bold;}
#topMenu a.niv1:link, a.niv1:visited {color: #0039a6; background-color:#fff; }
#topMenu a.niv1:active, a.niv1:hover {color: #0039a6; }
#topMenu a.niv1active {color:#666;}

#topMenu a.niv2:link, a.niv2:visited {color: #0039a6; background-color:#fff;font-size: 10px; }
#topMenu a.niv2:active, a.niv2:hover {color: #0039a6;}
#topMenu a.niv2active {color:#666;font-size:10px;}

#snelmenu ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
#snelmenu li {list-style: none; margin: 0px 0px 0px 0px; padding: 0px; float: left; background: none; display:block; text-transform: uppercase;}
#snelmenu a {font-size: 12px; display: block; text-decoration: none; padding: 6px 16px 6px 0px; font-weight: bold;}
#snelmenu a:link, #snelmenu a:visited{color: #9db3fb}
#snelmenu a:active, #snelmenu a:hover {color: #0039a6}

/*ZIJMENU*/
/*.zijMenu {background-color:#eee}
.ul_zijMenu { list-style: none; margin: 0px;}
.li_zijMenu {list-style: none; padding: 8px 12px; border-bottom: 1px dotted #cccccc}

a.linkblok_menu:link, a.linkblok_menu:visited {color:#000}
a.linkblok_menu:active, a.linkblok_menu:hover {color:#048ad0; text-decoration: none}
a.linkblok_menu_actief_submenu {color:#048ad0;}
*/

/*ZIJ SUBMENU*/
.ul_sub {margin: 5px 5px 5px 0px;}
.li_sub {list-style: none; padding: 2px; padding-left: 15px; background: url(../images/arrow.gif) no-repeat 0px 2px; border-bottom: 0px dotted #ffffff;}
a.a_sub:link, a.a_sub:visited {color:#666;}
a.a_sub:active, a.a_sub:hover {color:#d18705}
a.a_sub_active:link, .a_sub_active:visited {color:#666; text-decoration:underline; }



/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* -------------------- MOBILE MENU STUFF -------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* --- zie ook: /js_plugins/flexnav-master/css/flexnav.css --- */
/* ----------------------------------------------------------- */

/* hide mobile menu */
nav#mobileMenu {
	display:none;position:absolute;top: 0px; left: 0px;
}

nav#mobileMenu{
	width:100%;
	height: 46px;
}


nav#mobileMenu ul {
	/*-webkit-box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.33);
-moz-box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.33);
box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.33);*/
}


nav#mobileMenu ul li{
	padding-left:0px;
	background:#FFF;
	color:#666;
}

nav#mobileMenu .mmLevel1Active a.activeItem {
	color:#FFF;
	background:#1774BF url(../images/bg_mobile_menuitem_active.png) repeat-x top center;
}

nav#mobileMenu .mmLevel1Active .fa {
	color:#FFF;
}


nav#mobileMenu .flexnav ul li.mmLevel2Active  {
	color:#1774BF;
	background:url(../images/arrow_grijs.gif) no-repeat 5px 9px;
}

nav#mobileMenu .flexnav ul li.mmLevel2Active a {
	color:#1774BF;
}

.fixed{
	position:fixed;
}

div.menuButtonBar {
	position: relative;
	float:left;
	/*background-color:#eee;*/
	background-color:transparent;
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
	padding-right:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 4px #666;	*/
	/*background: #ccc;*/
}



ul.hideElement {
	display:none;
}

ul#mobile-menu-search {
	list-style:none;
	padding:0;
	margin:0;
}

ul#mobile-menu-search li {
	position: relative;
	background-color:#FFF;
	color:#ccc;
	font-size: 100%;
	overflow: hidden;
	text-align:center;
	padding:15px 5px;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}

ul#mobile-menu-search li:last-child {
	/*padding-bottom:30px;*/
}

/*ul#mobile-menu-search li img {
	width:100%;
}*/

li#mobile-menu-search-container {border-top:1px solid #ccc;}

/* a copy of the language switch in the dropdownmenu-buttonbar */
.menuButtonBar .lang {
	margin: 12px 12px 0 0;
	font-family: 'FrutigerLTPro-Roman', Arial, Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 15px;
	color: #ffcb05;
}

/* custom mobile submenu */
nav#mobileMenu ul li ul.mobileSubNav {
	padding:10px 0;
	background-color:#7c7c7c;
	background: rgba(240, 240, 240, 0.9);
	margin: 0
}

nav#mobileMenu ul li ul.mobileSubNav li{
	padding-left:12px;
	background: url(../images/arrow_grijs.gif) no-repeat 5px 9px;
	margin: 0 2%;
}

nav#mobileMenu ul.mobileSubNav li a{
	border-bottom:1px solid rgba(0, 0, 0, 0.0);
	text-align: left;
	text-transform:none;
	color:#555;
}

/* ===================================================================================================================
#Media Queries 
================================================== */


/* Smaller than 890px (devices and browsers) 
=========================================================*/

@media only screen and (max-width: 890px) { 


#topMenu .li_sub1 {text-align: left; padding-right: 0}
#topMenu .li_sub1 a {font-size: 120%}

#topMenu .ul_sub1 .li_sub1 .ul_sub2 .li_sub2 {padding: 3px 0}
/*#topMenu .ul_sub1 .li_sub1 .ul_sub2 .li_sub2 a.niv2   {font-size: 120% }*/

}

/* Smaller than 480px (devices and browsers) 
=========================================================*/
@media screen and (max-width:480px)
{
	/* show flexnav mobile menu and hide regular menu */
	#topMenu{display:none;}
	nav#mobileMenu {display:block;  z-index: 1000; top: 10px;}


}