/* 
	BACKSTAGE | AROVITE
	2018 - Cybox Backstage CMS
	www.cybox.nl        
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|PT+Sans:400,700');


/* reset */  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }
/* clearfix  */   .cf:before, .cf:after {     content: " "; /* 1 */     display: table; /* 2 */ }  .cf:after {     clear: both; }  /**  * For IE 6/7 only  * Include this rule to trigger hasLayout and contain floats.  */ .cf {     *zoom: 1; }


html,
body {
	margin:0;
	padding:0;
	height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.7;
    background: #fff;
	color: #000;
    overflow-x: hidden;
    overflow-y: scroll;
	--main-color: #3c9ed8;
}


/* links */
a, span.link {
    text-decoration: none;   
    color: var(--main-color);
	cursor: pointer;
}
a:hover, span.link {
    color: #236e9a;
}

.container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.head {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	line-height: 1.2;
}


/* wrapper */
#wrapper {
	position: relative;
	padding-top: 150px;
	box-sizing: border-box;
}


/* header */
#top-header {
	background-color: var(--main-color);
	padding: 20px;
	font-size: .9em;
	color: #fff;
}
#header {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 8;
	top: 0;
	background: #fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,.1);
}
#header #header-container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	min-height: 100px;
	position: relative;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
#header.slide #header-container {
	min-height: 70px;
}
#header #logo {
	width: 170px; height: 100px;
	position: absolute;	left: 0; top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
#header.slide #logo {
	height: 70px;
	width: 110px;
}
#header #logo a {
	display: block; width: 100%; height: 100%;
	background-image: url('../images/logo.png');
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#header #menu {
	display: block;
	background-color: var(--main-color);
	padding: 12px 0;
	position: relative;
}
#header #menu .container {
	z-index: 2;
}
#header #menu:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background-image: url('/images/swoosh.png');
	background-size: 220% 110px;
	background-repeat: no-repeat;
	background-position: right center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: .08;
	display: none;
}
#header #menu ul li {
	display: inline-block;
}
#header #menu ul li a {
	display: block;
	color: #d0e1ea;
	margin-right: 1.2em;
	font-size: 1.1em;
	font-weight: 400;
	padding: 5px 11px;
	border-radius: 3px;
}
#header #menu ul li a:hover,
#header #menu ul li.active a {
	color: #fff;
	background-color: #2d7098;
}
#wrapper #header #menu-mobile {
	display: none;
}
#header #centerparcs { position: absolute; display: flex; align-items: center; z-index: 3; right: 0; height: auto; padding: 9px 15px; border: 1px solid #eaeaea; top: 16px; border-radius: 4px; }
#header #centerparcs span.tekst { float: left; margin-right: 15px; font-size: .7em; max-width: 200px; line-height: 1.5; color: #666; text-align: right; max-width: 148px; transition: all .2s ease; -webkit-transition: all .2s ease; }
#header #centerparcs span.image { box-sizing: border-box; /* background-color: #fff; */ /* margin-top: -25px; */ /* padding: 15px; */ width: 45px; /*height: 66px;*/ /* border-radius: 50%; */ float: right; overflow: hidden; /* box-shadow: 3px 3px 0px rgba(0,0,0,.1); */ /* transform: rotate(2deg); */ /* -webkit-transform: rotate(2deg); */ transition: all .2s ease; -webkit-transition: all .2s ease; }
#header #centerparcs span.image img { display: block; width: 100%; }

#header.slide #centerparcs span.image {
	margin-top: -34px;
	padding: 10px;
	width: 90px;
	height: 90px;
}
#header.slide #centerparcs span.tekst {
	margin-top: 8px;
}
#openingstijden {
    position: absolute;
    display: block;
    right: 437px;
    top: 16px;
    padding: 15px 25px 0px 75px;
    height: 68px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-sizing: border-box;
}
#openingstijden svg {
    position: absolute;
    width: 35px; height: 35px;
    top: 16px;
    left: 22px;
    fill: #3c9ed8;
}
#openingstijden strong {
    display: block;
    width: 100%;
    text-transform: uppercase;
}
#header-cta {
	position: absolute;
	right: 255px;
	top: 16px;
}
#header-cta a {
	display: block;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	font-size: .8em;
	color: #000;
	border-radius: 4px;
	padding: 5px 10px 5px 40px;
	/*border: 1px solid #ccc;*/
}
#header-cta a.wa {
	background-image: url("/images/icons/whatsapp-v2.svg");
	background-color: #016532;
	background-size: 16px;
	background-position: left 15px center;
	color: #fff;
	border: 0 none;
}
#header-cta a.wa:hover {
	background-color: #065128;
}
#header-cta a.tel {
	background-image: url("/images/icons/tel.svg");
	/*background-color: #016532;*/
	background-position: left 15px center;
	background-color: #f8f8f8;
	color: #666;
	margin-bottom: 6px;
}
#header-cta a.tel:hover {
	background-color: #f2f2f2;
}


/* language menu */
#lang {
	position: absolute;
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
}
#lang .taal {
	position: absolute;
	left: -50px;
	top: 5px;
	color: #fff;
	font-weight: 400;
	font-size: 1.1em;
}
#langmenu {
	padding: 5px 15px 5px 5px;
	border: 1px solid #a4cbe0;
	background-color: rgba(255,255,255,.3);
	width: 30px;
	overflow: hidden;
	height: 20px;
	border-radius: 3px;
	background-image: url('/images/icons/arrow-down.svg');
	background-size: 5px;
	background-position: top 12px right 5px;
	background-repeat: no-repeat;
	top: 112px;
	position: absolute;
	right: 0;
	z-index: 8;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
#header.slide #langmenu {
	top: 82px;
}
#langmenu:hover {
	height: 80px;
	border: 1px solid #fff;
	background-color: rgba(255,255,255,.9);
}

#langmenu a.flag {
    display: block;
	width: 100%;
    opacity: .6;
    font-size: .9em;
    color: #666;
	margin-bottom: 10px;
}
#langmenu a.flag:hover, #langmenu a.flag.active {
    opacity: 1;
	color: #ff8a00;
}
#langmenu a.flag:not(:last-child) {
    margin-right: 8px;
}
#langmenu a.flag img {
    display: block;
	width: 100%;
}
/* language select */
#langswitch {
    padding: 5px 5px 5px 32px;
    color: #333;
    font-family: inherit;
    font-weight: 400;
    font-size: .9em;
    line-height: 1.4;
    background-color: #fff;
    background-image: url("/images/icons/language.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 1px dashed #000;
    margin-top: 4px;
}

/* header-row */
#header-row {
	position: relative;
	display: block;
	height: 440px;
	background-color: #000;
	overflow: hidden;
}
#wrapper.pages #header-row {
	height: 200px;
}
#header-row #header-img {
	content: '';
	position: absolute;
	left: 0;
	top: -5%;
	width: 100%;
	height: 105%;
	background-image: url('/images/header3.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .9;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
#header-row.slide #header-img {
	top: 0%;
}
#header-row:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 30px;
	background-image: url('/images/header-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: bottom -1px center;
	z-index: 2;
}
#wrapper.pages #header-row:before {
	display: none;
}
#header-row img {
	display: block;
	width: 100%;
	display: none;
}
#header-row .container {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 2;
	height: 100%;
}
#header-row .title {
	position: absolute;
	left: 50%;
	font-size: 2.4em;
	text-align: left;
	font-weight: 700;
	/* width: 50%; */
	line-height: 1.2;
	color: #fff;
	text-shadow: 0px 0px 40px rgba(0,0,0,.15);
	max-width: 550px;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	/* margin: 0 25%; */
	text-align: center;
}
#header-row #maak-een-afspraak {
	position: absolute;
	right: 0;
	max-width: 45%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* behandelingen */
#behandelingen {
	position: relative;
	display: block;
	margin: 0 0 5em 0;
	z-index: 2;
}
#behandelingen .container {
	margin-top: -2.5em;
}
#behandelingen .cta-block {
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
	padding: 30px;
	min-height: 350px;
	background-color: #fff;
}
#behandelingen .cta-block:nth-of-type(2),
#behandelingen .cta-block:nth-of-type(3),
#behandelingen .cta-block:nth-of-type(4) {
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#behandelingen .cta-block:nth-of-type(5),
#behandelingen .cta-block:nth-of-type(6),
#behandelingen .cta-block:nth-of-type(7) {
	border-right: 1px solid #efefef;
}
#behandelingen .cta-block:nth-of-type(4),
#behandelingen .cta-block:nth-of-type(7){
	border-right: none;
}
#behandelingen #big-menu {
	box-sizing: border-box;
	box-shadow: 0px 0px 10px rgba(0,0,0,.04);
	float: left;
	width: 75%;
}
#behandelingen #scrolldown {
	content: '';
	position: absolute;
	left: 25%;
	margin-left: -55px;
	top: -90px;
	width: 115px;
	height: 115px;
	background-image: url('/images/boeknubutton.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	cursor: pointer;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	opacity: 1;
}
#behandelingen #scrolldown span {
	position: absolute;
	left: 52%;
	top: 52%;
	font-size: 1.4em;
	color: #fff;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}
#behandelingen #scrolldown.show {
	opacity: 0;
}
#behandelingen #scrolldown:hover {
	transform: rotate(0deg) scale(1.05);
	-webkit-transform: rotate(0deg) scale(1.05);
}
#behandelingen .cta-block .head {
	font-size: 1.3em;
	color: var(--main-color);
	display: block;
	margin-bottom: .8em;
}
#behandelingen .cta-block .product {
	margin: 0 0 0 0;
	border-bottom: 1px solid #efefef;
}
#behandelingen .cta-block .product:last-child {
	border-bottom: none;
}
#behandelingen .cta-block .product a {
	color: #666;
	font-size: .9em;
	display: block;
	padding: .3em 0;
}
#behandelingen .cta-block .product a:hover {
	color: var(--main-color);
	/*background-color: #f8f8f8;*/
}
#behandelingen #blockblock {
	background-color: var(--main-color);
	float: left;
	width: calc(25% + 10px);
	min-height: 500px;
	position: relative;
	z-index: 3;
	margin-top: -20px;
	margin-left: -10px;
	padding: 150px 30px 30px 30px;
	box-sizing: border-box;
	background-image: url('/images/bg-cta.jpg');
	background-size: 130% 100%;
	background-position: left center;
	background-repeat: no-repeat;
}
#behandelingen #blockblock:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 200px;
	width: 100%;
	z-index: -1;
	background-image: url("/images/blockblock-bg.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
#behandelingen #blockblock h2 {
	font-size: 1.5em;
	color: #fff;
	text-shadow: 0px 0px 40px rgba(0,0,0,.2);
	line-height: 1.2;
}
#behandelingen #blockblock ul {
	display: block;
	margin-top: 1em;
}
#behandelingen #blockblock ul li {
	color: #fff;
	padding: 5px 0px 5px 40px;
	background-image: url('/images/icons/check.svg');
	background-position: left center;
	background-size: 20px;
	background-repeat: no-repeat;
}
#behandelingen #blockblock #bekijkbehandelingen {
	background-color: #016532;
	color: #fff;
	padding: 10px 15px;
	margin-top: 20px;
	display: inline-block;
}
#behandelingen #blockblock #bekijkbehandelingen:hover {
	background-color: #065128;
}
/* categorys behandelingen */
#categorys {
	display: block;
	position: relative;
}
#categorys .item {
	float: left;
	width: 32%;
	position: relative;
	margin-right: 2%;
	margin-top: 1.5em;
	background-color: #000;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 5px solid #fff;
}
#categorys .item:hover {
    /*border-bottom: 5px solid var(--main-color);*/
}
#categorys .item:nth-of-type(3n+3) {
	margin-right: 0;
}
#categorys .item img {
	width: 100%;
	opacity: .9;
	display: block;
}
#categorys .item:hover img {
    opacity: 1;
}
#content .page_content #categorys .item h2 {
	/*position: absolute;*/
	/*left: 20px;*/
	/*bottom: 20px;*/
	/*color: #fff;*/
	/*text-shadow: 0px 0px 20px rgba(0,0,0,.1);*/
	/*z-index: 2;*/
	/*max-width: inherit;*/
	display: block;
	text-align: center;
	padding: 15px;
	background-color: #016532;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	max-width: inherit;
	font-size: 1.1em;
}
#content .page_content #categorys .item:hover h2 {
	background-color: #065128;
}
/* medewerkers */
#medewerkers {
	display: block;
	margin-top: 3em;
	padding-top: 3em;
	border-top: 3px solid #f8f8f8
}
#medewerkers .item {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1.5em;
}
#medewerkers .item:nth-of-type(3n+3) {
	margin-right: 0;
}
#medewerkers .item img {
	display: block;
	width: 100%;
}
#medewerkers .item .name {
	font-size: 1.5em;
	display: block;
	margin-top: 20px;
	color: #016532;
}
#headertitle {
	color: #666;
	margin-top: -1.6em;
	display: block;
	margin-bottom: 2em;
}

	/* content */
#content-wrapper {
	/*padding: 4em 0;*/
	position: relative;
}
#wrapper.home #content-wrapper {

}
#wrapper.home #content-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	top: -100px;
	width: 100%;
	height: 100px;
	background-image: url('/images/content_bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: none;
}
#content {
	min-height: 600px;
	max-width: 1200px; 
	width: 90%;
	margin: 0 auto;
	padding: 4em 0;
}
#wrapper.home #content {
	padding-bottom: 6em;
    min-height: inherit;
	border-top: 3px solid #f8f8f8;
}
#wrapper #content .page_content.recensies {
	width: 70%;
	margin: 0 15%;
	text-align: center;
	background-image: url('/images/stars_blue.svg');
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 5em;
}
blockquote {
	padding-top: 2em;
	margin: 2em 0;
	border-top: 3px solid #f8f8f8;
}
blockquote strong {
	display: block;
	color: var(--main-color);
	font-size: 1.2em;
	margin-top: .5em;
}

/* submenu */
#content #submenu-trigger {
	display: none;
	padding:  10px 20px;
	background: var(--main-color);
	color: #fff;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#content #submenu {
	background: #fff;
	width: 25%; float: left;
}
#content #submenu ul li.section {
	padding: 10px 15px; font-size: 1em; background: #ccc; color: #666; font-weight: 300;
}
#content #submenu ul li a {
	display: block;
	padding:  14px 20px;
	font-size: 1.1em;
	color: #666;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	position: relative;
	padding-right: 2em;
	font-weight: 400;
	border-bottom: 3px solid #f8f8f8;
}
#content #submenu ul li:last-child a {
	border-bottom: 0 none;
}
#content #submenu ul.subsub li a {
	padding-left: 3em
}
#content #submenu-trigger:after,
#content #submenu ul li a:after {
	content: "";
	position: absolute;
	right: .5em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-image: url('../images/icons/arrow-right.svg');
	background-size: 10px 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	/*background-color: rgba(220,220,220,0.5);*/
	border-radius: 30px;
	transition: transform 300ms;
}
#content #submenu ul li a:after {
	display: none;
}
#content #submenu-trigger:after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	background-image: url('../images/icons/arrow-right-white.svg');
}
#content #submenu-trigger.active:after {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
#content #submenu ul li.active a:after {
	display: none;
}
#content #submenu ul li a:hover:after {
	display: block;
	opacity: .6;
}
#content #submenu ul li a:hover,  
#content #submenu ul li.subactive, 
#content #submenu ul li.active > a {
	color: var(--main-color);
	background-color: #f8f8f8;
}
#content #submenu ul li a img {
    max-width:100%;
    opacity: 0.8;
    transition: opacity 150ms ease-in-out;
}
#content #submenu ul li a:hover img, 
#content #submenu ul li.active a img {    
    opacity: 1;
}
/** sub-submenu**/
#submenu ul.subsub {
    box-sizing:border-box;   
}
#submenu ul.subsub.hidden {
    display:none;
}


/* content */
#content .page_content {
	width: 100%; 
	float: left;
}
#content .page_content.hassubmenu {
	width: 70%;
	padding-left: 5%;
}
#content .page_content.hasmedia {
	width: 70%; 
	padding-right: 5%;
}
#content .page_content.hassubmenu.hasmedia {
	width: 40%; 
	padding-right: 5%;
}
#content .page_content p {
	margin-bottom: 1.4em;
}
#content .page_content ul, #content .page_content ol {
	margin: 20px 0;
}
#content .page_content ul li {
	list-style-type: disc; 
	margin-left: 20px;
}
#content .page_content ol li {
	list-style-type: decimal; 
	margin-left: 20px;
}
#content .page_content table {
	width: 100%; 
}
#content .page_content table tr td {
	padding: 10px;
    background-color: #f8f8f8;
    /*float: left;*/
    box-sizing: border-box;
}
#content .page_content table tr:nth-of-type(even) td {
    background-color: #efefef;
}
#content .page_content table tr:first-child td {
    background-color: var(--main-color);
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.1em;
    color: #fff;
}
#content .page_content.prijslijst table tr td {
    float: left;
}
#content .page_content.prijslijst table tr td:nth-of-type(1) {
    width: 60%;
}
#content .page_content.prijslijst table tr td:nth-of-type(2),
#content .page_content.prijslijst table tr td:nth-of-type(3) {
    width: 20%;
}
#wrapper.home #content .page_content,
#wrapper.home #content .page_content.hasmedia {
	width: 100%;
	padding: 0 15%;
	box-sizing: border-box;
	text-align: center;
}

/* headlines */
#content .page_content h1 {
	font-size: 2.2em; 
	line-height: 1.2; 
	font-weight: 600;
	padding-bottom: 1em;
	color: var(--main-color);
}
#wrapper.home #content .page_content h1 {
	/*max-width: 450px;*/
}
#content .page_content h2 {
	font-size: 1.3em;
	line-height: 1.2;  
	font-weight: bold;
	padding-bottom: 0.2em; 
	max-width: 60%;
	color: var(--main-color);
}


/* downloads links */
#content .page_content .links {
	margin-top: 20px;
}
#content .page_content .links a,  #content .product .links a {
	display: block; 
	padding-left: 0px;
	color: #000;
}
#content .page_content .links a.link svg, #content .page_content .links a.file svg  {
	fill: #000db9;
	width: 16px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}


/* ### media on page ### */
#content .media {
	float: left;
	width: 25%;
}
#wrapper.home #content .media {
	width: 35%;
}
#content .media a {
	position: relative; 
	display: block; 
	overflow: hidden; 
	margin: 20px 0;
}
#wrapper.home #content .media a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url('/images/outlets.png');
	background-repeat: repeat;
	opacity: .3;
}
#content .media a img {
	width: 100%; display: block;
}
#content .media a.foto:hover:before, #content .fotoalbum a.foto:hover:before, 
#content .page_content .agenda .item a.foto:hover:before, 
#content .media a.video:before,
#content .media a.video:hover:before  {
	content: "";
	width: 48px; 
	height: 48px; 
	border-radius: 30px;
	background-color: var(--main-color);
	position: absolute; 
	left: 30px;
	top: 30px;
	background-image: url('../images/icons/zoom.svg'); 
	background-size: 20px 20px; 
	background-position: 50% 50%;
	z-index: 3;
	background-repeat: no-repeat;
}
#content .media a.video:before,
#content .media a.video:hover:before {
	background-image: url('../images/icons/play.svg');
}
#content .media a.video:hover:before {
	background-color: #ccc;
}
.caption {
	display: block;
	padding: 10px 15px; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	background: var(--main-color);
	font-weight: 400;
	color: #fff;
	position: absolute;
	right: 0; bottom: 0;
	font-size: .9em;
	opacity: 1;
}

/* media home */
#wrapper.home #content .media {
	margin-top: 2em;
	width: 100%;
}
#wrapper.home #content .media a {
	float: left;
	width: 32%;
	margin: 2em 2% 0 0;
}
#wrapper.home #content .media a:nth-of-type(3n+3) {
	margin-right: 0;
}


	/* ### fotoalbum ### */
#content .page_content .fotoalbum {
	margin: 0px 0; 
	width: 101%; 
	margin-left: -1%;
}
#content .page_content .fotoalbum a {
	float: left;
	display: block; 
	position: relative;
	overflow:hidden; 
	width: 31.333%;
	margin: 1%;
}
#content .page_content .fotoalbum a.foto {
	width: 23%;
}
#content .page_content .fotoalbum a img {
	display: block;
	width: 100%;
}
#content .page_content a.back {
	font-weight: bold;
}

/* ### contact ### */
#content #contact {
	padding-bottom: 30px;
}
#content #contact form {
	width: 100%;
	position: relative;  
	padding-bottom: 20px;
}
#content #contact form .field {
	padding: 0px;
	padding-bottom: 20px;
	clear: both; 
    position: relative; 
    width: auto;
}
#content #contact form .field label {
	clear: both;
	display: block; 
	margin: 0; padding: 0;
}
#content #contact form .field.radio label, #content #contact form .field.checkbox label  {
    line-height: 1.7;
}
#content #contact form input, #content #contact form textarea, #content #contact form select {
	padding: 5px; 
	font-family: inherit; 
	font-size: inherit; 
	color: #333;
	border: 1px solid #ccc;
	width: 100%; 
	float: left;
	margin-top: 3px; 
	border-radius: 2px;
    box-sizing: border-box;
}
#content #contact form textarea {
	min-height: 150px; 
	max-height: 300px; 
	max-width: 100%; /* prevent freestyle scaling */
}
#content #contact form input[type=checkbox], #content #contact form input[type=radio] {
	width: auto; 
    padding: 0;
    margin: 0; 
    border: none;
    display: inline; 
    margin-right: 5px; 
    margin-top: 5px;
    height: 20px;
}
#content #contact form input.submit {
	clear: both;  padding: 10px 25px;
    margin-bottom: 20px; 
    cursor: pointer; 
    width: auto;
	background: #000; 
	color: #fff;  
	margin-top: 10px; 
	border: 0;
	-webkit-appearance: none;
}
#content #contact form input.submit:hover {
	cursor: pointer; 
	background: #000db9;
}
#content #contact form br { 
	display: none; 
}
#content #contact form  label.error {
    background: #ed2024; 
	color: #fff; 
	font-size: 0.9em; 
	width: auto; 
	text-align: center; 
	padding: 10px 15px!important;
	position: absolute; 
    bottom: -5px; 
    right: -10px;
    font-weight: normal!important;
    line-height:1.2;
    border-radius: 3px; 
    font-size: 13px;
}
#content #contact form  label.error:before {
	content: "";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ed2024;
	position: absolute;
	left: 20px;
	top: -5px;
}
#content #contact div.field.bc {
    display: none;   
}



/* footer */
#footer {
	background-color: #236e9a;
    background-image: url('/images/footer-bg.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 75% 180%;
}
#footer #footer-container {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	position: relative;	
	color: #fff;
    padding: 3em 0;
	font-size: 0.9em;
}
#footer #footer-container a {
	color: #fff;
}
#footer #footer-container a:hover {
	color: rgba(255,255,255,.7);
}
#footer #footer-container .kol {
    width: 23.5%;
    margin-right: 2%;
    float: left;
    max-width: 250px;
}
#footer #footer-container .kol .head h3 {
    font-size: 1.4em;
    margin-bottom: .5em;
    border-bottom: 3px solid rgba(255,255,255,.05);
    padding-bottom: .5em;
    display: inline-block;
    padding-right: 20px;
}
#footer #footer-container .kol:nth-of-type(4) {
    margin-right: 0;
}
#footer #footer-container .kol .email {
    margin-top: .7em;
}
#footer #footer-container #recensie-slider {
	font-size: 1.2em;
	text-align: center;
	padding-top: 30px;
	background-image: url('/images/stars.svg');
	background-size: 70px;
	background-repeat: no-repeat;
	background-position: top center;
}
#footer #footer-container #recensie-slider .naam {
	display: block;
	font-size: 1.2em;
	margin-top: 20px;
}
#footer #footer-container #footer-bottom {
    float: left;
    clear: both;
    width: 100%;
    /*border-top: 3px solid rgba(255,255,255,.05);*/
    margin-top: 3em;
    /*padding-top: 1em;*/
}
#footer #footer-container #footer-bottom span {
    font-size: 1.2em;
    font-weight: 400;
}
#footer #footer-container #social-media-buttons {
	float: right; 
	position: relative; 
	box-sizing: border-box;
}
#footer #footer-container #social-media-buttons span {
    font-size: .8em;
    color: rgba(255,255,255,.6);
}
#footer #footer-container #social-media-buttons a {
	width: 30px;
	height: 30px;
	border-radius: 35px;
	float: right;
	background-color: rgba(0,0,0,.2);
	margin-left: 19px;
	position: relative;
	margin-top: -5px;
}
#footer #footer-container #social-media-buttons a svg {
	display: block;
	fill: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 13px;
	height: 13px;
	margin-left: -7px;
	margin-top: -6px;
}

#footer #footer-container #social-media-buttons a:hover {
	background-color: rgba(0,0,0,.1);
}
.cybox-tag {
	position: relative; 
	margin-top: 10px;
	width: 130px;
	font-size: 9px;
	white-space: nowrap;
	font-family: "Open Sans";
	font-style: italic;
	display: block;
	font-size: 11px;
}
.cybox-tag a {
	display: block;
	color: #000;
}
.cybox-tag svg {
	width: 55px; 
	display: inline-block;
	margin-left: 10px;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	fill: #000db9;
} 
.cybox-tag a:hover {
	cursor: #666;
}
#footer #footer-container #footer-bottom span {
	float: left;
	clear: both;
}
#footer #footer-container #privacy {
	float: left;
	clear: both;
	margin-top: .5em;
	font-size: .8em;
	color: rgba(255,255,255,.6);
}
#footer #footer-container #privacy:hover {
	color: #fff;
}
/* mailstage */
#ms-succes {
    display:none;
}
#mailstage {
    width: 254px;
    margin:1em auto;
    
}

/* IE */
#oldiemsg {
	position: fixed; left: 0; top: 0; background: #e83f40;
	padding: 1%; width: 98%; color: #fff;
	font-family: inherit, sans-serif;
	font-size: 14px; line-height: 24px;
}
#oldiemsg a {
	color: #fff; text-decoration: underline;
}
#oldiemsg .close-oldiemsg {
	position: absolute; right: 1em; top: 1em; cursor: pointer; font-size: 16px;
}





/* disable selection */

#menu, #header, #submenu
{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}