/* ==========================================================================
   Author's custom styles
   ========================================================================== */
*{
    outline:none
}

html,
button,
input,
select,
textarea {
    color: #004269;
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
}

html {
    font-size: 15px;
    line-height: 19px;
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
}

.noscroll {
    overflow: hidden;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
   
/*PLACEHOLDER*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #004269;;
    opacity: 0.6; /* Firefox */
}

::-webkit-input-placeholder { / WebKit, Blink, Edge /
color: #666;
} :-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #666;
}
::-moz-placeholder { / Mozilla Firefox 19+ /
color: #666;
} :-ms-input-placeholder { / Internet Explorer 10-11 /
color: #666;
}



/*MAIN TYPO*/
p {
    margin:0;
    padding:0;
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
}

p.small {
	font-size:12px !important;
	line-height:20px !important;
}

a {
	color:#00A796;
	text-decoration:none;
}

a:hover {
	color:#EF4136;
}

h1 {
	font-size:40px;
	line-height:50px;
	font-weight:500;
	margin-top:0;
}

h2 {
	font-size:42px;
	line-height:52px;
	font-weight:500;
	margin-top:0;
}

h3 {
	font-size:29px;
	line-height:35px;
	color:#004269;
	font-weight:500;
}

h4 {
	font-size:20px;
	line-height:24px;
	font-weight:500;
}

h4.accordion-title {
	cursor:pointer;
	color:#00A796;
	margin:30px 0 10px 0;
}

h4.accordion-title i {
    color: #004269;
}

.accordion-content p, .accordion-content ul {
	margin-left:20px;
	font-size: 16px;
	line-height: 27px;
}

.accordion-content ul {
	margin-left:40px;
	margin-top:0;
}

strong {
	font-weight:600;
}

.green {
	color:#00A796;
}

a.green {
	text-decoration:none;
}

.btn {
	display:inline-block;
	background-color:#004269;
	color:#fff;
	padding:15px 30px;
	font-weight:400;
	font-size:20px;
	line-height:30px;
	transition:all ease-in-out 0.5s;
	cursor:pointer;
	margin-bottom:20px;
}

.btn.small {
	font-size:14px;
	line-height:21px;
	padding:9px 18px;
	margin-top:20px;
}

.btn.small.yellow {
	background-color:#FDB913;
	color:#004269;
}

.btn:hover {
	background-color:#FDB913;
	color:#004269;
	transition:all ease-in-out 0.25s;
}

.btn.small.yellow:hover {
	background-color:#004269;
	color:#FDB913;
}

.yellow-box-middle .btn:hover {
	background-color:#FFFFFF;
}

#photo-grid-middle .left .btn:hover {
	background-color:#FFF;
	color:#004269;
	transition:all ease-in-out 0.25s;
}

.grid-item .btn.domino {
	width:125px;
	height:68px;
	background-color:transparent;
	background-repeat:no-repeat;
	box-sizing:border-box;
	margin-top:15px;
	margin-left:-62px;
}

.grid-item .btn.domino.domino-1 {
	background-image:url(/img/domino/domino-btn-01.svg);

}
.grid-item .btn.domino.domino-2 {
	background-image:url(/img/domino/domino-btn-02.svg);
}

.grid-item .btn.domino.domino-3 {
	background-image:url(/img/domino/domino-btn-03.svg);
}

.grid-item .btn.domino.domino-4 {
	background-image:url(/img/domino/domino-btn-04.svg);
}

.grid-item .btn.domino.domino-5 {
	background-image:url(/img/domino/domino-btn-05.svg);
}

.grid-item .btn.domino.domino-6 {
	background-image:url(/img/domino/domino-btn-06.svg);
}

.grid-item .btn.domino:hover {
	background-image:url(/img/domino/domino-btn-hover.svg);
}

#photo-grid-middle .left .btn:hover {
	background-color:#FFF;
	color:#004269;
	transition:all ease-in-out 0.25s;
}


/* HEADER */

#header-wrapper {
	width:100%;
	background-color:#FFF;
}

#header {
	width:100%;
	max-width:1280px;
	background-color:#FFF;
	margin:0 auto;
}

#logo {
	width:20%;
	float:left;
	height:200px;
	padding:20px;
	box-sizing:border-box;
}

.main-logo {
	cursor:pointer;
}

#nav {
	width:80%;
	float:right;
	text-align:right;
	height:200px;
}

#nav-top {
	width:100%;
	text-align:right;
	height:100px;
	padding:30px 20px 0 0;
	box-sizing:border-box;
}

#nav-main {
	width:100%;
	height:100px;
	padding:55px 20px 0 0;
	box-sizing:border-box;
}

/* BANNER */

.banner-wrapper {
	width:100%;
	background-color:#fff;
/*	background-image:url(/img/banner-home.jpg);
*/	background-size:cover;
	min-height:580px;
	background-position:center center;
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
}

body.no-banner .banner-wrapper {
	min-height:30px;
}

.domino-intro {
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}

.domino-intro img {
	float:right;
}

.domino-left {
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	overflow:hidden;
}

.domino-left img {
	float:left;
	display:none;
}

.domino-middle {
	position:absolute;
	top:0;
	left:23%;
	z-index:9;
	overflow:hidden;
	height:100%;
}

.domino-middle img {
	float:left;
	height:100%;
	width:auto;
}

.domino-right {
	position:absolute;
	bottom:0;
	right:0;
	z-index:8;
}

.domino-right img {
	float:right;
	display:none;	
}

/*
.banner-wrapper.domino1 {
	background-image:url(/img/Domino-Banner_WEB-1.jpg);
}

.banner-wrapper.domino2 {
	background-image:url(/img/Domino-Banner_WEB-2.jpg);
	animation:fadin 2s;
	margin-top:-365px;
}
*/

.banner-animation {
	animation:fadin 2s;
	margin-top:-595px;
	background-color:transparent;	
}




@keyframes fadin {
	from{ opacity:0;}
	to{ opacity:1;}
}

.banner-wrapper-top {
	width:100%;
	position:absolute;
	top:0;
	z-index:9;
}

.banner-wrapper-top img {
	width:100%;
	height:50px;
}


.banner-wrapper-bottom {
	width:100%;
	position:absolute;
	bottom:0;
	z-index:8;
}

.banner-wrapper-bottom img {
	width:100%;
	height:50px;
}

.banner-wrapper-middle {
	width:100%;
	position:relative;
	z-index:7;
	height:100%;
	background-image:url(/img/split.svg);
	background-size:100%;
}

.banner-wrapper-middle.page {
	background-image:none;
	min-height:580px;
}

.banner-middle {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
}

.banner-middle .left {
	flex:2;
	background-color:none;
	width:100%;
	padding:50px 25px;
	box-sizing:border-box;
}

.banner-middle .right {
	flex:1;
	background-color:#FDB913;
	width:100%;
	padding:50px 25px 50px 50px;
	box-sizing:border-box;
	min-height: 580px;
}

.banner-middle .left h1 {
	font-size:40px;
	line-height:50px;
	color:#fff;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
	padding-top:200px;
	box-sizing:border-box;
}

.banner-middle .right ul, .yellow-box-wrapper ul {
	color:#fff;
	font-size:20px;
	line-height:25px;
	padding-left:0px;
	z-index: 10;
	position: relative;
}

.banner-middle .right li, .yellow-box-wrapper li {
	list-style-type:none;
	padding-left:20px;
	padding-bottom:10px;
}

.banner-middle .right li a, .yellow-box-wrapper li a {
	color:#fff;
	text-decoration:none;
}

.banner-middle .right li a:hover, .yellow-box-wrapper li a:hover {
	color:#00A796;
}

.banner-middle .right li:before, .yellow-box-wrapper li:before {
	content:"+";
	color:#00A796;
	padding-right:5px;
	font-size:27px;
	line-height:30px;
	font-weight:300;
	vertical-align:middle;
	margin-left:-20px;
}

.punt {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
}

.punt img {
	position: absolute;
	z-index: 11;
	margin-top: -110px;
	margin-left: 58%;
}

.banner-wrapper.page .punt img {
	margin-left: auto;
	right:50px;
}

/* NIEUWS */

#nieuws-wrapper {
	width:100%;
	background-color:#fff;
	margin:80px 0 40px 0;
}

#nieuws {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
	padding:10px;
	box-sizing:border-box;
}

.nieuws {
	flex:1;
	padding-right:20px;
	box-sizing:border-box;
	overflow:hidden;
}

.nieuws a {
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}

.nieuws img {
	width:100%;
	height:auto;
}

.nieuws a img {
	transition:ease-in-out 0.3s;
}

.nieuws a img:hover {
	transform:scale(1.1);
	transition:ease-in-out 0.3s;
}

.nieuws p {
	font-size:14px;
	line-height:19px;
}

.fact-wrapper {
	flex:1;
}

.fact {
	padding:25px;
	box-sizing:border-box;
	background-color:#00A796;
	font-size:28px;
	line-height:32px;
	color:#fff;
	min-height:184px;
}

/* BLUE – YELLOW WRAPPER */

.blue-wrapper {
	width:100%;
	position:relative;
}

.yellow-wrapper {
	padding:40px 0;
	width:100%;
	position:relative;
	margin-top: -50px;
	z-index: 1;
}

.yellow-wrapper.blue {
	background-color:#004269;
	color:#fff;
}

.yellow-wrapper.green {
	background-color:#00A796;
	color:#fff;
}

.blue-wrapper-top, .yellow-wrapper-top {
	width:100%;
	position:absolute;
	top:0;
	z-index:9;
}

.blue-wrapper-top {
	position:relative;
}

.blue-wrapper-top img, .yellow-wrapper-top img {
	width:100%;
	height:50px;
}

.blue-wrapper-bottom, .yellow-wrapper-bottom {
	width:100%;
	bottom:0;
	z-index:9;
	position:absolute;
}

.blue-wrapper-bottom {
	position:relative;
}

.blue-wrapper-bottom img, .yellow-wrapper-bottom img {
	width:100%;
	height:50px;
}

.blue-wrapper-middle, .yellow-wrapper-middle {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	text-align:center;
	box-sizing:border-box;
}

.blue-wrapper-middle.who {
	padding:0 120px;
}

.blue-wrapper-middle p {
	font-size:19px;
	line-height:30px;
	text-align:center;
}

.yellow-wrapper-middle {
	padding:30px 0;
}

.yellow-wrapper-middle p {
	font-size:16px;
	line-height:27px;
	padding-right:50px;
}

.blue-wrapper-middle-wrapper, .yellow-wrapper-middle-wrapper {
	display:flex;
	height:100%;
	text-align:left;
	justify-content: center;
	align-items:center;
	position:relative;
}

.blue-wrapper-middle-wrapper {
	align-items:flex-start;
}

.blue-wrapper-middle-full {
	background-color:#DDE9E9;
	width:100%;
	padding:50px 0;
}

.yellow-wrapper-middle-full {
	background-color:#FDB913;
	width:100%;
	padding:10px 0;
}

.blue-wrapper-middle-wrapper .left, .blue-wrapper-middle-wrapper .right, .yellow-wrapper-middle-wrapper .left, .yellow-wrapper-middle-wrapper .right {
	flex:1;
	padding:10px;
	box-sizing:border-box
}


.yellow-wrapper-middle-wrapper .left {
	padding-left:20px;
}

.yellow-wrapper-middle .right {
	text-align:right;
}

.yellow-wrapper-middle .right img {
	max-width:75%;
	height:auto;
}


.exclamation-wrapper {
	position:relative;
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

.exclamation {
	position: absolute;
	top: -100px;
	z-index: 25;
	left: -40px;
}

.getuigenis-wrapper {
	width:100%;
	display:flex;
	padding-bottom:50px;
}

.getuigenis-wrapper .photo {
	flex:1;
	height:100%;
	overflow:hidden;
}

.getuigenis-wrapper .photo img {
	width:100%;
	height:auto;
	transition:ease-in-out 0.3s;
}

.getuigenis-wrapper .photo img:hover {
	transform:scale(1.1);
	transition:ease-in-out 0.3s;
}

.getuigenis-wrapper .copy {
	flex:1;
	padding:0 20px;
}

.getuigenis-wrapper .copy p {
	font-size:16px;
	line-height:21px;
	font-style:italic;
	text-align:left;
	padding-bottom:0;
}

.getuigenis-wrapper .copy .author {
	font-style:normal;
}

.getuigenis-wrapper strong {
	font-weight:500;
}


/* BLUE WRAPPER GRID */

.blue-wrapper-grid {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	box-sizing:border-box;
	display:flex;
	padding:0 10px;
	text-align:center;
	flex-wrap:wrap;
}

.grid-item-4 {
	flex:1 25%;
	box-sizing:border-box;
	padding:10px;
	max-width:25%;
}

.grid-item-3 {
	flex:1 33.33%;
	box-sizing:border-box;
	padding:10px;
	max-width:33.33%;
}

.grid-item-2 {
	flex:1 50%;
	box-sizing:border-box;
	padding:10px;
	max-width:50%;
}

.grid-item {
	background-color:#fff;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
	padding-bottom:60px;
	position:relative;
}

.grid-item .btn {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-50px;
}

.grid-item p {
	font-size:16px;
	line-height:27px;
}



/* WHITE WRAPPER */

.white-wrapper {
	padding:50px 0;
	width:100%;
}

.white-wrapper-middle {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	text-align:center;
	box-sizing:border-box;
}

.white-wrapper-middle-title {
	width:100%;
}

.white-wrapper-middle-item-wrapper {
	display:flex;
	width:100%;
}

.white-wrapper-middle-item {
	flex:1;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
}

/* WHITE-WRAPPER CALENDAR */

.white-wrapper-middle-item.calendar {
	flex:1 33.33%;
	max-width:33.33%;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
}

#calendar-right .white-wrapper-middle-item.calendar {
	flex:1 100%;
	max-width:100%;
}

.white-wrapper-middle-item.calendar a {
	display:block;
}

.white-wrapper-middle-item.calendar, .white-wrapper-middle-item.media {
	text-align:left;
	font-size:16px;
	line-height:21px;
}

.white-wrapper-middle-item.media img {
	max-width:100%;
	height:auto;
	display:block;
}

.date {
	text-transform:uppercase;
	font-size:13px;
}

.calendar-item {
	padding:6px 6px 6px 0px;
}

.calendar-item-title {
	font-weight:600;
}

.calendar-grid-item-content-table {
	height:15%;
}

.calendar-grid-item-content-table-cell img {
	max-width:70%;
}

.white-wrapper-middle-grid {
	display:flex;
	padding:0 10px;
	box-sizing:border-box;
	flex-wrap:wrap;
	margin-bottom:50px;
	justify-content: center;
}

.white-wrapper-middle-grid-fact-wrap {
	flex:33.33%;
	max-width:33.33%;
	padding:10px;
	box-sizing:border-box;
}

.white-wrapper-middle-grid-fact {
	width:100%;
	height:100%;
	background-color:#00A796;
	color:#fff;
	box-sizing:border-box;
	padding:40px;
}

.white-wrapper-middle-grid-fact .small, .green-box-wrapper .small {
	font-size:20px;
	line-height:30px;
	font-weight:200;
}
.white-wrapper-middle-grid-fact .mid, .green-box-wrapper .mid {
	font-size:25px;
	line-height:35px;
	font-weight:200;
}
.white-wrapper-middle-grid-fact .lg, .green-box-wrapper .lg {
	font-size:30px;
	line-height:40px;
	font-weight:200;
}

.white-wrapper-middle-grid-fact strong {
	font-weight:500;
}

/* WHITE-WRAPPER SLIDESHOW */

.slide-show-wrapper {
	display:flex;
	width:100%;
	align-items: center;
	justify-content: center;
	margin-top:50px;
	margin-bottom:20px;
}

.slide-left, .slide-right {
	flex:1 6%;
}

.slide-left img, .slide-right img {
	width:47%;
	max-width: 40px;
}

#slideshow {
	flex:1 60%;
}

.slide-show img {
	width:100%;
	height:auto;
}

.img-disclaimer {
	font-size:12px;
	line-height:14px;
	text-align:center;
	margin-bottom:50px;
	padding:5px;
	border-radius:3px;
	background-color:#DDE9E9;
	display:inline-block;
}

/* FOTO GRID */

#photo-grid-wrapper {
	width:100%;
	background-color:#799CAD;
	min-height:150px;
	position:relative;
	margin-top:15px;
	margin-top: -45px;
/*	z-index: -2;
*/}

#photo-grid-wrapper-photos {
	position:absolute;
	top:0;
	height:100%;
	padding-left:33.33%;
	box-sizing:border-box;
	overflow:hidden;
}

#photo-grid-wrapper.full {
	min-height:400px;
}

#photo-grid-wrapper.full #photo-grid-wrapper-photos {
	padding:0;
}

.portrait-photo {
	float:left;
	width:10%;
}

#photo-grid-wrapper.full #photo-grid-wrapper-photos .portrait-photo {
	width:12.5%;
}

.portrait-photo img {
	width:100%;
	height:auto;
	mix-blend-mode:luminosity;
	opacity:0.9;
}

#photo-grid-wrapper-top {
	width:100%;
	position:absolute;
	top:0;
	z-index:9;
}

#photo-grid-wrapper-top img {
	width:100%;
	height:50px;
}


#photo-grid-wrapper-bottom {
	width:100%;
	position:absolute;
	bottom:0;
	z-index:8;
}

#photo-grid-wrapper-bottom img {
	width:100%;
	height:50px;
}

#photo-grid-wrapper-middle {
	width:100%;
	position:relative;
	z-index:7;
	height:100%;
	background-image:url(/img/split-inverse.svg);
	background-size:100% 100%;
}

#photo-grid-wrapper.full #photo-grid-wrapper-middle {
	width:100%;
	position:relative;
	z-index:7;
	height:100%;
	background-image:none;
	background-size:100% 100%;
}

#photo-grid-middle {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
	position:relative;
	height:100%;
}

#photo-grid-wrapper.full #photo-grid-wrapper-middle {
	width:100%;
	position:absolute;
	z-index:7;
	height:100%;
	background-image:none;
	background-size:100% 100%;
}

#photo-grid-middle {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
}

#photo-grid-wrapper.full #photo-grid-wrapper-middle #photo-grid-middle {
	width:100%;
	margin:0 auto;
	color:#fff;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	height:100%;
}

#photo-grid-wrapper.full #photo-grid-wrapper-middle #photo-grid-middle h2 {
	text-align:center;
}

#photo-grid-middle .left {
	flex:1;
	background-color:#FDB913;
	width:100%;
	padding:100px 25px 75px 25px;
	box-sizing:border-box;
}

#photo-grid-middle .right {
	flex:2;
	background-color:none;
	width:100%;
	padding:50px 25px 50px 95px;
	box-sizing:border-box;
}

#photo-grid-middle .left p {
	font-size:16px;
	line-height:27px;
	padding-right:50px;
}

/* PAGE CONTENT */

.page-content-wrapper {
	width:100%;
}

.page-content {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	margin-bottom:50px;
	display:flex;
	flex-wrap:wrap;
}

.page-content.grid {
}

.page-content img {
	max-width:100%;
	height:auto !important;
}

.page-content-item {
	flex:1 33.33%;
	max-width:33.33%;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:20px;
}

.page-content-left {
	flex:2;
	padding:0 60px 0 20px;
	box-sizing:border-box;
}

.page-content-right {
	flex:1;
	padding:0 20px;
	box-sizing:border-box;
}

.page-content.double .page-content-right, .page-content.double .page-content-left {
	flex:1;
	padding:0 40px;
}

.page-content p, .page-content ul, .page-content ol {
	font-size:16px;
	line-height:27px;
	font-weight:300;
}

.page-content ul, .page-content ol {
	line-height:23px;
}

.page-content p.intro {
	font-size:19px;
	line-height:31px;
}

.page-content ul, .page-content ol {
	padding-left:15px;
}

.page-content ol {
  counter-reset: item;
  margin: 0 0 1.5em;
  padding: 0;
}

.page-content ol > li {
    counter-increment: item;
    list-style-type: none;
    margin: 0;
	padding: 0 0 0 25px;
	/*text-indent: -32px;*/
}

.page-content ol > li::before {
    content: counter(item) '.';
    display: inline-block;
    font-weight: bold;
    padding-right: 10px;      
    text-align: right;
    width: 1.5rem;
	margin-left: -33px;
}

.page-content ul li {
	padding-bottom:0px;
	padding-left:10px;
}

.page-content p.more {
	padding-left: 19px;
	padding-bottom: 20px;
}

.page-content.extra p {
	font-size:16px;
	line-height:27px;
}

.page-content.extra ul {
	padding-left:15px;
}

.page-content.extra ul li {
	margin-left:5px;
	padding-bottom:10px;
}

.page-content.extra h2 {
	font-size:24px;
	line-height:33px;
	display:inline;
	margin-bottom:20px;
}

.page-content .number {
	border:1px solid #004269;
	padding:7px;
	border-radius:50%;
	text-align:center;
	display:block;
	float:left;
	width:25px;
	line-height:25px;
	margin-right:15px;
	color:#004269;
	font-weight:400;
	font-size:20px;
}

p.intro, page-content p.intro {
	font-size:19px;
	line-height:31px;
	font-weight:200;
}

.page-content-divider {
	width:100%;
	margin:0;
	padding:25px 0;
}

.page-content-divider img {
	width:100%;
	height:auto;
}

.page-content.grid .quote-box-wrapper {
	background-color:#DDE9E9;
	height:100%;
}

.yellow-box-wrapper, .quote-box-wrapper, .green-bow-wrapper {
	width:100%;
	position:relative;
}

.yellow-box-middle {
	background-color:#FDB913;
	padding:20px;
}

.green-box-middle {
	background-color:#00A796;
	padding:20px;
	color:#fff;
}

.quote-box-middle {
	background-color:#DDE9E9;
	padding:20px;
	position:relative;
	top:-20px;
}

.quote-box-middle p {
	font-size:16px;
	line-height:24px;
	font-style:italic;
}

.quote-box-middle p.name {
	font-size:16px;
	line-height:24px;
}

.quote-box-middle p.name strong {
	font-weight:500;
}

.yellow-box-top, .yellow-box-bottom, .quote-box-top, .quote-box-bottom, .green-box-top, .green-box-middle {
	position:relative;
}

.quote-box-bottom {
	top:-20px;
}

.quote-box-top {
	z-index:9;
}

.yellow-box-top img, .yellow-box-bottom img, .green-box-top img, .green-box-bottom img {
	width:100%;
}

.quote-box-bottom img, .quote-box-top img, .quote-box-visual img {
	width:100%;
	vertical-align:top;
}

.quote-box-visual {
	position:relative;
	top:-15px;
	overflow:hidden;
	min-height:8px;
}

.quote-box-visual a img {
	transition:ease-in-out 0.3s;
}

.quote-box-visual a img:hover {
	transform:scale(1.1);
	transition:ease-in-out 0.3s;
}

p.quote {
	padding-top:10px;
}

.copyright {
	margin-top: -22px;
	padding-bottom: 7px;
	padding-right: 7px;
	text-align: right;
	box-sizing: border-box;
	color:#ffffff;
	text-shadow:1px 1px 2px #666;
	font-weight: 200;
	font-style: italic;
}

.slide-show {
	position:relative;
}

.slide-show .copyright {
	margin-top:-32px;
	position: absolute;
	right: 2%;
	bottom: 2%;
}

.page-content.grid .quote-box-bottom img, .page-content.grid .quote-box-top img {
	display:none;
}

.yellow-box-wrapper h3 {
	margin-top:0;
}

.yellow-box-wrapper a {
	color:#fff;
	text-decoration:none;
}

.yellow-box-wrapper a:hover {
	color:#00A796;
}

#breadcrumb-wrapper {
	width:100%;
	margin:10px 0 26px 0;
}

.breadcrumb {
	font-size:13px;
	line-height:16px;
	font-weight:300;
	display:inline-block;
}

.breadcrumb a {
	text-decoration:none;
	color:#004269;
}

.breadcrumb a:hover {
	color:#FDB913;
}

.breadcrumb:before {
	content:"> ";
	color:#FDB913;
}

body.no-banner .yellow-box-top {
	display:none;
}

/* PRE FOOTER */

#pre-footer-wrapper {
/*	background-color:#DDE9E9;
*/	padding:0;
	width:100%;
	position:relative;
	margin-top:-45px;
	z-index:9;
}

#pre-footer-wrapper-top {
	width:100%;
	z-index:9;
}

#pre-footer-wrapper img {
	width:100%;
	height:50px;
}

.pre-footer-wrapper-middle {
	width:100%;
	text-align:center;
	box-sizing:border-box;
	background-color:#DDE9E9;
	padding:30px 0 10px 0;
}

.pre-footer-wrapper-middle-wrapper {
	display:flex;
	height:100%;
	text-align:left;
	max-width:1280px;
	margin:0 auto;
}

.pre-footer-wrapper-middle-wrapper .left, .pre-footer-wrapper-middle-wrapper .right {
	flex:1;
	padding:20px;
	box-sizing:border-box
}

.pre-footer-wrapper-middle-wrapper i {
	margin-right:15px;
}

.pre-footer-wrapper-middle-wrapper input {
	padding:10px;
	box-sizing:border-box;
	width:80%;
	border:none;
	font-style:italic;
}

#footer ul.sub-sub-nav {
	display:none;
}

/* SOCIAL MEDIA */
#sm-icons a{
	padding: 0px 5px;
}

a.sm-item {
	color:#004269;	
}

a.sm-item:hover {
	color:#EF4136;
}

/* FOOTER */

#footer-wrapper {
	width:100%;
	background-color:#004269;
	color:#fff;
	position:relative;
}

#footer-wrapper-top {
	width:100%;
	position:absolute;
	top:0;
	z-index:9;
}

#footer-wrapper-top img {
	width:100%;
	height:100px;
}

#footer {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
	color:#fff;
	padding:100px 20px 20px 20px;
	box-sizing:border-box;
	font-size:13px;
}

.footer-logo-wrapper img {
	padding-right:20px;
	padding-top:20px;
}

#footer h4 {
	font-weight:500;
	font-size:22px;
	line-height:32px;
}

#footer p {
	font-size:13px;
	line-height:20px;
	font-weight:300;
}

.opening table tr td {
	padding-right:20px;
	box-sizing:border-box;
}

#footer .left, #footer .right {
	flex:1;
}

#footer .right .mainnav {
	width:50%;
	float:left;
}

#footer .right .topnav {
	width:50%;
	float:right;
}

#footer .submenu-toggle {
	display:none !important;
}

#footer ul.main-nav {
	width:auto;
	text-decoration:none !important;
}

#footer ul.main-nav li.menuitem {
	float:none;
	list-style:none;
	padding: 0px 5px 20px 5px;
	cursor:pointer;
	font-weight:500;
	text-decoration:none !important;
}

#footer .extranav ul.main-nav li.menuitem {
	padding:0px 5px 8px 5px;
}

#footer ul.main-nav li.menuitem:hover {
	text-decoration:none;
	color:#FDB913;
}

#footer ul.main-nav li.menuitem:hover ul.sub-nav li.menuitem {
	color:#FFF;
	text-decoration:none;
}

#footer ul.sub-nav {
	margin-top:0;
}

#footer ul.sub-nav li.menuitem {
	list-style-type:none;
	float:none;
	cursor:pointer;
	line-height:20px;
	font-size:13px;
	font-weight:300;
	padding:0;
}

#footer ul.sub-nav li.menuitem:before {
	/*content:url(/img/point.svg);
	margin-left:-16px;
	padding-right:5px;*/
}

#footer ul.main-nav li.menuitem ul.sub-nav li.menuitem:hover{
	color:#FDB913;
}

#footer .privacy {
	float:left;
}

#footer .privacy .main-nav li.menuitem {
	float:left
}

#footer a {
	color:#fff;
}

#footer a:hover {
	color:#FDB913;
}

#footer-wrapper .punt img {
    position: absolute;
	right:10px;
	margin-top:-10px;
}

/* FORM */

.formfields {
	width:100%;
	column-count:2;
	column-gap:5%;
}

.formfields input, textarea {
	width:100%;
	border:1px solid #DDE9E9;
	padding:10px;
	box-sizing:border-box;
	margin-bottom:20px
}

.value-wrapper {
	position:relative;
}

.value {
	color:#004269;
	position:absolute;
	right:10px;
	top:10px;
	font-size:19px;
}

/* 10 TIPS */

/*ul.tips {
	padding-left:15px;
}

ul.tips li {
	padding:0 0 25px 10px;
	list-style:none;
}

ul.tips li .tip {
	font-size:30px;
	line-height:30px;
	font-style:italic;
	font-weight:500;
}

ul.tips li .tip.yellow {
	color:#FDB913;
	margin-left:-30px;
}*/

.tip {
	font-size:30px;
	line-height:27px;
	font-style:italic;
	font-weight:500;
}

/* DIALOG FORM */

.dialog-form {
	width:100%;
	font-family: 'Fira Sans', sans-serif !important;
	font-weight: 300 !important;
	color:#004269;
}

.dialog-form h3 {
	margin-bottom:10px;
}

.dialog-form-group {
	width:100%;
}
.dialog-form-group.half {
	width:50%;
	
}

.domino-dialog {
	padding-right: 15%;
	box-sizing: border-box;
	top: 50px;
	position: absolute;
	right: 0;
}

.dialog-form-group input, .dialog-form-group textarea {
	width:49%;
	float:left;
	margin-right:1%;
	border:1px solid #DDE9E9;
	box-sizing:border-box;
	padding:10px;
	margin-bottom:20px;
	font-style:italic;
}

.dialog-form-group textarea {
	min-height:150px;
	width:100%;
}

.dialog-form-group input:nth-child(even) {
	width:49%;
	float:right;
	margin-right:0;
	margin-left:1%;
}

.dialog-form-question {
	font-size:12px;
	font-style:italic;
	cursor:pointer;
}

#recurring-disclaimer {
	display:none;
	max-width: 66%;
    margin-bottom: 15px;
	background-color: rgb(238, 238, 238);
    padding: 10px;	

}

#recurring-disclaimer ul{
	padding-left:25px;	
}


/* SUMO SELECT OVERWRITE */

.SumoSelect {
    width: 49%;
    box-sizing: border-box;
	margin-bottom:20px;
}

#meldpuntform .SumoSelect {
    width: 100%;
}

#meldpuntform .optWrapper {
    width: 180%;
}

.SelectBox {
    padding: 10px;
	box-sizing:border-box;
}

.SumoSelect > .CaptionCont {
    border: 1px solid #DDE9E9;
    min-height: 14px;
    background-color: #fff;
    border-radius: 0px;
    margin: 0;
	color:#004269;
	cursor:pointer;
}

.SumoSelect > .CaptionCont > span {
	cursor:pointer;
/*	opacity:0.6;
*/	font-style:italic;
}

.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {box-shadow: none;border-color:#DDE9E9;}


.invalid {
	background-color:#FDB913;	
}

/*        VOLUNTEERFORM         */

#volunteer_form{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#volunteer_form input{
	width: 49.5%;
	padding: 10px;
	margin-bottom: 12px;
	border: 1px solid #004269;
	box-sizing: border-box;
}

#volunteer_form textarea{
	width: 100%;
	padding: 10px;
	margin-bottom: 12px;
	border: 1px solid #004269;
	box-sizing: border-box;
	resize: none;
}


/* MEDIA QUERIES SCREEN */
@media only screen and (max-width: 1340px) {
.domino-left img {
	margin-left:-35px;
	margin-top:10px;
}
}
@media only screen and (min-width: 959px) and (max-width: 1279px) {
/* Blue Wrapper Grid */

.grid-item h3 {
	font-size:24px;
}

#photo-grid-middle .left p {
    font-size: 15px;
    line-height: 25px;
    padding-right: 20px;
}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

/* Blue Wrapper Grid */

.blue-wrapper {
	z-index:18;
}

.grid-item-4 {
	max-width: 50%;
	flex:50%;
}

.grid-item-3 {
	max-width: 50%;
	flex:50%;
}

.page-content-item {
	max-width: 50%;
	flex:1 50%;
}

/* White wrapper facts */
.white-wrapper-middle-grid-fact-wrap {
	flex:50%;
	max-width:50%;
}

/* PHOTO GRID */

#photo-grid-wrapper {
	min-height:1000px;
	margin-top:-65px;
}

#photo-grid-wrapper-photos {
	padding-left:0;
	margin-top: 0px;
	padding-top: 300px;
}

#photo-grid-wrapper-middle {
	background-image:none;
}

#photo-grid-middle {
	display:block;
}

.portrait-photo {
	width:14.25%;
}

.domino-middle img {
	display:none;
}

.domino-left img, .domino-right img {
	display:block;
}

}

/* Tablet Portrait size to standard 960 (devices and browsers) iPad Portrait*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.domino-intro {
	overflow:hidden;
}
.domino-intro img {
	margin-right:-30px;
}

.yellow-box-wrapper ul {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding-left: 0px;
}

.yellow-box-wrapper li {
	padding-left:20px;
	padding-bottom:5px;
}

.yellow-box-wrapper li::before {
	line-height:20px;
	margin-left:-20px;
}

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
h2 {
    font-size: 40px;
    line-height: 50px;
}
	
/* Header */

#nav {
	width:100%;
	height:auto;
	background-image:#FFF;
}

#nav-main {
	height:auto;
	padding:0;
}

#nav-top {
	padding:7px 10px 0 7px;
	background-color:#DDE9E9;
	height:auto;
	box-sizing:border-box;
}

#logo {
	width:60%;
	height:auto;
	padding-bottom:0;
}

/* BANNER */
 
.banner-wrapper {
	background-size: contain;
	background-repeat:no-repeat;
	min-height:350px;
	background-position:top center;
	position:relative;
	margin-top:15px;
}

.banner-wrapper.page {
	min-height:350px;
	background-size:cover;
}

.banner-wrapper-middle.page {
    background-image: none;
    min-height: 350px;
}

.banner-wrapper-middle {
	background-image:none;
}

.banner-middle {
	display:block;
}

.banner-wrapper.banner-animation {
	margin-top: -365px;
	min-height: 350px;
	width: 100%;
	background-size: cover;
}

.banner-middle .left {
	padding-bottom:0;
}

.banner-middle .left h1 {
	padding-top:120px;
	font-size:25px;
	line-height:35px;
}

.banner-middle .right {
    padding: 10px 25px 50px 50px;
	min-height:auto;
}

.banner-middle .right ul, .yellow-box-wrapper ul {
	font-size:18px;
	line-height:27px;
	column-count:2;
	box-sizing:border-box;
}

.banner-middle .right li:before {
	font-size:25px;
	line-height:27px;
}

.btn {
    padding: 7px 19px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.punt {
   position: absolute;
	z-index: 11;
	margin-top: -250px;
}

.punt img {
	margin-left:auto;
	right:50px;
}

.banner-wrapper.page .punt {
	margin-top:35px	;
}

.banner-wrapper.page .punt img {
	right:10px;
}

#footer-wrapper .punt {
   position: relative;
	margin-top:0;
}

/* NIEUWS */
#nieuws-wrapper {
	margin:40px 0 20px 0;
}

#nieuws {
	display:flex;
	flex-wrap:wrap;
	padding:20px;
}

.nieuws {
	padding:10px;
	float:left;
	max-width:50%;
	flex:1 50%;
}

.nieuws p {
	font-size:14px;
	line-height:19px;
}

.fact-wrapper {
	float:left;
	max-width:50%;
	flex:1 50%;
	border:10px solid #fff;
	box-sizing:border-box;
}

/* Page Content */

.page-content-left {
	flex:100%;
}

/* BLUE WRAPPER */

.blue-wrapper, .yellow-wrapper {
	padding:40px 0;
	width:100%;
	position:relative;
}

.yellow-wrapper-middle-wrapper {
	display:block;
}

.yellow-wrapper-middle-wrapper .left {
	padding:20px;
	box-sizing:border-box;
}

.yellow-wrapper-middle-wrapper .right {
	text-align:center;
}

.yellow-wrapper-middle-wrapper .left  p {
	padding:0;
}

.blue-wrapper-middle.who {
	padding:0 20px;
}

.getuigenis-wrapper {
	display:block;
	padding-bottom:10px;
}

.getuigenis-wrapper .copy {
	padding:20px 20px 20px 0;
}

#photo-grid-wrapper {
	margin-top:-85px;
}


/* WHITE WRAPPER */

.white-wrapper {
	padding-top:0;
}

/* FORM */

.formfields {
	column-count:1;
}

/* SUMO SELECT OVERWRITE */

.SumoSelect {
    width: 100%;
}

/* PAGE */
.page-content-left {
	padding:0 20px;
}

}

@media only screen and (max-width: 640px) {
/* Blue Wrapper Grid */

.grid-item-4, .grid-item-3, .grid-item-2, .page-content-item {
	max-width: 100%;
	flex:100%;
}

/* WHITE WRAPPER */

.white-wrapper-middle-item-wrapper {
	display:block;
}

.white-wrapper-middle-item.calendar {
	flex: 1 100%;
	max-width: 100%;
}

/* White wrapper facts */
.white-wrapper-middle-grid-fact-wrap {
	flex:100%;
	max-width:100%;
}

/* FOOTER */

#footer {
	display:block;
}

/* DIALOG FORM */

.domino-dialog {
	padding-right:0;
}

.domino-dialog img {
	width:90px;
}

.dialog-form-group input, .dialog-form-group textarea {
	width:100%;
	margin-right:0%;
}

.dialog-form-group input:nth-child(even) {
	width:100%;
	margin-right:0;
	margin-left:0;
}

.calendar_image{
		padding: 20px;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) iPhone Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.calendar_image{
		padding: 20px;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) iPhone Portrait*/
@media only screen and (max-width: 479px) {

#logo img {
    width: 90% !important;
}

h1 {
	font-size:30px;
	line-height:40px;
}

h2 {
	font-size:30px;
	line-height:40px;
}

.page-content p {
    font-size: 16px;
    line-height: 26px;
}

.btn {
    padding: 7px 19px;
    font-size: 16px;
    line-height: 26px;
}

/* BANNER */
.banner-wrapper {
	margin-top:0;
	margin-bottom:15px;
	background-size:auto 70%;
}

.banner-wrapper.page {
	min-height:200px;
	background-size:cover;
}

.banner-wrapper-middle.page {
    background-image: none;
    min-height: 200px;
}

.banner-middle .right ul, .yellow-box-wrapper ul {
	column-count:1;
}

.domino-intro img {
	width:70% !important;
	margin-right:-25px;
}

.punt {
	margin-top:35px;
}

.banner-wrapper.page .punt img {
	width:30%;
}

.banner-wrapper-top img, .banner-wrapper-bottom img {
	height:30px;
}

.banner-wrapper-middle.page {
	background-image:none;
}

.banner-wrapper.banner-animation  {
	margin-top:-215px;
	min-height:200px;
}

/* NIEUWS */

.nieuws {
	padding:10px;
	float:left;
	max-width:100%;
	flex:100%;
}

.fact-wrapper {
	float:left;
	max-width:100%;
	flex:100%;
	border:10px solid #fff;
}

/* BLUE WRAPPER */

.blue-wrapper-middle p {
    font-size: 16px;
    line-height: 21px;
}

.blue-wrapper-middle-wrapper {
	display:block;
}

.blue-wrapper-middle-wrapper .left, .blue-wrapper-middle-wrapper .right {
	padding:10px 20px;
}

/* PHOTO GRID */
.portrait-photo {
	width:25%;
}

/* FACTS */

.white-wrapper-middle-grid-fact {
	padding:20px;
}

/* Footer */

.pre-footer-wrapper-middle-wrapper {
	display:block;
	padding:0 10px;
}

table.opening tr td {
	padding-right:3px;
	box-sizing:border-box;
	vertical-align:top;
	font-size:12px;
}

#footer .right {
	font-size:14px;
}
	.calendar_image{
		padding: 20px;
}


}


/* Searchfield*/

#inputfield {
	font-style: italic;
	font-family: Fira Sans, sans-serif;
	font-weight: 300;
	border: 1px solid #dde9e9; 
	padding: 10px;
	margin-left: 1em;
}

#search-btn{
	padding: 10px;
}

#search-form {
    display: flex;
    align-items: center;
}