* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.topMenu  {
	position:relative;
	width: 1200px;
	/*margin: 0px auto 0px auto;*/
	font-family: 'fira_sansmedium', Verdana, Arial, sans-serif;
	text-transform: uppercase;
	/*text-align: left;
	float: left;*/
	/*background: #ccc;*/
	float:left;
	font-size: 0.9em;
}

.topMenu ul {
	margin: 0;
	padding: 0;
}

.topMenu > ul {font-size: 1.2em;} /* alleen de eerse ul in tomenu heeft font-size 1.2em*/
.topMenu > ul a {color: #fff}

.topMenu li {
	display: inline-block;
	list-style: none;
	background-image: none;
	margin: 0 1px 0 0 ;
	padding: 0;
}

/*.topMenu li:first-child {margin-left: 0}*/

.topMenu li a {text-decoration: none; padding: 14px 12px; display: block;}
/*.topMenu li a:link, .topMenu li a:visited {color:#fff; }*/
.topMenu > ul li a:active, .topMenu > ul li a:hover {color:#fff; background: #80ba27}

.topMenu li a.niv1active {color:#fff; background: #80ba27}


.topMenu .menu_panel {display:none;position:absolute;top:56px;left:0px;z-index:10;width:100%;min-height:50px;background-color:#e8ecef;color:#000; border-bottom: 3px solid #41444c; 	font-size: 16px;}
.topMenu .menu_panel > div {display:inline-block;}
.topMenu .menu_panel div.col1 {width:33%; padding: 30px; border-right:1px solid #ccc;}
.topMenu .menu_panel div.col2 {width:33%; padding: 30px; border-right:1px solid #ccc;}
.topMenu .menu_panel div.col3 {width:33%; padding: 30px; border-right:0px solid #ccc;}


.smallMenu {/*float: right; margin: 0 0 0 0; clear: both*/ position: absolute; bottom: 5px; right: 10px;}
.smallMenu  ul {clear: both; margin: 0;	padding: 0; display: block; /*position: absolute; bottom: 10px; right: 10px*/}
.smallMenu  li {display: inline-block; font-size: 0.95em}
.smallMenu  li a {color: #000; padding: 0 12px 0 10px; margin: 0; border-right: 1px solid #64697b; text-decoration: none}
.smallMenu  li a:hover {text-decoration: underline}
.smallMenu  li:last-child a {padding-right: 0; margin: 0; border-right: 0px solid #64697b;}

.welkomsTekst {color: #5db2f4; font-size: 0.9em; /*text-align: right;*/ position: absolute; top: 3px; right: 10px }
.welkomsTekst, .inlogLink {color: #5db2f4}
.welkomsTekst  a,.welkomsTekst  a:link, .welkomsTekst  a:hover, .welkomsTekst  a:active, .welkomsTekst  a:visited {color: #5db2f4; text-decoration: none; font-size: inherit; font-weight: bold; /*font-family: 'fira_sansbold'*/}  
.inLoggen:after {content: "\f023"; font-size: 22px; margin-left: 10px; font-family: 'FontAwesome' }
.uitLoggen:after {content: "\f09c"; font-size: 22px; margin-left: 10px; font-family: 'FontAwesome' }


.inlogLink {border: 1px solid #5db2f4; height: 26px; padding-top: 2px; /*float: right; text-align: center*/ position: absolute; bottom: 34px; right: 10px}
.inlogLink:hover {background: #5db2f4;}
.inlogLink a {color: #5db2f4; text-decoration: none; padding: 0 5px }
.inlogLink a:hover { color: #fff;}


/*ZIJMENUS*/
.ul_zijMenu {margin: 0; padding: 0; list-style: none; font-size: 0.77em}
.ul_zijMenu .li_zijMenu {margin:0;	padding:0; margin-bottom: 20px; display: block}
.ul_zijMenu .li_zijMenu a {display:block; padding:0; font-size: 1.6em; line-height: 2.0em; color: #41444c; text-transform: none; text-decoration: none;}
.ul_zijMenu .li_zijMenu a:hover {color: #80ba27}

/*slotje*/
.lock > a:before {content: "\f023"; font-size: 1.15em; font-family: FontAwesome; color: #5db2f4; margin-right: 15px}

/*tweede niveau*/
.ul_sub {margin:0;padding:0; list-style: none; border-top: 1px solid #ccc;}
.ul_sub .li_sub {font-weight: normal; display: block;}
.ul_sub .li_sub a {text-transform: none; display: block; color: #41444c; font-size: 1.2em; text-decoration: none}
.ul_sub .li_sub a:hover {color: #5db2f4}

/*.linkblok_menu_actief_submenu, */ .a_sub_active {font-weight: bold;}
.selected{font-weight:bold}

/*.ul_sub li a {border-bottom:0px solid #e9e9e9; padding:6px 6px 6px 34px;}

.ul_zijMenu .ul_sub .ul_sub {border-top: 1px solid #e9e9e9;}
.ul_sub .ul_sub li {background-color:#d1dae3; border: 0px}
.ul_sub .ul_sub li a {padding:6px 6px 6px 42px;background:url(../images/arrow_grijs.gif) no-repeat 30px 12px; }
.ul_sub .ul_sub li a:hover {color: #555}


.zijMenu a.level1ActiveItem {color:#fff;font-weight:normal;background:#74a0c7 url(../images/arrow_wit.gif) no-repeat 10px 13px;}
.zijMenu .level2ActiveItem {background:#74a0c7}
.zijMenu .ul_zijMenu .a_sub_active {color:#fff;font-weight:normal;background:#74a0c7 url(../images/arrow_wit.gif) no-repeat 22px 12px; xborder-bottom: 1px solid #e9e9e9;}
*/

/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* -------------------- 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%;*/
	width: 75%;
	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;
	/*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;
}


/* mobile menu search form 

#mobile-menu-search #zoeken2 {position:relative;margin: 0 auto; width: 90%; text-align: center;}

#mobile-menu-search #zoeken2  form  {margin: 0 0 0 2%; width: 100%; text-align: center;}
#searchfield2 {
	background-color: #fff; 
	border: 3px solid #ccddee; 
	margin: 0;
	padding: 6px 10px 6px 12px; 
	float: left;
	color: #0057a8;
	font-weight: normal;
	width: 180px;
	font-size: 0.96em;
}

nav#mobileMenu .submit2 {
	background: #ccddee url(../images/searchmob.gif) no-repeat; 
	border: 0;
	height: 34px; 
	width: 36px; 
	float: left;
	cursor: pointer;
}
*/


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


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

@media only screen and (max-width: 1199px) {  
	
/*.topMenu  {width: 100%; padding: 0 }*/
	.topMenu li a {padding: 14px 8px; font-size: 0.95em}

	   
}

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

@media screen and (max-width:999px) 
{
	/* show flexnav mobile menu and hide regular menu */
	/*nav#topMenu, nav#zijMenuNav {display:none;}*/
	.topMenu, .smallMenu {display:none;}
	nav#mobileMenu {display:block;  z-index: 99}

	
	/*.headerBar {width:100%; position:relative;}
	.navWrapper {position:relative; width:100%; min-height:100px; padding:0 10px; margin:0 auto}
	.navWrapper .logo {margin-left:10px;width:80px;}*/
	
	.welkomsTekst {font-size: 110%}

	
}
 
/* Smaller than 768px (devices and browsers) 
=========================================================*/

@media only screen and (max-width: 768px) {
 
/*.smallMenu {position: relative; top: 0; left: 0}*/
.inlogLink {top: 27px}

}



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

@media only screen and (max-width: 600px) {
 
	.welkomsTekst {position: relative; margin: -10px 0 0 10px} 

}


/* ===================================================================================================================
#PRINT
================================================== */

@media only print {

.topMenu {display: none}

}