@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Medusa Basis Business Responsive 7.3
Version:	1.0
Primary use:	Basis template responsive website
Method:	Bootstrap 3 Media Queries, Mobile First Method
Media Queries:
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}

/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}

/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}

/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}

/*------------------------------------------------------------------
[Inhoudsopgave]

1. Algemeen
2. Typografie
3. Buttons
4. Navigatie
5. Container structuur
6. Talen
7. Inloggen
	7.1 inloggen Popup (Modal)
8. Zoeken
	8.1 Zoekresultaten
9. Broodkruimelpad
10. Formulieren (CMS)
	10.1 Formulieren mededeling
11. Nieuws
	11.1 Nieuwsblok
	11.2 Nieuwslijstblok
	11.3 Filterblok
	11.4 Paginering
12. Footer
13. Carousel
14. Kleurblok
00. Nieuw component

-------------------------------------------------------------------*/


/* ========================================
  1. Algemeen
   ========================================= */

/*  #IMAGE_SCRIPT# (referentienaam) // gebruikt: PHP */

.object-fit_contain {
	object-fit: contain;
	o-object-fit: contain;
	font-family: 'object-fit: contain;'/* For use with IE/EDGE Polyfill */
}

.object-fit_cover {
	object-fit: cover;
	o-object-fit: cover;
	font-family: 'object-fit: cover;'/* For use with IE/EDGE Polyfill */
}

.element-full-width {
	width: 100%;
}

/* Flexbox stijlen */

.flexrow{
	display: flex;
	flex-wrap: wrap;
}

.flexContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexBeschikbareRuimte {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flexVolleBreedte {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.flexCentreer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.p-right{
	padding-right:76px;
	padding-left:76px;
}
.uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.normal {
	font-weight: normal;
}

.strong {
	font-weight: 700 !important;
}

.text-white {
	color: white !important;
}

.text-black {
	color: black !important;
}

.word-break {
	word-break: break-word;
}

.relative {
	position: relative;
}

.hidden {
	display: none;
}

.inline-block {
	display: inline-block;
}

.round {
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
}

.shadow {
	-webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
	box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
}

.white-shadow {
	-webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
	-moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
	box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}

.clearlist, .clearlist li {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}

.no-padding {
	padding: 0;
}

body {
	background-color: #071D5B;
	background-color: rgba(7, 29, 91, 0.2);
	background-color: #ffffff;
	/* float:left; */
	width: 100%;
}

.bg_image {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0px;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center bottom;
}

body>div.grid-wrapper.midden {
	/* padding-bottom: 50px; */
	padding-top: 150px;
	padding-top: 200px;
	float: left;
	width: 100%;
}

.page_section {
	min-height: 100vh;
	position: relative;
}

.back svg#close {
	width: 20px;
	height: 20px;
	fill: white;
	float: right;
	margin-right: -10px;
}

.back svg#close:hover {
	fill: #e85311;
	cursor: pointer;
}

.snel_contact_wrapper .back svg#close {
	/* display:none; */
	visibility:hidden;
}

.snel_contact_wrapper.open .back svg#close {
	display:block;
	visibility:visible;
}

.ft-w-btn, .ft-w-btn:active {
	background-color: transparent;
	color: #ffffff;
	right: 20px;
	opacity: 1;
	text-decoration: none;
	position: fixed;
	bottom: -44px;
	left: -50px;
	z-index: 9999999999999;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 55px 0 0 55px;
	border-color: transparent transparent transparent rgba(6, 29, 90, 1);
	border-color: transparent transparent transparent rgba(6, 29, 90, 1);
	cursor: pointer;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-packt: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-transition: 0.4s cubic-bezier(0.21, 0.37, 0.13, 0.98);
	-o-transition: 0.4s cubic-bezier(0.21, 0.37, 0.13, 0.98);
	-webkit-transition: 0.4s cubic-bezier(0.21, 0.37, 0.13, 0.98);
	transition: 0.4s cubic-bezier(0.21, 0.37, 0.13, 0.98);
}

.ft-w-btn.open, .ft-w-btn:active.open {
	left: 0px;
	bottom: 0px;
}

.ft-w-btn .fa.fa-pencil {
	color: #ffffff;
	bottom: 7px;
	position: absolute;
	left: -48px;
	z-index:10px;
}

img {
	max-width: 100%;
	height: auto;
	margin-top: 7px;
	margin-bottom: 9px;
	float: left;
}

iframe {
	border: none;
}



a:focus {
	color: transparent;
	text-decoration: none;
}

/* Remove iPhone/Safari input element rounding */

input {
	border-radius: 0;
}

/* Mouse select */

::selection {
	color: #fff;
	background: #e2e2e2;
}

::-moz-selection {
	color: #fff;
	background: #e2e2e2;
}

/* Gecko Browsers */

::-webkit-selection {
	color: #fff;
	background: #000;
}

/* Print styles */

@media print {
	a:link:after, a:visited:after {
		content: "";
	}
}

/* ========================================
   2. #TYPOGRAFIE# (referentienaam)
   ========================================= */

html {
	font-size: 62.5%;
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #535353;
	font-size: 1.5rem;
	/* =15px */
	line-height: 1.5;
	font-style: normal;
	/* word-break: break-word;
	overflow-wrap: break-word; */
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #071D5B;
}

a.informatiepakket {
	color: #ff6600;
	text-decoration:none;
}

a:hover, a:focus {
	color: #e85311;
	text-decoration: none;
}

a:hover, a:focus {
	color: #e85311;
	text-decoration: none;
}

h1 {
	font-size: 2.6rem;
	line-height: 1.4;
	color: #071D5B;
	margin-bottom: 10px;
}

h2 {
	font-size: 2.1rem;
	line-height: 1.4;
	color: #e85311;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.8rem;
	line-height: 1.4;
	color: #071D5B;
	margin-bottom: 0px;
}

h1, h2, h3 {
	font-weight: bold;
	margin-top: 20px;
	word-break: break-word;
}

p {
	margin: inherit;
	margin: 0;
}

ul, ol {
	margin: 0 0 1.5em 0;
}

hr {
	border-color: rgba(0, 0, 0, .85);
	background: rgba(0, 0, 0, .85);
}

/* ========================================
   3. Buttons
   ========================================= */

/* ========================================
	4. #NAVIGATIE# (referentienaam) // gebruikt: php
	External stylesheet: inc_menu.css
   ========================================= */

.navbar-default {
	margin-bottom: 0px;
	background-color: transparent;
	border: 0;
}

.navbar-header {
	width: 100%;
	background-color: rgba(255,255,255,.9);

}

.navbar-toggle {
	margin-right: -6px;
	/* padding-right:0px; */
}

/* Hoofdmenu */

.hoofdmenu {
	margin-top: 0px;
	/* margin-bottom: 20px; */
	border-bottom: 1px solid rgba(7, 29, 91, 0.3);
	/* background-color: #ffffff; */
	display: block;
	/*######################################################################################################*/
}

.hoofdmenu>.container {
	padding-left: 0px;
	padding-right: 0px;
}

.hoofdmenu li a {
	font-size: 1.6rem;
}

.hoofdmenu .collapse li a {
	/* line-height: 0px !important; */
	padding-top: 5px;
	padding-bottom: 5px;
}

.hoofdmenu .dropdown-menu {
	padding: 0px;
}

/* .hoofdmenu .dropdown-menu li ul li a {
} */

.hoofdmenu .dropdown-menu li.active a {
	background-color: #E99236;
}

.hoofdmenu .navbar-nav>.active>a, .hoofdmenu .navbar-nav>.active>a:hover, .hoofdmenu .navbar-nav>.active>a:focus {
	color: #E99236;
	background-color: transparent;
}

.hoofdmenu .navbar-nav>.open>a, .hoofdmenu .navbar-nav>.open>a:hover, .hoofdmenu .navbar-nav>.open>a:focus {
	background-color: transparent;
	color: #555555;
}

.logowrap {
	/* background-color:lightpink; */
	width: 100%;
	float: left;
	/* T. B. V.  B R E D E  V E R S I E*/
	padding-left:15px;
	padding-right:0px;
	/* B R E D E  V E R S I E*/
	position: relative;
}
.zIndexHead{
		z-index: 103 !important;
		position: relative;
		background-color: white;
}

.logowrap a {
	padding-right:5px;
	display:block;
}

#navbarSupportedContentBar {
/* margin-bottom: -40px; */
	position: relative;
	top: 0px;
	z-index: 1;
	padding:0px;
	border:1px solid #e7e7e7;
	border-width:1px 0px;
}

.contact_nav {
	/* background-color:lightblue; */
	/* width:60%; */
	height: 66px;
	float: right;
	margin-right:59px;
}

.contact_nav .telefoon {
	display: inline-block;
	float: right;
	text-align: right;
}

.contact_nav .contact {
	float: right;
	/* height: 66px; */
}

.grid-wrapper.boven {
	background-color: lightgreen;
	width: 100% !important;
	padding-left: 0px;
	padding-right: 0px;
}

.grid-wrapper.boven .wrap.bovenstuk {
	width: 100% !important;
	height: auto;
}

.wrap.onderstuk {
	padding-left: 0px;
	padding-right: 0px;
	/* background-color:yellowgreen; */
}
.navbar-collapse.collapse.show {
    background-color: rgba(232, 83, 17, 0.9);
    background-color: rgba(255, 255, 255, 0.9);
    display: block!important;
    overflow: hidden !important;
    bottom: -34px;
    z-index: 5;
}

.navbar-collapse.collapse.show:after {
	content: "";
	width: 100vw;
	border-bottom: 1px solid #e7e7e7;
	left: -15px;
	position: relative;
}

/*TOEGEVOEGD !!*/

.navbar-toggle {
	display: block;
	/* margin-right:0; */
	margin-top: 17px;
	border: 0px;
	border-radius: 0;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
    box-shadow:none;
}
.navbar-default .navbar-toggle .icon-bar {
    display: block;
	background-color: #e85311;
	width: 27px;
	height: 4px;
	border-radius: 0px;
}
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #e85311;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #ffffff;
}

.navbar-collapse.collapse {
	/*display: none!important;
	background-color: rgba(232, 83, 17, 0.9);*/
	background-color: rgba(255, 255, 255, 0.9);
	clear: right;
	left: 0px;
	overflow: hidden !important;
	bottom:400px;
}
.navbar-header .navbar-right {
    float: right !important;
    margin-right: 65px;
    margin-right: 75px;
	display:inline-block;
}
.navbar-header .navbar-nav > li {
    float: left;
}

.navbar-collapse {
	overflow: hidden !important;
}

.navbar-nav>li a {
	color: #071D5B !important;
}

.navbar-nav>li.active a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #e85311 !important;
}

.navbar-right a {
	padding-right: 0px !important;
	padding-left: 30px !important;
}

.contact_nav ul {
	margin: 0px 0px 0px 0px;
	padding: 28px 0px 0px;
	float: left;
	height: 66px;
}

.contact_nav ul li {
	list-style-type: none;
	float: left;
	padding: 0px 15px;
	height: 19px;
}

.contact_nav ul li:first-of-type {
	border-right: 1px solid #071D5B;
}

.contact_nav ul li a {
	font-size: 1.6rem;
	line-height: 1.8rem;
	text-decoration:none;
}

.content {
	padding: 20px 20px 50px 20px;
	background-color: #ffffff;
	margin-bottom: 150px;
}

.mobile_image {
	display: none;
}

.container-fluid {
	margin-left: 0px;
	margin-right: 0px;
}

/* ========================================
	5. Container structuur
   ========================================= */

.grid-wrapper {
	padding: 0;
}

/* grid wrappers */

.grid-wrapper.boven {
	background-color: #ffffff;
	width: 100%;
	/* position: fixed; */
	z-index: 2;
}

.grid-wrapper.boven .fixed {
	position: fixed;
	z-index: 2;
	width: 100%;
}

.grid-wrapper.midden {
	background-color: #f1efef;
	background-color: transparent;
}

.grid-wrapper.boven .wrap.bovenstuk {
	width: 100%;
	height: auto;
}

/* col wrappers */

.col_wrapper_onder {
	margin-bottom: 30px;
}

/* blok-content */

.blok-content {}

/* ========================================
	7. #INLOGGEN# (referentienaam) // gebruikt: php
   ========================================= */

.btn {
    font-size:inherit;
}

.btn_inloggen {
	float: right;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 8px;
}

.btn_inloggen a {
	font-size: 1.4rem;
	padding: 6px 10px;
}

/* inloggen Popup (Modal) */

#loginbox {
	margin-top: 50px;
}

.modal-body {
	padding: 2rem;
}

#loginform .input-group {
	margin-bottom: 25px;
}

#recoverpasswordbox .input-group {
	margin-bottom: 25px;
}

#recoverpasswordbox {
	display: none;
	margin-top: 50px;
}

.modal_inloggen .panel-info>.panel-heading {
	color: #000000;
	background-color: #EEEEEE;
	border-color: #D3D3D3;
}

a.modal-link-txt {
	font-size: 1.3rem;
}

.form-group.no-bottom-margin {
	margin-bottom: 0px;
}

/* remove red outline validation IE */

input:required:invalid {
	outline: none;
}

/* Inlog tekst */

.inlognaam {
	float: right;
	padding-top: 5px;
}

/* ========================================
	8. #ZOEKEN# (referentienaam) // gebruikt: php
   ========================================= */

.btn_zoeken {
	float: right;
}

.btn_zoeken .navbar-form {
	border: 0;
	/* overwrite */
	padding: 0;
	/* overwrite */
	margin-top: 8px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 8px;
}

.btn_zoeken .navbar-form .input-group>.form-control {
	width: 100%;
}

/* zoekresultaten */

#zoekresultaten a {
	color: #000 !important;
	display: block;
}

#zoekresultaten a:hover {
	text-decoration: none;
}

#zoekresultaten a h3 {
	color: #071D5B;
}

#zoekresultaten a:hover h3 {
	color: #e85311;
}

#zoekresultaten a .tekst {
	display: block;
	color: #000 !important;
	font-size: 1.6rem;
	padding-bottom: 20px;
	margin-top: -10px;
}

/* ========================================
	8. #ZOEKEN# (referentienaam) // gebruikt: php
   ========================================= */

/* ========================================
	9. #BROODKRUIMELPAD# (referentienaam) // gebruikt: php
   ========================================= */

ol.breadcrumb {
	margin-top: 20px;
	background-color: rgba(0, 0, 0, 0.075);
}

/* ========================================
	10. #FORMULIEREN# (referentienaam)
   ========================================= */

table.formulier {
	margin-bottom: 40px;
}

.formulier .cell_label, .formulier .cell_field {
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 2.3rem;
	padding-bottom: 15px;
	vertical-align: top;
	/*display:block;*/
}

.formulier .cell_label {
	padding-right: 15px;
}

.formulier input[type="text"], .formulier input[type="email"], .formulier input[type="numeric"], .formulier textarea, .formulier select {
	height: 31px;
	line-height: 18px;
	padding: 0 10px 0 10px;
	transition: all 0.7s ease-in-out 0s;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	color: #333333;
	width: 100%;
	max-width: 320px;
	display: inline-block;
	font-size: inherit;
}

.formulier .cell_field img {
	margin-left: 5px;
	margin-top: -5px;
}

#captchaImage {
	border: solid 1px #cccccc;
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 0;
}

.formulier select {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.formulier textarea {
	border-bottom-right-radius: 0px;
}

.formulier input[type="checkbox"], .formulier input[type="radio"] {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.formulier textarea {
	height: 200px;
	overflow: auto;
	font-size: inherit;
	padding: 5px 10px 5px 10px;
}

/* *'WISSEN' KNOP VERBERGEN*/

.formulier input[type="reset"] {
	display: none;
}

.formulier .cell_multi em {
	white-space: nowrap;
	margin-left: 30px;
}

.formulier .cell_field em {
	display: block;
	white-space: nowrap;
	padding-top: 4px;
	font-size: 1.6rem;
	padding-left: 10px;
}

.formulier input:hover, .formulier input:focus, .formulier textarea:hover, .formulier textarea:focus, .formulier select:hover, .formulier select:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}

.formulier input[type="file"] {
	box-shadow: none;
}

/* Overschrijf Bootstrap labelstijl */

.formulier label {
	font-weight: normal;
}

/* Formulieren mededeling */

.mmodal {
	position: fixed;
	top: 110px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 200px;
	background-color: #eeeeee;
	border: solid 1px #cccccc;
	color: #333333;
	box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.05);
	z-index: 999999;
	word-break: break-word;
}

.mmodal h1 {
	margin: 10px auto;
	text-align: center;
}

.mmodal div {
	width: 100%;
	text-align: center;
	display: block;
	margin: 10px auto;
	font-size: 1.8rem;
}

.mmodal button {
	width: 160px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -80px;
}

/* ======================================
	11. #NIEUWS# (referentienaam)
====================================== */

/* Nieuwsblok */

article.nieuwsblok .padding-bottom {
	margin-bottom: 20px;
}

article.nieuwsblok .tekst {
	padding: 16px 0 7px 0;
	color: inherit;
}

article.nieuwsblok p.datum {
	font-size: 0.8em;
}

/* Nieuwslijstblok */

article.nieuwslijstblok .padding-bottom {
	margin-bottom: 20px;
}

article.nieuwslijstblok .tekst {
	padding: 16px 0 7px 0;
	color: inherit;
}

article.nieuwslijstblok h3.nieuwstitel {
	margin: 10px 0px;
}

article.nieuwslijstblok p.datum {
	font-size: 0.8em;
}

article.nieuwslijstblok .tekst ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

article.nieuwslijstblok .tekst ul li {
	border-bottom: 1px solid #535353;
	margin-bottom: 10px;
}

article.nieuwslijstblok a.nieuwsoverzicht {
	display: block;
	text-align: center;
}

/* Filterblok */

.filterblok ul.filter-onderwerpen {
	padding-left: 0;
	list-style-type: none;
}

.filterblok ul.filter-onderwerpen li.active a {
	color: #e99205;
	text-decoration: underline;
}

/* Paginering */

nav.paginering {
	text-align: center;
}

/* ======================================
	12. Footer
====================================== */

footer {
	width: 100%;
	bottom: 0;
	margin-top: 0;
}

footer {
	background-color: rgba(0, 0, 0, 0.075);
}

footer .footerblok {
	margin-top: 11px;
	margin-bottom: 40px;
}

footer .footerblok h3 {
	padding-bottom: 20px;
	border-bottom: 1px dotted #535353;
}

footer .footerblok .tekst p {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

footer .footerblok .tekst a {
	color: inherit;
}

footer .footerblok nav ul {
	list-style-type: none;
	padding: 0;
}

footer .footerblok nav ul li a {
	font-size: 1.5rem;
	color: inherit;
}

footer .footerblok nav ul li a:hover {
	color: inherit;
}

/* ======================================
	13. #CAROUSEL# (referentienaam) // gebruikt: php, js, custom js
====================================== */

#myCarousel.carousel {
	height: 244px;
	z-index: 0;
}

/* ======================================
	14. #KLEURBLOK# (referentienaam) // gebruikt: php
	Tabje "blokken" in het cms.
====================================== */

article.kleurblok {
	margin-bottom: 30px;
}

article.kleurblok .tekst {
	padding: 16px 0px 16px 0px;
}

article.kleurblok .kleurblok__titel {
	margin-top: 0;
}

/* afbeelding in kleurblok */

.afb_blokwrap .afbeelding {
	max-width: 100%;
	height: auto;
}

.afb_placeholder {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
}

/* Achtergrond kleuren */

.bg-wit {
	background-color: white;
}

.bg-black {
	background-color: black;
}

/* ======================================
	15. Poll
====================================== */

.col_wrapper_onder .stellingenContainer {
	margin-top: 23px;
}

form#stelling {
	padding-bottom: 15px;
}

.bullets-blok-stelling {
	background-image: url('../images/poll.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100% auto;
	background-color: #4ab3c9;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 12px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	position: relative;
	z-index: 0 !important;
}

.bullets-blok-stelling h2 {
	color: #fff;
}

.bullets-blok-stelling h3 {
	color: #fff;
	font-weight: bold;
	margin-top: 30px;
	font-size: 2.4rem;
}

.bullets-blok-stelling .vraag {
	font-size: 1.7rem;
	font-weight: bold;
}

.bullets-blok-stelling ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bullets-blok-stelling ul li {
	color: #fff;
	display: block;
	position: relative;
	width: 100%;
}

.bullets-blok-stelling ul li input[type=radio] {
	position: absolute;
	visibility: hidden;
	height: 20px;
	width: 20px;
	top: 6px;
	left: 1px;
	z-index: 1;
}

.bullets-blok-stelling ul li label {
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 1.6rem;
	padding: 5px 10px 5px 30px;
	margin: 0px auto;
	min-height: 30px;
	z-index: 3;
	-webkit-transition: all 0.25s linear;
	cursor: pointer;
}

.bullets-blok-stelling ul li:hover label {
	color: #FFFFFF;
}

.polltekst, .polltekst p {
	font-size: 1.6rem;
	font-weight: bold;
}

.polltekst a {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.polltekst a:hover {
	color: #FFFFFF !important;
	text-decoration: none;
}

.bullets-blok-stelling ul li .check {
	display: block;
	position: absolute;
	border: 4px solid #fff;
	border-radius: 100%;
	height: 16px;
	width: 16px;
	top: 10px;
	left: 5px;
	z-index: 1;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.bullets-blok-stelling ul li:hover .check {
	border: 4px solid #FFFFFF;
	background-color: #fff;
}

.bullets-blok-stelling ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 15px;
	width: 15px;
	top: 5px;
	left: 5px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.bullets-blok-stelling input[type=radio]:checked~.check {
	border: 3px solid #fff;
}

.bullets-blok-stelling input[type=radio]:checked~.check::before {
	background: #4ab3c9;
}

.bullets-blok-stelling input[type=radio]:checked~label {
	color: #fff;
}

.bullets-blok-stelling .jqplot-target {
	float: none !important;
}

.bullets-blok-stelling .jqplot-data-label {
	font-size: 1.6rem;
	line-height: 1.6rem !important;
}

.bar-main-container {
	margin: -4px auto 10px auto;
	width: 100%;
	height: 50px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	color: #FFF;
}

.bullets-blok-stelling .wrap {
	padding: 8px 0 8px 0;
}

.bar-percentage {
	float: left;
	background: rgba(0, 0, 0, 0.13);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 5px;
	width: 24%;
	height: 34px;
}

.bar-container {
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 10px;
	background: rgba(0, 0, 0, 0.13);
	width: 70%;
	margin: 12px 0px;
	overflow: hidden;
}

.bar {
	float: left;
	background: #FFF;
	height: 100%;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* ======================================
	00. Nieuw component
====================================== */

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: rgba(232, 83, 17, 0.3);
	background-color: #071D5B;
	font-size: 12px;
	padding: 0.5em;
	border-radius: 50%;
	z-index: 2001;
	text-align: center;
	line-height: 1.4;
	transition: background-color 0.5s;
	display: none;
}

.go-top-pijl {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -5px;
	vertical-align: middle;
	border-bottom: 11px dashed;
	border-bottom: 8px solid \9;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.snel_contact_wrapper {
	position: fixed;
	left: 15px;
	bottom: -400px;
	bottom: -600px;
	max-width: 320px;
	background-color: #ffffff;
	z-index: 1;
	transition: bottom 1s;
}

.snel_contact_wrapper.open {
	bottom: 15px;
	transition: bottom 1s;
	left:15px;
}

.snel_contact_container {
	background-color: rgba(6, 29, 90, 0.8);
	background-color: rgba(6, 29, 90, 1);
	padding: 10px 20px 20px;
	color: #ffffff;
	top: 0px;
	display: inline-block;
	width: 100%;
}

.snel_contact_container h4 {
	color: #ffffff;
}

.snel_contact_container p {
	margin-top: 10px;
}

.snel_contact_container #aanvraag #info span {
	display:block;
	background-color:#ffffff;
	padding:20px 10px;
	color:#061D5A;
	position:relative;
	margin-bottom:20px;
	/* left:-23px; */
}

/* .snel_contact_container #aanvraag #info span:before {
	content:" ";
	position:absolute;
	border-color: transparent transparent transparent #ffffff;
	left:-37px;
	top:5px;
	border-style: solid;
	border-width: 20px 0 0 45px;
	transform:scale(-1,-1);
	transform:rotate(200deg);
} */

#aanvraag input {
	color: #061D5A;
	font-size: 13px;
	width: 100%;
	margin-bottom: 5px;
	padding: 2px 10px;
	background-color: #B4BBCD;
	border: 1px solid #B4BBCD;
	display: inline-block;
}

#aanvraag input[type="checkbox"] {
	width: initial;
	margin: 8px 0 15px;
	;
	position: relative;
	top: 1px;
	visibility: hidden;
}

.belafspraak {
	background-color: transparent;
	position: relative;
}

.belafspraak label {
	background-color: #B4BBCD;
	display: block;
	width: 16px;
	height: 16px;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 6px;
	left: 0px;
	color: transparent;
	text-align: center;
	font-size: 18px;
	line-height: 17px;
}

.belafspraak input[type=checkbox]:checked+label {
	color: #061D5A;
}

#aanvraag input[type="submit"] {
	color: #061D5A;
	background-color: #ffffff70;
	border: 0px solid rgba(0, 255, 255, 0.7);
	float: right;
	width: 40%;
	padding: 3px 10px;
	font-size: 15px;
}

.hoofdmenu .navbar-nav {
	clear: left;
	float: left;
	/* width:100%; */
	/* margin-top: 0px; */
	/* margin-bottom: 0px; */
/*ADD*/
	float: none;
	margin: 0 auto;
	text-align: center;
	padding-right:76px;
}

.hoofdmenu .navbar-collapse {
	position:absolute;
	background-color: rgba(255, 255, 255, 0.9);
	width:100%;
	z-index:0;
}

.navbar-nav>li a {
	color: #071D5B !important;
}

.navbar-nav>li a.active {
	color: #e85311 !important;
}

.modal-dialog {
	max-width: 45vw;
}

.modal-header .btn-close {
	color: #e85311;
	background:transparent url("../images/closeButtonOranje.svg") center/1em auto no-repeat ;
}

	.modal-content img {
	margin-top:0px;
}

.modal-footer {
	border:0px;
	justify-content: space-between;
	padding:2rem;
	display:flex;
	justify-content: flex-end
}

.modal-footer button {
	background-color:#e85311;
	border-color:#e85311;
	margin:0px;
}

.modal-footer button:hover {
	background-color:#071D5B;
	border-color:#071D5B;
}

.modal-footer button.bekijk {
	background-color:transparent;
	border-color:transparent;
	color:#071D5B;
	padding:0px;
	text-align:left
}

.modal-footer button.bekijk:hover {
	background-color:transparent;
	border-color:transparent;
	color:#e85311;
}

.modal-footer button.bekijk h3 {
	margin:0px;
}

.modal-footer button.bekijk:hover h3 {
	color:#e85311;
}

.referenties {
	margin-top:50px;
}

.referenties .container {
	width:100% !important;
	padding-right:0px;
	padding-left:0px;
	margin-bottom:300px;
	float:left;
	overflow:hidden;
	max-width:unset;
}

.referenties article {
	background-color:#ffffff;
	margin-top:20px;
	border: 1px solid #D3D3D3;
	position:relative;
}

.referenties article h3 {
	margin-bottom:10px;
	margin-top:10px;
	padding:0px 10px;
	display:inline-block;
	width:90%;
}

a:hover article h3 {
	color:#e85311;
}
/*.referentie a:not(:hover) article h3 {
	color:#B4BBCD;
}*/

.referenties article img {
	margin-top:0px;
}
.referenties i {
	font-size:20px;
	float:right;
	display:inline-block;
	margin-bottom:10px;
	margin-top:10px;
	width:10%;
	position:absolute;
	bottom:0px;
	text-align:right;
	padding-right:10px;
}

.referenties .modal-footer i {
	padding-right:0px;
}
.referentie  {
	display:flex;
}

.referentie a {
	display:flex;
	height:inherit;
	float:left;
}


.referentie article {
	border:1px solid #D3D3D3;
	float:left;
	height:inherit;}

.referenties .modal-footer i {
	width:unset;
	float:none;
	position:relative;
	padding-left:10px;
}





/*############
##############
##############
##############
##############
##############
##############
*/

/* Extra Small Devices, Phones */

@media only screen and (max-width: 479px) {
	.contact_nav ul li:first-of-type {
		padding: 0px 10px 0 0px;
	}
	.contact_nav ul li:last-of-type {
		padding: 0px 0px 0 10px;
	}
	.contact_nav .telefoon {
		padding-left: 0px;
	}
	.contact_nav ul li a {
		font-size: 15px;
	}
	.navbar-toggle {
		display: block;
		margin-right: -5px;
	}
}

/*############
##############
##############
##############
##############
##############
##############
*/



/*############
##############
##############
##############
##############
##############
##############
*/

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {

	/* T. B. V.  B R E D E  V E R S I E*/
		.container {
		width: 100% !important;
		padding-right:90px;
	}
	/* B R E D E  V E R S I E*/
	/* logo */
	.navbar-header {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.hoofdmenu .navbar-nav {
		clear: left;
		float: left;
		margin-top: 0px;
		margin-bottom: 0px;
		/*margin-right: -15px;*/
	}
	.wrap.onderstuk {
		padding-left: 0px;
		padding-right: 0px;
	}
	.navbar-toggle {
		display: block;
		margin-right: 0;
		margin-top: 17px;
		border: 0px;
		border-radius: 0;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #e85311;
		width: 27px;
		height: 4px;
		border-radius: 0px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #e85311;
	}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
		background-color: #ffffff;
	}
	.navbar-collapse.collapse {
		/*display: none!important;*/
		/*background-color: rgba(232, 83, 17, 0.9);*/
		background-color: rgba(255, 255, 255, 0.9);
		clear: right;
		position: absolute;
		width: 100%;
		left: 0px;
		/* top: 76px; */
		/* bottom:-34px; */
		overflow: hidden !important;
	}
	.navbar-collapse.collapse.show {
		display: block!important;
		overflow: hidden !important;
		/* border-bottom: 1px solid rgba(7, 29, 91, 0.3); */
		/* padding-right:15px ; */
	}
	.navbar-collapse.collapse.show>container {}
	.navbar-collapse {
		overflow: hidden !important;
	}
	.navbar-nav>li a {
		color: #071D5B !important;
	}
	.navbar-nav>li a.active {
		color: #e85311 !important;
	}
	.btn_zoeken .navbar-form {
		margin-left: 8px;
	}
	.hoofdmenu {
		margin-bottom: 0px;
		/* padding-right:58px; */
		padding:0px;
	}
	.formulier .cell_label {
		padding-bottom: 0;
	}
	/* Carousel */
	.carousel {
		height: 200px;
	}
	/* zoekknop */
	/* .btn_zoeken .navbar-form {
		margin-left: 8px;
	}
	.hoofdmenu {
		margin-bottom: 0px;
	} */
}

/*############
##############
##############
##############
##############
##############
##############
*/

/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {
	.container {
		width: 100% !important;
	}

	.logowrap {
		padding-left: 15px;
		/* padding-right: 75px; */
	}

.navbar-right {
		margin-right: 0px !important;
		margin-right: 76px !important;
	}

.navbar-collapse.collapse {
		/* top: 142px; */
	}

	body>div.grid-wrapper.midden {
		padding-top: 220px;
	}
	.p-right {
		padding-right: 20px;
		padding-left: 20px;
	}
	
.hoofdmenu .navbar-nav {
	padding-right: 0px;
	}
}


/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
	body {
		background-image: none !important;
	}
	
	body>div.grid-wrapper.midden {
		margin-bottom: 0px;
		padding-top: 50px;
		padding-top: 0px;
	}

	/* .first ~ div.grid-wrapper.midden { */
		/* padding-top: 115px; */
	/* } */

	.container-fluid {
		margin-left: 0px;
		margin-right: 0px;
	}

	#hoofdmenu 	.container-fluid {
		padding:0px;
	}

	.page_section {
		min-height: 0vh;
	}

	.content {
		margin-bottom: 0px;
	}

	.contact_nav ul li:first-of-type {
		padding-left: 0px;
	}

	.contact_nav ul li:first-of-type a {
		padding-left: 0px;
	}

	.hoofdmenu {
		margin-bottom: 0px;
		border-bottom: 0px;
		background-color: transparent;
		padding:0px;

	}

	.navbar-collapse.collapse.show {
		background-color:#ffffff;

	}

	.grid-wrapper.boven {
		background-color: transparent !important;
		/* background-color:green !important; */
		width: 100% !important;
	}

	.contact_nav {
		width: 100%;
		margin-right:0px;
	}

	.contact_nav ul {
		float: right;
	}

	.container>.navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}

	/* .navbar-right a { */
		/* padding-right: 0px !important; */
		/* padding-left: 5px !important; */
	/* } */

	.logowrap {
		text-align: center;

		text-align: left;
		height: auto;
		background-color: #ffffff;
		padding: 0px 20px 10px;
		padding-right:15px !important;
	}

	.logo img {
		float: none;
	}

	.contact_nav .telefoon {
		float: left;
		text-align: center;
		padding-left: 10px;
	}

	.content {
		background-color: #ffffff;
		padding: 20px 20px 90px;
	}

	.bg_image {
		display: none;
	}

	.mobile_image {
		display: block;
		padding: 0;
		text-align: center;
		/* margin-top:0px; */
		height: 19vw;
		/* height: 100vh; */
		background-position: center bottom;
		background-size: cover;
		z-index: 0;
		min-height: 96px;
		width:100%;
		float:left;
	}

	body div.mobile_image:first-of-type {
		height: 10vh !important;
	}

	.mobile_image.first {
		margin-top: 142px;
		/* height: 10vh; */
	}

	.mobile_image img {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.formulier .cell_label, .formulier .cell_field {
		display: block;
	}

	/* .p-right{ */
	/* padding-right:20px !important; */
	/* padding-left:20px !important; */
	/* } */
	
	
	.modal-dialog {
		max-width: 80vw;
		margin-left:auto;
		margin-right:auto;
	}

	.navbar-right {
		margin-right: 19px !important;
	}

	table.td_50proc td {
		width:100% !important;
		display:block;
		margin-bottom:50px;
	}

	table.td_50proc td img {
		float:none;
	}
}


/*############
##############
##############
##############
##############
##############
##############
*/

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	/* T. B. V.  B R E D E  V E R S I E*/
	.container {
		width: 100% !important;
		padding-right:90px;
	}
	/* B R E D E  V E R S I E*/
}

/*############
##############
##############
##############
##############
##############
##############
*/

@media only screen and (min-width: 1200px) {
	/* T. B. V.  B R E D E  V E R S I E*/
	.container {
		width: 100% !important;
		padding-right:90px;
	}
	/* B R E D E  V E R S I E*/

	.contact_nav {
		height: 66px;
	}
}