/* CSS Document 
DGROEN #24431E
LICHTBEIGE #FAF4E6
BEIGE #F4E9CA
font-family: 'Brice Condensed';
font-family: 'BellCent NamNum BT';
 font-family: 'BellCent Add BT';
 font-family: 'Brice';
  font-family: 'FranklinGotTRegCon';
*/
.ctr-menu {
  position: fixed;
  right: -100px;
  top: -100px;
  z-index: 100;
  width: 185px;
  height: 185px;
background-color: rgba(255,255,255,0.85);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;

  cursor: pointer;
  
}
.hamburger {
  position: absolute;
  top: 118px;
  left: 40px;
  width: 30px;
  height: 4px;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}


.nav-icon1 {
	width: 32px;
	height: 32px;
	position: relative;
	cursor: pointer;
}
.nav-icon1 span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #0066D2;
	border-radius: 9px;
	opacity: 1;
	left: 0;
}

.nav-icon1 span:nth-child(1) {
	top: 0px;
}
.nav-icon1 span:nth-child(2) {
	top: 11px;
}
.nav-icon1 span:nth-child(3) {
	top: 22px;
}
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */   
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	 z-index:999999 !important;
	left: 0;
	top: 0;
	opacity: 1;
	/*background-color: #24431E; /* Black fallback color */
	background-color: rgba(0,102,210,1);
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.4s;
}
/* Position the content inside the overlay */
.overlay-content {
	position: relative;
 font-family: 'Mechanical';
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
	max-width: 1800px;
	padding: 0px 20px;
	margin: auto;
	color: #FFF;
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
.overlay-content b, .overlay-content strong {
	margin-top: 0;
	margin-bottom:40px !important;
	padding-top: 0;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	text-decoration: underline;
	font-size: 25px;
	color: #E2B540;
	
	text-decoration:none;
}


.overlay-content ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	max-width: 1240px;
	padding-left: 0;
	list-style-position: outside;
}
.overlay-content li {
	list-style: none;
	display: inline-block;
	width: calc(100% / 3);
	text-align: left;
	
}
.overlay-content .wrapper {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 120px;
}
.overlay-content .wrapper > * {
	padding: 10px;
	flex: 1 100%;
	
}
.overlay-content .main {
	text-align: center;
	

	margin:auto;
	max-width:100%;
}
.overlay-content .aside-1 {
	position: relative;
	
}
.overlay-content .aside-2 {
	position: relative;

	
}

.container_logo_menu
{
	max-width:320px;
	margin:auto;
}
.overlay-content img.logo {
	margin:auto;
	padding-top: 8px;
}
.menu-mail-tel {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 280px;
	text-align: left;


}
.menu-mail-tel > div {
	flex-grow: 1;

}
.menu-mail-tel > div.item-wide {
	flex-grow: 2;
}
.break-menu {
	flex-basis: 100%;
	height: 8px;
}
a.tel-menu {
	margin-top: 4px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/icons/tel-menu.png) no-repeat;
	transition: ease-in-out 0.3s;
}
a.email-menu {
	margin-top: 4px;
	display: block;
	width: 28px;
	height: 20px;
	background: url(../images/icons/email-menu.png) no-repeat;
	transition: ease-in-out 0.3s;
}
/* The navigation links inside the overlay */
.overlay a {
		 font-family: 'Mechanical';
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
	font-weight:normal;
	transition: ease-in-out 0.3s; /* Transition effects on hover (color) */
}
/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
	color: #E2B540;

}
/* Position the close button (top right corner) */
.overlay .closebtn {
	position: absolute;
	right:20px;
	top:0;
	z-index:2;
	 font-family: 'BellCent Add BT';
	width: 100px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	display: inline-block;
}
.overlay .closebtn:hover {
	text-decoration: none;
}
.overlay .closebtn span {
	position: absolute !important;
	font-family: 'FranklinGotTRegCon';
	text-decoration: none;
	font-size: 60px;
	line-height: 60px;
	top: 3px;
	right: 0 !important;
}
.maps_menu {
	border-radius: 5px;
	padding: 5px;
	border: 2px #d5d5d5 solid;
}
.maps_menu_iframe {
	padding: 0;
	margin: 0;
	width: 100%;
	border: 0;
	height: 100%;
	max-width: 100%;
	min-height: 250px;
	position: relative;
	height: auto !important;
	display: block;
}
 @media screen and (max-width : 980px) {
.overlay-content ul {
	display: flex;
	justify-content: center !important;
}
.overlay-content li {
	list-style: none;
	width: calc(100% / 2);
	text-align: left;
	margin-bottom: 50px;

}
.overlay-content li:last-child {
	width:100%;

}
}
 @media screen and (max-width : 640px) {
.overlay-content ul {
	display: flex;
	justify-content: center !important;
}
.overlay-content li {
	list-style: none;
	width: calc(100% / 1);
	text-align: center;
	margin-bottom: 50px;
}
.menu-mail-tel {

	margin:auto;
}
}
@media all and (min-width: 600px) {
.overlay-content .aside {
	flex: 1 0 0;
}
}
 @media all and (min-width: 800px) {
.overlay-content .main {
	flex: 3 0px;
}
.overlay-content .aside-1 {
	order: 1;
	
}
.overlay-content .main {
	order: 2;

}
.overlay-content .aside-2 {
	order: 3;

}

}
 @media screen and (max-width : 800px) {
	 .overlay-content .aside-1 {
display:none;
}
	 .overlay-content .aside-2 {
	order: 3;

}

 }
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-width: 650px) {
.overlay a {
	font-size: 20px
}

}
@media screen and (max-width: 600px) {
#nav-icon1 {
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}
#nav-icon1 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #FAF4E6;
	border-radius: 9px;
	opacity: 1;
	left: 0;
}
#nav-icon1 span:nth-child(1) {
	top: 0px;
}
#nav-icon1 span:nth-child(2) {
	top: 8px;
}
#nav-icon1 span:nth-child(3) {
	top: 16px;
}
.overlay-content .wrapper {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 40px;
}
.sluiten
{
	display:none;
}
}
@media screen and (max-width: 380px) {
.overlay-content .cell-pb {
	width: 100%;
	display: block;
	margin-bottom:20px;
	text-align:center;

}
.overlay-content .functie, .overlay-content .naam 
{
	width:100%;
	display:block;
	margin-bottom:8px;
	text-align:center;
}
.overlay-content .functie
{
	font-weight:bold;
}
.overlay .closebtn {
	position: absolute;
	right:20px;
	top:0;
	z-index:2;
	 font-family: 'BellCent Add BT';
	width: 100px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	display: inline-block;
}
.overlay .closebtn:hover {
	text-decoration: none;
}
.overlay .closebtn span {
	position: absolute !important;
	font-family: 'FranklinGotTRegCon';
	text-decoration: none;
	font-size: 40px;
	line-height: 40px;
	top: 3px;
	right: 0 !important;
}
}