/* Flexnav Base Styles */
.flexnav {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-transform-style: preserve-3d;
	overflow: hidden;
	/*margin: 0 auto;*/
	/*width: 70%;
	margin-right: 30%;*/
	max-height: 0;
	/*box-shadow: 10px 10px 5px #888888;*/
	/*box-shadow: 2px 2px 6px #666;	*/
	box-shadow: 0 6px 2px -2px rgba(50, 50, 50, 0.25);
}
.flexnav.opacity {
    opacity: 0; 
}
.flexnav.show {
	max-height: 2000px;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out; 
	background: #fff;
}
.flexnav.one-page {
	position: fixed;
	top: 50px;
	right: 5%;
	max-width: 200px; 
}

.flexnav li {
	list-style:none;
	margin-left:0px;
	font-size: 100%;
	position: relative;
	overflow: hidden; 
	line-height: 1.4em;
	width: 100%;
}

.flexnav > li:first-of-type, .flexnav li:last-of-type {
	/*border-bottom:1px solid #ccc;
	padding:5px 0;*/
}

.flexnav li a {
	position: relative;
	display: block;
	padding: .5em .8em;
	z-index: 2;
	overflow: hidden;
	color: #3e3e3e;
	text-transform: uppercase;
	text-decoration: none;
	background: #FFF;/* url(/images/bg_mobile_menu.png) no-repeat center bottom;*/
	/*background: rgba(124, 124, 124, 0.97);
	background: #000;
	background: rgba(0, 0, 0, 0.8);*/
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/
	font-size: 1.1em;
	font-weight: normal;
}
.flexnav li a:link, .flexnav li a:visited  {
	color: #3e3e3e;
}
.flexnav li a:hover {
	color: #d28e00;
}
.flexnav li ul {
	list-style:none;
	width: 100%; 
	margin-left:0px;
}
.flexnav li ul li {
	font-size: 100%;
	position: relative;
	overflow: hidden;
	width: 90%;
	margin-left:5%;
	background: #eee;
}
.flexnav li ul.show li {
	overflow: visible; 
}
.flexnav li ul li a {
	display: block;
	/*background: rgba(240, 240, 240, 0.9); */
	color: #555;
	padding: .3em;
	font-weight: normal;
	font-size: 1.0em;
	text-transform: none;
}
.flexnav ul li ul li a {
	color: #fff;
	/*background: #b9b9b9;*/
	background:#ccc;
	font-weight: normal; 
}
.flexnav ul li ul li ul li a {
	/*background: #b9b9b9;*/
	background:#fff; 
	/*background: rgba(185, 185, 185, 0.8);*/ 
}
.flexnav .touch-button {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	display: inline-block;
	/*background: #acaca1;
	background: #333;
	background: rgba(0, 0, 0, 0.3);*/
	text-align: center; 
}
.flexnav .touch-button:hover {
	cursor: pointer; 
}
.flexnav .touch-button .navicon {
	position: relative;
	/*top: 0.3em;*/
	font-size: 1.4em;
	/*color: #777777; */
}

.flexnav .touch-button i.navicon {color: #ccc}

.menu-button-search {
	margin-right: 5px;
}
.menu-button {
	margin-right: 2%;
	margin-top: 10px !important;
}

.menu-button,
.menu-button-search,
.menu-button-sm {
	position: relative;
	font-size: 20px;
	/*display: block;*/
	float:right;
	width:34px;
	height:32px;
	padding: 4px 4px 4px 4px;
	margin: 0 0 50px 0; 
	background: #0039a6;
	/*background: #004890;*/
	overflow:hidden;
	color: #fff;
	cursor: pointer;
	border: 0px solid rgba(0, 57, 166, 1); 
}

.rob .menu-button,
.menu-button-search,
.ob .menu-button-sm {background: #004890}

.rfv .menu-button,
.menu-button-search,
.rfv .menu-button-sm {background: #007663}

.menu-button.one-page {
	position: fixed;
	top: 0;
	right: 5%;
	padding-right: 45px; 
}
.menu-button .touch-button,
.menu-button-search .touch-button,
.menu-button-sm .touch-button {
	background: transparent;
	position: absolute;
	z-index: 999;
	top: 7px;
	left: 4px;
	width: 32px;
	height: 32px;
	display: inline-block;
	text-align: center; 
}
.menu-button .touch-button .navicon, 
.menu-button-search .touch-button .navicon,
.menu-button-sm .touch-button .navicon {
	font-size: 1.15em;
	line-height: 1.15em;
	position: relative;
	xcolor: #e5ecf4; /*1262A3*/
}

.rob .menu-button .touch-button .navicon, 
.rob .menu-button-search .touch-button .navicon,
.rob .menu-button-sm .touch-button .navicon {
	color: #e5ecf4;
}

.rfv .menu-button .touch-button .navicon, 
.rfv .menu-button-search .touch-button .navicon,
.rfv .menu-button-sm .touch-button .navicon {
	color: #e5f1ef;
}

/*.grijzeBaan .touch-button i.navicon fa {color: #ccc !important;}*/

.rob li .touch-button i.navicon i.fa {color: #004890 !important; font-size: 1.3em; margin-right: 20px}
.rfv li .touch-button i.navicon i.fa {color: #007663 !important; font-size: 1.3em; margin-right: 20px}
.rob li li .touch-button i.navicon i.fa {color: #99b6d3 !important;}
.rfv li li .touch-button i.navicon i.fa {color: #66ada1 !important;}


/* social media buttons in the mobile menu */
.menu-button-sm .touch-button .fa-twitter, .menu-button-sm .touch-button .fa-youtube, .menu-button-sm .touch-button .fa-facebook  {color: #f1ba13}

/* breakingpoint for showing the menu as a regular horizontal menu-bar with vertical dropdowns. */
@media all and (min-width: 5000px) {
	body.one-page {
		padding-top: 70px; 
	}
	
	.flexnav {
		overflow: visible; 
	}
	
	.flexnav.opacity {
		opacity: 1; 
	}
	
	.flexnav.one-page {
		top: 0;
		right: auto;
		max-width: 1080px; 
	}
	
	.flexnav li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		background-color: #a6a6a2;
		width: 20%;
		overflow: visible; 
	}
	
	.flexnav li a {
		border-left: 1px solid #acaca1;
		border-bottom: none; 
	}
	
	.flexnav li > ul {
		position: absolute;
		top: auto;
		left: 0; 
	}
	
	.flexnav li > ul li {
		width: 100%; 
	}
	
	.flexnav li ul li > ul {
		margin-left: 100%;
		top: 0; 
	}
	
	.flexnav li ul li a {
		border-bottom: none; 
	}
	
	.flexnav li ul.open {
		display: block;
		opacity: 1;
		visibility: visible;
		z-index: 1; 
	}
	
	.flexnav li ul.open li {
		overflow: visible;
		max-height: 100px; 
	}
	
	.flexnav li ul.open ul.open {
		margin-left: 100%;
		top: 0; 
	}
	
	.menu-button {
	display: none; 
	} 
}
    
.oldie body.one-page {
  padding-top: 70px; }
.oldie .flexnav {
  overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none; }
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible; }
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible; }
  .oldie .flexnav li ul li ul {
    top: 0; }
  .oldie .flexnav li ul li a {
    border-bottom: none; }
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li ul.open li {
      width: 100%; }
    .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible; }
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0; }
.oldie .menu-button {
  display: none; }
.oldie.ie7 .flexnav li {
  width: 19.9%; }


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/


/***** MAX WIDTH 480 ****/
/*********************************************/
@media screen and (max-width:480px) {

.flexnav {
	width: 100%;
}

#mobileMenu ul {margin: 0; padding: 10px 0 10px 0}	
#mobileMenu ul ul {margin: 0; padding: 0}
nav#mobileMenu ul li a:hover, nav#mobileMenu ul li:hover{color:#D28E00}
.flexnav li ul li a:hover {color:##D28E00}
.flexnav li ul li a:before {content: "\00bb"; padding-right: 5px;}

#mobileMenu ul li ul li:nth-child(2) a {border:0; background: transparent}
#mobileMenu ul li ul {border-bottom: 1px solid #ccc; }


}