@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local(''), url('../___FONTS/roboto-v20-latin-100.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-100.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local(''), url('../___FONTS/roboto-v20-latin-100italic.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-100italic.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local(''), url('../___FONTS/roboto-v20-latin-300.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-300.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local(''), url('../___FONTS/roboto-v20-latin-300italic.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-300italic.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local(''), url('../___FONTS/roboto-v20-latin-regular.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-regular.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local(''), url('../___FONTS/roboto-v20-latin-italic.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-italic.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local(''), url('../___FONTS/roboto-v20-latin-500.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-500.woff') format('woff'); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local(''), url('../___FONTS/roboto-v20-latin-500italic.woff2') format('woff2'), url('../___FONTS/roboto-v20-latin-500italic.woff') format('woff'); }

html, body { margin: 0; height: 100%; width: 100%; text-align: left; }
BODY {
	height: 100%;
	FONT-SIZE: 16px; 
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #3d3d3d;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
	top: 0px;
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #01008c;
}
strong { font-weight: 500; }

h1, h2, h3, h4, h5, h6 			{ text-align: left; margin: 0px; top: 0px; padding: 0px; font-weight: normal; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; font-weight: 500; }
H1 								{ FONT-SIZE: 30px; color : #e78221; line-height: 30px; font-style: normal; font-weight: normal; padding-top: 10px; padding-bottom: 10px; }
H2 								{ FONT-SIZE: 24px; color : #e78221; line-height: 28px; font-style: normal; font-weight: normal; padding-top: 10px; padding-bottom: 10px; }
H3 								{ FONT-SIZE: 22px; color : #e78221; line-height: 26px; font-style: normal; font-weight: normal; }
H4 								{ FONT-SIZE: 20px; color : #e78221; line-height: 24px; font-style: normal; font-weight: normal; }
H5 								{ FONT-SIZE: 18px; color : #e78221; line-height: 22px; font-style: normal; font-weight: normal; }
H6 								{ FONT-SIZE: 18px; color : #e78221; line-height: 20px; font-style: normal; font-weight: normal; }

@media only screen and (max-width: 700px) { 
	H1 { FONT-SIZE: 16px; }
	H2 { FONT-SIZE: 16px; }
	H3 { FONT-SIZE: 16px; }
	H4 { FONT-SIZE: 16px; }
}
@media only screen and (min-width: 700px) and (max-width: 1400px) { 
	H1 { FONT-SIZE: 24px; }
	H2 { FONT-SIZE: 20px; }
	H3 { FONT-SIZE: 18px; }
	H4 { FONT-SIZE: 16px; }
}

A 								{ FONT-SIZE: 16px; font-weight: 300; color: #e78221; text-decoration: underline; }
A:link 							{ FONT-SIZE: 16px; font-weight: 300; color: #e78221; text-decoration: underline; }
A:active 						{ FONT-SIZE: 16px; font-weight: 300; color: #e78221; text-decoration: underline; }
A:visited 						{ FONT-SIZE: 16px; font-weight: 300; color: #e78221; text-decoration: underline; }
A:hover 						{ FONT-SIZE: 16px; font-weight: 300; color: #e78221; text-decoration: underline; }

.table-striped tbody tr:nth-of-type(odd) { background-color: #fff7ec; }
.table-bordered { border: 1px solid #0e8abd; }
.table-bordered td { border: 1px solid #0e8abd; }

.btn-primary, a.btn-primary{ color: #ffffff; background-color: #f0664a; border-color: #f0664a; }
.btn-primary:hover, a.btn-primary:hover { color: #ffffff; background-color: #f0664a; border-color: #ffffff; }

img { max-width: 100%; width: auto; -ms-interpolation-mode: bicubic; }
img, embed, object, video { max-width: 100%; }
.width_90 { min-width: 90%; margin: 0 auto; }
.header_top { background-color: #ebebeb; }
.header_border { border-bottom: 1px solid #c7c7c7 !important; }
A.header_link, A.header_link:link, A.header_link:active, A.header_link:visited, .header_link { FONT-SIZE: 16px; color: #3d3d3d; text-decoration: none; font-style: normal; font-weight: normal; }
div.img_centered { position: relative; }
h1.img_centered { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; background-color: #242424; opacity: 0.7; filter: alpha(opacity=70); padding: 10px 10px 10px 10px; }
@media only screen and (min-width: 600px) { 
	h1.img_centered { display: block; }
}

.container-fluid { margin-right: 0; margin-left: 0; }
.row.no-gutters { margin-right: 0; margin-left: 0; }
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; }

.flexslider { border: 0px; margin: 0px 0px 0px 0px; z-index: 1; }
.flexslider .slides li { position: relative; }
.flexslider .slides li img { max-height: 735px; height: auto; width: auto; display: block; margin: 0 auto;}
.flex-caption { FONT-SIZE: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #ffffff; background-color: #3d3d3d; opacity: 0.7; filter: alpha(opacity=70); padding: 20px 20px 20px 20px; text-align: center;}
.flex-direction-nav .flex-prev { left: 20px; }
.flex-direction-nav .flex-next { right: 20px; }
@media only screen and (max-width: 1000px) { 
	.flex-caption { FONT-SIZE: 18px; } 
}
@media only screen and (max-width: 500px) { 
	.flex-caption { FONT-SIZE: 14px; } 
}
@media only screen and (max-width: 400px) { 
	.flex-caption { FONT-SIZE: 12px; } 
}
.overlay { height: 100%; width: 0; position: fixed; z-index: 10000; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; }
.overlay-menu-content { position: relative; width: 100%; text-align: left; margin-top: 75px; margin-left: 10px;}
.overlay-menu-content ul { list-style-image: none !important; }
.overlay a { line-height: 40px; padding: 10px;  text-decoration: none; font-size: 18px; color: #FFFFFF; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { color: #cecece; }
.overlay .closebtn { position: absolute; top: 0px; right: 30px; font-size: 40px; color: #ffffff; }

.menu-area		{ background: #ebebeb; margin: 0 auto; height: auto; }
.dropdown-menu	{ padding:0; margin:0; border:0; border:0 solid rgba(0,0,0,.15); border-radius:0; -webkit-box-shadow:none!important; box-shadow:none!important; }
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link	{ text-decoration: none; color: #3d3d3d; font-size: 16px;  padding: 10px 10px; display: block !important; }
.navbar-nav > li > a:hover, .mainmenu ul li a:hover { color: #ffffff !important; background-color: #e78221; }
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu .active a:active,.mainmenu li a:hover,.mainmenu li a:focus,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover	{ color: #ffffff; text-decoration: none; background-color: #e78221; }

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a { color: #000000; }
.mainmenu .collapse ul ul > li > a { color: #3d3d3d; padding: 5px 5px; font-size: 16px; }
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover	{ background-color: #e78221; color: #3d3d3d; }
.mainmenu .collapse ul ul ul > li:hover > a	{ }

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu	{ background-color: #ebebeb; color: #ffffff; width: 250px; padding: 5px 5px; }

.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu	{ }
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu	{ }
/******************************Drop-down menu work on hover**********************************/
.mainmenu { background: none; border: 0 solid; margin: 0; padding: 0; min-height: 20px; width: 100%; }
.navbar-toggler { padding: 5px 10px 5px 10px; font-size: 1.25rem; line-height: 1; margin-right: 10px; }

@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after { border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; }
	.dropdown-menu { margin:0; }
}

@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:200px;display:none}
	/*******/
	.mainmenu .collapse ul ul li { position:relative; }
	.mainmenu .collapse ul ul li:hover> ul { display:block; }
	.mainmenu .collapse ul ul ul { position:relative; top:-5px; left:-200px; min-width:200px; display:none; }
	/*******/
	.mainmenu .collapse ul ul ul li{position:relative}
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
}
@media only screen and (max-width: 767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}

@media (min-width: 1200px) {
	.navbar-expand-custom { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
	.navbar-expand-custom .navbar-nav { -ms-flex-direction: row !important; flex-direction: row !important; }
	.navbar-expand-custom .navbar-nav .dropdown-menu { position: absolute; }
	.navbar-expand-custom .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
	.navbar-expand-custom > .container, .navbar-expand-custom > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
	.navbar-expand-custom .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
	.navbar-expand-custom .navbar-toggler { display: none; }
	.navbar-expand-custom .navbar-nav { display:table; width:100%; margin: 0; }
	.navbar-expand-custom .navbar-nav > li { float:none; display:table-cell; text-align:center; }
}

.footer { background-color: #ebebeb; }
.footer h1 { font-size: 24px; color: #e78221; }
.footer_link, A.footer_link, A.footer_link:link, A.footer_link:active, A.footer_link:visited { color: #5b5b5b; text-decoration: none; font-style: normal; font-weight: normal;  }
.footer_text { color: #5b5b5b; }
.footer_text_oranje { color: #e78221; }
A.footer_text_grijs, A.footer_text_grijs:link, A.footer_text_grijs:active, A.footer_text_grijs:visited, .footer_text_grijs { color: #9b9b9b; text-decoration: none; font-style: normal; font-weight: normal; }

.clearfix { clear: both; }

.eupopup-container { background-color: rgba(25, 25, 25, 0.9);  padding: 10px 20px; font-size: 16px; text-align: center; display: none; z-index: 9999999; position: fixed; top: 0; left: 0; right: 0; width: 100%; }
.eupopup-head { font-size: 1.2em; font-weight: bold; padding: 10px; color: #ffffff; }
.eupopup-body { color: #ffffff; }
.eupopup-buttons { padding: 10px 0 10px 0; }
.eupopup-button { margin: 0 10px; }
a.eupopup-button_1 { color: #ffffff; font-weight: normal; font-size: 16px; }
a.eupopup-button_2 { color: #ffffff; font-weight: bold; font-size: 16px; }
a.eupopup-button:hover, a.eupopup-button:focus { text-decoration: underline; color: #ffff00; }