/* body postop */

body {	/* mo */
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	text-decoration: none;
	word-spacing: normal;
	white-space: normal;
	letter-spacing: normal;
	font-family: 'ict_avantgarde_bkcn';
	font-weight: normal;
	font-size: 17px;
	line-height: 32px;
	color: #cc0000;
									background-color: #FCF8F5;
}



.container { position: relative; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; margin-left: 0; margin-right: 0; }

.container, .container .sixteen.columns {
	width: 100%; /* full */ 
}

.container .twelve.columns { 
										dwidth: 69%; /* padding: 0 2% 0 0; */ 
											width: 51%; /* padding: 0 2% 0 0; */ 
}

.container .four.columns { 
										dwidth: 27%; 
											width: 20%;
}



body.sidebar #main {
	border-right: 1px solid #dddddd;
}

.mobile-device, .tablet-device {
	display: none !important;
}

.screen-device {
	display: inline-block !important;
}


/* header postop */

.header-holder {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
			margin: 170px auto 0 auto;
	padding: 0 0 10px 0;
	color: #ffffff;
	text-align: center;
}

.header-img-holder {
	position: relative;
	float: left;
	z-index: 5;
	width: 100%;
								dmin-height: 400px;
	margin: 0 auto 0 auto;
								dmargin: 170px auto 0 auto;
	padding: 20px 0 20px 0;
								dpadding: 0 0 20px 0;
								height: 480px;
	text-align: center;
}

.header-img {
	position: absolute;
	float: left;
	z-index: 2;
	margin: 0 auto 0 auto;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
	display: block;
}

.header-slider-wissel {
    dmargin-top: 50px;
				margin-top: 0;
    float: left;
    width: 100%;
}

.header-img img {
	position: absolute;
	display: block; 
}

.header-img-holder img {
    height: 100%;
			    height: 100%;
    width: auto;
}

.header-tekst-holder {
	position: relative;
	z-index: 9;
	display: inline-block;
	float: none; 
								margin: -20px auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	dleft: 0;
	dright: 0;
	dtop: 0;
								width: 100%; 
								height: 580px;
										height: 520px;
								background-color: #cc0000;
										background-color: #1d449e;
									dbackground-color: transparent;
}

.header-holder.teaser .header-tekst-holder{
	background-color: transparent;
	
}


.header-tekst {
	position: relative;
	width: 96%;
	padding: 0 0 0 25px;
				padding: 0 0 0 0;
	text-align: left;
	margin: 0 0 0 0;
	display: inline-block;
	float: none;
							height: 100%;
							width: 100% !important;
}

.header-tekst .missie {
	position: absolute;
	width: 94%;
	padding: 0 3% 0 3%;
	text-align: center;
	margin: 0 0 0 0;
	bottom: 15px;
		dbackground-color: #cccc00;
		dheight: 180px;
}

.header-tekst .missie div.span-holder {
	width: 100%;
	text-align: center;
}

.header-tekst .missie div.span-holder div {
    margin: 0 0 0 35px;
    color: #ffffff;
    background-color: #ed1c24;
			background-color: #5274c0;
			text-align: center;
			display: inline-block;
    border-radius: 180px;
    padding: 22px;
	width: 94px;
	height: 94px;

}

.header-tekst .missie div.span-holder div:first-child {
    margin: 0 0 0 0;
}

.header-tekst .missie div.span-holder div span {
    color: #ffffff;
    font-size: 18px;
		dvertical-align: middle;
		dtext-align: center;
	display: block;
	margin-top: 26px;
}

.header-tekst .missie p.missie-hoe {
	margin: 0 0 35px 0;
	        dtransform: rotate(-15deg);
}

.header-tekst h1 {
	font-family: 'ict_avantgarde_extra_light';
	font-size: 61px;
			font-size: 54px;
				font-size: 47px;
	line-height: 1.1;
	color: #ffffff;
				margin: 45px 0 25px 0;
				text-align: center;
				padding: 0 2% 0 2%;
}


.header-tekst h2 {
	font-family: 'ict_avantgarde_extra_light';
	font-size: 34px;
	line-height: 1.1;
	color: #ffffff;
				text-align: center;
				padding: 0 2% 0 2%;
}

.header-tekst p, .header-tekst ul {
	font-family: 'ict_avantgarde_bkcn';
	font-size: 22px;
	line-height: 1.2;
	color: #ffffff;
	padding: 0 0 0 5px;
		padding: 0 0 0 0;
}




[data-position="center-middle"] > img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

[data-parallax] {
    overflow: hidden;
    position: relative;
}

[data-ratio] {
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* elements */

textarea,
input,
input[type="text"],
input[type="button"],
input[type="submit"],
input.taf-dataknoppen-1,
input.taf-dataknoppen-1  {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: middle;
	display: inline-block;
	-webkit-appearance: radio;
	-moz-appearance: radio;
}

p {
	color: #65738D;
		color: #5A6987;
	clear: right;
	margin: 0 0 0 0;
	padding: 0 0 7px 0;	
	width: 100%;
	font-size: 19px;
    line-height: 35px;
}

.snip-blokken.fontsize17 .main-first.column p {
	font-size: 17px;
}

.snip-blokken.fontsize18 .main-first.column p {
	font-size: 18px;
}

.snip-blokken.fontsize19 .main-first.column p {
	font-size: 19px;
	line-height: 35px;
}

.snip-blokken.fontsize20 .main-first.column p {
	font-size: 20px;
}


p strong {
	font-weight: bold;
}

a {
	color: #303847;
		color: #5A6987;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #444444;
	text-decoration: none;
}

img {
	width: 100%;
						width: auto;
	height: auto;
	border: 0;
}

video {
	border: 0;
}

h1 {
	color: #566278;
					color: #660000;
	font-size: 61px;
	line-height: 1.1;   
    font-weight: 400;
	font-family: 'ict_avantgarde_extra_light';
	margin: 0 0 45px -4px;
												margin: 90px 0 45px 0;
													margin: -7px 0 50px 0;
    padding: 0 0 0 0;
	clear: both; 
}

body.type-default h1  {
	dmargin: 0 0 1px -4px;
	
}


body.nosidebar h1 {
	dtext-align: center;
}

h2  {
	color: #303847;
	font-size: 31px;
	line-height: 1.1;
	font-weight: 400; /* font-weight h2 standaard in browser bold */
	font-family: 'ict_avantgarde_extra_light';
	margin: 0 0 9px 0;
	padding: 9px 0 4px 0;
	clear: both;
	text-align: left;
}

h3 {
	color: #303847;
	font-size: 19px; 
	font-weight: 200;
	font-family: 'robotolight';
	margin: 0 0 0 0;
	padding: 6px 0 7px 0;
	clear: both;
}

ul {
	text-align: left;
	margin: 0 0 0 -29px;
		margin: 0 0 0 -34px;
	padding: 0 0 7px 0;
	list-style: none;
	list-style-position: outside;
	text-indent: -43px;
		text-indent: -34px;
	padding-left: 43px;
		padding-left: 39px;
		font-size: 19px;
}

ul.slider-ul {
	text-indent: 0;
    padding-left: 0;
	
}

li {
	margin: 0 0 0 0;
    padding: 2px 0 2px 15px;
}

ul, li  {
	color: #65738D;
			color: #5A6987;
}

li:before {
	content: "o";
	margin: 0 10px 0 15px;
	width: 15px;
	color: transparent;				/* let op: warning */
	background-color: #ed1c24;
					background-color: #660000;
	text-align: center;
	border-radius: 10px;
	padding: 0 3px 0 3px;
	font-size: 8px;
	vertical-align: top;
}

.snip-blokken.uitlijning-links li:before {
	margin: 0 10px 0 0;
}

.snip-blokken.uitlijning-links .main-first.column p {
    text-align: left;
}


address {
	margin: 0;
	padding: 0;
}

pre {
	margin: 0;
	padding: 0;
}

hr {
	border: 0;
	color: transparent;
	background: #303847;
	height: 1px;
	padding: 0;
	margin: 15px 0 10px 0;
	width: auto;
}



/* readmore elements */

.readmore, .readless, .readmore2, .readless2 {
	margin: 0 0 0 0;
    padding: 6px 10px 6px 10px;
												dborder-radius: 15px;
    text-align: center;
	text-decoration: none;
	color: #444444;
	display: inline-block;
    background-color: #ffffff;
												border: 1px solid #dddddd;
	cursor: pointer;
	
												display: none;
}

.readmore:hover, .readless:hover, .readmore2:hover, .readless2:hover {
	color: #ffffff;
	background-color: #303847;
}

.readmore:after, .readless:after, .readmore2:after, .readless2:after {
	content: ' »»';
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-pointer:hover {
	cursor: pointer !important;
	text-decoration: underline !important;
}

/* Containers */

#container, #container-1  {
	position: relative;
	text-align: left;
	margin: 0 auto;
	min-height: 190px;
}

#container-2, #container-3 {
	position: relative;
	margin: 0 auto;
}

section {
	margin-top: 25px;
}


/* top postop */

#top {
	float: left;
	margin: 0 0 15px 0;
	position: relative;
	background-color: #F8FAFC;
								background-color: #F9EDE8;
	z-index: 20;
	position: fixed;
	width: 100%;
	top: 0;
	height: 220px;
}

/* logo postop */

#logo {
    position: relative;
    float: left;
    margin: 10px 0 0 52px;
    padding: 0 0 0 0;
    z-index: 116;
    color: #2c3e50;
}

#logo img {
	width: 340px;
										width: 500px;
	dheight: auto;
	border: 0;
										dmargin: 20px 0 0 0;
}

#logo span {
	font-size: 10.4px;
	margin: -70px 0 0 130px;
										font-size: 19px;
										margin: -95px 0 0 85px;
										font-size: 22px;
										margin: -115px 0 0 105px;
	
	display: block !important;
}


#logo-mobile {
	display: none;
}

#logo-mobile span {
	font-size: 11px;
	margin: -70px 0 0 138px;
	display: block !important;
}

#logo-print {
	display: none;
}



/* Algemene elementen mobile elements */

#iphone-telefoon {
	display: none;
}

#toggle-screen-telefoon {
    position: fixed;
    margin: 25px 30px 0 0;
    padding: 3px 8px 3px 8px;
							background-color: #cc0000;
    color: #ffffff;
    z-index: 90;
    right: 0;
}

#toggle-screen-telefoon i {
	margin: 0 15px 0 0;
}

#toggle-screen-telefoon span {
	
}

#print-tekst, #pr-marge-top-index {
	display: none;
}

#back-button {
	display: none;
}


/* crumb postop */

#crumb {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	z-index: 3;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}	
	
#crumb a {
	color: #444444;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 30px;
}

#crumb a:after {
	content: " > ";
}

#crumb a.select:after {
	content: " ";
}
		
#crumb a:hover {
	color: #D2CDCA;
}
		
#crumb span.active, #crumb .select {
	color: #303847;
	font-weight: normal;
	font-size: 14px;
}

/* sidebar rechts nog naar sidebar rewriten */

#sidebar-links {
												dborder-right: 1px solid #dddddd;
										padding: 0 2% 0 0;
										float: left;
}

#sidebar {
										float: right;
	height: auto;
	margin: 0 0 0 0;
										padding: 0 0 0 2%;
	background: transparent;
	z-index: 2;
}


#sidebar-portaal {
    position: relative;
    margin: 10px 30px 30px 0;
    padding: 5px 8px 5px 8px;
	background-color: #cc0000;
    color: #ffffff;
	z-index: 1;
    right: 0;
	text-align: center;
	text-decoration: none;
}

#sidebar-portaal a {
    color: #ffffff;
	text-decoration: none;
}

#sidebar-portaal a:hover {
    color: #ffffff;
	text-decoration: none;
}

#top-portaal {
    position: absolute;
    margin: 149px 20px 0px 0;
				padding: 5px 8px 5px 8px;
				background-color: #cc0000;
    color: #ffffff;
	right: 0;
    z-index: 90;
	text-align: center;
	text-decoration: none;
}

#top-portaal a {
    color: #ffffff;
	text-decoration: none;
}

#top-portaal a:hover {
    color: #ffffff;
	text-decoration: none;
}




#sidebar-t1 + p, #sidebar-t4 + p {
	dmargin: -19px 0 0 0;
	dbackground-color: #cc0000;
}

.tekst-editor-sidebar  {
	float: left;
	width: 94%;
	padding: 10px 3% 10px 3%;
}

.separator {
	float: left;
	width: 60%;
	margin: 15px 20% 15px 20%;
	border-bottom: 1px solid #dddddd;
}

#sidebar-t1, #sidebar-t2, #sidebar-t3, #sidebar-t4, #sidebar-t5 {
	float: left;
}

#sidebar-t1 img, #sidebar-t2 img, #sidebar-t3 img, #sidebar-t4 img {
	width: 100%;
	height: auto;
	border: 0;
}

div.klapuit-wrapper {
	width: 100%;
	float: left;
}

div.klapuit-trigger {
	display: block !important;
}

div.klapuit-wrapper .klapuit-trigger:before {
	display: none;
}

div.klapuit-wrapper .klapuit-trigger.minus:before {
	display: none;
}

/*  menu in sidebar-rechts */

#menu  {
	position: relative;
	float: left;
	margin: 0 0 0 0;
}

#menu h2 {
	margin: 0 0 0 0;
	padding: 4px 0 4px 5px;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
	text-indent: unset;
    text-align: left;
}

#menu li {
	position: relative;
	float: left;
	width: 100%;
    padding: 2px 0 2px 2px;
}

#menu li a {
	display: block;
	position: relative;
	color: #444444;
	text-decoration: underline;
	font-weight: normal;
	line-height: 20px;
	margin: 0 4px 0 4px;
	padding: 12px 0 12px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#menu li a:hover {
	text-decoration: none;
}

#menu li a.active {
	text-decoration: none;
	color: #303847;
}

#menu a i.icon-angle-right, #menu a:hover i.icon-angle-right, #menu li.active a i.icon-angle-right,
#menu span i.icon-angle-right, #menu span:hover i.icon-angle-right, #menu li.active a i.icon-angle-right {
	position: absolute;
	top: 16px;
	left: 6px;
	font-size: 13px;
	color: #ffffff;
	background-color: #303847;
	width: 14px;
	height: 15px;
	border-radius: 15px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}

#menu a:hover, #menu a:hover i.icon-angle-right, #menu li.active a i.icon-angle-right {
	color: #444444;
}

#menu li:before, .no-before li:before {
  display: none;
}

#content {
	position: relative;
	margin: 0 0 0 0;
	width: 100%;
}

#main, #maincontent  {
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#main {
	float: left;
												float: right;
	padding: 0px;
	height: auto;
												margin: 19px 0 25px 0;
	z-index: 3;
	padding: 0 2% 0 0;
												padding: 0 2% 0 2%;
												border-right: 1px solid #dddddd;
												border-left: 1px solid #dddddd;
													dmin-height: 700px;
}

body.home-page #main {
	min-height: auto;
}

#maincontent {
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	width: 100%;
}

#box, #bread {
    display: inline-block;
    float: none;
    margin: 10px auto 0 auto;
	padding: 0 0 0px 0;
    text-align: left;
    width: 94%;
}

#box {
    margin: 40px auto 0 auto;
}

#bread {
    margin: 30px auto 0 auto;
}

#content_normal, #content-normal {
	float: left;
}

#kolom {
	display: block;
	height: auto;
	margin: 15px 0 10px 0;
}

/* tabellen contact on demand */
	
#maincontent table, 
#maincontent tbody, 
#maincontent tr, 
#maincontent td {
	border: 0;
	background: none;
	text-align: left;
	vertical-align: top;
	padding: 5px 0 5px 0;
	color: #444444;
}

#maincontent .taf-formholder.eindpagina-boek-hotels {
	position: relative;
	float: left;
}

#maincontent .taf-formholder table, #maincontent .taf-formholder tr {
	width: 100%;
}

#maincontent .taf-formholder td {
	height: 30px;
}

#maincontent .taf-formholder td.taf-120 {
	width: 35%;
}

#maincontent .taf-formholder td.taf-5 {
	width: 5%;
}

#maincontent .taf-formholder td.taf-380 {
	width: 60%;
}

form {

}

#maincontent form h3 {
	color: #ffffff;
	background-color: #303847;
	font-size: 14px;
	font-weight: normal;
	margin-top: 5px;
	padding: 7px 0 7px 7px;
}

fieldset {
	border: none;
}

td.taf-120 label {
	display: block;
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 0 -2px;
	padding: 0;
}

textarea {	
	width: 100%;
	height: 100px;
	border: 1px solid #dddddd;
	margin: 0 0 0 -2px;
	padding: 0;
}

select {
	border: 1px solid #dddddd;
	padding:  8px 10px 8px 10px;
	min-width: 200px;
	font-size: 14px;
}

select#mdsel, select#yrsel {
	min-width: 80px;
	
}

input.button-verzenden {
	cursor: pointer; 
	padding: 6px 15px 6px 15px;
	background-color: #303847;
	color: #ffffff; 
	display: block; 
	font-size: 15px; 
	border-radius: 3px; 
	text-align: center;
}

input.taf-default-tekst {
    border: 1px solid #dddddd;
    width: 90%;
    margin: 0 0 0 -2px;
    padding: 4px 0 4px 5px;
}

input#taf-captcha.taf-default-tekst {
	width: 200px;
}

input.beveiligingsvraag, input.taf-default-aantal {
	border: 1px solid #dddddd;
}

input[type=radio] {
	margin-left: -4px;
}

input[type=radio] + input[type=radio] {
	margin-left: 4px;
}

input[type=checkbox] {
	margin-left: -3px;
}

#maincontent .taf-formholder td.nummering {
	width: 5%; 
}

#maincontent .taf-formholder td.voornaam {
	width: 30%;
}

#maincontent .taf-formholder td.achternaam {
	width: 90%;
	margin: 0 0 0 10%;
	display: block;
}


.content-foto {
	display: none;
	position: relative;
	float: left;
	width: 540px; 
	margin: 0 0 10px 0;
}

.content-foto img {
	width: 540px; 
}

/* footer algemeen - (mogelijk) herzien  */

/*
#footer-holder {
	background-color: #f0f3f7;
	text-align: center;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}

#footer {
	display: inline-block;
	float: none; /* in responsive modus float none aanzetten *./
	margin: 10px auto 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
	font-weight: 200;
	font-family: 'robotolight';
	width: 94%;
	display: flex;
	-ms-display: flex;
	flex-direction: row;
	-ms-flex-direction: row;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	justify-content: space-around;
}

.footer-blok {
	width: 12rem;
}

.footer-links-links, .footer-links-rechts, .footer-midden, .footer-rechts-links, .footer-rechts-rechts {
	-ms-flex: 1; /* IE 10 *./
	flex: 0 1 auto;
	margin: 0 !important;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.content {
	z-index: 10;
}

#footer img {
	margin: 0 0 0 16px;
}

#footer ul {
	margin: 0 0 15px -29px;
	padding: 0 0 0 0;
	list-style-type: none;
	outline: 0 none;
	text-indent: -35px;
	padding-left: 35px;
}

#footer li:before {
	background-color: #cccccc; /* let op: warning *./
	color: transparent;
}

#footer h3 {
	color: #444444;
	font-size: 17px;
}

#footer p, #footer ul li, #footer a {
	color: #444444;
	font-size: 14px;
}

.footer-links-links h3, .footer-links-rechts h3, .footer-midden h3, .footer-rechts-links h3, .footer-rechts-rechts h3 {
	margin: 0 0 10px 0;
}

.footer-links-links p, .footer-links-rechts p, .footer-midden p, .footer-rechts-links p, .footer-rechts-rechts p {
	margin: 0 0 5px 0;
}

.footer-links-links ul li, .footer-links-rechts ul li, .footer-midden ul li, .footer-rechts-links ul li, .footer-rechts-rechts ul li {
	margin: 0 0 8px 0;
}


.footer-rechts-beneden {
	clear: both; 
	padding: 18px 0 0 0; 
	font-size: 12px;
	margin: 0 2% 0 0;
	border-top: 1px solid #273747;
}
*/

/* scroll naar boven */

.scroll-top-div {
	float: right;
	margin: -40px 0% 0 0;
}

#scroll-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #303847 url(../beeld/top-arrow.svg) no-repeat center 50%;
}

#scroll-top:hover {
  background-color: #303847;
  opacity: 1;
}

/* Cookie Notice Sjra 2016 11 08 */

#cookie-bar {
	background-color: #4781ca;
	height: auto;
	line-height: 24px; 
	color: #eeeeee;
	text-align: center;
	padding: 5px 0 5px 0;
	z-index: 999;
}

#cookie-bar.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

#cookie-bar.fixed.bottom {
	bottom: 0;
	top: auto;
}

#cookie-bar p {
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#cookie-bar a {
	color: #ffffff;
	display: inline-block; 
	border-radius: 3px;
	text-decoration: none; 
	padding: 0 6px; 
	margin-left: 8px;
}

#cookie-bar .cb-enable {
	background-color: #2d2d2d;
}

#cookie-bar .cb-enable:hover {
	background-color: #1d1d1d;
}

#cookie-bar .cb-disable {
	background-color: #990000;
}

#cookie-bar .cb-disable:hover {
	background-color: #bb0000;
}

#cookie-bar .cb-policy {
	background-color: #303847;
}

#cookie-bar .cb-policy:hover {
	background-color: #0055dd;
}




/*   galerij  */

.swiper-wrapper  {

}

.swiper-pagination {
    margin: 0 0 20px 0 !important;
    position: relative !important;
}

.swiper-button-prev, .swiper-button-next  {
	top: 38% !important;
}

.swiper-button-prev::after {
	content: "\f10f"; 
	font-family: buro1913;
	font-size: 52px;
	color: #ffffff;
}

.swiper-button-next::after {
	content: "\f110"; 
	font-family: buro1913;
	font-size: 52px;
	color: #ffffff;
}
.one-image .swiper-button-prev, .one-image .swiper-button-next {
	 display:none;
}




#rounded-holder, .rounded-holder { 
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
}

div.rounded	{
	position: relative;
	float: left;
	width: 30%;
	height: 100%;
	margin: 0 5% 2% 0;
}

div.rounded:nth-child(3n+3) {
	margin: 0 0 2% 0;
}

div.rounded img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}






/* inlog klanten */

#klant-holder-rechts {
	float: left;
	position: relative;
	width: 94%;
	padding: 10px 3% 10px 3%;
	margin: 0 0 0 0;
}

#klant-holder-rechts .klant-holder {
    position: relative;
    float: left;
    margin: 0 0 10px 0;
	padding: 18px 0 18px 0;
    line-height: 22px;
    width: 100%;
}

#klant-holder-rechts .klant-holder h2 {
	color: #111111;
	margin: 0 0 22px 0;
}

#klant-holder-rechts .klant-holder form {
    width: 100%;
	font-size: 17px; 
	color: #444444;
	margin: 0 0 15px 0;
}

#klant-holder-rechts .klant-holder label {
    margin-right: 10px;
}

#klant-holder-rechts input.login-klanten-sidebar {
	padding: 1px 0 1px 5px;
	height: 20px;
}

#klant-holder-rechts input.button-verzenden {
    display: inline-block;
    font-size: 17px;
    border-radius: 0;
    text-align: center;
	margin-left: 10px;
	padding: 0 15px 0 15px;
	background-color: #cc0000;
}





/* hotjar override */

._hj-f5b2a1eb-9b07_widget {
    background: #303847 !important;
    color: #FFF !important;
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled, ._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:hover, ._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:focus, ._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_btn_disabled:active {
    color: #ffffff !important;
    background: #000000 !important;
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close {
    background: #303847 !important;
					
}

._hj-f5b2a1eb-9b07_widget ._hj-f5b2a1eb-9b07_widget_open_close::before {
    background: #303847 !important;
}


._hj-2gFBC__styles__surveyContainer, ._hj-2qaGY__styles__openStateToggle {
	background-color: #303847 !important;
}


._hj-rnxC1__styles__surveyActionButton, ._hj-2EHD-__styles__surveysPrimaryButton, ._hj-21tno__styles__primaryButton {
	color: #ffffff !important;
	background-color: #cc0000 !important;
}

._hj-10MNR__styles__globalStyles ._hj-21tno__styles__primaryButton {
    background-color: #cc0000 !important;
}







/* snip module */

.snip-blokken { 
	
}

.snip {
	
}

.snip-blokken-holder { 
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	z-index: 4;
}

.snip-blokken .snip-content {
    float: none;
    margin: 10px auto 0 auto;
    padding: 0 0 20px 0;
    text-align: left;
    width: 94%;
}

.snip-blokken  .main-first.column h2 {
    width: 100%;
	font-size: 42px;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	color: #566278;
}

.snip-blokken  .main-first.column h3 {
    width: 100%;
	font-size: 22px;
	text-align: center;
	margin: 15px 0 15px 0;
	padding: 0 0 0 0;
	color: #566278;
}

.snip-blokken  .main-first.column div.wrap-ul {
	position: relative;
    text-align: center;
    display: flex;
    flex-direction: row;
	margin: 25px 0 0 0;
}

.snip-blokken  .main-first.column ul {
    position: relative;
	float: left;
	font-size: 17px;
	margin: 2% 0 0 0;
	width: 25%;
}

.snip-blokken  .main-first.column ul li {
    margin: 0 0 5px 0;
	padding: 0 0 0 0;
}


.snip-blokken .main-second.column h2,
.snip-blokken .main-third.column h2  {
    width: 100%;
	font-size: 30px;
	text-align: center;
	margin: 15px 0 15px 0;
	padding: 0 0 0 0;
	color: #303847;
}

.snip-blokken.dubbelblok .main-second.column h2  {
	font-size: 30px;
	color: #303847;
	padding: 0 0 0 0;
}

.snip-blokken  .main-first.column p {
    width: 100%;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #65738D;
			color: #5A6987;
}

.snip-blokken .main-second.column p,
.snip-blokken .main-third.column p  {
    width: 98%;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
		text-align: center;
	margin: 0 0 18px 0;
		margin: 0 1% 18px 1%;
	color: #303847;
}

.snip-blokken.padding .main-third.column p  {
	line-height: 32px;
}

.snip-blokken .snip-content .snip-content-holder {
    display: flex;
}

.snip-blokken {
	width: 100% !important;
}

.snip-fototekst, .snip-gallery {
	width: 100%;
}

.snip-blokken .main-first.column {
	width: 100%;
}

.snip-blokken  .column.main-second  {
	position: relative;
	float: left;
	width: 48%;
	margin: 0 4% 1% 0;
}

.snip-blokken .column.main-second:nth-child(2n+2)  {
	margin: 0 0 1% 0;
}

.snip-blokken .main-third.column  {
	position: relative;
	float: left;
	width: 30%;
	margin: 0 5% 1% 0;
}

.snip-blokken .main-third.column:nth-child(3n+3)  {
	margin: 0 0 1% 0;
}


.snip-blokken .snip-content .snip-content-holder.holder-amount-fourth {
    display: inline-block;
}

.snip-blokken .main-fourth.column  {
	position: relative;
	float: left;
	width: 48%;
	margin: 0 4% 1% 0;
	min-height: 570px;
}

.snip-blokken .main-fourth.column:nth-child(2n+2), .snip-blokken .main-fourth.column:nth-child(4n+4)  {
	margin: 0 0 1% 0;
}





.snip-blokken .column.main-second div, .snip-blokken .column.main-third div  {
	display: -webkit-flex;
	display: flex;
}

.snip-blokken .column.main-second div.wrap, .snip-blokken .column.main-third div.wrap {
	display: block;
	padding: 0 3% 0 3%; 
}

.snip-blokken .column.main-second div.dubbelblok-tekst, 
.snip-blokken .column.main-third div.dubbelblok-tekst {
	background-color: transparent;
	position: relative;
	z-index: 4;
}


/* snippet snip-blokken - image hover */ 

.snip-blokken img {
	background-color: #000000 !important;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
	opacity: 0.7;
}

.snip-blokken img:hover {
	background-color: #000000 !important;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
	opacity: 1;
}

.snip-blokken .dubbelblok-tekst {
	
}






/* snippet snip-blokken - center */ 

.snip-blokken.center .snip-content .column.main-first, 
.snip-blokken.center .snip-content .column.main-second,
.snip-blokken.center .snip-content .column.main-third {
	text-align: center;
}

/* snippet snip-blokken - breed70 en breed80 */ 

.snip-blokken.breed80 .snip-content  {
	width: 80%;
}

.snip-blokken.breed70 .snip-content  {
	width: 70%;
}

.snip-blokken.breed65 .snip-content  {
	width: 65%;
}

.snip-blokken.breed60 .snip-content  {
	width: 60%;
}

/* snippet snip-blokken - top in padding en margin */ 

.snip-blokken-holder.margin-top, 
.snip-blokken-holder.snip-blokken.dubbelblok.margin-top {
	padding-top: 60px!important;
}

.snip-blokken-holder.padding-top  {
	padding-top: 60px!important;
}

/* snippet class video - geeft opmaak functionaliteit aan het main-second blok - in combinatie met ... */

.snip-blokken.video {
	padding: 10px 0 15px 0;
	background-color: #F7F9FB;
}

.snip-blokken.video .column.main-first ul li:before, 
.snip-blokken.video .column.main-second ul li:before {
	color: transparent;
	background-color: #ed1c24;		/* let op: warning */
	margin: 0 10px 0 22px;
	border-radius: 11px;
    padding: 0 4px 0 4px;
    font-size: 11px;
}

.snip-blokken.video .column.main-first video, .snip-blokken.video .column.main-second video  {
	width: 100% !important; 
	height: auto !important; 
	max-height: 56.25vw !important;
	
	/*
	4:3	75.00vw	3 divided by 4 = 0.75 = 75.00% = 75.00vw
	16:9	56.25vw	9 divided by 16 = 0.5625 = 56.25% = 56.25vw
	21:9	42.85vw	9 divided by 21 = 0.4285 = 42.85% = 42.85vw
	*/
}

.snip-blokken.video .column.main-first video poster, .snip-blokken.video .column.main-second video poster  {
	width: 100% !important; 
	height: auto !important; 
}

/* snippet snip-blokken - dubbelblok */ 

.snip-blokken.dubbelblok .column.main-second {
	width: 50%;
	margin: 0 0 0 0;
	-webkit-box-align: center!important;
	-webkit-align-items: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	display: flex;
}

.snip-blokken.dubbelblok .column.main-second div.dubbelblok-tekst { 
	display: table-cell;
	padding: 120px 10% 120px 20%;
}

.snip-blokken.dubbelblok .column.main-second div.dubbelblok-tekst h2 { 
	text-align: left;
	font-size: 32px;
	display: inline-block;
}

.snip-blokken.dubbelblok .column.main-second div.dubbelblok-tekst p { 
	text-align: left;
	font-size: 16px;
	line-height: 34px;
		margin: 0 1% 18px 1%;

}


.snip-blokken.dubbelblok .column.main-second div img {
	
}

.snip-blokken.dubbelblok .snip-content {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	display: flex;
	flex-wrap: wrap;
}

.snip-blokken-holder.snip-blokken.dubbelblok {
	border: 0;
	margin: 0 0 0 0;
}





/* snippet snip-blokken - enkelblok */ 

.snip-blokken.enkelblok .column.main-second {
	width: 50%;
	margin: 0 0 0 0;
	-webkit-box-align: center!important;
	-webkit-align-items: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	display: flex;
}

.snip-blokken.enkelblok .column.main-second.last div { 
	display: table-cell;
	margin: 0 0 0 40px;
}

.snip-blokken.enkelblok .snip-content {
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
}




/* snippet snip-blokken - pay */ 

.snip-blokken.pay.bggrijs  {
	background-color: #F8FAFC;
}

.snip-blokken.pay .column.main-second  {
	height: 340px;
}


.snip-blokken.pay .column.main-second div   {
	display: flex;
	width: 100%;
}

.snip-blokken.pay  img {
	background-color: transparent !important;
	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
    opacity: unset;
}

.snip-blokken img:hover {
	background-color: transparent !important;
	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
    opacity: unset;
}

.snip-blokken.pay .main-second img {
    width: 60%;
    height: auto;
    padding: 0;
    margin: 0 0 0 0;
}

.snip-blokken.dubbelblok  .column.main-second.main-i-first div.dubbelblok-tekst {
    padding: 100px 10% 100px 40%;
	dbackground-color: #cccc00;
}

.snip-blokken.dubbelblok  .column.main-second.main-i-first.blok-heeft-content div.dubbelblok-tekst {
    padding: 100px 10% 100px 20%;
	dbackground-color: #cccc00;
}

.snip-blokken.dubbelblok  .column.main-second.main-i-second div.dubbelblok-tekst {
    padding: 100px 20% 100px 10%;
	dbackground-color: #cc0000;
}








/* snippet snip-blokken - foto-links en foto-rechts */ 

.snip-blokken.foto-links  {
	
}

.snip-blokken.foto-rechts {
	
}

.snip-blokken.dubbelblok.foto-links .column.main-second   {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top left;
    background-size: cover;
}

.snip-blokken.dubbelblok.foto-rechts .column.main-second {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top right;
    background-size: cover;
}

/* snippet schuif - schuif op tekstblok hover + color ease-in-out */ 

.column.main-second:hover .background-hover {
    width: 110%;
}

.snip-blokken.schuif .column.main-second .background-hover, .snip-blokken.schuif .column.main-third .background-hover, 
.snip-blokken.dubbelblok .column.main-second .background-hover, .snip-blokken.dubbelblok .column.main-third .background-hover {
    background: #e9eef0;
    -webkit-transition: all 800ms ease-in-out 0s;
    -moz-transition: all 800ms ease-in-out 0s;
    transition: all 800ms ease-in-out 0s;
}
	
.background-hover {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
	height: auto;
	overflow-y: hidden;
	z-index: 3;
}

.background-hover.rechts {
    right: 0;
}

.background-hover.links {
    left: 0;
}

.snip-blokken .background-hover img {
    background-color: transparent !important;
	transition: none;
	opacity: 0;
	width: 100%;
	height: auto;
}

/* classes in module voor override - full */

.container.full {
    width: 100% !important;
	padding: 0 0 0 0;
}

.container.full .snip-content {
    width: 100%;
}


.snip-blokken-holder.snip-fototekst {
	border: none;
}

.snip-blokken .main-third img, .snip-blokken .main-second  img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 0 0; /* sjra 2017 07 */
}





/* snippet class padding - geeft padding om het main-third en en main-second blok - in combinatie met full */

.snip-blokken.padding .main-fourth.column {
    width: 46%;
	min-height: 510px;
}

.snip-blokken.padding .main-fourth  {
	padding: 5% 2% 7% 2%;
	background-color: #F7F9FB;
	margin: 0 0 0 0;
}

.snip-blokken.padding .main-fourth.column:nth-child(2n+2), .snip-blokken.padding .main-fourth.column:nth-child(4n+4) {
    margin: 0 0 0 0;
}

.snip-blokken.padding .main-second,
.snip-blokken.padding .main-third
  {
	padding: 5% 2% 7% 2%;
	background-color: #F7F9FB;
	margin: 0 0 1% 0;
}

.snip-blokken.padding .main-second:nth-child(2n+2), 
.snip-blokken.padding .main-third:nth-child(2n+2), 
.snip-blokken.padding .main-fourth:nth-child(2n+2) {
	background-color: #F1F4F8;
}

.snip-blokken.padding .main-second:hover:nth-child(2n+2), 
.snip-blokken.padding .main-third:hover:nth-child(2n+2), 
.snip-blokken.padding .main-fourth:hover:nth-child(2n+2)  {
	background-color: #ECF0F4;
}

.snip-blokken.padding .main-third:hover, 
.snip-blokken.padding .main-second:hover, 
.snip-blokken.padding .main-fourth:hover  {
	background-color: #E3EAF0;
}

.snip-blokken.padding .main-third img, .snip-blokken.padding .main-third img:hover, 
.snip-blokken.padding  .main-second img, .snip-blokken.padding  .main-second img:hover, 
.snip-blokken.padding  .main-fourth img, .snip-blokken.padding  .main-fourth img:hover {
    background-color: transparent !important;
    -o-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    opacity: 1.0;
}

span.lees-meer a {
    position: absolute;
    bottom: 30px;
	left: 8px;
    text-align: right;
    right: 30px;
}

.snip-blokken-holder.folders {
	
}

.snip-blokken-holder.folders div.snip-content {
	
}








/*  dynamische mockup - mogelijk een snippet template  */

.snip-blokken .snip-content .holder-snippet-mockup  {
	width: 100%;
}

.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup  {
	width: 100%;
}

.snip-blokken .snip-content .holder-snippet-mockup .mockups  {				/* field-items  */
	overflow: auto;
	white-space: nowrap;
	font-size: 0;
	margin: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.snip-blokken .snip-content .holder-snippet-mockup .mockups::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.snip-blokken .snip-content .holder-snippet-mockup .mockups {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.snip-blokken .snip-content .holder-snippet-mockup .mockups img  {			/* field-items  */
	display: block;
	width: 100%;
	height: auto;
	background-color: transparent;
	-webkit-transition: none;
	-moz-transition: unset;
	transition: none;
	opacity: unset;
}

.snip-blokken .snip-content .holder-snippet-mockup .mockups img:hover {	/* field-items  */
	display: block;
	width: 100%;
	height: auto;
	background-color: transparent;
	-webkit-transition: none;
	-moz-transition: unset;
	transition: none;
	opacity: unset;
}

.snip-blokken .snip-content .holder-snippet-mockup .mockups  .mockup  {		/* field_item  */
	width: 100%;
}

.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .desktop-mockup,
.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .tablet-mockup,
.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .mobile-mockup   {

}

/* 1. frame desktop */
.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .desktop-mockup  { 
	width: 1000px;
	height: 486px;

	background-image: url(../beeld/backgrounds/desktop.png);
	background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
    padding-top: 74px;

		width: 900px;
		height: 486px;
		dmargin: 0 0 0 0;
		padding-top: 70px;
}

/* 2. frame ruimte voor plaatje op desktop */
.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .desktop-mockup  .mockups {	
	width: 688px;
	height: 445px;
	padding: 0 0 0 0;

		width: 620px;
		height: 392px;
			height: 372px;
}

.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .desktop-mockup  .mockups .image,
.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .tablet-mockup  .mockups .image,
.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .mobile-mockup  .mockups .image   {
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
	overflow: hidden;
}

/* 1. frame tablet */
.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .tablet-mockup {
	width: 320px;
	height: 400px;
	
    position: absolute;
    right: 13%;
	bottom: 6px;
	background-image: url(../beeld/backgrounds/tablet-p.png);
	background-repeat: no-repeat;
	background-position: center 0;
    background-size: 100% 100%;
    z-index: 1;
	padding-top: 36px;
}


/* 2. frame ruimte voor plaatje op tablet */
.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .tablet-mockup  .mockups {
	width: 264px;
	height: 354px;
	padding: 0 0 0 0;
}


/* 1. frame mobile */
.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .mobile-mockup {
	width: 160px;
	height: 240px;
	
    position: absolute;
    right: 3%;
    bottom: 22px;
	background-image: url(../beeld/backgrounds/mobile.png);
	background-repeat: no-repeat;
	background-position: center 0px;
    background-size: 100% auto;
    z-index: 2;
	padding-top: 44px;
}


/* 2. frame ruimte voor plaatje op mobile */
.snip-blokken .snip-content .holder-snippet-mockup  .snippet-mockup .mobile-mockup  .mockups {
	width: 119px;
	height: 212px;
	padding: 0 0 0 0;
}


/* toevoegingen mockup naar template */

/* 
.mockup-buttons input.mockup-button:disabled {
	background-color: red;
}
.mockup-buttons input.mockup-button {
	color: blue;
}
 */

.snippet-mockup .mockups .mockup {
	-webkit-transition: all 0.4s ease-out;
	display: block;
	position: absolute;
}

.snippet-mockup .mockups {
	position: relative;
}

/* 
.snippet-mockup .mockups .mockup .non-active {
	display: none;
}
 */
 
/* aanpassing naar mobile ipad portrait - nog niet op de juiste maten maar werkbaar

1. frame
.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .desktop-mockup {
    width: 666px;
    height: 544px;
}

2. frame ruimte voor plaatje
.snip-blokken .snip-content .holder-snippet-mockup .snippet-mockup .desktop-mockup .mockups {
    width: 608px;
    height: 340px;

 */


/* laatste uit skeleton */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.type-default .holder {
	width: 100%; 
	margin: 35px 0 0 0;
}

.type-default .holder .een {

}

.type-default .holder .twee {
	float: left; 
	width: 47%; 
	margin: 0 6% 35px 0;
}

.type-default .holder .twee:nth-child(2n+2) {
	margin: 0 0 35px 0;
}




/* Footer Algemeen */

#footer-holder { 
	text-align: center;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
		background-color: #F8FAFC; /* roosje 07 2017 */
		border-top: 1px solid #424242;
}




#footer {
	display: inline-block;
	float: none; 
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	text-align: left;
	width: 90%;
}

#footer div {
	position: relative;
	float: left;
	width: 17%;
	margin: 0 1% 0 0;
}

#footer div.footer-realisatie {
										width: 100% !important;
										text-align: center;
										margin: 15px 0 0 0;
}

										#footer div.footer-realisatie p.signature, #footer div.footer-realisatie p.signature a {
											font-size: 12px; 
											dfont-weight: bold;
										}

#footer a {
	text-decoration: underline;
}

#footer a.active {
	color: #e4a216;
	background-color: transparent;
	text-decoration: none;
	cursor: default;
}

#footer a:hover {
	text-decoration: none;
}

#footer ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	outline: 0 none;
}

#footer ul li {
	margin-bottom: 3px;
	outline: 0 none;
	padding: 2px 0 2px 28px;
}

#powered {
	margin-top: 5px;
	text-align: right;
	clear: both;
}

#footer h3 {
		background-color: #F8FAFC;
		color: #424242;
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 14px;
	margin: 0 0 7px 0;
	font-family: 'ict_avantgarde_bkcn';
	letter-spacing: 0.06em;
}

#footer p {
	font-weight: normal; 
	margin: 0 0 0 0;
	letter-spacing: 0.06em;
	width: 100%;
}

#footer p, #footer ul li, #footer a {
		background-color: #F8FAFC;
		color: #424242;
	font-size: 14px;
}


body.intramed #content_normal {
	width: 100%;
}