/* CSS Document */
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: museo-sans, sans-serif;
	font-style: normal;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
	padding-top: 100px;
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align:middle;
	display: block;
	max-width: 100%;
	
}
aside img {
	vertical-align:middle;
	display: block;
	max-width: 100%;
	height: auto!important;
}

iframe {
	max-width: 100%;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.container {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

.row + .row .accordion-items {
	margin-top: -30px;
}

.article-blokken-grid {
	width: 100% !important;
	margin-bottom: 20px;
}

.grid-section .row {
	padding: 0 !important;
}

.row > .container,
footer .container,
.container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

[class^="col-"] {
	padding: 0 15px;
	background-clip: content-box !important;
}

.col-1 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.333333%;
			-ms-flex: 0 0 8.333333%;
				flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
			-ms-flex: 0 0 16.666667%;
				flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
			-ms-flex: 0 0 25%;
				flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.333333%;
	        -ms-flex: 0 0 33.333333%;
	            flex: 0 0 33.333333%;
	    max-width: 33.333333%;
}

.col-5 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.666667%;
			-ms-flex: 0 0 41.666667%;
				flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
			-ms-flex: 0 0 50%;
				flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.333333%;
			-ms-flex: 0 0 58.333333%;
				flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.666667%;
			-ms-flex: 0 0 66.666667%;
				flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
			-ms-flex: 0 0 75%;
				flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
			-ms-flex: 0 0 83.333333%;
				flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.666667%;
			-ms-flex: 0 0 91.666667%;
				flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
	max-width: 100%;
}

.col-sm-1, .col-sm-2, .col-sm-3,
.col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
}

.col-md-1, .col-md-2, .col-md-3,
.col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12 {
	width: 100%;
}

.col-lg-1, .col-lg-2, .col-lg-3,
.col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-10, .col-lg-11, .col-lg-12 {
	width: 100%;
}

.col-xl-1, .col-xl-2, .col-xl-3,
.col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9,
.col-xl-10, .col-xl-11, .col-xl-12 {
	width: 100%;
}

.with-aside main,
.with-aside aside {
	-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
			-ms-flex: 0 0 100%;
				flex: 0 0 100%;
	max-width: 100%;
}


.with-aside aside {
    padding: 0 15px;
}

/* HEADER STYLING 
	Styling for the header & navigation
*/
.logo {
	/*max-width: 210px;*/
	float: left;
	cursor: pointer;
    height: 100px;
	z-index: 1;
}
.logo-home-mobile {
	/*max-width: 210px;*/
	float: left;
	cursor: pointer;
}
.logo-home{
    display: none;
}
.nav{
     width:100%;
        position:relative!important;
 }
.mobile-icon {
	display: block;
	width: 25px;
	height: 25px;
	background-image: url('../images/mobile-icon.png');
	background-size: 25px; 
	background-repeat: no-repeat;
	cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
}
header {
	/*padding: 15px 0;*/
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	background: #ffffff;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
	position: fixed;
	top: 0;
    z-index: 999999999;
 
}
header .container {
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}
nav {
	display: none;
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
nav li {
	padding: 6px 0;
	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}
nav li a {
	width: auto;
	height: 100%;
	display: inline-block;
	font-size: 16px;
	line-height: 0;
	color: #007C9D;
	text-decoration: none;
	font-weight: 500;
	padding: 10px 10px;
	text-transform: lowercase;
}
nav li:hover a {
	color: #000;
}
nav li:hover {
	background: #F6F4F4;
}
nav li.current {
	background: #F6F4F4;
}
nav li.current a {
	color: #000;
}
/* END HEADER STYLING*/

/* SEARCH INPUT STYLING */
.search-text {
	display: none;
}
.search-wrapper {
	display: inline-block;
}
.search-input {
	border: 0;
	outline: 0;
	text-align: center;
	height: 30px;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	border-bottom: 2px solid rgb(0, 180, 209);
	vertical-align: text-bottom;
}
.search-input:invalid {
  box-shadow: none;
}
.search-input:-moz-submit-invalid {
  box-shadow: none;
}
.search-input:-moz-ui-invalid {
  box-shadow:none;
}
.search-icon {
	display: inline-block;
	width: 16px;
	height: 30px;
	background-image: url('../images/search-icon.png');
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
}

.overlay  {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .74);
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.close-icon {
	display: none;
}
/* END SEARCH INPUT STYLING */

/*
	Link styling
	.blue-link: link with blue color text
	.pink-link: link with pink color text
*/

.blue-link {
	font-weight: 500;
    font-size: 18px;
    color: #007C9D;
    text-decoration: none;
    padding-right: 15px;
    background: url(../images/blue-arrows.svg);
    background-size: 9.7px 10.02px;
    background-repeat: no-repeat;
    background-position: center right;
}

.black-link {
	font-weight: 500;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    padding-right: 15px;
    background: url(../images/black-link-arrow.svg);
    background-size: 9.7px 10.02px;
    background-repeat: no-repeat;
    background-position: center right;
}

.light-blue-link {
	font-weight: 500;
    font-size: 18px;
    color: #00B4D1;
    text-decoration: none;
    padding-right: 20px;
    background: url(../images/light-blue-arrows.png);
    background-size: 11px 17px;
    background-repeat: no-repeat;
    background-position: center right;
    display: inline-block;
    margin-right:25px;
}

.light-blue-link:hover {
	text-decoration: underline;
}

.pink-link {
	font-weight: 500;
    font-size: 18px;
    color: #B7176F;
    text-decoration: none;
    padding-right: 20px;
    background: url(../images/pink-arrow.svg);
    background-size: 9.7px 10.02px;
    background-repeat: no-repeat;
    background-position: center right;
}

.no-margin {
	margin: 0 !important;
}

/*
	Button styling
	- .btn - general button styling.
	- .yellow-button: button with an yellow background color.
	- .blue-btn: button with a blue background color.
	- .green-btn: button with a green background color.
	- .with-arrows: adds an arrow icon in the button.
	- .download-button: adds a download icon in the button.
*/
.btn {
	display: inline-block;
    text-align: center;
    padding: 0px 15px;
    font-weight: 700!important;
    line-height: 23px;
    font-size: 20px!important;
    text-decoration: none;
    border-radius: 10px;
    padding-top: 10px !important;
    position: relative;
    z-index: 99999999;
    padding-bottom: 10px !important;

	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}

.btn + a {
	display: inline-block;
	margin-left: 40px;
	font-weight: 500;
	font-size: 18px;
	color: #007C9D;
	
	
	padding-right: 15px;
	background: url('../images/blue-arrows.png');
	background-size: 12px 18px;
	background-repeat: no-repeat;
	background-position: center right;
}
.blue-btn {
    background-color: #00B4D1;
    color: #ffffff;
	text-decoration: none!important;
	margin-bottom: 20px;
}

.blue-btn:hover {
	background-color: rgba(0, 180, 209, .8);
}

.yellow-btn {
	background-color: #FFCB05;
	color: #000000;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.yellow-btn:hover {
	background-color: #ffdf66;
}

.green-btn {
	background-color: #BFD730;
	color: #ffffff;
}

.with-arrows {
	padding: 0px 63px 0px 43px;
	background-repeat: no-repeat;
	background-position: calc(100% - 36px) center;
}

.yellow-btn.with-arrows {
	background-image: url('../images/black-arrows.png');
}

.blue-btn.with-arrows {
	background-image: url('../images/white-arrows.png');
}

.download-btn {
	max-width: 100%;
	padding: 0px 75px 0px 43px;
	background-repeat: no-repeat;
	background-size: 18px 20px;
	background-position: calc(100% - 36px) 12px;
	background-image: url('../images/download-icon.png');
}

/*END BUTTON STYLING*/

.row {
	padding: 20px 0;
}



.hero {
	width: 100%;
	height: 192px;
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat !important;
	overflow: hidden;
	position: relative;
	padding: 0;
}

.hero:before {
	content: '';
	position: absolute;
	top: 0;
	left: -80px;
	height: 192px;
	width: 470px;
	background: url('../images/blue-overlay.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left bottom;
}

.hero:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 192px;
	width: 200px;
	background: url('../images/yellow-overlay.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left bottom;
}

.hero.no-shadows:after,
.hero.no-shadows:before {
	content: none;
}


	.hero.extra-height {
		height: 230px;
	}
	.hero.extra-height:after {
		height: 230px;
	}
	.hero.extra-height:before {
		height: 230px;
	}
.hero-quote {
	width: 170px;
	height: 209px;
	background: url('../images/hero-quote-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 45px;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
	position: relative;
	z-index: 9999;
}

.hero-quote h1 {
	font-size: 28px;
	line-height: 31px;
	color: #00B4D1;
	font-weight: 900;
	word-break: break-all;
}

.hero-content-block {
	position: relative;
	z-index: 5;
}

.container + .container .hero-content-block {
	padding-bottom: 86px;
}

.hero-content-block h1 {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	color: #ffffff;
}

.hero-content-block p {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: #ffffff;
}

.hero-content-block a.btn {
	margin: 0;
	display: none;
}

.home-top-blokken article {
	margin-bottom: 25px;
}

.home-top-blokken article h2 {
	font-weight: 700;
	line-height: 28px;
	font-size: 20px;
	color: #007C9D;
	padding: 0 15px;
	padding-bottom: 10px;
}

.home-top-blokken article p {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 10px;
	padding: 0 15px;
}

.home-top-blokken article a {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #00B4D1;
	text-decoration: none;
	padding: 0 15px;
	padding-right: 25px;
	background: url('../images/blue-link-arrows.svg');
	background-size: 11px 20px;
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.home-top-blokken article a:hover {
	text-decoration: underline;
	padding-left: 20px;
}

.video img {
	max-width: 260px;
	width: 100%;
}
.video a:first-of-type {
	background: none!important;
	margin-bottom: 10px;
	margin-top: 5px;
}
.video a:first-of-type:hover {
	padding-left: 15px!important;
}








.article-footer a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;	
}

.article-footer a:not(.download-btn):hover {
	padding-left: 10px;

}


.home-top-blokken article.border-bottom {
	padding-bottom: 30px !important;
}

.home-top-blokken article.border-bottom:last-of-type {
	border-bottom: none;
	padding-bottom: 0 !important;
}

.categorieen {
	width: 100%;
	background: #00B4D1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}


.alert {
	width: 100%;
	background: #bf0075;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #FFF;
}
.alert h1{
	font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;

}
.alert p{
	line-height: 25px;
    margin-bottom: 10px;
}
.alert a{
	color: #000;
    display: block;
    width: 100%;
    background: #ffffff;
    border-radius: 34px;
    text-align: center;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    text-decoration: none;
    font-weight: bold;
    width: 200px;
}


.subPage .categorieen {
	margin-bottom: 0;
}

.categorieen ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.categorieen ul li {
	display: block;
	width: 100%;
	background: #ffffff;
	border-radius: 34px;
	text-align: center;
	height: 50px;
	margin-bottom: 15px;

	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}

.categorieen ul li a {
	line-height: 50px;
	font-weight: 700;
	font-size: 20px;
	color: #00B4D1;
	display: block;
	text-decoration: none;
}

.categorieen ul li:hover {
	border: 2px solid #fff;
	background: transparent;
}

.categorieen ul li:hover a {
	color: #fff;
	line-height: 46px;
}

.transparent-box {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.89);
	border-radius: 36px;
	padding: 30px;
}

.text-center {
	text-align: center;
}

.gewoon-anders {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.gewoon-anders h2 {
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	color: #00B4D1;
	padding-bottom: 10px;
}

.gewoon-anders p {
	width: 100%;
	max-width: 700px;
	margin: auto;
	font-weight: 500;
	font-size: 20px;
	line-height: 35px;
	color: #000000;
	margin-bottom: 15px;
}

.gewoon-anders a:not(.btn) {
	width: 100%;
	max-width: 700px;
	margin: auto;
	font-weight: 500;
	font-size: 20px;
	line-height: 35px;
	color: #000000;
	text-decoration: underline;
}

.mobile.section-header {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}

aside {
	margin-top: 20px;
}

aside .margin-top {
	margin-top: 30px;
}

.desktop.section-header {
	display: none;
}

.section-header h2 {
	font-weight: 700;
	font-size: 28px;
	line-height: 43px;
	color: #007C9D;
}


.mobile.section-header a {
	font-size: 20px;
	line-height: 26px;
	color: #00B4D1;
	text-decoration: none;
	padding-right: 25px;
	background: url('../images/blue-link-arrows.jpg');
	background-size: 18px 18px;
	background-position: right center;
	background-repeat: no-repeat;
}
.desktop.section-header a {
	font-size: 22px;
	line-height: 26px;
	color: #00B4D1;
	font-weight: 500;
	text-decoration: none;
	padding-right: 25px;
	background: url('../images/blue-link-arrows.jpg');
	background-size: 18px 18px;
	background-position: right center;
	background-repeat: no-repeat;
}

.desktop.section-header a:hover {
	text-decoration: underline;
}

.article-blok {
	margin-bottom: 30px;
  	align-self: flex-start;  
  	position: relative;
	background: #e4f7fa;
}

.article-blok .article-header {
	width: 100%;
	position: relative;
	max-height: 219px;
	overflow: hidden;
}

.article-blok .article-header img {
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}

.article-blok .article-body {
	padding: 15px;
	display: block;
}
.article-blok .article-title {
	padding: 15px;
	padding-bottom: 0;
	width: 100%;
	display: block;
	position: relative;
	z-index: 999;
}
.article-blok .article-title a {
	text-decoration: none;
}
.article-blok .article-title h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #00B4D1;
}

/*.no-padding-top {
	padding-top: 0 !important;
}*/

.article-blok .article-body p {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
}

.white-text {
	color: #ffffff;
}

.article-blok .article-body p.large-text {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
}

.article-blok .article-footer {
	padding: 25px 15px;
	padding-top: 0;
	padding-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.article-blok .article-footer a:not(.btn):hover {
	text-decoration: underline;
}

.article-blok .article-footer p {
	font-weight: 500;
	font-size: 16px;
	color: #00B4D1;
}

footer {
	width: 100%;
	background: rgba(219, 215, 213, .2);
	padding: 30px 0;
	padding-top: 0;
	margin-top: 40px;
}

footer h4,
footer span:not(.icon) {
	display: block;
	width: 100%;
	font-weight: 700;
	font-size: 20px;
	color: #00B4D1;
	position: relative;
}

footer span:not(.icon) {
	padding: 25px 15px;
	background-image: url('../images/grey-arrow.svg');
	background-size: 7.26px 15.51px;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
}

.rotateArrow {
	padding: 15px 15px;
	background-image: url('../images/grey-arrow-down.svg') !important;
	background-size: 15.51px 7.26px !important;
	background-repeat: no-repeat !important;
	background-position: calc(100% - 15px) center !important;
}

footer {
	padding: 40px 0;
	padding-top: 0;
}

footer ul {
	width: 100%;
	margin-bottom: 15px;
}

footer ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
	font-weight: 300;
	font-size: 19px;
	line-height: 26px;
}

footer ul li a {
	font-weight: 300;
	font-size: 19px;
	line-height: 24px;
	text-decoration: none;
	color: #000000;
}

footer ul li a:hover {
	text-decoration: underline;
}

footer p {
	font-weight: 300;
	font-size: 19px;
	line-height: 30px;
	color: #000000;
	margin-bottom: 15px;
}

footer a.btn {
	margin-bottom: 15px;
}
.contact-blok {
	position: relative;
	margin-top: 25px;
}
.contact-blok h4 {
	padding-bottom: 7px;
}
.footer-tab-content {
	display: none;
	padding: 0 15px;
}

.no-padding {
	padding: 0 !important;
}

.border-bottom {
	border-bottom: 1px solid rgba(149, 152, 154, .20);
}

.contact-info li,
.social-media li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.icon {
	width: 20px;
	display: inline-block;
	margin-right: 15px;
}

.tel-icon {
	height: 23px;
	background: url('../images/phone-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 23px;
}

.location-icon {
	height: 21px;
	background: url('../images/location-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 21px;
}

.link--social {
	display: block;
	transition: all 250ms ease-in-out;
}

.link--social_label {
	/* font-size: 0; */
}

.link--social::before {
	display: inline-block;
	position: relative;
	inset-block-start: 3px;
	margin-inline-end: 12px;
	width: 20px;
	height: 20px;
	background-color: black;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	content: '';
}

.link--social:link,
.link--social:visited {
	color: black;
	text-decoration: none;
}

.link--social:hover {
	text-decoration: underline;
}

.link--social:link::before,
.link--social:visited::before {
	background-color: #00B4D1;
}
/*.link--social:hover::before {
	background-color: black;
}*/

.link--linkedin::before {
	mask-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.71875 4.78125H0V17H3.71875V4.78125Z" fill="%23000000"/><path d="M12.7516 4.78125C10.625 4.78125 10.0353 5.47825 9.5625 6.375V4.78125H5.84375V17H9.5625V10.0938C9.5625 9.03125 9.5625 7.96875 11.4219 7.96875C13.2812 7.96875 13.2812 9.03125 13.2812 10.0938V17H17V10.0938C17 6.90625 16.4688 4.78125 12.7516 4.78125Z" fill="%23000000"/><path d="M1.85938 3.71875C2.88628 3.71875 3.71875 2.88628 3.71875 1.85938C3.71875 0.832471 2.88628 0 1.85938 0C0.832471 0 0 0.832471 0 1.85938C0 2.88628 0.832471 3.71875 1.85938 3.71875Z" fill="%23000000"/></svg>');
}

.link--facebook::before {
	mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"><g><path d="M20,0C9,0,0,9,0,20c0,10,7.3,18.2,16.8,19.7V26.3h-5v-5.9h5v-5.3c0-3.3,2.7-6,6-6v0c0,0,0,0,0,0h5.4v5.1h-3.5c-1,0-1.9,0.8-1.9,1.9l0,0v4.4h5.4l-0.9,5.9h-4.5v13.5c0,0,0,0,0,0C32.5,38.5,40,30.1,40,20h0C40,9,31,0,20,0z"/></g></svg>');
}

.link--instagram::before {
	mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C7.28625 0 6.945 0.0125 5.87875 0.06C4.8125 0.11 4.08625 0.2775 3.45 0.525C2.78262 0.776024 2.17811 1.16978 1.67875 1.67875C1.1701 2.17837 0.776384 2.7828 0.525 3.45C0.2775 4.085 0.10875 4.8125 0.06 5.875C0.0125 6.94375 0 7.28375 0 10.0013C0 12.7163 0.0125 13.0563 0.06 14.1225C0.11 15.1875 0.2775 15.9137 0.525 16.55C0.78125 17.2075 1.1225 17.765 1.67875 18.3212C2.23375 18.8775 2.79125 19.22 3.44875 19.475C4.08625 19.7225 4.81125 19.8912 5.87625 19.94C6.94375 19.9875 7.28375 20 10 20C12.7163 20 13.055 19.9875 14.1225 19.94C15.1863 19.89 15.915 19.7225 16.5513 19.475C17.2182 19.2239 17.8223 18.8301 18.3212 18.3212C18.8775 17.765 19.2187 17.2075 19.475 16.55C19.7212 15.9137 19.89 15.1875 19.94 14.1225C19.9875 13.0563 20 12.7163 20 10C20 7.28375 19.9875 6.94375 19.94 5.87625C19.89 4.8125 19.7212 4.085 19.475 3.45C19.2237 2.78278 18.8299 2.17834 18.3212 1.67875C17.822 1.16959 17.2175 0.775807 16.55 0.525C15.9125 0.2775 15.185 0.10875 14.1212 0.06C13.0537 0.0125 12.715 0 9.9975 0H10.0013H10ZM9.10375 1.8025H10.0013C12.6713 1.8025 12.9875 1.81125 14.0412 1.86C15.0162 1.90375 15.5462 2.0675 15.8987 2.20375C16.365 2.385 16.6987 2.6025 17.0487 2.9525C17.3987 3.3025 17.615 3.635 17.7963 4.1025C17.9338 4.45375 18.0963 4.98375 18.14 5.95875C18.1888 7.0125 18.1988 7.32875 18.1988 9.9975C18.1988 12.6663 18.1888 12.9837 18.14 14.0375C18.0963 15.0125 17.9325 15.5413 17.7963 15.8938C17.6359 16.3279 17.38 16.7205 17.0475 17.0425C16.6975 17.3925 16.365 17.6088 15.8975 17.79C15.5475 17.9275 15.0175 18.09 14.0412 18.135C12.9875 18.1825 12.6713 18.1938 10.0013 18.1938C7.33125 18.1938 7.01375 18.1825 5.96 18.135C4.985 18.09 4.45625 17.9275 4.10375 17.79C3.66937 17.6299 3.27641 17.3745 2.95375 17.0425C2.62094 16.72 2.36465 16.3271 2.20375 15.8925C2.0675 15.5412 1.90375 15.0113 1.86 14.0363C1.8125 12.9825 1.8025 12.6662 1.8025 9.995C1.8025 7.325 1.8125 7.01 1.86 5.95625C1.905 4.98125 2.0675 4.45125 2.205 4.09875C2.38625 3.6325 2.60375 3.29875 2.95375 2.94875C3.30375 2.59875 3.63625 2.3825 4.10375 2.20125C4.45625 2.06375 4.985 1.90125 5.96 1.85625C6.8825 1.81375 7.24 1.80125 9.10375 1.8V1.8025ZM15.3387 3.4625C15.1812 3.4625 15.0251 3.49354 14.8795 3.55384C14.7339 3.61415 14.6017 3.70254 14.4902 3.81397C14.3788 3.9254 14.2904 4.05769 14.2301 4.20328C14.1698 4.34887 14.1387 4.50491 14.1387 4.6625C14.1387 4.82009 14.1698 4.97613 14.2301 5.12172C14.2904 5.26731 14.3788 5.3996 14.4902 5.51103C14.6017 5.62246 14.7339 5.71085 14.8795 5.77116C15.0251 5.83146 15.1812 5.8625 15.3387 5.8625C15.657 5.8625 15.9622 5.73607 16.1873 5.51103C16.4123 5.28598 16.5387 4.98076 16.5387 4.6625C16.5387 4.34424 16.4123 4.03902 16.1873 3.81397C15.9622 3.58893 15.657 3.4625 15.3387 3.4625ZM10.0013 4.865C9.32009 4.85437 8.64362 4.97936 8.01122 5.23268C7.37883 5.486 6.80314 5.86259 6.31769 6.34053C5.83223 6.81847 5.44671 7.38821 5.18355 8.01657C4.9204 8.64494 4.78488 9.31938 4.78488 10.0006C4.78488 10.6819 4.9204 11.3563 5.18355 11.9847C5.44671 12.613 5.83223 13.1828 6.31769 13.6607C6.80314 14.1387 7.37883 14.5153 8.01122 14.7686C8.64362 15.0219 9.32009 15.1469 10.0013 15.1363C11.3494 15.1152 12.6353 14.5649 13.5812 13.6041C14.5272 12.6432 15.0574 11.349 15.0574 10.0006C15.0574 8.65228 14.5272 7.35802 13.5812 6.39719C12.6353 5.43636 11.3494 4.88603 10.0013 4.865ZM10.0013 6.66625C10.8854 6.66625 11.7334 7.01748 12.3586 7.64268C12.9838 8.26788 13.335 9.11583 13.335 10C13.335 10.8842 12.9838 11.7321 12.3586 12.3573C11.7334 12.9825 10.8854 13.3337 10.0013 13.3337C9.11709 13.3337 8.26913 12.9825 7.64393 12.3573C7.01873 11.7321 6.6675 10.8842 6.6675 10C6.6675 9.11583 7.01873 8.26788 7.64393 7.64268C8.26913 7.01748 9.11709 6.66625 10.0013 6.66625Z" fill="%23000000"/></svg>');
}

.twitter-icon {
	height: 22px;
	background: url('../images/twitter-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 22px;
}

.facebook-icon {
	height: 23px;
	background: url('../images/facebook-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 23px;
}

header .container {
	position: relative;
	/*height: 100%;*/
}

/* SEARCH BAR STYLING */


/* blue-green-gradient-bar styling */
.blue-green-gradient-bar {
	width: 100%;
	background-image: url('../images/Gradient.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 30px;
}

/* breadcrumb styling */
.breadcrumb {
	padding: 13px 15px 13px 15px;
	position: relative;
	z-index: 2;
}

.breadcrumb li {
	display: inline-block;
	margin-right: 13px;
	padding-right: 25px;
	background-image: url('../images/arrow-right-white.png');
	background-repeat: no-repeat;
	background-position: center right;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #FFFFFF;
}

.breadcrumb li:last-of-type {
	margin-right: 0;
	padding-right: 0;
	background-image: none;
}

.breadcrumb li a {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	text-decoration: none;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}
.aside-block {
	margin-bottom: 30px;
	padding: 15px;
}

.aside-block.transparent-white {
	background: rgba(248, 247, 246, .9);
}

.aside-block.transparent-blue {
	background: rgba(132, 210, 226, .2);
}
.aside-block.transparent-yellow{
	background-color: #FFF1D0;
}

.aside-block h2 {
	font-weight: 900;
	font-size: 22px;
	line-height: 32px;
	color: #007C9D;
	padding-bottom: 10px;
}
.aside-block h3 {
	font-weight: 900;
	font-size: 18px;
	line-height: 32px;
	color: #007C9D;
	padding-bottom: 10px;
}
.aside-block h2 > a {
	font-weight: 900 !important;
	font-size: 22px !important;
	line-height: 32px !important;
	color: #007C9D !important;
	padding-bottom: 10px !important;
	text-decoration: none;
}
.aside-block p {
	font-weight: 500;
	line-height: 26px;
	font-size: 16px;
	color: #000000;
	margin-bottom: 30px;
}

.aside-block.contact p:last-child {
	margin-bottom: 0px;
}

.aside-block a:not(.btn) {
	font-weight: 500;
	line-height: 26px;
	font-size: 16px;
	color: #000000;
}

.load-more-article-container {
	margin-bottom: 20px;
}

.aside-block em {
	font-style: italic;
}

.aside-block strong {
	font-weight: 700;
}

.aside-block li {
	font-weight: 500;
	line-height: 26px;
	font-size: 16px;
	color: #000000;
}

.aside-block.transparent-blue li {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

.aside-block.transparent-blue li a {
	font-size: 16px;
	line-height: 21px;
	font-weight: 300;
	color: #00B4D1;
	text-decoration: none;
	padding-right: 20px;
	background: url('../images/light-blue-arrow.png');
	background-repeat: no-repeat;
	background-position: center right;
}

.aside-block.transparent-blue li a:hover {
	text-decoration: underline;
}

.aside-block.transparent-white li {
	display: block;
	width: 100%;
	padding-bottom: 20px;
}

.aside-block.transparent-white li ul {
	padding-top: 10px;
	padding-left: 40px;
}

.aside-block.transparent-white li ul li:last-of-type {
	padding-bottom: 0;
}

.aside-block.transparent-white li a {
	font-size: 16px;
	line-height: 21px;
	font-weight: 500;
	color: #007C9D;
	text-decoration: none;
	padding-left: 20px;
	display: inline-flex;
	background: url('../images/dark-blue-arrows.svg');
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 9px 16px;
}

.vervolgPagina .page-article-title,
.vervolgPagina .page-article-footer {
	padding: 0 15px;
}

.vervolgPaginaGrid {
	width: 100%;
}

.aside-block.transparent-white li.active > a {
	background: url('../images/list-item-active.svg');
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 9px 16px;
	color: #787473;
}

.aside-block.transparent-white li a:hover,
.aside-block.transparent-blue li a:hover {
	text-decoration: underline;
}

.location-block {
	margin-bottom: 60px;
}

.location-block .address-information {
	margin-bottom: 15px;
}

.location-block .address-information li {
	display: block;
	width: 100%;
	font-weight: 900;
	line-height: 26px;
	font-size: 16px;
}

.location-block p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 30px;
}

.location-block .telephone-bar {
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-left: 45px;
	background: rgba(0, 180, 209, .2) url('../images/telephone-icon.png');
	background-repeat: no-repeat;
	background-position: 15px center;

	width: 100%;
	max-width: 310px;
	justify-content: space-between;
	align-items: center;
}

.location-block .telephone-bar p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 300;
	color: #007C9D;
}

.location-block .telephone-bar a {
	font-size: 16px;
	font-weight: 300;
	color: #007C9D;
	text-decoration: none;
	padding-right: 30px;
}

.location-block .telephone-bar a:hover {
	text-decoration: underline;
}

.article-header + h3 {
	margin-top: 25px;
}
.page-title-block h2 {
	font-size: 22px;
	font-weight: 900;
	line-height: 31px;
	color: #007C9D;
	padding-bottom:3px;
}
.page-title-block h3 {
	font-size: 22px;
	font-weight: 500;
	line-height: 31px;
	color: #007C9D;
}
.text-block  {
    padding-top: 30px;
}

.text-block h1, .text-block h2{
	font-size: 22px;
	font-weight: 900;
	line-height: 32px;
	color: #007C9D;
}

.text-block h1 a, .text-block h2 a  {
	color: #007C9D;
	text-decoration: none;
}

.text-block h3 {
	font-size: 16px;
	font-weight: 900;
	line-height: 26px;
	color: #007C9D;
}

.text-block h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #00B4D1;
	padding-bottom: 15px;
	padding-top: 15px;
}

.page-article-intro h4 {
	margin-bottom: -20px;
}

.vacature .grid-section {
	margin: 0 -15px;
}

.text-block p {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #000000;
	margin-bottom: 20px;
}
.text-block ul {
	margin-bottom: 20px;
}

.text-block ol {
	margin-bottom: 20px;
	list-style-type: decimal;
	padding-left: 15px;
}

.text-block li {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #000000;
	padding-left: 20px;
	background: url('../images/dark-blue-arrows.svg');
	background-size: 9px 16px;
	background-repeat: no-repeat;
	background-position: left 4px;
}
.text-block ol li {
	padding-left: 0;
	background: none;
}
.text-block strong {
	font-weight: 800;
}
.text-block em {
	font-style: italic;
}
.text-block a {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #000000;
	margin-bottom: 30px;
}
.full-width-search-wrapper{
	width: 100%;
	background: rgba(246,244,244,.6);
	display: flex;
	align-items: center;
	padding: 15px 25px;
	justify-content: space-between;
}

.full-width-search-wrapper .search-icon {
	width: 25px;
	height: 25px;
	background: transparent url('../images/grey-search-icon.png') !important;
	background-size: 20px 20px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.full-width-search-wrapper input {
	width: 100%;
	border: 0;
    outline: 0;
    height: 100%;
    background: transparent;
    font-size: 28px;
    font-weight: 500;
}

.full-width-search-wrapper-search-text {
	font-size: 20px;
	font-weight: 500;
	display: none;
}

.accordion-items {
	width: 100%;
}

.section-header {
	width: 100%;
}

.accordion-item {
	width: 100%;
	background: #CBEFF5;
	margin-bottom: 15px;
	padding: 7px 20px;
}
.accordion-item img{
height: auto!important;
	margin: auto;
}
.accordion-item table td{
	padding: 5px!important;
}

.accordion-item .accordion-title {
	display: block;
	width: 100%;
	padding-left: 25px;
	background: url('../images/list-indicator-closed-blue.png');
	background-size: 11px 32px;
	background-repeat: no-repeat;
	background-position: left -2px;
	cursor: pointer;
}

.accordion-item .accordion-title a {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #007C9D;
	text-decoration: none;
}

.accordion-item .accordion-title a:hover,
.accordion-item .accordion-title:hover a {
	text-decoration: underline;
}

.accordion-item .accordion-title.accordian-open {
	background: url('../images/list-indicator-open-blue.png');
	background-size: 26px 10px;
	background-repeat: no-repeat;
	background-position: -5px center;
}

.accordion-item .accordion-body {
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 15px;
	display: none;
}

.accordion-item .accordion-body p {
	font-weight: 500;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 26px;
}

.accordion-item .accordion-body h2 {
	font-size: 22px;
    font-weight: 900;
    line-height: 43px;
    color: #007C9D;
    padding-bottom: 3px;
}
.accordion-item .accordion-body h3 {
	font-size: 16px;
    font-weight: 900;
    line-height: 26px;

}


.met-video iframe {
	width: 100% !important;
	height: 220px !important;
}
/*
.accordion-item .accordion-body p:last-of-type{
	margin-bottom: 0;
}
*/
.accordion-item .accordion-body a:not(.light-blue-link) {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	text-decoration: underline;
	color: #000;
}

.accordion-item .accordion-body strong {
	font-weight: 700;
}

.accordion-item .accordion-body em {
	font-style: italic;
}

.accordion-item .accordion-body ul {
	list-style-image: url('../images/list-item-type-image.png');
	margin-bottom: 30px;
	padding-left: 15px;
}

.accordion-item .accordion-body ol {
	list-style-type: decimal;
	margin-bottom: 30px;
	padding-left: 15px;
}

.article-blok .article-header img:hover {
	transform: scale(1.1);
}

.accordion-item .accordion-body li {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	padding-left: 15px;
	margin-bottom: 8px;
}

.inner-article-blok {
	padding: 25px 15px;
}


.yellow-article-bg h2{
	font-size: 22px;
	line-height: 28px;
	font-weight: 900;
	padding-bottom: 15px;
}

.yellow-article-bg .accordion-item {
	background: transparent;
	margin-bottom: 10px !important;
	padding: 0;
}

aside .yellow-article-bg {
	z-index: 9999;
}

aside .yellow-article-bg ul {
	list-style-image: url('../images/yellow-arrows-right.png');
	padding-left: 20px;
}
aside .yellow-article-bg ul li {
font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #000;
	margin-bottom: 10px;
}

aside .yellow-article-bg h2 {
	color: #000;
	font-weight: 900;
}

aside .yellow-article-bg ul li a {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #000;
	text-decoration: none;
}
aside .yellow-article-bg {
	background-clip: initial !important;
}

.yellow-article-bg .accordion-item .accordion-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #000;
	display: block;
	width: 100%;
	padding-left: 20px;
	background: url('../images/yellow-arrows-right.png');
	background-size: 10px 16px;
	background-repeat: no-repeat;
	background-position: left 2px;
	cursor: pointer;
}

.yellow-article-bg .accordion-item .accordion-title a {

	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #000;
}

.yellow-article-bg .accordion-item .accordion-title.accordian-open {
	background: url('../images/yellow-arrows-down.png');
	background-size: 9px 16px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

.yellow-article-bg .accordion-item .accordion-body {
	padding-left: 20px;
	padding-top: 10px;
	display: none;
}

.yellow-article-bg .accordion-item .accordion-body p {
	font-weight: 500;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 26px;
}
/*
.accordion-item .accordion-body p:last-of-type {
	margin-bottom: 0;
}
*/
.accordion-item .accordion-body p + ul,
.accordion-item .accordion-body p + a,
.accordion-item .accordion-body p + ol {
	margin-top: 15px;
}

.yellow-article-bg .accordion-item .accordion-body a {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	text-decoration: underline;
}

.yellow-article-bg .accordion-item .accordion-body strong {
	font-weight: 700;
}

.yellow-article-bg .accordion-item .accordion-body em {
	font-style: italic;
}

.yellow-article-bg .accordion-item .accordion-body ul {
	list-style-image: none;
	list-style-type: disc;
	margin-bottom: 30px;
	padding-left: 15px;
}

.yellow-article-bg .accordion-item .accordion-body ol {
	list-style-type: decimal;
	margin-bottom: 30px;
	padding-left: 15px;
}

.yellow-article-bg .accordion-item .accordion-body li {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	padding-left: 15px;
	margin-bottom: 8px;
}

.subNav li {
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
}

.subNav li a {
	padding: 12px 0;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	position: relative;
}

.subNav li.active a:after,
.subNav li a:hover:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background: #ffffff;
	bottom: 0;
	left: 0;
}

/* FORM STYLING */
.form-group, .umbraco-forms-field {
    width: 100%;
    margin-bottom: 10px;
}

.form-group, .umbraco-forms-field label {
    display:none;
}

.form-group, .umbraco-forms-field input:not([type="submit"]),
.form-group, .umbraco-forms-field select,
.form-group, .umbraco-forms-field textarea {
    font-family: museo-sans, sans-serif;
    width: 100%!important;
    padding: 12px 25px!important;
    outline: none;
    border-radius: 12px;
    border: 1px solid #84D2E2!important;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
.form-group, .umbraco-forms-field input[type="radio"] {
    width: 20px;
}
.form-group, .umbraco-forms-field input[type="checkbox"] {
    width: 20px;
    vertical-align: top;
}
.form-group, .umbraco-forms-field select {
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url('../images/select-input-arrow.svg');
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 26px 10px;
    color: #A8A8A8;
}

.form-group, .umbraco-forms-field textarea {
    max-width: 100%;
    min-height: 207px;
}

.umbraco-forms-navigation > div {
    padding-left: 0px;
}

.form-group, .umbraco-forms-navigation input[type="submit"], .umbraco-forms-form .btn {
    background: #00B4D1 url(../images/white-arrows.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 36px) 17px;
    font-weight: 700;
    color: #ffffff;
    padding: 10px 63px 10px 43px;
    margin-bottom: 20px;
    outline: none;
    border-radius: 10px;
    border: 0;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.form-group, .umbraco-forms-navigation input[type="submit"]:hover {
    background-color: rgba(0, 180, 209, .8);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 20px;
	font-weight: 500;
	color: #A8A8A8;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size: 20px;
	font-weight: 500;
	color: #A8A8A8;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size: 20px;
	font-weight: 500;
	color: #A8A8A8;
}
:-moz-placeholder { /* Firefox 18- */
	font-size: 20px;
	font-weight: 500;
	color: #A8A8A8;
}

.form-group label {
    margin: 20px 0px 10px 0px;
    display: inline-block;
	font-weight: bold;
}
.form-group .radiobuttonlist label{
	margin:0px 0px 5px 0px;
	font-weight: normal;
}
.form-group .checkboxlist label{
	margin:0px 0px 10px 0px;
	font-weight: normal;
	width: calc(100% - 35px);
	line-height: 26px;
	
}

.button-center {
	display: flex;
	justify-content: center;
	margin-bottom: 65px;
}

.load-more-btn {
	border-radius: 10px;
	background: #00B4D1;
	height: 45px;
	line-height: 26px;
	text-decoration: none;
	padding: 0 30px;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
}

/*Article varianten*/
.blue-article-bg,
.blue-article-bg .article-body,
.blue-article-bg .article-title,
.blue-article-bg .article-footer {
	background: #84D2E2 !important;
	background-clip: content-box !important;
}

.article-header {
	min-height: 40px;
}

.article-meta-data {
	padding: 0 15px;
	position: absolute;
	bottom: 0;
}

.article-header img + .article-meta-data {

	padding: 25px 15px;
}

.blue-article-bg .article-title {
	color: #FFFFFF;
	padding-top: 0 !important;
}

.yellow-article-bg .article-meta-data time {
	font-size: 22px;
	font-weight: 900;
	color: #fff;
}

.article-header + .article-meta-data time {
	font-weight: 900;
	font-size: 22px;
	color: #ffffff;
}
.blue-article-bg time {
	font-weight: 500;
	font-size: 16px;
	color: #007C9D;
} 

.article-body h4 {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	color: #007C9D;
}

.yellow-article-bg .article-body h4 {
	color: #000000;
}

.yellow-article-bg {
	background: rgba(255, 203, 5, .2) !important;
	background-clip: content-box !important;
}
.no-clip{
	background-clip:inherit!important;
}
.green-article-bg,
.green-article-bg .article-body,
.green-article-bg .article-title,
.green-article-bg .article-footer {
	background: #EFF4D5 !important;
	background-clip: content-box !important;
}

.green-article-bg.blokMetLink,
.green-article-bg.blokMetLink .article-body,
.green-article-bg.blokMetLink .article-title,
.green-article-bg.blokMetLink .article-footer {
	background: transparent !important;
	background-clip: content-box !important;
}

.green-article-bg.blokMetLink {
	background: #EFF4D5 !important;
}

.light-blue-article-bg {
	background: rgba(132, 210, 226,.2);
	margin-bottom: 30px;
}
.light-blue-article-bg h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 900;
	color: #007C9D;
	padding-bottom: 20px;
}

.light-blue-article-bg strong {
	font-weight: 600;
}

.light-blue-article-bg em {
	font-style: italic;
}

.light-blue-article-bg ul {
	margin-bottom: 30px;
}

.light-blue-article-bg li {
	background: url('../images/black-arrows-list-image.png');
	background-position: left 4px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}

.light-blue-article-bg li a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
}

.light-blue-article-bg li a:hover {
	text-decoration: underline;
}

.light-blue-article-bg .double-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-self: center;
}

.green-article-bg h3 {
	color: #000 !important;
}

/*.margin-15-bottom {
	margin-bottom: 15px;
}*/

.double-list li {
	background: url('../images/blue-arrow-list-image.png');
	background-position: left 4px;
	background-repeat: no-repeat;
	width: 100%;
	color: #007C9D;
}

.double-list li a {
	color: #007C9D;
}

.green-article-bg p {
	color: #000;
}

[class^="col-"].row {
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	padding: 0;
}

.simple-block {
	align-self: flex-start;
	margin-bottom: 20px;
}

.simple-block ul {
	padding-left: 20px;
	list-style-type: disc;
	margin-bottom: 15px;
}

.simple-block ol {
	padding-left: 20px;
	list-style-type: decimal;
	margin-bottom: 15px;
}
.simple-block h3 {
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: #007C9D;
	padding-bottom: 10px;
}

.simple-block p {
	font-size: 16px;
	color: #000000;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 15px;
}

.simple-block strong {
	font-weight: 900;
}

.center-content {
	justify-content: center;
}

.image-right {
	float: right;
	margin-left: 30px;
	margin-bottom: 35px;
}

.image-left {
	float: left;
	margin-right: 30px;
	margin-bottom: 35px;
}

.page-article-title h2 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	padding-top: 5px;
	color: #007C9D;
}

.page-article-title h1 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	padding-top: 5px;
	color: #007C9D;
}

.page-article-intro {
	margin-bottom: 20px;
}

.page-article-intro-2 {
    padding: 0px 15px;
}

.page-article-intro p {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 0
}

iframe {
	max-width: 100%;
}

.page-article-back-btn {
	display: inline-flex;
	width: 41px;
	height: 41px;
	float: left;
	background: url('../images/back-gray-btn.png');
	background-size: 36px 41px;
	background-repeat: no-repeat;
	background-position: center;
	align-self: flex-start;
	justify-content: flex-start;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.page-article-back-btn:hover {
	margin-right: 10px;
}

.page-article-content p {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 15px;
}

.page-article-content h2 {
	font-size: 22px;
	font-weight: 900;
	line-height: 43px;
	color: #007C9D;
	padding-bottom: 3px;
}
.page-article-content h3 {
	font-size: 16px;
	font-weight: 900;
	line-height: 26px;
	color: #007C9D;
}
.page-article-content + .row {
	justify-content: space-between;
}
.page-article-content a {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
	text-decoration: underline;
}

.page-article-content .blue-btn {
	color:#ffffff;
}

.page-article-content ul {
	list-style-type: disc;
	padding-left: 20px;
	margin-bottom: 15px;
}

.page-article-content ol {
	list-style-type: decimal;
	padding-left: 20px;
	margin-bottom: 15px;
}


.page-article-content li {
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}

.page-article-content strong {
	font-weight: 600;
}

.page-article-content em {
	font-style: italic;
}
.page-article-content blockquote {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #00B4D1;
	padding-left: 20px;
	border-left: solid 3px #CCCCCC;
}
.page-article-content blockquote p{
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

.page-article-content table{
    font-size: 16px;
    line-height: 26px;
    color: #000000;
	width: 100%!important;
	margin-bottom: 15px;
}



.page-article-content table td, .page-article-content table th {
  border: 1px solid #ddd;
  padding: 5px;
}

.page-article-content table tr:nth-child(even){background: rgba(248, 247, 246, .9);}




.text-block table{
    font-size: 16px;
    line-height: 26px;
    color: #000000;
	width: 100%!important;
	margin-bottom: 15px;
}



.text-block table td, .text-block table th {
  border: 1px solid #ddd;
  padding: 5px;
}

.text-block table tr:nth-child(even){background: rgba(248, 247, 246, .9);}




.page-article-content-extra{
	padding: 30px;
	background: rgba(219, 215, 213, .2);
	margin-bottom: 20px;
}

.page-article-content .share{
	display: inline-block;
	margin: 20px 0px;
	font-weight: 700;
	width: 100%;

}
.page-article-content .share span{
	float: left;
	margin-right: 10px;
	line-height: 39px;
}
.page-article-content .share ul{
	padding: 0px;
	margin: 0px;
	float: left;
}
.page-article-content .share li{
	list-style-type: none;
	float: left;
	margin-right: 10px;
}
.page-article-content .share li img:hover{
	opacity: 0.8;
}

 
  

.page-article-footer a {
	font-weight: 300;
	font-size: 18px;
	line-height: 42px;
	color: #C40075;
	text-decoration: none;
}

.page-article-footer a:hover {
	text-decoration: underline;
}

#map {
	width: 100%;
	height: 500px;
}

.google-maps-container {
	-webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
}

.places {
	-webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	    background: #F8F7F6;
}

.home-top-blokken {
	padding-top: 35px;
}

.places-content {
	padding: 25px;
	padding-left: 30px;
}

.places-content h2 {
	font-weight: 900;
	font-size: 22px;
	line-height: 43px;
	color: #007C9D;
}

.places-content ul {
	padding-left: 20px;
	list-style-image: url('../images/list-style-image-arrows.png');
}

.places-content li {
}

.places-content li a {
	text-decoration: none;
	font-size: 16px;
	line-height: 37px;
	color: #007C9D;
}

/*faq*/
.faq {
	padding: 0 !important;
}

.location-row {
	width: 100%;
	margin-bottom: 40px;
}

.location-row h2 {
	font-size: 36px;
	line-height: 45px;
	color: #007C9D;
	font-weight: 500;
}

.location-row .col-md-4 {
	margin-bottom: 20px;
	display: flex;
	align-self: center;
}

.location-row select {
	width: 100%;
	height: 56px;
	border: 0;
	outline: 0;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #F1F1F1 url('../images/map-select-arrow.png');
    background-repeat: no-repeat;
    background-size: 12px 32px;
    background-position: 15px center;
    padding-left: 45px;
    font-size: 18px;
    line-height: 61px;
    color: #007C9D;
    font-weight: 700;
}

.location-row select[disabled] {
	color: rgba(0, 124, 157, .5);
    background: #F1F1F1 url('../images/map-select-arrow-disabled.png');
    background-repeat: no-repeat;
    background-size: 12px 32px;
    background-position: 15px center;
}

.location-row option {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
	border: 0;
	font-size: 16px;
	font-weight: 500;
	color: #007C9D;
	padding: 10px 0;
	padding-left: 45px;
    background: #fff url('../images/blue-arrows.svg');
    background-repeat: no-repeat;
    background-size: 12px 32px;
    background-position: 15px center;
}


/*
	Search result page styling
*/
.pagination li {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-right: 5px;
	background: #00B4D1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	vertical-align: top;
}
.pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 48px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}
.pagination li.prev a {
	background: url("../images/prev.png");
	-webkit-background-size: 13px 35px;
	background-size: 13px 35px;
	background-repeat: no-repeat;
	background-position: center;
}
.pagination li.next a {
	background: url("../images/next.png");
	-webkit-background-size: 13px 35px;
	background-size: 13px 35px;
	background-repeat: no-repeat;
	background-position: center;
}
.pagination li:hover,
.pagination li.current {
	background: #787473;
}

.infoWindowTitel {
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
	width: 100%;
}

.infoWindowContainer {
	max-width: 250px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

.infoWindowInfo {
	display: block;
	width: 45%;
}

.infoWindowInfo a {
	color: #000;
}

.info-form-wrapper {
	width: 100%;
	display: block;
	margin-top: 5px;
}

.info-form-wrapper strong {
	display: block;
}

.search-url {
	display: block;
}

.search-url a {
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	color: #B4B4B4;
	word-break: break-all;
}

.search-results .page-title-block h1 {
	font-size: 22px;
    font-weight: 900;
    line-height: 43px;
    color: #007C9D;
    padding-bottom: 3px;
}

.search-url a:hover {
	text-decoration: underline;
}

.search-results-items .text-block p {
	margin-bottom: 5px;
}

.search-results-items article {
	margin-bottom: 30px;
}

/* SVG MAP */
.blue-green-gradient-bar.jaarverslag-pagina {
	margin-bottom: 0 !important;
}
.svg-map-container {
	display: block;
	height: 100%;
	width: 100%;
	background: #ffffff;
}

#vvg_map {
	background: #ffffff;
}

.jaarverslag-headerBeeld {
	height: 263px;
	width: 100%;
	position: relative;
	background: url('../images/jaarverslag-header-bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 40px;
	display: flex;
	justify-content: center;
}

.jaarverslag-content {
	margin-top: -74px;
	border-top-right-radius: 36px;
	border-top-left-radius: 36px;
	background: rgba(255, 255, 255, 0.89);
	position: relative;
	padding: 15px;
	padding-top: 20px;
}

.jaarverslag-content .jaarverslag-intro h1 {
	font-size: 22px;
	font-weight: 900;
	line-height: 43px;
	color: #007C9D;
}

.jaarverslag-content .jaarverslag-intro p {
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	color: #00B4D1;
	padding-top: 10px;
}

.jaarverslag-content .jaarverslag-intro a {
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	color: #00B4D1;
}

.jaarverslag-content .text-block {
	padding: 0 !important;
}

.jaarverslag-blokken article {
	width: 100%;
	margin-bottom: 15px;
	align-self: initial;
}

.jaarverslag-blokken {
	width: 100%;
	display: flex;
	justify-content: space-between;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.jaarverslag-subnav h2 {
	padding-bottom: 30px;
}
.blokMetLink:hover {
	background: #d6e0a7 !important;
	cursor: pointer;
}

.jaarverslag-subnav li {
	width: 100%;
	height: 75px;
	padding: 15px !important;
	display: flex !important;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	margin-bottom: 15px;
	align-items: center;
	cursor: pointer;
}

.jaarverslag-subnav li a {
	background: none !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	color: #000000 !important;
	display: block !important;
	padding-left: 15px !important;
    width: calc(100% - 40px) !important;
}

.jaarverslag-subnav .subnav-marker {
	display: block;
	width: 38.3px;
	height: 53.41px;
	text-align: center;
	padding-top: 10px;
	background: url('../images/subnav-pinpoint.svg');
	background-repeat: no-repeat;
	background-size: 38.3px 53.41px;
	background-position: center;
	font-size: 28px;
	font-weight: bold;
	color: #ffffff;
	font-family: futura-pt-bold, sans-serif;
}

.jaarverslag-subnav li.active .subnav-marker,
.jaarverslag-subnav li:hover .subnav-marker{
	background: url('../images/subnav-pinpoint-active.svg');
	background-repeat: no-repeat;
	background-size: 38.3px 53.41px;
	background-position: center;
}

.jaarverslag-subnav li.active a,
.jaarverslag-subnav li:hover a {
	color: #00B4D1 !important;
	text-decoration: none !important;
}

.jaarverslag-blokken .article-footer a {
	font-size: 18px;
	font-weight: 500;
	color: #B7176F;
	text-decoration: none;
	background: url('../images/pink-arrow.svg');
	background-size: 9.7px 10.02px;
	background-position: right 4px;
	background-repeat: no-repeat;
	padding-right: 15px;
}

.centreer-btn {
	width: 100%;
	text-align: center;
}
section.ervaringen{
    margin-top:45px;
}
/* Solliciteren */
.solliciterenPagina .umbraco-forms-fieldset{padding-right:0}
.solliciterenPagina .umbraco-forms-fieldset:first-child{margin-bottom:0}
.solliciterenPagina .umbraco-forms-fieldset:first-child+.umbraco-forms-fieldset{padding-top:0}
.solliciterenPagina legend{color:#007c9d;font-weight:900;line-height:26px}
.solliciterenPagina .row-fluid{display:flex;flex-wrap:wrap;margin:0 -15px}
.solliciterenPagina .row-fluid [class*="col-md-"]{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px}
.solliciterenPagina .umbraco-forms-field{margin:0;padding-bottom:10px}
.solliciterenPagina .umbraco-forms-field.hidden{padding:0}
.solliciterenPagina .radiobuttonlist{display:flex;margin:.5em 0}
.solliciterenPagina .radiobuttonlist input[type="radio"]{margin-top:0;margin-left:0}
.solliciterenPagina .radiobuttonlist label:not(:last-child):not(:last-of-type){margin-right:.5em}
.solliciterenPagina input[type="file"]{margin:.5em 0;padding:10px 25px 9px!important}
.solliciterenPagina .umbraco-forms-tooltip.help-block{display:block;padding-top:.25em}
.solliciterenPagina .umbraco-forms-form input.text{max-width:100%}
.solliciterenPagina .umbraco-forms-form textarea{max-width:100%;max-height:200px}
.solliciterenPagina .umbraco-forms-form span.checkboxlist{display:flex;margin:.5em 0;padding:0}
.solliciterenPagina .umbraco-forms-form .checkboxlist label{float:none}
.solliciterenPagina .umbraco-forms-form .checkboxlist input{margin-top:0;margin-left:0}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

@media (min-width: 562px) {
	.double-list li {
		width: 50%;
	}
	.col-sm-1 {
	    -webkit-box-flex: 0;
		    -webkit-flex: 0 0 8.333333%;
		        -ms-flex: 0 0 8.333333%;
		            flex: 0 0 8.333333%;
	    max-width: 8.333333%;
	}
	.col-sm-2 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 16.666667%;
	        -ms-flex: 0 0 16.666667%;
	            flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}
	.col-sm-3 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 25%;
	        -ms-flex: 0 0 25%;
	            flex: 0 0 25%;
	    max-width: 25%;
	}
	.col-sm-4 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.333333%;
	        -ms-flex: 0 0 33.333333%;
	            flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
	.col-sm-5 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 41.666667%;
	        -ms-flex: 0 0 41.666667%;
	            flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}
	.col-sm-6 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 50%;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	    max-width: 50%;
	}
	.col-sm-7 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 58.333333%;
	        -ms-flex: 0 0 58.333333%;
	            flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.col-sm-8 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 66.666667%;
	        -ms-flex: 0 0 66.666667%;
	            flex: 0 0 66.666667%;
	    max-width: 66.666667%;
	}
	.col-sm-9 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 75%;
	        -ms-flex: 0 0 75%;
	            flex: 0 0 75%;
	    max-width: 75%;
	}
	.col-sm-10 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 83.333333%;
	        -ms-flex: 0 0 83.333333%;
	            flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
	.col-sm-11 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 91.666667%;
	        -ms-flex: 0 0 91.666667%;
	            flex: 0 0 91.666667%;
	    max-width: 91.666667%;
	}
	.col-sm-12 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	}
  
    
.field-validation-error {
	display: block;
	margin-top: 3px;
	font-size: 16px;
	line-height: 24px;
	color: #fe0000;
}
.input-validation-error {
	background: #fae3e4;
	border: 1px solid #ff0000;
}
    
    
}

@media (min-width: 768px) {
    
    header {
        height: 100px;
    }
    header .container {
        height: 100px;
    }

	.page-article-back-btn {
		float: right;
	}
	.vervolgPaginaGrid {
		width: 90%;
	}
	.rotateArrow {
		padding: 15px 15px;
		background-image: none !important;
	}

	.page-article-content + .row .article-blok {
		width: calc(50% - 15px);
	}

	.article-header img + .article-meta-data {
		padding: 25px;
	}
	.article-header {
		min-height: 60px;
	}

	.hero-quote {
		width: 220px;
		height: 339px;
		margin-top: -5px;
		margin-left: 110px;
	    padding-top: 65px;
	    padding-left: 40px;
	    padding-right: 40px;
	    display: inline-block;
	}
	.hero-quote h1 {
		font-size: 34px;
		line-height: 38px;
	}
	.page-title-block {
		margin-top: 50px;
	}
	.search-results .page-title-block {
		margin-bottom: 30px;
	}
	.aside-block,
	.inner-article-blok {
		padding: 30px;
	}
	aside {
		margin-top: 0;
	}
	.hero-content-block p {
		font-size: 16px;
		line-height: 26px;
	}
	.hero {
		height: 300px;
		padding: 0 !important;
	}
	.hero:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 538px;
		background: url('../images/yellow-overlay.png');
		background-repeat: no-repeat;
		background-size: 470px 100%;
		background-position: right bottom;
	}
	.hero:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: url('../images/blue-overlay-extra.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
	} 
	.met-video iframe {
		width: 100% !important;
		height: 270px !important;
	}
	.hero-content-block a.btn {
		margin: 0;
		display: inline-block;
	}

	.hero-quote + .btn {
		margin-bottom: 90px;
		position: relative;
		z-index: 999999;
	}

	.col-md-1 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 8.333333%;
	        -ms-flex: 0 0 8.333333%;
	            flex: 0 0 8.333333%;
	    max-width: 8.333333%;
	}
	.col-md-2 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 16.666667%;
	        -ms-flex: 0 0 16.666667%;
	            flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}
	.col-md-3 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 25%;
	        -ms-flex: 0 0 25%;
	            flex: 0 0 25%;
	    max-width: 25%;
	}
	.col-md-4 {
	    width: 33.323333%;
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.323333%;
	        -ms-flex: 0 0 33.323333%;
	            flex: 0 0 33.323333%;
	    max-width: 33.323333%;
	}
	.col-md-5 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 41.666667%;
	        -ms-flex: 0 0 41.666667%;
	            flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}
	.col-md-6 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 50%;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	    max-width: 50%;
	}
	.col-md-7 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 58.333333%;
	        -ms-flex: 0 0 58.333333%;
	            flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.col-md-8 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 66.656667%;
	        -ms-flex: 0 0 66.656667%;
	            flex: 0 0 66.656667%;
	    max-width: 66.656667%;
	}
	.col-md-9 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 75%;
	        -ms-flex: 0 0 75%;
	            flex: 0 0 75%;
	    max-width: 75%;
	}
	.col-md-10 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 83.333333%;
	        -ms-flex: 0 0 83.333333%;
	            flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
	.col-md-11 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 91.666667%;
	        -ms-flex: 0 0 91.666667%;
	            flex: 0 0 91.666667%;
	    max-width: 91.666667%;
	}
	.col-md-12 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	}
	.jaarverslag-content {
		padding: 35px;
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.subNav li {
		display: inline-block;
		width: auto;
		position: relative;
		margin-right: 45px;
	}

	.jaarverslag-blokken article {
		 -webkit-box-flex: 0;
	    -webkit-flex: 0 0 calc(50% - 15px);
	        -ms-flex: 0 0 calc(50% - 15px);
	            flex: 0 0 calc(50% - 15px);
	    max-width: calc(50% - 15px);
		margin-bottom: 30px;
	}

	.download-btn {
		padding: 0px 85px 0px 23px;
		background-repeat: no-repeat;
		background-size: 18px 20px;
		background-position: calc(100% - 26px) 12px;
		background-image: url('../images/download-icon.png');
	}

	.subNav li a {
		padding: 23px 0;
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		color: #ffffff;
		text-decoration: none;
		position: relative;
	}
	.accordion-item:last-of-type {
		margin-bottom: 40px;
	}
	.places {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 calc(33.323333% - 30px);
	        -ms-flex: 0 0 calc(33.323333% - 30px);
	            flex: 0 0 calc(33.323333% - 30px);
	    max-width: calc(33.323333% - 30px);
	}
	.google-maps-container {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 calc(66.656667% + 30px);
	        -ms-flex: 0 0 calc(66.656667% + 30px);
	            flex: 0 0 calc(66.656667% + 30px);
	    max-width: calc(66.656667% + 30px);
	}
	.article-blok:last-of-type {
		margin-bottom: 30px;
	}
	.with-aside main {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 66.656667%;
	        -ms-flex: 0 0 66.656667%;
	            flex: 0 0 66.656667%;
	    max-width: 66.656667%;
	}
	.with-aside.jaarverslag-container main {
		 -webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	}

	.jaarverslag-container {
		padding: 0 15px;
	}

	.with-aside aside {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.323333%;
	        -ms-flex: 0 0 33.323333%;
	            flex: 0 0 33.323333%;
	    max-width: 33.323333%;
	}

	.with-aside.jaarverslag-container aside {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0;
	}
	.article-meta-data {
		padding: 25px;
		padding-bottom: 15px;
	}

	.full-width-search-wrapper-search-text {
		display: block;
	}

	.full-width-search-row {
		margin-top: 30px;
	}

	.hero .col-md-10,
	.hero .col-lg-7, 
	.hero .col-xl-6 {
		display: flex;
		align-items: flex-end;
	}
	.small-height {
		height: 365px;
	}
	.align-left [class^="col-"] {
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.logo {
		/*max-width: 230px;*/
	}
 
	.home-top-blokken article.border-bottom {
		padding-bottom: 0 !important;
	}
	.col-md-offset-2 {
		margin-left: calc(16.666667% - 30px);
	}
	.categorieen ul {
	}
	.categorieen ul li {
		max-width: calc(145px - 7.5px);
	}
	.footer-tab-content {
		display: block !important;
	}
	.border-bottom {
		border-bottom: none;
	}
	.hero-section .row.hero {
		display: block;
	}
	.hero .container {
		justify-content: flex-end;
	}
	.hero .container.align-left {
		justify-content: flex-start;
		height: 100%;
	}
	.home-top-blokken article a {
		font-size: 20px;
	}
	.article-blok .article-title {
		padding: 25px;
		padding-bottom: 10px;
		width: 100%;
		display: block;
		background: #e4f7fa;
		position: relative;
		z-index: 999;
	}
	.article-blok .article-title h3 {
		color: #00B4D1;
	}
	aside .margin-top {
		margin-top: 35px;
	}

	.yellow-article-bg .article-title,
	.yellow-article-bg .article-body,
	.yellow-article-bg .article-footer {
		background: none !important;
	}

	.hero .hulp-btn {
		display: inline-flex;
	    max-height: 50px;
	    margin-bottom: 40px;
	    margin-left: -130px;
	}
	.desktop.section-header {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 15px;
	}

	.mobile.section-header {
		display: none;
	}
	footer ul {
		margin-bottom: 0;
	}

	.social-media {
		margin-top: 50px;
	}
	footer span:not(.icon) {
		background-image: none;
	}


	.pull-above {
		margin-top: -60px;
		position: relative;
		z-index: 9999;
	}

	.jaarverslag-subnav.pull-above {
		margin-top: 0;
	}

	.blue-green-gradient-bar {
		margin-bottom: 50px;
	}
	
	.article-blok .article-title h3 {
		font-size: 22px;
	}

	.article-blok .article-body {
		padding: 25px;
		padding-top:5px;
	}
	.article-blok .article-body p a{
		color: #000;
	}	
	.yellow-article-bg .article-body {
		padding-top: 25px;
	}
	.article-blok .article-footer {
		padding: 25px;
		padding-top: 0;
	}

	footer {
		margin-top: 0;
	}

	.home-top-blokken article {
		margin-bottom: 15px;
	}

}

@media (min-width: 992px) {
        .nav{
        width:calc(100% - 30px);
        height:  100px;
        top: 0px;
        position: absolute!important;
        right: 15px;
	}
    .logo-home {
        display: block;
        position: fixed;
        width: 70px;
        z-index: 9999999999999999999999;
        top: 0px;
        
	}  
	.vvgi-site .logo-home{position:absolute;max-width:none;height:auto;left:15px}
    .logo-home-mobile{
        display: none;
	}      
	.download-btn {
		padding: 0px 75px 0px 43px;
		background-repeat: no-repeat;
		background-size: 18px 20px;
		background-position: calc(100% - 36px) 12px;
		background-image: url('../images/download-icon.png');
	}
	footer {
		padding-top: 40px;
	}
	.hero-quote {
		width: 220px;
		height: 339px;
		margin-top: -5px;
		margin-left: 50px;
	    padding-top: 65px;
	    padding-left: 40px;
	    padding-right: 40px;
	    display: inline-block;
	}
	.btn.extra-btn-padding {
	    padding: 0px 35px;
	}
	footer span:not(.icon) {
		padding-top: 0;
		padding-bottom: 0;
		background-image: none;
	}
	.hero .hulp-btn {
		margin-bottom: 100px;
		margin-left: 70px;
	}
	.search-text {
		font-weight: 300;
		font-size: 25px;
		color: rgba(0, 0, 0, .5);
		position: absolute;
		top: 37px;
		left: 15px;
		display: block;
	}
	.close-icon {
		width: 22px;
		height: 22px;
		background: url('../images/clear-input.svg');
		background-size: 22px 22px;
		background-position: center;
		outline: 0;
		border: 0;
		display: inline-block;
		float: right;
		margin-right: 25px;
		margin-top: 40px;
		cursor: pointer;
	}
	.search-wrapper {
		display: none;
		position: absolute;
		width: calc(100% - 130px);
		height: 100%;
		left: 0;
		top: 0;
		background: #fff;
	}
	.search-input {
		border: 0;
		outline: 0;
		text-align: center;
		height: 100%;
		width: calc(100% - 460px);
		font-size: 28px;
		font-weight: 500;
	    left: 50%;
	    transform: translateX(15%);
	}
	.breadcrumb {
		padding: 23px 15px 23px 15px;
	}
	.row {
		padding: 30px 0;
	}

	/*.row,
	footer {
		padding: 40px 0;
	}*/
	.extra-padding {
		/*padding-top: 50px !important;*/
	}
	.contact-blok {
		margin-top: 0;
	}
	.categorieen {
		padding: 30px 0;
		padding-bottom: 15px;
	}

	.with-aside.jaarverslag-container main {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 calc(66.656667% - 15px);
	        -ms-flex: 0 0 calc(66.656667% - 15px);
	            flex: 0 0 calc(66.656667% - 15px);
	    max-width: calc(66.656667% - 15px);
	}


	.with-aside.jaarverslag-container aside {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 calc(33.323333% - 15px);
	        -ms-flex: 0 0 calc(33.323333% - 15px);
	            flex: 0 0 calc(33.323333% - 15px);
	    max-width: calc(33.323333% - 15px);
	}
	.col-lg-1 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 8.333333%;
	        -ms-flex: 0 0 8.333333%;
	            flex: 0 0 8.333333%;
	    max-width: 8.333333%;
	}
	.col-lg-2 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 16.666667%;
	        -ms-flex: 0 0 16.666667%;
	            flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}
	.col-lg-3 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 25%;
	        -ms-flex: 0 0 25%;
	            flex: 0 0 25%;
	    max-width: 25%;
	}
	.col-lg-4 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.333333%;
	        -ms-flex: 0 0 33.333333%;
	            flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
	.col-lg-5 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 41.666667%;
	        -ms-flex: 0 0 41.666667%;
	            flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}
	.col-lg-6 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 50%;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	    max-width: 50%;
	}
	.col-lg-7 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 58.333333%;
	        -ms-flex: 0 0 58.333333%;
	            flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.col-lg-8 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 66.666667%;
	        -ms-flex: 0 0 66.666667%;
	            flex: 0 0 66.666667%;
	    max-width: 66.666667%;
	}
	.col-lg-9 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 75%;
	        -ms-flex: 0 0 75%;
	            flex: 0 0 75%;
	    max-width: 75%;
	}
	.col-lg-10 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 83.333333%;
	        -ms-flex: 0 0 83.333333%;
	            flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
	.col-lg-11 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 91.666667%;
	        -ms-flex: 0 0 91.666667%;
	            flex: 0 0 91.666667%;
	    max-width: 91.666667%;
	}
	.col-lg-12 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	}

	.jaarverslag-container {
		justify-content: space-between;
	}

	.jaarverslag-subnav.pull-above {
		margin-top: -74px;
	}
	header {
		padding: 0;
		height: 100px;
	}
	.vvgi-site header{overflow:visible}
	header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	nav {
		display: inline-flex !important;
		align-items: center;
		float: right;
		width: auto;
		padding-top: 0;
	}
	nav ul {
		display: inline-block;
		float: left;
		width: auto;
	}
	.search-box {
		display: inline-block;
		float: right;
		width: auto;
		margin-left: 5px;
	}
	.search-icon {
		height: 100px;
		-webkit-transition: background .5s ease;
		-moz-transition: background .5s ease;
		-ms-transition: background .5s ease;
		-o-transition: background .5s ease;
		transition: background .5s ease;
	}
	.changeSearchButton {
		position: absolute;
		top: 0px;
		right: 0;
		width: 100px;
		background-color: rgba(0, 180, 209, .50);
		background-image: url('../images/search-icon-white.svg');
		background-repeat: no-repeat;
		background-size: 25px 25px;
		background-position: center;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.search-wrapper {
		width: calc(100% - 110px);
	}
	nav ul li {
		display: inline-block;
		width: auto;
		margin-left: -9px;
	}
	.mobile-icon {
		display: none;
	}
	.hero.extra-height {
		height: 372px;
	}
	.hero.extra-height:after {
		right: -100px;
        height: 372px;
	}
	.hero.extra-height:before {

        height: 372px;
	}    
	.categorieen ul {
		justify-content: center;
	}
	.categorieen ul li {
		max-width: calc(175px - 15px);
		margin-right: 30px;
	}
	.categorieen ul li:last-of-type {
		margin-right: 0;
	}
	.home-top-blokken article h2 {
		line-height: 43px;
		padding-bottom: 0;
	}
	.met-video iframe {
		width: 100% !important;
		height: 370px !important;
	}
	/* Solliciteren */
	.solliciterenPagina .umbraco-forms-fieldset:nth-child(2) .row-fluid [class*="col-md-"] .umbraco-forms-field,
	.solliciterenPagina .umbraco-forms-fieldset:nth-child(4) .row-fluid [class*="col-md-"] .umbraco-forms-field:not(:first-child):not(:nth-child(2)){width:calc(50% - 15px)}
}
@media (min-width: 1200px) {
	.search-box {
		margin-left: 10px;
        z-index: 99999999999999;
	}

	nav ul li {
		margin-left: 5px;
	}
	.close-icon {
		margin-right: 0;
	}
	.search-text {
		left: 0px;
	}
	.changeSearchButton {
		right: -27px;

		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	.col-xl-1 {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 8.333333%;
	        -ms-flex: 0 0 8.333333%;
	            flex: 0 0 8.333333%;
	    max-width: 8.333333%;
	}
	.col-xl-2 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 16.666667%;
	        -ms-flex: 0 0 16.666667%;
	            flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}
	.col-xl-3 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 25%;
	        -ms-flex: 0 0 25%;
	            flex: 0 0 25%;
	    max-width: 25%;
	}
	.col-xl-4 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 33.333333%;
	        -ms-flex: 0 0 33.333333%;
	            flex: 0 0 33.333333%;
	    max-width: 33.133333%;
	}
	.col-xl-5 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 41.666667%;
	        -ms-flex: 0 0 41.666667%;
	            flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}
	.col-xl-6 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 50%;
	        -ms-flex: 0 0 50%;
	            flex: 0 0 50%;
	    max-width: 50%;
	}
	.col-xl-7 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 58.333333%;
	        -ms-flex: 0 0 58.333333%;
	            flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.col-xl-8 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 66.666667%;
	        -ms-flex: 0 0 66.666667%;
	            flex: 0 0 66.666667%;
	    max-width: 66.666667%;
	}
	.col-xl-9 {
		-webkit-box-flex: 0;
	    -webkit-flex: 0 0 75%;
	        -ms-flex: 0 0 75%;
	            flex: 0 0 75%;
	    max-width: 75%;
	}
	.col-xl-10 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 83.333333%;
	        -ms-flex: 0 0 83.333333%;
	            flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
	.col-xl-11 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 91.666667%;
	        -ms-flex: 0 0 91.666667%;
	            flex: 0 0 91.666667%;
	    max-width: 91.666667%;
	}
	.col-xl-12 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 100%;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.subPage .umb-grid .grid-section .col-md-12.column {
		flex-basis: inherit;
		max-width: 66.656667%;
	}

}

.cookie-popup {
	width: 100%;
	position: fixed;
	bottom: 0;
	background: rgba(255, 255, 255, .85);
	z-index: 9999;
	opacity: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	padding: 15px;
}
.cookie-popup-container {
	width: 100%;
}
.cookie-popup-container p {
	color: #333333;    
	font-size: inherit;
	font-family: inherit;
	text-align: center;
}
.cookie-popup-container a {
	color: #004a94;
}