/*

font-family: "Open Sans", sans-serif;
font-weight: 300/700/800;

font-family: "Poppins", sans-serif;
font-weight: 300/600/700/800;

ZWART: #000
GRIJS: #8C8FA0

DONKER BLAUW: #111B41 (17, 27, 65)
LICHT BLAUW: #5EAEE1
GEEL: #E4C25F
ROOD: #D8866C
GROEN: #77C589 

DE LORK GROEN: #006334
DE LORK DONKER GROEN: #01413C;
DE LORK ORANJE: #C16B4A
DE LORK ROOD: #6F4447

HET LAATHOF DONKER GEEL: #E4B900
HET LAATHOF ROOD: #754851
HET LAATHOF ORANJE: #D1715E

MIDWESTER GEEL: #FFD243
MIDWESTER ZALM: #F68971
MIDWESTER LICHT BRUIN: #E0B574
MIDWESTER DONKER BRUIN: #7D6B5C

DE IEP ROOD: #DC343B
DE IEP GRIJS: #8788A3
DE IEP BLAUW: #1A1E40

TEN BERG GROEN 1: #2E6165
TEN BERG GROEN 2: #46828B
TEN BERG GROEN 3: #66A2AB
TEN BERG BEIGE: #C2AB7B
TEN BERG BRUIN: #6D665F

VERLOREN BOS GEEL: #FFDE9F
VERLOREN BOS ROZE: #EF857A
VERLOREN BOS ROOD: #84515D

DE KOMPEL GEEL: #EBAD49
DE KOMPEL BLAUW: #4B647D
DE KOMPEL BRUIN: #826544

ST JANSBURG GROEN: #B8C29E
ST JANSBURG ROOD 1: #D1715E
ST JANSBURG ROOD 2: #754851

EKSTERNEST BLAUW 1: #97B5D1
EKSTERNEST BLAUW 2: #586988
EKSTERNEST BLAUW 3: #2E3758
	
*/


* { 
	border: 0;
	padding: 0;
	margin: 0; 
}

html, 
body {
	height: 100%;
}

/* general */

body {
	background: #fff;
	color: #000;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 17px;
}

br.clear {
	clear: both;
}

/* container */

.container {
	float: left;
	width: 100%;
	overflow: hidden;
}

/* wrapper */

.wrapper {
	margin: 0 auto;
	max-width: 1360px;
	position: relative;
}

.small_wrapper {
	margin: 0 auto;
	max-width: 800px;	
}

/* header */

.header {
	float: left;
	width: 100%;
}

/* controls */

.controls {
	float: left;
	width: 100%;
	margin-top: 30px;
	text-align: right;
	font-size: 16px;
	min-height: 35px;
}

/* search */

.search_form {
	float: right;
	width: 250px;
	position: relative;
}

.search_form input.query {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background: rgba(17, 27, 65, 0.075);
	border: 0;
	padding: 7px 10px;
	padding-left: 15px;
	padding-right: 40px;
	color: #111B41;
	font-family: "Open Sans", serif;
	font-weight: 300;
	font-size: 16px;
	outline: none;
	border-radius: 4px !important;
}

.search_form ::placeholder {
	color: #111B41;
	opacity: 1;
}

.search_form button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 40px;
	height: 100%;
	background: #111B41;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	outline: none;
	transition: all 0.2s;
}

.search_form button:after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	content: "\f002";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 16px;
	width: 40px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.search_form button:hover {
	background: #4D5470;
}

/* centra link */

.controls a.centra {
	float: right;
	color: #8C8FA0;
	margin-top: 7px;
	margin-right: 35px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.2s;
}

.controls a.centra:hover {
	color: #111B41;
}

/* lan switch */

ul.lan_switch {
	float: right;
	list-style-type: none;
	text-align: right;
	margin-left: 15px;
	white-space: nowrap;
}

ul.lan_switch li {
	display: inline-block;
}

ul.lan_switch li a {
	float: left;
	color: #888DA0;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	line-height: 1em;
	padding: 5px 0;
	margin-left: 12px;
	margin-top: 6px;
}

ul.lan_switch li a:hover {
	color: #111B41;
}

ul.lan_switch li a.selected, 
ul.lan_switch li a.selected:hover {
	color: #111B41;
	font-weight: 700;
}

/* logo */

.logo {
	float: left;
	height: 100px;
	margin-bottom: 75px;
	position: relative;
	z-index: 10;
}

/* login button */

.header a.login {
	float: right;
	color: #FFF;
	background: #5EAEE1;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 16px;
	border-radius: 4px;
	line-height: 24px;
	padding: 10px 16px;
	margin-top: 28px;
	margin-left: 50px;
	text-decoration: none;
	transition: all 0.2s;
}

.header a.login:hover {
	background: #111B41;
}

/* nav */

ul.nav {
	float: right;
	text-align: right;
	list-style-type: none;
	margin-top: 32px;
}

ul.nav li {
	display: inline-block;
}

ul.nav li.nav_home {
	display: none;	
}

ul.nav li a {
	display: block;
	width: auto;
	text-decoration: none;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 1em;
	padding: 10px 0;
	color: #111B41;
	margin-left: 40px;
	position: relative;
}

ul.nav li:last-child a {
	margin-right: 0;
}

ul.nav li a.selected, 
ul.nav li a.selected:hover {
	color: #77C589;
}

ul.nav li a:hover {
	color: #77C589;
}

ul.nav li a b {
	position: absolute;
	top: -10px;
	right: -18px;
	z-index: 100;
	font-weight: 600;
	font-size: 12px;
	line-height: 22px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	background: #77C589;
	border-radius: 25px;
}

/* nav: de lork */

.delork ul.nav li a:hover {
	color: #006334;
}

.delork ul.nav li a.selected, 
.delork ul.nav li a.selected:hover {
	color: #006334;
}

.delork ul.nav li a b {
	background: #006334;	
}

/* nav: het laathof */

.hetlaathof ul.nav li a:hover {
	color: #E4B900;
}

.hetlaathof ul.nav li a.selected, 
.hetlaathof ul.nav li a.selected:hover {
	color: #E4B900;
}

.hetlaathof ul.nav li a b {
	background: #E4B900;	
}

/* nav: midwester */

.midwester ul.nav li a:hover {
	color: #E0B574;
}

.midwester ul.nav li a.selected, 
.midwester ul.nav li a.selected:hover {
	color: #E0B574;
}

.midwester ul.nav li a b {
	background: #E0B574;	
}

/* nav: de iep */

.deiep ul.nav li a:hover {
	color: #8788A3;
}

.deiep ul.nav li a.selected, 
.deiep ul.nav li a.selected:hover {
	color: #8788A3;
}

.deiep ul.nav li a b {
	background: #8788A3;	
}

/* nav: ten berg */

.tenberg ul.nav li a:hover {
	color: #C2AB7B;
}

.tenberg ul.nav li a.selected, 
.tenberg ul.nav li a.selected:hover {
	color: #C2AB7B;
}

.tenberg ul.nav li a b {
	background: #C2AB7B;	
}

/* nav: verloren bos */

.verlorenbos ul.nav li a:hover {
	color: #BFA677;
}

.verlorenbos ul.nav li a.selected, 
.verlorenbos ul.nav li a.selected:hover {
	color: #BFA677;
}

.verlorenbos ul.nav li a b {
	background: #BFA677;	
}

/* nav: de kompel */

.dekompel ul.nav li a:hover {
	color: #EBAD49;
}

.dekompel ul.nav li a.selected, 
.dekompel ul.nav li a.selected:hover {
	color: #EBAD49;
}

.dekompel ul.nav li a b {
	background: #EBAD49;	
}

/* nav: sint-jansburg */

.sint-jansburg ul.nav li a:hover {
	color: #B8C29E;
}

.sint-jansburg ul.nav li a.selected, 
.sint-jansburg ul.nav li a.selected:hover {
	color: #B8C29E;
}

.sint-jansburg ul.nav li a b {
	background: #B8C29E;	
}

/* nav: teksternest */

.teksternest ul.nav li a:hover {
	color: #97B5D1;
}

.teksternest ul.nav li a.selected, 
.teksternest ul.nav li a.selected:hover {
	color: #97B5D1;
}

.teksternest ul.nav li a b {
	background: #97B5D1;	
}

/* nav: prices button */

ul.nav li.nav_prijzen a, 
ul.nav li.nav_tarifs a, 
ul.nav li.nav_preise a, 
ul.nav li.nav_prices a {
	font-size: 16px;
	line-height: 24px;
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 4px;
	color: #FFF;
	transition: all 0.2s;
}

ul.nav li.nav_prijzen a:hover, 
ul.nav li.nav_tarifs a:hover, 
ul.nav li.nav_preise a:hover, 
ul.nav li.nav_prices a:hover, 
ul.nav li.nav_prijzen a.selected, 
ul.nav li.nav_tarifs a.selected, 
ul.nav li.nav_preise a.selected, 
ul.nav li.nav_prices a.selected {
	color: #FFF;
}

.delork ul.nav li.nav_prijzen a {
	background: #006334;
}

.delork ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #01413C;
}

.hetlaathof ul.nav li.nav_prijzen a {
	background: #D1715E;
}

.hetlaathof ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #754851;
}

.midwester ul.nav li.nav_prijzen a {
	background: #5EAEE1;
}

.midwester ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #F68971;
}

.deiep ul.nav li.nav_prijzen a {
	background: #DC343B;
}

.deiep ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #111B41;
}

.tenberg ul.nav li.nav_prijzen a {
	background: #66A2AB;
}

.tenberg ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #2E6165;
}

.verlorenbos ul.nav li.nav_prijzen a {
	background: #EF857A;
}

.verlorenbos ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #84515D;
}

.dekompel ul.nav li.nav_prijzen a {
	background: #4B647D;
}

.dekompel ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #826544;
}

.sint-jansburg ul.nav li.nav_prijzen a {
	background: #D1715E;
}

.sint-jansburg ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #754851;
}

.teksternest ul.nav li.nav_prijzen a {
	background: #586988;
}

.teksternest ul.nav li.nav_prijzen a:hover {
	color: #FFF;
	background: #2E3758;
}

/* nav sub */

ul.nav li ul {
	display: none;
}

/* hamburger */

.hamburger {
	float: right;
	position: relative;
	margin-top: 28px !important;
	margin-left: 35px !important;
	margin-right: 0 !important;
	z-index: 800;
	outline: none;
	display: none !important;
}

/* image slider */ 

.swiper-container {
	float: right;
    width: 100%;
    overflow: visible !important;
    position: relative;
}

.swiper-slide {
	width: 100%;	
	border: 0 !important;
	position: relative;
}

.swiper-slide img {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 25px;
}

.swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 80% auto !important;
    left: 20px !important;
    outline: none;
}

.swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
    background-size: 80% auto !important;
    right: 20px !important;
    outline: none;
}

/* house slider */

.slide_house_info_wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
}

.slide_house_info {
	display: inline-block;
	color: #fff;
	background: #EEE;
	padding: 15px 25px;
	border: 3px solid #fff;
	border-radius: 4px;
	text-align: center;
}

.slide_house_info strong {
	display: inline-block;
	font-size: 18px;
	margin-bottom: 3px;
}

.swiper-slide:hover .slide_house_info {
	background: #000;
}

/* subnav */

.subnav_wrapper {
	float: left;
	width: 100%;
	margin-bottom: 75px;
}

.subnav_wrapper.top {
	margin-top: -50px;
	margin-bottom: 75px;
}

.subnav {
	float: left;
	width: 100%;
	position: relative;
	z-index: 500;
	display: flex;
	flex-wrap: wrap;
}

.subnav_block {
	float: left;
	box-sizing: border-box;
	width: 18%;
	margin-right: 2.5%;
	border: 2px solid #fff;
	background: rgba(119, 197, 137, 0.2);
	border-radius: 4px;
}

.subnav_block.noborder {
	border-bottom: 0;
	background: transparent;
}

.subnav_block:nth-child(5) {
	margin-right: 0;	
}

.subnav_block a {
	float: left;
	width: calc(100% + 4px);
	box-sizing: border-box;
	padding: 12px 15px;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: #fff !important;
	text-decoration: underline !important;
	border: 2px solid #fff !important;
	background: #77C589;
	border-radius: 4px;
	margin-left: -2px;
	margin-top: -2px;
	white-space: nowrap;
}

.subnav_block a:hover, 
.subnav_block a.selected {
	background: #599467;
}

.subnav_block a.selected {
	text-decoration: none !important;
}

.subnav_block.new_owner {
	border-left: 0;
	border-right: 0;
}

.subnav_block.new_owner a {
	background: #599467;
}

.subnav_block.new_owner a:hover {
	background: #111B41;
}

.subnav_block ul {
	float: left;
	width: 100%;
	list-style-type: none !important;
	margin: 15px 0 10px 0 !important;
}

.subnav_block ul li {
	float: left;
	width: 100%;
	margin: 0 !important;
}

.subnav_block ul li a {
	float: left;
	width: 100%;
	text-align: left;
	color: #111B41 !important;
	background: none !important;
	border: 0 !important;
	padding: 4px 20px;
	font-size: 15px;
	font-weight: 300;
}

.subnav_block ul li a:hover {
	color: #888DA0 !important;
	background: none !important;
}

.subnav_block ul li a i {
	margin-left: 4px;
}

.subnav_block ul li a.selected {
	font-weight: 700;
	background: none !important;
}

.domeinen .subnav_block a {
	background: #D8866C;
}

/* subnav house styles */
 
.delork .subnav_block a {
	background: #C16B4A;
}

.delork .subnav_block a:hover, 
.delork .subnav_block a.selected {
	background: #6F4447;
}

.hetlaathof .subnav_block a {
	background: #D1715E;
}

.hetlaathof .subnav_block a:hover, 
.hetlaathof .subnav_block a.selected {
	background: #754851;
}

.midwester .subnav_block a {
	background: #E0B574;
}

.midwester .subnav_block a:hover, 
.midwester .subnav_block a.selected {
	background: #7D6B5C;
}

.deiep .subnav_block a {
	background: #8788A3;
}

.deiep .subnav_block a:hover, 
.deiep .subnav_block a.selected {
	background: #1A1E40;
}

.tenberg .subnav_block a {
	background: #C2AB7B;
}

.tenberg .subnav_block a:hover, 
.tenberg .subnav_block a.selected {
	background: #6D665F;
}

.verlorenbos .subnav_block a {
	background: #EF857A;
}

.verlorenbos .subnav_block a:hover, 
.verlorenbos .subnav_block a.selected {
	background:  #84515D;
}

.dekompel .subnav_block a {
	background: #EBAD49;
}

.dekompel .subnav_block a:hover, 
.dekompel .subnav_block a.selected {
	background:  #826544;
}

.sint-jansburg .subnav_block a {
	background: #D1715E;
}

.sint-jansburg .subnav_block a:hover, 
.sint-jansburg .subnav_block a.selected {
	background: #754851;
}

.teksternest .subnav_block a {
	background: #97B5D1;
}

.teksternest .subnav_block a:hover, 
.teksternest .subnav_block a.selected {
	background:  #586988;
}

/* content */

.content {
	float: left;
	width: 100%;
}

.domeinen.home .content {
	margin-top: -50px;
}

/* content css */

.content a {
	color: #77C589;
}

.content a:hover {
	color: #5EAEE1;
}

.content a.button {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
	background: #77C589;
	border-radius: 4px;
	position: relative;
}

.content a.button:hover {
	background: #5EAEE1;
}

.content h1 {
	color: #111B41;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 40px;	
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 35px;
}

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

.content h1.block_title {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: -30px;
	margin-bottom: 30px;
}

.content h2 {
	color: #111B41;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 25px;
}

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

.content h2.subtitle {
	font-size: 34px;
	margin-top: -30px;
	margin-bottom: 90px;
}

.content h2 a.small {
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	margin-left: 7px;
	color: #bbb;
}

.content h2 a.small:hover {
	color: #000;
}

.content h2.white {
	color: #fff;
}

.content h2.nomargin {
	margin-bottom: 0;
}

.content h3 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}

.content h3.nomargin {
	margin-bottom: 0;
}

.content p {
	line-height: 1.7em;
	margin-bottom: 25px;
}

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

.content ul {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 22px;
}

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

.content li {
	margin-left: 20px;
	margin-bottom: 8px;
	line-height: 1.5em;
}

.content table {
	width: 100%;
	margin-bottom: 25px;
}

.content td {
	padding: 5px;
	vertical-align: top;
	line-height: 1.4em;
}

.content table.bg td {
	padding: 20px;
}

.content table.lines tr:first-of-type td {
	border-top: 1px solid #e3e3e3;
}

.content table.lines td {
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3;
}

.content table.lines tr td:first-of-type {
	padding-right: 40px;
	white-space: nowrap;
}

.content table.lines tr td:last-of-type {
	width: 100%;
}

.content img.left {
	float: left;
	margin: 0 25px 25px 0;
}

.content img.right {
	float: right;
	margin: 0 0 25px 25px;
}

.content hr {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 25px;
}

.content hr.spacer20 {
	border: 0;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
}

.content hr.spacer25 {
	border: 0;
	margin-top: 0;
	margin-bottom: 25px;
	padding: 0;
}

.content hr.spacer50 {
	border: 0;
	margin-top: 0;
	margin-bottom: 50px;
	padding: 0;
}

.content hr.spacer75 {
	border: 0;
	margin-top: 0;
	margin-bottom: 75px;
	padding: 0;
}

/* house styles */

.delork .content a {
	color: #006334;
}

.delork .content a:hover {
	color: #01413C;
}

.delork .content a.button, 
.delork .form button {
	color: #FFF;
	background: #006334;
}

.delork .content a.button:hover, 
.delork .form button:hover {
	background: #01413C;
}

.delork div.arrangement {
	background: #6F4447;
}

.delork div.arrangement_text {
	background:  #C16B4A;
}

.hetlaathof .content a {
	color: #E4B900;
}

.hetlaathof .content a:hover {
	color: #754851;
}

.hetlaathof .content a.button, 
.hetlaathof .form button {
	color: #FFF;
	background: #D1715E;
}

.hetlaathof .content a.button:hover, 
.hetlaathof .form button:hover {
	background: #754851;
}

.hetlaathof div.arrangement {
	background: #754851;
}

.hetlaathof div.arrangement_text {
	background:  #D1715E;
}

.midwester .content a {
	color: #5EAEE1;
}

.midwester .content a:hover {
	color: #F68971;
}

.midwester .content a.button, 
.midwester .form button {
	color: #FFF;
	background: #E0B574;
}

.midwester .content a.button:hover, 
.midwester .form button:hover {
	background: #7D6B5C;
}

.midwester div.arrangement {
	background: #7D6B5C;
}

.midwester div.arrangement_text {
	background:  #E0B574;
}

.deiep .content a {
	color: #DC343B;
}

.deiep .content a:hover {
	color: #111B41;
}

.deiep .content a.button, 
.deiep .form button {
	color: #FFF;
	background: #8788A3;
}

.deiep .content a.button:hover, 
.deiep .form button:hover {
	background: #1A1E40;
}

.deiep div.arrangement {
	background: #1A1E40;
}

.deiep div.arrangement_text {
	background:  #8788A3;
}

.tenberg .content a {
	color: #66A2AB;
}

.tenberg .content a:hover {
	color: #2E6165;
}

.tenberg .content a.button, 
.tenberg .form button {
	color: #FFF;
	background: #C2AB7B;
}

.tenberg .content a.button:hover, 
.tenberg .form button:hover {
	background:  #6D665F;
}

.tenberg div.arrangement {
	background:  #6D665F;
}

.tenberg div.arrangement_text {
	background:  #C2AB7B;
}

.verlorenbos .content a {
	color: #EF857A;
}

.verlorenbos .content a:hover {
	color: #84515d;
}

.verlorenbos .content a.button, 
.verlorenbos .form button {
	color: #FFF;
	background: #EF857A;
}

.verlorenbos .content a.button:hover, 
.verlorenbos .form button:hover {
	background:  #84515d;
}

.verlorenbos div.arrangement {
	background:  #84515d;
}

.verlorenbos div.arrangement_text {
	background:  #EF857A;
}

.dekompel .content a {
	color: #EBAD49;
}

.dekompel .content a:hover {
	color: #826544;
}

.dekompel .content a.button, 
.dekompel .form button {
	color: #FFF;
	background: #EBAD49;
}

.dekompel .content a.button:hover, 
.dekompel .form button:hover {
	background:  #826544;
}

.dekompel div.arrangement {
	background:  #826544;
}

.dekompel div.arrangement_text {
	background:  #EBAD49;
}

.sint-jansburg .content a {
	color: #D1715E;
}

.sint-jansburg .content a:hover {
	color: #754851;
}

.sint-jansburg .content a.button, 
.sint-jansburg .form button {
	color: #FFF;
	background: #D1715E;
}

.sint-jansburg .content a.button:hover, 
.sint-jansburg .form button:hover {
	background:   #754851;
}

.sint-jansburg div.arrangement {
	background:   #754851;
}

.sint-jansburg div.arrangement_text {
	background:  #D1715E;
}

.teksternest .content a {
	color: #97B5D1;
}

.teksternest .content a:hover {
	color: #586988;
}

.teksternest .content a.button, 
.teksternest .form button {
	color: #FFF;
	background: #97B5D1;
}

.teksternest .content a.button:hover, 
.teksternest .form button:hover {
	background:   #586988;
}

.teksternest div.arrangement {
	background:   #586988;
}

.teksternest div.arrangement_text {
	background:  #97B5D1;
}

/* text frame */

.text_frame {
	display: inline-block;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #ddd;
	background: rgba(17, 27, 65, 0.075);
	margin-bottom: 25px;
}

.text_frame p:last-of-type {
	margin-bottom: 0;
}

/* intro */

.intro_links {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 25px;
	margin-bottom: 100px;
}

.intro_links.duo {
	justify-content: flex-start;
}

.intro_links a {
	width: 350px;
	height: 350px;
	box-sizing: border-box;
	padding: 0 25px;
	font-size: 32px;
	line-height: 1.4em;
	text-align: center;
	color: #fff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	border-radius: 300px;
	transition: 0.3s all;
}

.intro_links.duo a {
	margin-right: 50px;
}

.intro_links a:hover {
	transform: rotate(-2deg);
}

/*

.intro_links a.domeinen {
	background: #a13f25;
}

.intro_links a.boekingscentrale {
	background: #5EAEE1;
}

/* crumb */

.crumb {
	float: left;
	width: 100%;
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 15px;
	color: #999;
}

.crumb a {
	color: #bbb !important;
}

.crumb a:hover {
	color: #000 !important;
}

.crumb em {
	display: inline-block;
	font-style: normal;
	margin: 0 3px;
}

/* toggle text block */

.toggle_text_block {
	display: none;
}

.toggle_text_block ul {
	margin-bottom: 0;	
}

.toggle_text_block br.clear {
	display: none;
}

.top_padding {
	padding-top: 12px;
}

/* spacers */

.spacer50 {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.spacer75 {
	float: left;
	width: 100%;
	padding: 75px 0;
}

.spacer75_50 {
	float: left;
	width: 100%;
	padding: 75px 0 50px 0;
}

.spacer100_75 {
	float: left;
	width: 100%;
	padding: 100px 0 75px 0;
}

.spacer50_75 {
	float: left;
	width: 100%;
	padding: 50px 0 75px 0;
}

.spacer25_75 {
	float: left;
	width: 100%;
	padding: 25px 0 75px 0;
}

/* text */

.text_left {
	float: left;
	width: 55%;
	padding-bottom: 50px;
	position: relative;
}

.text_left.wide {
	width: 100%;
}

.text_right {
	float: right;
	width: 35%;
	margin-right: 3%;
	padding-bottom: 50px;
	position: relative;
}

.text_right.empty {
	padding: 0;
}

.text_right img.brush {
	float: none;
	position: absolute;
	top: -10%;
	right: -10%;
	width: 120%;
	z-index: -1;
}

img.kampas_banner {
	float: left;
	width: 100%;
}

.text_right span.spotlight {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 100;
	text-transform: uppercase;
	font-size:	14px;
	font-weight: 600;
	color: #111B41;
	background: #FFF;
	padding: 6px 12px;
}

.verlorenbos .text_right span.spotlight {
	background: #FFDE9F;
}

/* blocks */

.block {
	float: left;
	width: 100%;
	padding: 100px 0 50px 0;
	background: rgba(17, 27, 65, 0.075);
}

/* block links */

.block_links {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.block_links a {
	float: left;
	width: 31%;
	padding: 75px 25px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 0 !important;
	color: #fff !important;
	background: #77C589;
	text-align: center;
	text-decoration: none;
	position: relative;
	margin-bottom: 100px;
}

.block_links a strong {
	position: absolute;
	top: -25px;
	left: 0;
	z-index: 100;
	width: 100%;
}

.block_links a strong b {
	display: inline-block;
	width: 75%;
	box-sizing: border-box;
	text-align: center;
	padding: 15px;
	border-radius: 4px;
	border: 3px solid #fff !important;
	color: #fff;
	background: #599467;
	font-size: 18px;
}

.block_links a:hover, 
.block_links a:hover strong b {
	background: #111B41;
}

.block_links a em {
	position: absolute;
	bottom: -15px;
	left: 0;
	z-index: 100;
	width: 100%;
	font-style: normal;
	text-align: center;
}

.block_links a em i {
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	border: 3px solid #fff;
	text-align: center;
	font-size: 18px;
	padding: 4px 0;
	width: 32px;
	height: 32px;
	background: #77C589;
	border-radius: 50px;
}

.block_links a:hover em i {
	background: #000;
}

.block_link_dummy {
	width: 31%;
}

/*

.block_links a.new_owner {
	background: #77C589;
}

.block_links a.new_owner strong b {
	background: #77C589;
}

.block_links a.new_owner em i {
	background: #77C589;
}

.block_links a.new_owner:hover {
	background: #000;
}

.block_links a.new_owner:hover strong b {
	background: #000;
}

.block_links a.new_owner:hover em i {
	background: #000;
}

/* page blocks */

.page_block {
	float: left;
	width: 100%;
	padding: 100px 0 50px 0;
	overflow: hidden;
}

.page_block.quote h2 {
	text-align: center;
	font-size: 28px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 50px;
}

.page_block .swiper-slide {
	background: transparent;	
}

.page_block .swiper-slide img {
	margin-bottom: 0;
}

.page_block_text_left {
	float: left;
	box-sizing: border-box;
	width: 55%;
	padding-bottom: 50px;
	position: relative;
	z-index: 10;
}

.page_block_text_right {
	float: right;
	width: 55%;
	box-sizing: border-box;
	padding-bottom: 50px;
	position: relative;
	z-index: 10;
}

.page_block_slider_right {
	float: right;
	width: 35%;
	box-sizing: border-box;
	padding: 0 4%;
	padding-bottom: 50px;
	position: relative;
}

.page_block_slider_left {
	float: left;
	width: 35%;
	box-sizing: border-box;
	padding: 0 4%;
	padding-bottom: 50px;
	position: relative;
}

.page_block_text_center {
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10%;
	padding-bottom: 25px;
	position: relative;
}

.page_block_slider_left img.brush, 
.page_block_slider_right img.brush {
	float: none;
	position: absolute;
	top: -5%;
	right: -5%;
	height: 110%;
	z-index: 0;
}

/* news page block */

.page_block.news a.button {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 25px;
	padding-right: 40px;
	text-decoration: none;
	color: #fff;
	background: none;
	border: 3px solid #fff;
	border-radius: 50px;
	position: relative;
}

.page_block.news a.button:after {
	position: absolute;
	top: 16px;
	right: 22px;
	z-index: 100;
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
	font-weight: 100;
	font-size: 22px;
	color: #fff;
}

.page_block.news a.button:hover {
	color: #77C589;
	background: #fff;
}

.page_block.news a.button:hover:after {
	color: #77C589;
}

/* calendar */

.calendar_wrapper {
	float: left;
	width: 100%;
}

.calendar_date {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.calendar_date b {
	float: left;
	width: 220px;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	border: 3px solid #fff;
	color: #fff;
	background: #E4C25F;
	font-size: 18px;
	font-weight: 700;
	border-radius: 4px;
}

.calendar_date div.calendar_date_text {
	float: right;
	width: calc(100% - 250px);
	padding-top: 9px;
}

.calendar_date div.calendar_date_text strong.title {
	color: #111B41;
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 25px;
	margin-bottom: 15px;
}

.calendar_wrapper.home .calendar_date b {
	width: 175px;
	font-size: 16px;
}

.calendar_wrapper.home .calendar_date div.calendar_date_text {
	width: calc(100% - 200px);
	padding-top: 12px;
}

.calendar_wrapper.home .calendar_date div.calendar_date_text a {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 17px;
}

/* sidebar calendar */

.sidebar_calendar_wrapper {
	float: left;
	width: 100%;
}

.sidebar_calendar_date {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.sidebar_calendar_date b {
	float: left;
	box-sizing: border-box;
	padding: 7px;
	text-align: center;
	border: 3px solid #fff;
	color: #fff;
	background: #E4C25F;
	font-size: 16px;
	font-weight: 700;
	border-radius: 4px;
	margin-bottom: 5px;
}

.sidebar_calendar_date strong {
	float: left;
	width: 100%;
	color: #111B41;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 18px;
}

/* theme pages */

.theme_page_wrapper {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 75px;
}

a.theme_page {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 30px 5px 30px;
	background: #fff;
	color: #000 !important;
	text-decoration: none;
	position: relative;
	border-bottom: 3px solid #F1F9F3 !important;
}

a.theme_page:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

a.theme_page:last-child {
	border-bottom: 0 !important;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

a.theme_page:hover {
	color: #fff !important;
	background: #77C589;
}

a.theme_page:hover h2 {
	color: #fff !important;
}

a.theme_page em {
	position: absolute;
	top: 0;
	right: -15px;
	z-index: 100;
	width: 32px;
	height: 100%;
	display: flex;
	align-items: center;
	font-style: normal;
}

a.theme_page em i {
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	border: 3px solid #fff;
	text-align: center;
	font-size: 18px;
	padding: 4px 0;
	width: 32px;
	height: 32px;
	background: #77C589;
	border-radius: 50px;
}

a.theme_page:hover em i {
	background: #000;
}

/* search results */

.search_results {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 75px;
}

.search_results a {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	background: rgba(17, 27, 65, 0.075);
	color: #000 !important;
	text-decoration: none;
	position: relative;
	border-bottom: 3px solid #FFF !important;
	overflow: hidden;
}

.search_results a.search_result_search_terms {
	background: rgba(17, 27, 65, 0.15);
}

.search_results a strong {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	font-size: 20px;
	color: #77C589;
}

.search_results a p {
	margin-bottom: 15px;
}

.search_results a u {
	float: left;
	width: 100%;
	font-size: 11px;
}

.search_results a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.search_results a:last-child {
	border-bottom: 0 !important;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.search_results a:hover {
	color: #fff !important;
	background: #77C589;
}

.search_results a:hover strong {
	color: #fff !important;
}

/*

.domeinen .search_results a strong {
	color: #a13f25;
}

.domeinen .search_results a:hover {
	color: #fff !important;
	background: #a13f25;
}

/* news */
	
.news_wrapper {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 10px;
	margin-bottom: 25px;
}

.content a.news {
	float: left;
	width: 22%;
	margin-right: 3%;
	color: #fff !important;
	background: #77C589;
	border: 0 !important;
	position: relative;
	margin-bottom: 40px;
	background-size: cover !important;
}

.content a.news img {
	float: left;
	width: 100%;
}

.content a.news strong {
	position: absolute;
	bottom: 75px;
	left: 0;
	z-index: 50;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 20px;
	font-weight: 700;
	text-shadow: 2px 2px 20px #000;
}

.content a.news b {
	position: absolute;
	bottom: 32px;
	left: 0;
	z-index: 50;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 300;
	text-shadow: 2px 2px 20px #000;
}

.content a.news em {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 50;
	box-sizing: border-box;
	font-style: normal;
	padding: 7px 14px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	background: #E4C25F;
}

.content a.news div.cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: all 0.3s;
}

.content a.news:hover div.cover {
	background: rgba(0, 0, 0, 0.3);
}

.content a.news div.play_icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 60;
	width: 100%;
	height: 85%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 70px;
	color: #fff;
}

div.news_image {
	float: right;
	width: 100%;
	border-radius: 4px;
	background-size: cover !important;
	margin-bottom: 25px;
	position: relative;
}

div.news_image img {
	float: left;
	width: 100%;
}

div.news_image img.brush {
	float: none;
	position: absolute;
	top: -10%;
	right: -10%;
	width: 120%;
	z-index: -1;
}

.news_wrapper.home {
	margin-bottom: 0;
}

.news_wrapper.home a.news {
	width: 30.33%;
}

.news_wrapper.home a.news strong {
	font-size: 18px;
}

span.news_date {
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 10px;
}

.organiser_image_wrapper {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 75px;
	background: #FFF;
}

.organiser_image_wrapper div.news_image {
	background-size: contain !important;
}

/* publications */

.publication_wrapper {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 25px;
}

.content a.publication {
	float: left;
	width: 22%;
	box-sizing: border-box;
	border: 0 !important;
	position: relative;
	margin-top: 15px;
	margin-bottom: 35px;
}

.content a.publication div.publication_image {
	float: left;
	width: 70%;
	margin: 0 15%;
	background-size: contain !important;
	margin-bottom: 35px;
	position: relative;
}

.content a.publication div.publication_image img {
	float: left;
	width: 100%;
}

.content a.publication div.publication_arrow {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: 100;
	width: 100%;
	text-align: center;
}

.content a.publication div.publication_arrow i {
	display: inline-block;
	color: #fff;
	background: #77C589;
	border: 3px solid #fff;
	border-radius: 50px;
	font-size: 18px;
	padding: 8px;
	box-sizing: border-box;
	text-align: center;
	width: 40px;
	height: 40px;
}

.content a.publication:hover div.publication_arrow i {
	background: #000;
}

.content a.publication div.publication_info {
	float: left;
	width: 100%;
	text-align: center;
}

.content a.publication div.publication_info strong {
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 18px;	
	margin-bottom: 10px;
}

.content a.publication div.publication_info p {
	font-size: 15px;	
	color: #000;
	margin-bottom: 0;
}

.content a.publication em {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 50;
	box-sizing: border-box;
	font-style: normal;
	padding: 7px 14px;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	background: #E4C25F;
}
	
.publication_dummy {
	width: 22%;
}

/* arrangements */

.arrangement_wrapper {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.arrangement_wrapper_home {
	margin-bottom: 0;
}

div.arrangement {
	float: left;
	width: 31%;
	box-sizing: border-box;
	border-radius: 4px;
	border: 3px solid #fff !important;
	color: #fff !important;
	background: #A26451;
	text-decoration: none;
	position: relative;
	margin-bottom: 50px;
}

div.arrangement_image {
	float: left;
	width: 100%;
	height: 200px;
	background-size: cover !important;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

div.arrangement_text {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
	font-size: 14px;
	background: #D8866C;
}

div.arrangement strong {
	float: left;
	width: 100%;
	font-size: 22px;
	margin-bottom: 20px;
}

div.arrangement_text li {
    margin-left: 0 !important;
    margin-bottom: 4px !important;
}

div.arrangement_text a {
	color: #fff !important;
}

div.arrangement_price {
	float: left;
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	line-height: 1.5em;
	font-weight: 700;
}

div.arrangement_price a {
	display: inline-block;
	color: #000 !important;
	text-decoration: none !important;
	background: #fff;
	border: 0 !important;
	padding: 8px 16px;
	margin-top: 10px;
	margin-bottom: 0 !important;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 13px;
}

div.arrangement_price a:hover {
	opacity: 0.8;
}

.arrangement_dummy {
	width: 31%;
}

/* house list */

.house_list {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 75px;
}

.house_list_item {
	float: left;
	width: 30%;
	margin-bottom: 75px;
	background: rgba(17, 27, 65, 0.05);
	transition: all 0.2s;
}

.house_list_item:hover {
	background: rgba(17, 27, 65, 0.1);
}

.house_list_item .house_image {
	float: left;
	width: 100%;
	background-size: cover !important;
	position: relative;
}

.house_list_item .house_image img {
	float: left;
	width: 100%;
}

.house_list_item .house_image_icons {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #FFF;
	border-radius: 10px;
	z-index: 100;
	padding: 10px 15px;
	height: 20px;
}

.house_list_item .house_image_icons span {
	display: inline-flex;
	align-items: center;
	font-size: 15px;
	height: 20px;
}

.house_list_item .house_image_icons span img {
	width: 20px;
}

.house_list_item .house_image_icons span:first-of-type {
	margin-right: 15px;
}

.house_list_item .house_image_icons span:first-of-type img {
	margin-right: 10px;
}

.house_list_item .house_info {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
}

.house_list_item .house_info strong {
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 20px;
}

.house_list_item .house_info strong span {
	font-weight: 300;
}

.house_list_item .house_info p {
	font-size: 15px;
}

.house_list_item .house_info em {
	display: inline-block;
	padding: 7px 14px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	color: #FFF;
	background: #5EAEE1;
}

.house_list_item a.button {
	background: #D8866C;
	border: 2px solid #D8866C;
}

.house_list_item a.button.empty {
	color: #D8866C;
	border: 2px solid #D8866C;
	background: transparent;
}

.house_list_item a.button:hover {
	color: #FFF;
	background: #111B41;
	border: 2px solid #111B41;
}

/* house links 

.house_link_wrapper {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}

a.house_link {
	width: 28%;
	position: relative;
	border: 0 !important;
	margin-top: 25px;
	margin-bottom: 100px;
}

a.house_link .house_link_logo {
	float: left;
	width: 100%;
	background-size: 80% auto !important;
	position: relative;
	margin-bottom: 50px;
}

a.house_link.small .house_link_logo {
	background-size: 60% auto !important;	
}

a.house_link .house_link_logo img {
	float: left;
	width: 100%;
}

a.house_link .house_link_logo img.house_brush {
	position: absolute;
	top: -10%;
	left: -10%;
	width: 120%;
	height: 120%;
	z-index: -1;
	opacity: 0.7;
	transition: all 0.2s;
}

a.house_link:hover .house_link_logo img.house_brush {
	opacity: 1;
}

.house_link_info {
	float: left;
	width: 100%;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #111B41 !important;
}

/* activities */

.activity_filter_toggle {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 25px;	
	display: none;
	text-decoration: none;
	color: #111B41 !important;
	border: 1px solid #111B41;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
}

.activity_filter {
	float: left;
	width: 300px;
}

.filter_block {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

strong.filter_title {
	float: left;
	width: 100%;
	color: #111B41;
	margin-bottom: 12px;
}

.content a.button.reset_filter {
	margin-bottom: 20px;
	padding: 10px 15px !important;
	width: auto !important;
}

.filter_block ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.filter_block ul li {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 1.2em;
	margin-left: 0;
	margin-bottom: 7px;
	white-space: nowrap;
}

.filter_block ul li a {
	float: left;
	width: 100%;
	text-decoration: none;
}

.filter_block ul li a.selected {
	font-weight: 600;
}

.filter_block ul li a.selected:hover {
	text-decoration: line-through;
}

.filter_block ul li a i {
	font-size: 12px;
	margin-right: 8px;
	margin-left: 1px;
}

.filter_block ul.age li, 
.filter_block ul.type li {
	width: 50%;
}

.content a.delete_filter {
	float: left;
	margin: 0 10px 10px 0;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-decoration: none;
	color: #fff !important;
	background: #111B41;
	border-radius: 4px;
	position: relative;
}

.content a.delete_filter:hover {
	background: #111B41;
	text-decoration: line-through;
}

.activity_list {
	float: right;
	width: calc(100% - 340px);
}

a.activity {
	float: left;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background: rgba(17, 27, 65, 0.075);
	margin-bottom: 30px;
	transition: all 0.2s;
}

a.activity:hover {
	background: rgba(17, 27, 65, 0.125);
}

a.activity p {
	margin-bottom: 0;
}

a.activity .activity_image {
	float: left;
	width: 275px;
	background-size: cover !important;
	position: relative;
}

a.activity .activity_image img {
	float: left;
	width: 100%;
}

a.activity .activity_image span {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 100;
	text-transform: uppercase;
	font-size:	14px;
	font-weight: 600;
	color: #111B41;
	background: #FFF;
	padding: 6px 12px;
}

.verlorenbos a.activity .activity_image span {
	background: #FFDE9F;
}

a.activity .activity_text {
	float: right;
	width: calc(100% - 325px);
}

a.activity .activity_text h3 {
	font-size: 28px;
	line-height: 1.2em;
}

a.activity .activity_text p {
	color: #000 !important;	
}

a.activity .activity_text .labels {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

a.activity .activity_text .labels em {
	float: left;
	padding: 5px 10px;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	background: #111B41;
	margin: 0 7px 7px 0;
	border-radius: 5px;
}

/* organisers */

div.organiser {
	float: left;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background: rgba(17, 27, 65, 0.075);
	margin-bottom: 30px;
	transition: all 0.2s;
}

div.organiser .organiser_logo_wrapper {
	float: left;
	width: 275px;
	box-sizing: border-box;
	background: #FFF;
	padding: 40px;
}

div.organiser .organiser_logo {
	float: left;
	width: 100%;
	background-size: contain !important;
	position: relative;
}

div.organiser .organiser_logo img {
	float: left;
	width: 100%;
}

div.organiser .organiser_text {
	float: right;
	width: calc(100% - 325px);
}

/* links */

.link_list {
	float: left;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.link_list a.link {
	width: 18%;
	margin: 25px 3.5%;
	margin-bottom: 50px;
	transition: all 0.2s;
}

.link_list a.link .link_image {
	float: left;
	width: 80%;
	margin: 0 10%;
	background-size: cover !important;
	position: relative;
	margin-bottom: 40px;
}

.link_list a.link:hover {
	transform: scale(1.05);
}

.link_list a.link .link_image img {
	float: left;
	width: 100%;
}

.link_list a.link .link_image img.brush {
	position: absolute;
	top: -15%;
	left: -15%;
	width: 130%;
	height: 130%;
	z-index: -1;
}

.link_list a.link .link_info {
	float: left;
	width: 100%;
	text-align: center;
	color: #111B41 !important;
	text-decoration: none;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3em;
}

/* team */

.team_list {
	float: left;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.team_list a.team, 
.team_list div.team {
	width: 18%;
	margin: 25px 3.5%;
	margin-bottom: 50px;
	transition: all 0.2s;
}

.team_list a.team .team_image, 
.team_list div.team .team_image {
	float: left;
	width: 80%;
	margin: 0 10%;
	background-size: cover !important;
	position: relative;
	margin-bottom: 40px;
}

.team_list a.team:hover, 
.team_list div.team:hover {
	transform: scale(1.05);
}

.team_list a.team .team_image img, 
.team_list div.team .team_image img {
	float: left;
	width: 100%;
}

.team_list a.team .team_image img.brush, 
.team_list div.team .team_image img.brush {
	position: absolute;
	top: -10%;
	left: -10%;
	width: 120%;
	height: 120%;
	z-index: -1;
}

.team_list a.team .team_info, 
.team_list div.team .team_info {
	float: left;
	width: 100%;
	text-align: center;
	color: #111B41 !important;
	text-decoration: none;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3em;
}

.team_list a.team .team_info span, 
.team_list div.team .team_info span {
	font-weight: 300;
	font-size: 16px;
}

/* cta */

.cta_block_wrapper {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
}

.cta_block {
	width: 46%;
	box-sizing: border-box;
	padding: 25px 35px;
	padding-bottom: 40px;
	background: #E7E7EC;
	border-radius: 4px;
	position: relative;	
}

.cta_block h2 {
	font-size: 34px;
}

.cta_block a.button {
	position: absolute;
	left: 35px;
	bottom: -35px;
	z-index: 100;
	width: auto !important;
}

/* google maps */

#google_maps_canvas {
	float: left;
	width: 100%;
	height: 500px;
}

#google_maps_canvas.contact {
	height: 300px;
	margin-top: 15px;
}

#google_maps_canvas img.map_icon {
	float: left;
	width: 25px;
	margin: 8px 8px 0 0;
}

#google_maps_canvas.houses_home {
	height: 600px;
}

/* cta */

.cta {
	float: left;
	width: 100%;
	box-sizing: border-box;
	color: #111B41;
	background: #E7E8EC;
	padding: 75px 10% 50px 10%;
	position: relative;
}

.cta p {
	line-height: 1.7em;
	margin-bottom: 25px;
}

.cta_wrapper {
	margin: 0 auto;
	max-width: 800px;
}

.cta h1, 
.cta h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.cta a {
	color: #111B41;
}

.cta a:hover {
	color: #888DA0;
}

.cta a.button {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
	background: #111B41;
	border-radius: 4px;
	position: relative;
}

.cta a.button:hover {
	background: #888DA0;
}

/* sitemap */

ul#sitemap {
	font-size: 16px;
}

ul#sitemap li ul {
	list-style-type: circle;
	margin-top: 5px;
}

ul#sitemap li ul li {
	font-size: 15px;
}

ul#sitemap li ul li ul {
	list-style-type: square;
	margin-top: 5px;
}

ul#sitemap li ul li ul li {
	font-size: 14px;
}

ul#sitemap li ul li ul li ul {
	list-style-type: disc;
	margin-top: 5px;
}

ul#sitemap li ul li ul li ul li {
	font-size: 13px;
}

/* form */

input[type=text], 
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
}

.form {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 25px;
}

.form.newsletter {
	width: 90%;
}

/* form labels */

.form span.label, 
.form span.hint {
	float: left;
	width: 100%;
}

.form span.label {
	padding-top: 10px;
	margin-bottom: 5px;
	font-weight: 700;
	color: #111B41;
}

.form span.label.error {
	color: #D8866C;
}

.form span.label b, 
.form span.checkbox b {
	color: #999;
	font-size: 12px;
	font-weight: 300;
}

.form span.label.error b, 
.form span.checkbox.error b {
	color: #D8866C;
	font-weight: normal;
}

.form span.form_block {
	float: left; 
	width: 100%; 
	margin-bottom: 15px;
}

.form span.form_block.error {
	color: #D8866C;
}

.form span.checkbox.error {
	color: #D8866C;
}

.form span.checkbox {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.form span.checkbox label {
	cursor: pointer;
}

.form.newsletter span.checkbox {
	font-size: 12px;
}

.form_image {
	float: left;
	width: 250px;	
	margin-top: 15px;
	margin-bottom: 10px;
}

/* form fields */

.form span.field {
	float: left;
	width: 100%;
}

.form input.text {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 15px;
	color: #000;
	font-family: "Open Sans", serif;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 10px;
	outline: none;
}

.form.newsletter input.text {
	padding: 10px 15px;
	font-size: 17px;
	border-radius: 50px;
}

.form input.text.error {
	border: 1px solid #D8866C;
}

.form textarea {
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 100px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 10px;
	color: #000;
	font-family: "Open Sans", serif;
	font-weight: 300;
	font-size: 18px;
	outline: none;
}

.form textarea.error {
	border: 1px solid #D8866C;
}

.form select {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	color: #000;
	font-family: "Open Sans", serif;
	font-weight: 300;
	font-size: 18px;
	outline: none;
}

.form input.checkbox {
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	padding: 0; 
	border: 0;
	margin: 2px 4px 2px 0;
	width: 15px;
	height: 15px;
	line-height: 1em;
}

div.form_break {
	float: left;
	width: 100%;
	height: 15px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}

div.form_title {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #000;
}

.form span.hint {
	font-weight: normal;
	font-size: 13px;
	color: #999;
	margin-top: -3px;
	margin-bottom: 20px;
	line-height: 1.4em;
}

.form span.checkbox_hint {
	margin-top: 2px;
}

.form span.hint a {
	color: #999;
}

.form span.hint a:hover {
	color: #555;
}

.form span.hint u {
	cursor: pointer;
}

/* feedback */

div.feedback {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	position: relative;
	z-index: 100;
	color: #fff;
	background: #77C589;
	margin-bottom: 50px;
}

div.feedback.error {
	background: #D8866C;
}

/* button */

.form button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.form button {
	display: inline-block;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
	background: #77C589;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	overflow: visible;
	outline: none;
	position: relative;
}

/*
.form button:after {
	position: absolute;
	top: 16px;
	right: 22px;
	z-index: 100;
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
	font-weight: 100;
	font-size: 22px;
	color: #fff;
}
*/

.form button:hover {
	background: #5EAEE1;
}

/* newsletter button */

.form.newsletter button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	margin: 0;
	padding: 0;
	border: 0;
	width: 45px;
	height: 45px;
	background: #111B41;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 45px;
}

.form.newsletter button i {
	font-size: 24px;
	width: auto;
	height: auto;
	padding: 0;
	background: none !important;
}

.form.newsletter button:hover {
	background: #5EAEE1;
}

.form.newsletter button:after {
	display: none;
}

.form.newsletter input.first_name {
	display: none;
}

/* footer */

.footer {
	float: left;
	width: 100%;
	padding: 50px 0;
	color: #111B41;
}

.footer_block {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding-right: 40px;
	line-height: 1.3em;
}

.footer_block p {
	margin-bottom: 25px;
}

.footer_block strong {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 18px;
	color: #111B41;
}

.footer_block strong.color {
	color: #111B41;
}

.footer_block a {
	color: #111B41;
}

.footer_block a:hover {
	color: #888DA0;
}

.footer_block p.small {
	font-size: 14px;
	margin-bottom: 15px;
}

.footer_block p.green {
	color: #77C589;
}

.footer_block table {
	float: left;
	width: 100%;
}

.footer_block table td {
	padding: 5px 0;
}

.footer_block table td.icon {
	width: 45px;
}

.footer_block i {
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	background: #111B41;
	font-size: 16px;
	width: 32px;
	height: 32px;
	border-radius: 40px;
	padding: 8px 0;
	text-align: center;
}

.footer_block a:hover i {
	background: #888DA0;
}

.footer_block ul {
	list-style-type: none;
}

.footer_block li {
	margin-bottom: 12px;
}

/* domeinen footer 

.domeinen .footer_block strong.color {
	color: #a13f25;
}

.domeinen .footer_block a {
	color: #a13f25;
}

.domeinen .footer_block i {
	background: #a13f25;
}

/* labels */

.footer_block img.label {
	float: left;
	height: 70px;
	margin-right: 30px;
	margin-bottom: 25px;
}

.footer_block img.label:last-child {
	margin-bottom: 0;
}

/* copyrights */

.copyrights {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
	line-height: 1.5em;
	padding: 25px 50px;
	color: #8C8FA0;
	border-top: 1px solid #eee;
}

.copyrights a {
	color: #8C8FA0;
}

.copyrights a:hover {
	color: #111B41;
}

.copyrights img.quoted {
	vertical-align: middle;
	width: 15px;
	margin-left: 12px;
}

/* accept cookies */

.accept_cookies {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	color: #fff;
	background: #77C589;
	width: 90%;
	padding: 15px 5%;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	transition: bottom 1s;
}

.accept_cookies a {
	color: #fff;
	white-space: nowrap;
}

.accept_cookies a:hover {
	color: #111B41;
}

.accept_cookies a.accept_cookies_button {
	color: #77C589;
	background: #fff;
	padding: 3px 6px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 3px;
}

.accept_cookies a.accept_cookies_button:hover {
	color: #fff;
	background: #111B41;
}