/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600i,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Crete+Round:400,400i');

/*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;
	-webkit-font-smoothing: antialiased;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', sans-serif;
	background: #EEF1F2;
	height: calc(100% - 100px);
	width: 100%;
	overflow-y: scroll;
}
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%;
}
iframe, object, embed {
	max-width: 100%;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input {
	border-radius: 0;
	-webkit-appearance: none;
}

/* Cookies */
.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: 15px;
	font-family: inherit;
	text-align: center;
}
.cookie-popup-container a {
	color: #004a94;
}

/*ALGEMEEN*/
.afbeeldinglinks {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
.afbeeldingrechts {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}
#gMapContact{
	height:400px;
	width:400px;	
}

.row > .container,
.container {
	width: 100%;
	max-width: 970px;
	margin: auto;
	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;
}

header {
	position: relative;
	min-height: 78px;
}

/*header:before {
	content: '';
	position: absolute;
	width: 50px;
	height: 100%;
	max-height: 78px;
	background: #AAAAA9;
	top: 0;
	left: 0;
}*/

header .header-row {
	width: 100%;
}

header .container .menu-content {
	width: 100%;
	display: none;
	clear: both;
	padding: 0 15px;
	padding-bottom: 20px;
}

header .container nav {
	width: 100%;
	text-align: left;
}

header .container nav li {
	display: block;
	width: 100%;
	padding: 7px 0;
}

header .container nav li a {
	font-size: 15.5px;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
    letter-spacing: 1px;
}

header .container nav li.active a,
header .container nav li:hover a {
	color: #E23534;
}

aside {
	position: fixed;
	width: 250px;
	height: 100%;
	top: 0;
	left: -200px;
	bottom: 0;
	background: #AAAAA9;
	z-index: 100;
	overflow: hidden;
}

aside .subnav-content {
	display: flex;
	justify-content: space-between;
	padding: 35px 9px;
}

aside .sidebar-icons li {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}

.zoek-item {
	margin-top: 5px;
}

.zoek-icon {
	width: 25.33px;
	height: 25.33px;
}

.article-stippellijn {
	display: block;
	position: relative;
	width: 100%;
	height:5.72px;
	background: url('../images/stippel-lijn.svg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center;
}

.zoek-box {
	display: none;
	position: relative;
}

/*.zoek-box:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2.72px;
	top: 0;
	left: -100%;
	background: url('../images/stippel-lijn.svg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center;
}*/

#zoek-balk {
	margin-top: 15px;
	width: 100%;
	margin-bottom: 15px;
}

.zoek-input {
	border: 0;
	outline: none;
	border-radius: 0;
	padding: 12px 10px;
	line-height: 1;
	font-size: 18px;
	font-weight: 400;
	font-family: "Times New Roman", Times, serif;
	margin-right: -4px;
	width: calc(100% - 80px);
	vertical-align: top;
}

.zoek-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.3);
	font-family: "Times New Roman", Times, serif;
}
.zoek-input::-moz-placeholder { /* Firefox 19+ */
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.3);
	font-family: "Times New Roman", Times, serif;
}
.zoek-input:-ms-input-placeholder { /* IE 10+ */
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.3);
	font-family: "Times New Roman", Times, serif;
}
.zoek-input:-moz-placeholder { /* Firefox 18- */
	font-size: 18px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.3);
	font-family: "Times New Roman", Times, serif;
}

.zoek-submit {
	outline: none;
	border: 0;
	padding: 11.5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: #707070;
	cursor: pointer;
}

.icon {
	background-color: #fff;
	border: 0;
	height: 78px;
	width: 65px;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	outline: none;
	display: block;
	float: right;
}

.icon span {
	display: block;
	height: 5px;
	width: 30px;
	background-color: #ffffff;
	border-radius: 2px;
	position: absolute;
	left: 23px;
	-webkit-transition: -webkit-transform 0.3s;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.icon span:first-child {
	top: 28px;
}

.icon span:nth-child(2) {
	top: 37px;
}

.icon span:last-child {
	top: 46px;
}

.icon--active span:first-child {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 37px;
}

.icon--active span:last-child {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 37px;
}

.icon--active span:nth-child(2) {
	opacity: 0;
}

.icon--button {
	border-radius: 10px;
}

.icon--square {
	border-radius: 0;
}

.icon--transparent {
	background-color: transparent;
}

.icon--transparent span {
	background-color: #000;
}

.icon-transition {
	-webkit-transition: -webkit-transform 0.3s;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

main {
	position: relative;
	display: block;
}

.hero {
	position: relative;
	background: #000000;
	height: 130px;
	background-position: right bottom !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

.homepage .hero:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 50px;
	top: 0;
	left: 0;
	background: #E23534;
	z-index: 999999;
}

.hero > .container {
	height: 100%;
	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;
	align-items: center;
}

.hero > .container .col-12 {
	height: 100%;
	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;
	align-items: center;
}

.hero .titel {
	display: block;
	font-family: 'Crete Round', serif;
	font-size: 25px;
	line-height: 40px;
	color: #ffffff;
    letter-spacing: 1px;
}

main .row > .container,
header .container {
	padding-left: 50px;
}

main .row .row-header {
	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;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	padding-bottom: 0;
}

main .row .row-header h1 {
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	-o-order: 2;
	order: 2;
	display: block;
	width: 100%;
	font-family: 'Crete Round', serif;
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
	color: #E23534;
}

main .row .row-header .contact-icons {
	-webkit-order: 1;
	-moz-order: 1;
	-ms-order: 1;
	-o-order: 1;
	order: 1;
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

main .row .row-header .contact-icons li {
	margin-right: 10px;
	display: inline-block;
	width: auto;
}

main .row .row-header .contact-icons li:last-of-type {
	margin-right: 0;
}

main .row .row-header .contact-icons li img {
	width: 42px;
	height: 42px;
}

main .intro h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	line-height: 30px;
	padding: 15px 0;
}

main .intro p {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 27px;
}

main .stippel-lijn {
	width: 100%;
	height: 7px;
	margin: 40px 0;
	background: url('../images/stippel-lijn.svg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center;
}

header .col-12.stippel-lijn {
	background-clip: content-box !important;
}

header .stippel-lijn {
	width: 100%;
	height: 3.5px;
	margin: -10px 0 20px;
	background: url('../images/stippel-lijn.svg');
	background-repeat: repeat-x;
	background-size: cover;
	position: relative;
	background-position: center;

}

header .stippel-lijn:before {
	content: '';
	position: absolute;
	left: calc(-100% - -15px);
	top: 0;
	width: 100%;
	height: 3.5px;
	background: url('../images/stippel-lijn.svg');
	background-repeat: repeat-x;
	background-size: cover;
	background-position: center;
}

.onderwerpen-blokken article {
	margin-bottom: 40px;
}

article .article-header {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	height: 200px;
}

article .article-header img {
	max-height: 200px;
}

article .stippel-lijn {
	margin: 20px 0;
	height: 17px;
}

article .article-body {
	margin-bottom: 20px;
}

article .article-body a {
	text-decoration: none;
}

article .article-body h3 {
    font-weight: 700;
    font-size: 15.5px;
	line-height: 40px;
	color: #E23534;
	padding-bottom: 5px;
    letter-spacing: 1px;
}

article .article-body h3:hover {
	color: #000;
}

article .article-body p {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 28px;
	color: #000;
	margin-bottom: 15px;
}

article .article-footer a {
	display: inline-block;
	width: auto;
	border: 2px solid #E23534;
	border-radius: 27px;
	padding: 10px 25px;
	text-decoration: none;
	font-size: 13px;
	color: #000000;
}

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

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

.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%;
}

.vervolg .hero {
	margin-bottom: 30px;
}

.vervolg .hoofdstuk-afbeelding {
	width: 100%;
	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;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.inhoudsopgave h2 {
	font-family: 'Crete Round', serif;
	font-size: 30px;
	line-height: 35px;
	color: #E23534;
	padding-bottom: 5px;
    letter-spacing: 1px;
}

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

.inhoudsopgave ul li {
	display: block;
	width: 100%;
	padding: 5px 0;
}

.inhoudsopgave ul li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 35px;
	
	color: #000;
	text-decoration: none;
}

.inhoudsopgave ul li:hover a {
	color: #E23534;
}

.pagina {
	height: 100%;
}

.pagina .intro h2 {
	font-family: 'Crete Round', serif;
	font-size: 30px;
	line-height: 35px;
	color: #E23534;
	padding: 0;
    letter-spacing: 1px;
}

.pagina .intro p {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}

.pagina .intro {
	margin-bottom: 40px;
}

.content h2 {
	font-family: 'Crete Round', serif;
	font-size: 30px;
	line-height: 40px;
	color: #E23534;
     letter-spacing: 1px;
}

.content h3 {
	font-family: 'Crete Round', serif;
	font-size: 22px;
	line-height: 32px;
	color: #E23534;
     letter-spacing: 1px;
    margin-bottom: 20px;
}
.content h4 {
	font-family: 'Crete Round', serif;
	font-size: 22px;
	line-height: 32px;
	color: #8a8a8a;
     letter-spacing: 1px;
     margin-bottom: 20px;
}

.content p {
	margin-bottom: 30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 30px;
}

.content ul:not(.inhoudsopgave) a,
.content ul:not(.inhoudsopgave) li ul a {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 35px;
	color: #000;
}

.content ul {
	margin-bottom: 30px;
}

.content p ul {
	margin-bottom: 0;
}

.content ol {
	list-style-type: decimal;
}

.content :not(.inhoudsopgave) li {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 35px;
	background: url('../images/list-icon.svg');
	background-repeat: no-repeat;
	background-position: left 12px;
	background-size: 8.58px 8.58px;
	padding-left: 25px;
}

.content strong {
	font-weight: bold;
}

.content em {
	font-style: italic;
}

.content img {
	max-width: 100%;
	display: block;
	vertical-align: middle;
}

.content iframe {
	max-width: 100%;
}

.pagina .hero {
	position: sticky;
	position: -webkit-sticky;
	position: -ms-sticky;
	position: -moz-sticky;
	position: -o-sticky;
    z-index: 99;
    top: 0;
}

.subnav-header {
	display: flex;
	align-items: center;
	background: #E23534;
}

.subnav-header h3 {
	font-family: 'Crete Round', serif;
	font-size: 25px;
	line-height: 35px;
	color: #ffffff;
	padding: 0 30px;
	display: none;
}

.subnav-spacer {
	width: 100%;
	display: block;
	height: 78px;
}

aside nav {
	width: 0;
	max-width: 70%;
	visibility: hidden;
}

aside nav ol {
	list-style-type: decimal;
}

aside nav li  {
    margin-bottom: 4px;
}
aside nav li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
	display: inline-block;
	padding-left: 20px;
}

aside nav li a:hover,
aside nav li.current a {
	color: #ffffff;
}

aside nav .menu-toc {
	display: none;
}

.noten{
    padding-top:20px;
    border-top: solid 1px #ccc;
    font-size: 15px;
    line-height: 25px;
}
.noten p{
    font-size: 15px;
    line-height: 25px;
}
/* Navigatie blokken */
.navigation-block{width:100%;margin:0 0 30px;padding:15px;border:2px solid #E23534}
.nav-block-title{display:flex;align-items:baseline;justify-content:space-between;flex-flow:row nowrap;color:#000;font-size:15.5px;font-weight:700;letter-spacing:1px;line-height:1.15;text-decoration:none;text-transform:uppercase}
.nav-block-title span:first-child{max-width:80%}
.nav-block-title span:not(:first-child){font-size:11px;font-weight:400}
a.nav-block-title:active,a.nav-block-title:focus,a.nav-block-title:hover{color:#E23534}
a.nav-block-title:active span:not(:first-child),a.nav-block-title:focus span:not(:first-child),a.nav-block-title:hover span:not(:first-child){color:#000}
.navigation-list{width:100%;margin-top:10px}
.navigation-list li{width:100%;padding:2.5px 0;color:#000}
.navigation-list li *{color:inherit;font-size:14px}
.navigation-list li a{text-decoration:none}
.navigation-list li a:active,.navigation-list li a:focus,.navigation-list li a:hover{color:#E23534}
.navigation-list ul{padding-left:20px}
.content .inhoudsopgave>ul{width:100%;margin:0 0 30px;padding:15px;border:2px solid #E23534;list-style:none}
.content .inhoudsopgave>ul li{width:100%;margin-right:0!important;padding:2.5px 0;background:none;color:#000;font-size:14px;line-height:1.15!important}
.content .inhoudsopgave>ul li *{margin-right:0;color:inherit;font-family:"Open sans",sans-serif!important;font-size:14px!important;line-height:1.15!important}
.content .inhoudsopgave>ul li a{text-decoration:none}
.content .inhoudsopgave>ul li a:active,.content .inhoudsopgave>ul li a:focus,.content .inhoudsopgave>ul li a:hover{color:#E23534}
.content .inhoudsopgave>ul ul{margin-bottom:0;padding-left:20px}
.d-flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.row.d-flex{margin:0 -15px}

@media (min-width: 562px) {
	.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%;
	}
}

@media (min-width: 768px) {

	header {
		padding-bottom: 25px;
	}
	.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 {
	    -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%;
	}
	
	.zoek-box {
	    padding-top: 10px;
	}

	/*.zoek-box:before {
		content: "";
		position: absolute;
		width: 200%;
		height: 2.72px;
		top: 0;
		left: -100%;
		background: url('../images/stippel-lijn.svg');
		background-repeat: repeat-x;
		background-size: cover;
		background-position: center;
	}*/

	#zoek-balk {
		margin-bottom: 0;
	}
	main .stippel-lijn {
		height: 2.76px;
		margin: 40px 0;
		background-size: contain;
	}
	article .stippel-lijn {
		margin: 20px 0;
	}
	.hero {
		height: 260px;
	}

	.vervolg .hero {
		height: 142.44px;
	}

	.pagina .hero {
		height: 113.44px;
	}

	.hero .titel {
		font-size: 70px;
        letter-spacing: 1px;
		line-height: 40px;
	}
	.vervolg .hero .titel {
		font-size: 55px;
	}
	.pagina .hero .titel {
		font-size: 35px;
	}
	main .row .row-header {
		width: 100%;
		justify-content: space-between;
		margin-top: 40px;
		margin-bottom: 5px;
	}
	main .row .row-header h1 {
		-webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		order: 1;
		width: auto;
		font-size: 65px;
		line-height: 40px;
	}
	main .row .row-header .contact-icons {
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		order: 2;
		width: auto;
	}
	main .intro h2 {
		font-size: 40px;
		line-height: 40px;
	}
	main .intro p {
		font-size: 22px;
		line-height: 35px;
	}

	.vervolg .hero {
		margin-bottom: 25px;
	}

	.vervolg .hoofdstuk-afbeelding {
		margin-bottom: 70px;
	}

	.inhoudsopgave h2 {
		font-size: 45px;
		line-height: 40px;
		padding-bottom: 25px;
	}
	.inhoudsopgave p {
		margin-bottom: 25px;
	}    

	.inhoudsopgave ul li {
		display: inline-block;
		width: auto;
		padding: 0;
		margin-right: 20px;
	}

	.subnav-spacer {
		height: 100.33px;
	}
	.icon {
		top: 12px;
	}
	.columncount-2 {
		column-count: 2;
		column-gap: 30px;
		margin-bottom: 30px;
	}
	.columncount-2>* {
		break-inside: avoid-column;
	}
}

@media (min-width: 992px) {
	.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%;
	}
	main .row > .container,
	header .container {
		padding-left: 25px;
	}
	main .stippel-lijn {
		margin: 50px 0;
	}
	article .stippel-lijn {
		margin: 20px 0;
	}

	aside {
		left: -278px;
		width: 328px;
	}

	.icon {
		display: none;
	}
	header .container .menu-content {
		width: 100%;
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		padding: 35px 15px 10px;
	}
	
	header .container nav {
		width: auto;
		text-align: left;
		width: calc(100% - 50px);
	}

	header .container nav li {
		display: inline-block;
		width: auto;
		padding: 0;
		margin-right: 15px;
		padding-bottom: 5px;
	}


	header .container nav li:last-of-type{
		margin-right: 0;
	}
	.zoek-input {
		width: calc(100% - 105px);
	}
	.zoek-submit {
		width: 104px;
	}
}

@media (min-width: 1200px) {

	.vervolg .hero {
		margin-bottom: 55px;
	}
	aside nav li a {
		padding-left: 0;
	}
	header .container nav li {
		padding-bottom: 0;
	}
	.homepage .hero:before {
		content: '';
		position: absolute;
		height: 100%;
		width: 100px;
		top: 0;
		left: 0;
		background: #E23534;
	}
	aside {
		left: -228px;
	}
	aside .sidebar-icons li {
		width: 42px;
		height: 42px;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	aside .subnav-content {
		padding: 60px 30px;
	}
	.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%;
	}

	/*.zoek-box:before {
		content: "";
		position: absolute;
		width: 215%;
		height: 2.72px;
		top: 0;
		left: -100%;
		background: url('../images/stippel-lijn.svg');
		background-repeat: repeat-x;
		background-size: cover;
		background-position: center;
	}*/

	main .row > .container,
	header .container {
		padding-left: 0px;
	}



	.hero {
		background-position: calc(100% - 25%) bottom !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
}