/*
.blockType-1 { !*Enkele tekst*! }
.blockType-2 { !*Enkele media*! }
.blockType-3 { !*Dubbele tekst*! }
.blockType-4 { !*Dubbele media*! }
.blockType-5 { !*Tekst links, media rechts*! }
.blockType-6 { !*Media links, tekst rechts*! }
.blockType-7 { !*Artikelen*! }
.blockType-8 { !*Formulieren*! }
.blockType-9 { !*Foto's*! }
.blockType-11 { !*Code*! }
.blockType-13 { !*Quote*! }
*/

body {
	background-color: #fff;
	color: #000;
	font-size: 14px;
	line-height: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
p {
	margin: 0 0 10px 0;
}
ul, ol {
	margin: 0 0 10px 20px;
}
ul li, ol li {
	padding: 0;
}
a {
	cursor: pointer;
}
.center {
	text-align: center
}
.clear:after {
	display: block;
	clear: both;
	content: '';
}
.blockitem a,
.contentCenter a {
	color: #256eaf;
	text-decoration: none;
}
.blockitem a:hover,
.contentCenter a:hover {
	text-decoration: underline;
}
a.loadMore {
	color: #fff;
}
img {
	max-width: 100%;
}
.mobileMenuToggle {
	cursor: pointer;
}
.blockContainer,
.blockContainer .blockitem {
	box-sizing: border-box;
}
.blockContainer:after {
	display: block;
	clear: both;
	content: '';
}
.blockContainer.blockType-2 .blockitem:not(.blockItemType-12) img,
.blockContainer.blockType-4 .blockitem img,
.blockContainer.blockType-5 .blockitem img,
.blockContainer.blockType-6 .blockitem img {
	width: 100%;
	height: auto;
}
.blockContainer.blockType-3 .blockitem.seq_1,
.blockContainer.blockType-4 .blockitem.seq_1,
.blockContainer.blockType-5 .blockitem.seq_1,
.blockContainer.blockType-6 .blockitem.seq_1 {
	padding: 0 10px 0 0;
	width: 50%;
	float: left;
}
.blockContainer.blockType-3 .blockitem.seq_2,
.blockContainer.blockType-4 .blockitem.seq_2,
.blockContainer.blockType-5 .blockitem.seq_2,
.blockContainer.blockType-6 .blockitem.seq_2 {
	padding: 0 0 0 10px;
	width: 50%;
	float: left;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper.w4xh3 {
	padding-bottom: 75%; /* 4:3 */
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mediaLibrary {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-row-gap: 7px;
	grid-column-gap: 10px;
}
.mediaLibrary img {
	border: 1px solid #666;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	line-height: 0;
}
.mediaLibrary a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.googleMapsWrapper {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.googleMapsWrapper > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.directionsForm {
	display: none;
	margin-top: 15px;
	position: relative;
}
.directionsForm .start {
	margin: 15px 0;
}
.directionsForm .start select {
	padding: 6px;
	width: 100%;
}
.directionsForm[data-markerscount="1"] {
	display: block;
}
.directionsForm .start {
	position: relative;
}
.directionsForm label {
	display: block;
	margin-bottom: 10px;
}
.directionsForm input[type="text"] {
	border: 1px solid #000;
	box-sizing: border-box;
	font-size: 1em;
	padding: 7px;
	width: 100%;
}
.directionsForm .icon-search {
	cursor: pointer;
	right: 8px;
	top: 10px;
}
.directionsPanel {
	display: none;
	font-size: 1em;
	height: 550px;
	overflow-y: scroll;
}
.gmapMarkerPopup {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gmapMarkerPopup li {
	margin: 0;
}
section:after {
	clear: both;
	content: '';
	display: block;
}
.topBar nav ul {
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
    font-size:0.8em;
}
.topBar nav ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 25px 0 0;
}
.topBar nav ul li a {
	color: #222e43;
	text-decoration: none;
}
.topBar nav ul li a:hover,
.topBar nav ul li.active a {
	color: #256eaf;
}
.loadMoreWrapper {
	margin-top: 45px;
	text-align: center;
}
.loadMore {
	background-color: #fa0f19;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.loadMore:hover,
.loadMore:active {
	background-color: #ecebeb;
	color: #fff;
	text-decoration: none;
}
.numbers .number,
.numbers .current {
	float: left;
	margin-right: 10px;
}
.numbers .current {

}
.numbers .pagination > *,
.numbers .arrows > * {
	cursor: pointer;
}