/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 20/40px basis */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	height: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div, header, nav, figure, main, footer, section, aside {
	display:block;
	margin:0;
	padding:0;
}



		

body	{
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	color: #333333;
}
img	{
	border:none;
}
ul, ol {
	padding-left:20px;
}
strong, b {
	font-weight:500;
}



a {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #474C59;
}



body.rood a:hover, body.rood a:active {	
	color: #EF775C;
}

body.blauw a:hover, body.blauw a:active {	
	color: #A3CFC6;
}

body.geel a:hover, body.geel a:active {	
	color: #E2CE7B;
}

body.oker a:hover, body.oker a:active {	
	color: #DFB845;
}

body.cyaan a:hover, body.cyaan a:active {	
	color: #84D6D7;
}




a[href^="tel:"] {
	color:#333333;
	text-decoration:none !important;
}
a[href^="tel:"]:hover {
	text-decoration:underline !important;
}








h1 {
	font-family:'Poppins';
	font-size:40px;
	font-weight:600;
	line-height:1.1;
	color:#000000;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom:20px;
}
h2 {
	font-family:'Poppins';
	font-size:65px;
	font-weight:600;
	line-height:1;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom:30px;
}
h2:after {	
	background-color: #FFFFFF;
    background-size: 36px 12px;
    display: inline-block;
    width: 36px; 
    height: 12px;
	margin-left:10px;
    content:"";
}
h3 {
	font-family:'Poppins';
	font-size:30px;
	font-weight:600;
	line-height:1;
	color:#474C59;
	text-transform:uppercase;
	letter-spacing:1px;
}
h4 {
	font-family:'Maven Pro';
	font-size:20px;
	font-weight:500;
	line-height:1;
	color:#474C59;
	text-transform:uppercase;
}
h5 {
	font-family:'Maven Pro';
	font-size:16px;
	font-weight:500;
	line-height:1;
	color:#474C59;
	text-transform:lowercase;
}
h6 {
	font-family:'Maven Pro';
	font-size:18px;
	font-weight:500;
	line-height:1.2;
	color:#474C59;
	margin-bottom:5px;
}
body.rood h6 { color: #EF775C; }
body.blauw h6 {	color: #A3CFC6; }
body.geel h6 { color: #E2CE7B; }
body.oker h6 { color: #DFB845; }
body.cyaan h6 { color: #84D6D7; }



hr {
	width:100%;
	clear:both;
	background-color:#DDDDDD;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
hr.topS { margin-top:5px !important; }
hr.btmS { margin-bottom:5px !important; }
hr.topM { margin-top:10px !important; }
hr.btmM { margin-bottom:10px !important; }
hr.topL { margin-top:20px !important; }
hr.btmL { margin-bottom:20px !important; }
hr.topXL { margin-top:30px !important; }
hr.btmXL { margin-bottom:30px !important; }
hr.topXXL { margin-top:40px !important; }
hr.btmXXL { margin-bottom:40px !important; }






input[type=text], input[type=number], input[type=email], input[type=tel], input[type=password], textarea, select {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	height:30px;
	border:1px solid #DDDDDD;
	padding:0 8px;
	
	font-family:'Maven Pro', Arial;
	font-size:15px;
	line-height:30px;
	color:#000000;
	text-transform:none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	
	-webkit-appearance: textfield;
	-moz-appearance: textfield; /* mobile firefox too! */
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right:25px;
	padding:5px 0;
	
	background-color:#FFFFFF;
	background-image:url(../img/layout/select-angle.png);
	background-position:right center;
	background-repeat:no-repeat;
}

input.xlarge, textarea.xlarge, select.xlarge {
	max-width:500px;
}
input.large, textarea.large, select.large {
	max-width:350px;
}
input.medium, textarea.medium, select.medium {
	max-width:185px;
}
input.small, textarea.small, select.small {
	max-width:55px;
}
input.mini, textarea.mini, select.mini {
	max-width:25px;
}

input.akkoord {
	display:none;
}




.clearboth {
	float:none !important;
	width:100% !important;
	clear:both !important;
}
.hide, .verberg {
	display:none !important;
}









/* - - - - - - BASIC STYLES - - - - - -  */
.hoofdkleur {
	color:#EF775C;
}
.steunkleur {
	color:#A3CFC6;
}
.grijs {
	color:#BBBBBB;
}




.klein {
	font-size:15px;
}
.kleiner {
	font-size:14px;
}
.kleinst {
	font-size:13px;
}








/* - - - - - - FRMROWS - - - - - -  */
.frmrow {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.frmrow.noform {
	margin-bottom:10px;
}
.frmrow.compact {
	margin-bottom:5px;
}
.frmrow.wide {
	margin-bottom:25px;
}
.frmrow.xwide {
	margin-bottom:50px;
}
.frmrow.btns {
	margin-top:25px;
}


.frmrow > div {
	display:table-cell;
	vertical-align:middle;
}
.frmrow > div:nth-child(1) {
	width:200px;
}
.frmrow.check > div:nth-child(1) {
	width:30px;
}


.frmrow.vb > div {
	vertical-align:bottom;
}
.frmrow.vt > div {
	vertical-align:top;
}
.frmrow > div.ar {
	text-align:right;
}



.frmrow.rows {
	display:block;
}
.frmrow.rows > div {
	display:block;
}
.frmrow.rows > div:nth-child(1) {
	display:block;
	width:100%;
	color:#000000;
	padding-bottom:5px;
}






/* - - - - - - FEEDBACK - - - - - -  */
.goed	{
		background-color:#F2FFF2;
		border:1px solid #73CC73;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.fout	{
		background-color:#FFF2F2;
		border:1px solid #FF7373;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.alertgoed {
	color:#009900;
}
.alertfout {
	color:#FF0000;
}
.invulmis {
	color:#FF0000 !important;
}











/* - - - - - - CONTENTBLOCKS - - - - - -  */
.contentblok {
	display:block;
	width:100%;
}

.contentblok > div.content > div.img img {
	display:block;
	width:100%;
}



/* default contentblok met foto boven */
.contentblok.boven > div.content > div.img {
	margin-bottom:40px;
}

/* default contentblok met foto onder */
.contentblok.onder > div.content > div.img {
	margin-top:40px;
}

.contentblok:not(.links) > div.content > div.txt,
.contentblok:not(.rechts) > div.content > div.txt {
	/*max-width:800px;*/
}


/* default contentblok met foto links/rechts */
.contentblok.links > div.content,
.contentblok.rechts > div.content {
	display:table;
	width:100%;
}

.contentblok.links > div.content > div,
.contentblok.rechts > div.content > div {
	display:table-cell;
	vertical-align:top;
}
.contentblok.links > div.content > div.img,
.contentblok.rechts > div.content > div.img {
	width:38%;
}


/* default contentblok met foto links */
.contentblok.links > div.content > div.txt {
	padding: 0 0 0 75px;
}
.contentblok.links > div.content > div.img > div {
	padding: 0 25px 0 0;
}

/* default contentblok met foto rechts */
.contentblok.rechts > div.content {
	direction:rtl;
}
.contentblok.rechts > div.content > div {
	direction:ltr;
}
.contentblok.rechts > div.content > div.txt {
	padding: 0 75px 0 0;
}
.contentblok.rechts > div.content > div.img > div {
	padding: 0 0 0 25px;
}





a.pcButton {
	display:inline-block;
	vertical-align:baseline;
	
	color:#474C59; /*A/B*/
	text-decoration:none;
	
	padding:7px 20px 7px 10px;
	margin-top:20px;
	background-color:#D1D2D5; /*C*/
}
a.pcButton:hover,
a.pcButton:active {
	color:#FFFFFF;
	background-color:#474C59; /*A*/
}
a.pcButton i {
	padding-right:10px;
}








/* - - - - - - ROWS - - - - - -  */
.row {
	display:table;
	width:100%;
	margin-top:20px;
	padding-top:20px;
}
.row > div {
	display:table-cell;
	vertical-align:top;
}
.row > div.img {
	width:50%;
	padding:0 50px 0 0;
}


.row.rtl {
	direction:rtl;
}
.row.rtl > div {
	direction:ltr;
}
.row.rtl > div.img {
	width:40%;
	padding:0 0 0 30px;
}


.row > div.img img {
	display:block;
	width:100%;
}
.row:nth-child(1) {
	margin-top:0;
	border-top:none;
	padding-top:0;
}






/* - - - - - - PAGER - - - - - -  */
ul.pager {
	margin:30px 0 0 0;
	padding:0;
	border:0;
	text-align:center;
}
ul.pager > li {
	display:inline;
	vertical-align:middle;
}
ul.pager > li > a {
	text-decoration:none;
	color:#333333;
	line-height:1;
	padding:5px 13px;
	border:1px solid #DDDDDD;
	border-right:none;
}
ul.pager > li > a:hover, ul.pager > li > a:active {
	color:#626060;
	text-decoration:none;
	background-color:#F2F2F2;
}
ul.pager > li i {
	font-size:16px;
	line-height:1;
}


ul.pager > li > a.active {
	background-color:#C6C7C9;
}

ul.pager > li > a.disabled {
	cursor:pointer;
}
ul.pager > li > a.disabled:hover, ul.pager > li > a.disabled:active {
	background-color:#FFFFFF;
}


ul.pager > li:nth-child(1) > a {	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.pager > li:nth-last-child(1) > a {
	border-right:1px solid #DDDDDD;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}






/* - - - - - - SOCIAL SHARE - - - - - -  */
ul.socialshare {
	display:block;
	margin:20px 0 0 0;
	padding:0;
	border:0;
}
ul.socialshare > li {
	display:inline-block;
	vertical-align:baseline;
	list-style:none;
	margin-right:12px;
}
ul.socialshare > li > a {
	font-size:18px;
	line-height:1;
	color:#474C59;
}
ul.socialshare > li > a.facebook:hover, ul.socialshare > li > a.facebook:active {
	color:#39579A;
}
ul.socialshare > li > a.twitter:hover, ul.socialshare > li > a.twitter:active {
	color:#059FF5;
}
ul.socialshare > li > a.google:hover, ul.socialshare > li > a.google:active {
	color:#C23B2A;
}
ul.socialshare > li > a.linkedin:hover, ul.socialshare > li > a.linkedin:active {
	color:#0083C1;
}
ul.socialshare > li > a.mail:hover, ul.socialshare > li > a.mail:active {
	color:#F5C300;
}



body.rood ul.socialshare > li > a {
	color:#EF775C;
}
body.blauw ul.socialshare > li > a {
	color:#A3CFC6;
}
body.geel ul.socialshare > li > a {
	color:#E2CE7B;
}
body.oker ul.socialshare > li > a {
	color:#DFB845;
}
body.cyaan ul.socialshare > li > a {
	color:#84D6D7;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEBSITE SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



span.source-info {
	cursor: pointer;
	border-bottom:1px dotted rgba(0, 0, 0, 0.5);
}
span.source-info::after {
	display: inline-block;
	vertical-align:baseline;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:14px;
	line-height:1;
	content: "\f059";
	margin-left:3px;
	color:rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

p.tooltip {
	display:none;
	position:absolute;
	background-color:#404040;
	padding:3px 10px 5px 10px;
	color:#FFFFFF;
	max-width:300px;
	
	font-size:14px;
	line-height:1.2;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



.fancybox-caption {
	font-family:'Maven Pro';
	font-size:16px !important;
}




ul.arrow,
ul.arrow {
	margin:0;
	padding:0;
}
ul.arrow > li,
ul.arrow > li {
	display:inline-block;
	vertical-align:top;
	margin:10px 0;
	padding:0 0 0 40px;
	list-style:none;
	
	background-image:url(../img/layout/ul-arrow-paars-d.png);
	background-size:auto 14px;
	background-position:left 5px;
	background-repeat:no-repeat;
}

ul.arrow > li ul > li,
ul.arrow > li ul > li {
	list-style:disc;
}



body.rood ul.arrow > li,
body.rood ul.arrow > li {	
	background-image:url(../img/layout/ul-arrow-rood-d.png);
}

body.blauw ul.arrow > li,
body.blauw ul.arrow > li {	
	background-image:url(../img/layout/ul-arrow-blauw-d.png);
}

body.geel ul.arrow > li,
body.geel ul.arrow > li {	
	background-image:url(../img/layout/ul-arrow-geel-d.png);
}

body.oker ul.arrow > li,
body.oker ul.arrow > li {	
	background-image:url(../img/layout/ul-arrow-oker-d.png);
}

body.cyaan ul.arrow > li,
body.cyaan ul.arrow > li {	
	background-image:url(../img/layout/ul-arrow-cyaan-d.png);
}











ul.colstyle {
	margin:0 0 40px 0;
	padding:0;
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}
ul.colstyle > li {
	display:inline-block;
	vertical-align:top;
	margin:10px 0;
	padding:0 0 0 40px;
	list-style:none;
	
	background-image:url(../img/layout/ul-arrow-paars-d.png);
	background-size:auto 14px;
	background-position:left 5px;
	background-repeat:no-repeat;
}

ul.colstyle > li ul > li {
	list-style:disc;
}






body.rood ul.colstyle > li {	
	background-image:url(../img/layout/ul-arrow-rood-a.png);
}

body.blauw ul.colstyle > li {	
	background-image:url(../img/layout/ul-arrow-blauw-a.png);
}

body.geel ul.colstyle > li {	
	background-image:url(../img/layout/ul-arrow-geel-a.png);
}

body.oker ul.colstyle > li {	
	background-image:url(../img/layout/ul-arrow-oker-d.png);
}

body.cyaan ul.colstyle > li {	
	background-image:url(../img/layout/ul-arrow-cyaan-d.png);
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PAGES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.pageintro {
	color: #FFFFFF;
	padding-top:40px;
	background-color:#474C59;
}


section.pageintro a {
	color:#FFFFFF;
}
section.pageintro a:hover,
section.pageintro a:active {
	color:#FFFFFF;
	opacity:0.75;
}


section.pageintro div.tbl {
	display:table;
	width:100%;
}
section.pageintro div.tbl > div {
	display:table-cell;
	vertical-align:bottom;
}
section.pageintro div.tbl > div.txt {
	padding:0 25px 40px 0;
}
section.pageintro div.tbl > div.img {
	width:40%;
}
section.pageintro div.tbl > div.img > div {
	display:block;
	padding-left:25px;
	background: linear-gradient(0deg, #626777 50%, transparent 50%);
}
section.pageintro div.tbl > div.img > div img {
	display:block;
	width:100%;
}



section.pageintro ul.summary {
	margin:30px 0 0 0;
	padding:0;
}
section.pageintro ul.summary > li {
	margin:2px 0;
	padding:0 0 0 25px;
	list-style:none;
	
	background-image:url(../img/layout/ul-arrow.png);
	background-size:auto 14px;
	background-position:left 5px;
	background-repeat:no-repeat;
}









section.pagecontent {
	padding:80px 0;
}



/* default donkerpaars */
section.pagecontent h1 {
	color:#474C59; /*A*/
}
section.pagecontent .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #626777 62%, transparent 50%); /*B*/
}



section.pagecontent:nth-child(2n) {
	background-color:#D1D2D5; /*C*/
}
section.pagecontent:nth-child(2n) h1 {
	color:#626777; /*B*/
}

section.pagecontent:nth-child(2n) a.pcButton {
	color:#626777; /*B*/
	background-color:#ACAEB4; /*D*/
}
section.pagecontent:nth-child(2n) a.pcButton:hover,
section.pagecontent:nth-child(2n) a.pcButton:active {
	color:#FFFFFF;
	background-color:#626777; /*B*/
}


section.pagecontent:nth-child(2n) .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #474C59 62%, transparent 50%); /*A*/
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FEITEN EN CIJFERS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#cijfersWrap section {
	padding:80px 0;
}

#cijfersWrap section h1 {
	color:#84D6D7;
	margin-bottom:0;
}
#cijfersWrap section h1 > span.title {
	float:right;
	clear:none;
	width:calc(100% - 75px);
	color:#467171;
}
#cijfersWrap section h4 {
	color:#84D6D7;
	margin-bottom:15px;
}

#cijfersWrap section div.txt {
	margin-left:75px;
}



#cijfersWrap a.btn {
	display: inline-block;
	min-width:200px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:lowercase;
	background-color:#84D6D7;
	padding:10px 20px;
	margin:20px 0;
}
#cijfersWrap a.btn:hover,
#cijfersWrap a.btn:active {
	color:#467171;
	background-color:#9BFDFB;
}






#cijfersWrap div.kaders {
	margin-top:20px;
}
#cijfersWrap div.kaders > div {
	display:inline-block;
	vertical-align:top;
	width:calc((100% - 40px) / 3);
	padding: 10px;
	border:10px solid #84D6D7;
}
#cijfersWrap div.kaders > div:nth-child(2) {
	margin:0 20px;
}




#cijfersWrap .timeline > div {
	display:table;
	width:100%;
}
#cijfersWrap .timeline > div > div {
	display:table-cell;
	table-layout:fixed;
	vertical-align:top;
	padding-bottom:40px;
}
#cijfersWrap .timeline > div:nth-last-child(1) > div {
	padding-bottom:0;
}

#cijfersWrap .timeline > div > div:nth-child(1) {
	width:45%;
	text-align:right;
}
#cijfersWrap .timeline > div > div:nth-child(2) {
	width:10%;
	background-image:url(../img/content/bg-timeline.png);
	background-position:top center;
	background-repeat:repeat-y;
}
#cijfersWrap .timeline > div > div:nth-child(3) {
	width:45%;
	padding-top:11px;
}



#cijfersWrap .timeline > div.inverse {
	direction:rtl;
}
#cijfersWrap .timeline > div.inverse > div:nth-child(3) {
	direction:ltr;
	text-align:right;
}
#cijfersWrap .timeline > div.inverse > div:nth-child(1) {
	direction:ltr;
	text-align:left;
}



#cijfersWrap .timeline h4 {
	margin-bottom:5px;
}


#cijfersWrap .timeline .datum {
	display:inline-block;
	vertical-align:top;
	color:#467171;
	background-color:#84D6D7;
	padding:10px 20px;
	
	font-size:22px;
	font-weight:500;
	line-height:1;
}
#cijfersWrap .timeline .circle {
	display:block;
	width:18px;
	height:18px;
	margin:12px auto 0;
	background-color:#467171;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}



#cijfersWrap .diagram {
	display:block;
	margin-top:40px;
}
#cijfersWrap .diagram > div {
	display:inline-block;
	width:50%;
	padding-right:60px;
}
#cijfersWrap .diagram > div img {
	display:block;
	width:100%;
	max-width:380px;
	margin:auto;
}




#cijfersWrap p.titel {
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	
	padding:10px 15px;
	background-color:#568383;
	margin-bottom:20px;
}

#cijfersWrap .graph {
	margin:40px 0;
}
#cijfersWrap .graph > img {
	display:block;
	width:100%;
	max-width:650px;
}


#cijfersWrap .top10 > .row {
	display:table;
	width:auto;
	margin:0;
	padding:0;
	
	padding-bottom:3px;
	border-bottom:1px solid #99D3D8;
	margin-bottom:5px;
}
#cijfersWrap .top10 .row > div {
	display:table-cell;
	vertical-align:baseline;
}
#cijfersWrap .top10 .row > div:nth-child(1) {
	width:200px;
	padding-right:40px;
	color:#568383;
	font-weight:500;
}
#cijfersWrap .top10 .row > div:nth-child(2) {
	text-align:right;
	width:100px;
	padding-right:40px;
}
#cijfersWrap .top10 .row > div:nth-child(3) {
	text-align:right;
	width:100px;
}




#cijfersWrap section:nth-child(2n) {
	background-color:#E6F7F7;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PRAKTIJKVOORBEELDEN */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.vbmFoto {
	margin-top:20px;
}
div.vbmFoto > div {
	display:inline-block;
	vertical-align:top;
	width: calc((100% - 40px) / 3);
	margin:10px 0;
}
div.vbmFoto > div:nth-child(3n + 2) {
	margin-left:20px;
	margin-right:20px;
}

div.vbmFoto > div img {
	display:block;
	width:100%;
}



div.vbmVideo {
}
div.vbmVideo > div {
	display:block;
	margin-top:20px;
}
div.vbmVideo > div div.video {
	position: relative;
	height: 0;
}
div.vbmVideo > div div.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}












div.vragenVoorbeeld {
	padding:40px;
}

div.vragenVoorbeeld section.pagecontent {
	padding: 0;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* VRAGEN */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#vragenWrap section {
	padding:80px 0;
}

#vragenWrap section h1 {
	color:#474C59; /*A*/
	margin-bottom:0;
}
#vragenWrap section h1 > span.title {
	float:right;
	clear:none;
	width:calc(100% - 75px);
	color:#626777; /*B*/
}

#vragenWrap section h3,
#vragenWrap section div.tips,
#vragenWrap section div.tools {
	margin-left:75px;
}



#vragenWrap section h3 {
	margin-top:20px;
}

#vragenWrap section h3 > a {
	color:#474C59; /*A*/
	text-decoration:none;
}
#vragenWrap section h3 > a::before {
	background-color: #474C59; /*A*/
    background-size: 100px 7px;
    display: inline-block;
    width: 100px; 
    height: 7px;
	margin-right:20px;
	margin-bottom:7px;
    content:"";
}
#vragenWrap section h3 > a:hover,
#vragenWrap section h3 > a:active {
	color:#626777; /*B*/
	text-decoration:none;
}
#vragenWrap section h3 > a:hover::before,
#vragenWrap section h3 > a:active::before {
	background-color: #626777; /*B*/
}
#vragenWrap section h3 > a > i {
	display:inline-block;
	vertical-align:baseline;
	font-size:25px;
	line-height:1;
	margin-left:20px;
	
	transition: transform 0.3s linear;
	transform-origin: center center;
	transform-style: preserve-3D;
}



.box_transition {
	transform: rotate(90deg);
}






#vragenWrap section h4 {
	color:#D1D2D5; /*C*/
	margin-bottom:20px;
}





#vragenWrap section div.tips,
#vragenWrap section div.tools {
	padding:40px 0 20px 0;
	display:none;
}


div.example {
	display:table;
	width:100%;
}
div.example > div {
	display:table-cell;
	vertical-align:middle;
}
div.example > div:nth-child(1) {
	padding-right: 20px;
}
div.example > div:nth-child(2) {
	width:40px;
	padding-left: 20px;
	text-align:right;
}
div.example > div:nth-child(2) > a {
	font-size:20px;
	line-height:1;
	color:#474C59;
}
div.example > div:nth-child(2) > a:hover,
div.example > div:nth-child(2) > a:active {
	color:#626777;
}




#vragenWrap section:nth-child(2n) {
	background-color:#ACAEB4; /*D*/
}

#vragenWrap section:nth-child(2n) h4 {
	color:#FFFFFF;
}
#vragenWrap section:nth-child(2n) div.tips > ul > li,
#vragenWrap section:nth-child(2n) div.tools > ul > li {	
	background-image:url(../img/layout/ul-arrow.png);
}
#vragenWrap section:nth-child(2n) div.tips > ul > li > ul > li,
#vragenWrap section:nth-child(2n) div.tools > ul > li > ul > li {
	margin:10px 0 0 10px;
	padding-left:10px;
}











/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* VRAGEN ROOD */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.rood #vragenWrap section h1 {
	color:#EF775C; /*A*/
}
body.rood #vragenWrap section h1 > span.title {
	color:#6B382B; /*B*/
}

body.rood #vragenWrap section h3 > a {
	color:#EF775C; /*A*/
}
body.rood #vragenWrap section h3 > a::before {
	background-color: #EF775C; /*A*/
}
body.rood #vragenWrap section h3 > a:hover,
body.rood #vragenWrap section h3 > a:active {
	color:#6B382B; /*B*/
}
body.rood #vragenWrap section h3 > a:hover::before,
body.rood #vragenWrap section h3 > a:active::before {
	background-color: #6B382B; /*B*/
}

body.rood #vragenWrap section h4 {
	color:#EF775C; /*A*/
}



body.rood div.example > div:nth-child(2) > a {
	color:#EF775C; /*A*/
}
body.rood div.example > div:nth-child(2) > a:hover,
body.rood div.example > div:nth-child(2) > a:active {
	color:#6B382B; /*B*/
}


body.rood #vragenWrap section:nth-child(2n) {
	background-color:#FCE4DE; /*C*/
}

body.rood #vragenWrap section:nth-child(2n) h4 {
	color:#EF775C; /*A*/
}
body.rood #vragenWrap section:nth-child(2n) div.tips > ul > li,
body.rood #vragenWrap section:nth-child(2n) div.tools > ul > li {	
	background-image:url(../img/layout/ul-arrow-rood-a.png);
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* VRAGEN BLAUW */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.blauw #vragenWrap section h1 {
	color:#A3CFC6; /*A*/
}
body.blauw #vragenWrap section h1 > span.title {
	color:#274F47; /*B*/
}

body.blauw #vragenWrap section h3 > a {
	color:#A3CFC6; /*A*/
}
body.blauw #vragenWrap section h3 > a::before {
	background-color: #A3CFC6; /*A*/
}
body.blauw #vragenWrap section h3 > a:hover,
body.blauw #vragenWrap section h3 > a:active {
	color:#274F47; /*B*/
}
body.blauw #vragenWrap section h3 > a:hover::before,
body.blauw #vragenWrap section h3 > a:active::before {
	background-color: #274F47; /*B*/
}

body.blauw #vragenWrap section h4 {
	color:#A3CFC6; /*A*/
}



body.blauw div.example > div:nth-child(2) > a {
	color:#A3CFC6; /*A*/
}
body.blauw div.example > div:nth-child(2) > a:hover,
body.blauw div.example > div:nth-child(2) > a:active {
	color:#274F47; /*B*/
}



body.blauw #vragenWrap section:nth-child(2n) {
	background-color:#EDF5F4; /*C*/
}

body.blauw #vragenWrap section:nth-child(2n) h4 {
	color:#A3CFC6;
}
body.blauw #vragenWrap section:nth-child(2n) div.tips > ul > li,
body.blauw #vragenWrap section:nth-child(2n) div.tools > ul > li {	
	background-image:url(../img/layout/ul-arrow-blauw-a.png);
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* VRAGEN GEEL */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.geel #vragenWrap section h1 {
	color:#E2CE7B; /*A*/
}
body.geel #vragenWrap section h1 > span.title {
	color:#A19356; /*B*/
}

body.geel #vragenWrap section h3 > a {
	color:#E2CE7B; /*A*/
}
body.geel #vragenWrap section h3 > a::before {
	background-color: #E2CE7B; /*A*/
}
body.geel #vragenWrap section h3 > a:hover,
body.geel #vragenWrap section h3 > a:active {
	color:#A19356; /*B*/
}
body.geel #vragenWrap section h3 > a:hover::before,
body.geel #vragenWrap section h3 > a:active::before {
	background-color: #A19356; /*B*/
}

body.geel #vragenWrap section h4 {
	color:#E2CE7B; /*A*/
}



body.geel div.example > div:nth-child(2) > a {
	color:#E2CE7B; /*A*/
}
body.geel div.example > div:nth-child(2) > a:hover,
body.geel div.example > div:nth-child(2) > a:active {
	color:#A19356; /*B*/
}



body.geel #vragenWrap section:nth-child(2n) {
	background-color:#F9F5E5; /*C*/
}

body.geel #vragenWrap section:nth-child(2n) h4 {
	color:#E2CE7B;
}
body.geel #vragenWrap section:nth-child(2n) div.tips > ul > li,
body.geel #vragenWrap section:nth-child(2n) div.tools > ul > li {	
	background-image:url(../img/layout/ul-arrow-geel-a.png);
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* VRAGEN OKER (search) */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.oker #vragenWrap section.search {
	padding: 80px 0 20px 0;
}

body.oker #vragenWrap section.search h1 {
	color:#9F8331; /*B*/
}



body.oker #vragenWrap section.search h4 {
	color:#9F8331; /*B*/
}

body.oker #vragenWrap section.search h5 {
	font-size:20px;
	color:#DFB845; /*A*/
	margin-bottom:10px;
}
body.oker #vragenWrap section.search h3 {
	margin:20px 0 40px 0;
	color:#DFB845; /*B*/
}

body.oker #vragenWrap section.search h3::before {
	background-color: #DFB845; /*A*/
    background-size: 100px 7px;
    display: inline-block;
    width: 100px; 
    height: 7px;
	margin-right:20px;
	margin-bottom:7px;
    content:"";
}



body.oker #vragenWrap section.search:nth-child(2n) {
	background-color:#F9F5E5; /*C*/
}

body.oker #vragenWrap section.search:nth-child(2n) h4 {
	color:#DFB845;
}
body.oker #vragenWrap section.search:nth-child(2n) div.tips > ul > li,
body.oker #vragenWrap section.search:nth-child(2n) div.tools > ul > li {	
	background-image:url(../img/layout/ul-arrow-oker-a.png);
}




body.oker #vragenWrap section.search ul.arrow {
	margin-bottom:50px;
	max-width:800px;
}
body.oker #vragenWrap section.search ul.arrow > li {
	background-image:url(../img/layout/ul-arrow-oker-a.png);
}


body.oker #vragenWrap section.search .highlight {
	background-color:#F1DFAB;
	color:#333333;
}



form#frmZoek {
	max-width:500px;
	margin:0 auto 40px;
}
form#frmZoek input[type=text] {
	display:inline-block;
	vertical-align:top;
	background-color:#F9F1DA;
	border-color:#F1DFAB;
	color:#9F8331;
	font-size:18px;
	line-height:22px;
	height:37px;
	padding:7.5px 40px 7.5px 15px;
}
form#frmZoek a.frm_submit {
	display:inline-block;
	vertical-align:top;
	width:37px;
	height:37px;
	margin-left:-37px;
	
	color:#9F8331;
	font-size:20px;
	line-height:37px;
	text-align:center;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-home section.pageintro div.tbl > div.txt {
	vertical-align:middle;
}
div.homelogo {
	display:block;
	width:100%;
	max-width:450px;
	margin-bottom:40px;
}
div.homelogo img {
	display:block;
	width:100%;
}








#homecontent div.contentblok {
	margin:80px 0;
}
#homecontent div.contentblok > div.content > div {
	vertical-align:bottom;
}
#homecontent div.contentblok > div.content > div.img {
	width:50%;
}
#homecontent div.contentblok > div.content > div.img > div {
	padding:0 85px 0 0;
}
#homecontent div.contentblok > div.content > div.txt {
	padding:0 0 0 50px;
	background-color:transparent;
}



#homecontent div.contentblok:nth-child(2n + 2) > div.content {
	direction:rtl;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div {
	direction:ltr;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.img > div {
	padding:0 0 0 85px;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.txt {
	padding:0 50px 0 0;
	background-color:transparent;
}



#homecontent div.contentblok h5 {
	font-size:20px;
	margin-bottom:10px;
}
#homecontent div.contentblok h1 > a,
#homecontent div.contentblok h1 > a:hover,
#homecontent div.contentblok h1 > a:active {
	color:#333333;
	text-decoration:none;
}

#homecontent div.contentblok ul {
	margin:0 0 10px 0;
	padding:0;
}
#homecontent div.contentblok ul > li {
	margin:2px 0;
	padding:0 0 0 25px;
	list-style:none;
	
	background-image:url(../img/layout/ul-arrow-paars-d.png);
	background-size:auto 14px;
	background-position:left 5px;
	background-repeat:no-repeat;
}

#homecontent div.contentblok a.more {
	display:inline-block;
	font-weight:500;
	text-decoration:none;
	margin-top:10px;
}
#homecontent div.contentblok a.more i {
	padding-left:10px;
}






#homecontent div.contentblok.rood h5 {
	color:#EF775C;
}
#homecontent div.contentblok.rood > div.content > div.img > div {
	background: linear-gradient(0deg, #EF775C 62%, transparent 50%);
}
#homecontent div.contentblok.rood > div.content > div.txt {
	background-color:#EF775C;
}

#homecontent div.contentblok.rood ul > li {
	background-image:url(../img/layout/ul-arrow-rood-a.png);
}

#homecontent div.contentblok.rood a.more {
	color:#EF775C;
}
#homecontent div.contentblok.rood a.more:hover,
#homecontent div.contentblok.rood a.more:active {
	color:#6B382B;
}


#homecontent div.contentblok.blauw h5 {
	color:#A3CFC6;
}
#homecontent div.contentblok.blauw > div.content > div.img > div {
	background: linear-gradient(0deg, #A3CFC6 62%, transparent 50%);
}
#homecontent div.contentblok.blauw > div.content > div.txt {
	background-color:#A3CFC6;
}

#homecontent div.contentblok.blauw ul > li {
	background-image:url(../img/layout/ul-arrow-blauw-a.png);
}

#homecontent div.contentblok.blauw a.more {
	color:#A3CFC6;
}
#homecontent div.contentblok.blauw a.more:hover,
#homecontent div.contentblok.blauw a.more:active {
	color:#274F47;
}


#homecontent div.contentblok.geel h5 {
	color:#E2CE7B;
}
#homecontent div.contentblok.geel > div.content > div.img > div {
	background: linear-gradient(0deg, #E2CE7B 62%, transparent 50%);
}
#homecontent div.contentblok.geel > div.content > div.txt {
	background-color:#E2CE7B;
}

#homecontent div.contentblok.geel ul > li {
	background-image:url(../img/layout/ul-arrow-geel-a.png);
}

#homecontent div.contentblok.geel a.more {
	color:#E2CE7B;
}
#homecontent div.contentblok.geel a.more:hover,
#homecontent div.contentblok.geel a.more:active {
	color:#A19356;
}






#homecontent div.contentblok:nth-child(2n + 1) > div.content > div.img {
	width:50%;
}
#homecontent div.contentblok:nth-child(2n + 1) > div.content > div.img > div {
	padding:0 85px 0 0;
}
#homecontent div.contentblok:nth-child(2n + 1) > div.content > div.txt {
	padding:0 0 0 50px;
	background-color:transparent;
}




#homecontent div.contentblok:nth-child(2n + 2) > div.content > div { /*3n + 3 */
	vertical-align:bottom;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content {
	direction:rtl;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div {
	direction:ltr;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.img {
	width:50%;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.img > div {
	padding:0 0 0 85px;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.txt {
	padding:0 50px 0 0;
	background-color:transparent;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* KLEUREN PALETTEN */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* OKER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.oker section.pageintro {
	background-color:#DFB845; /* A */
	color:#333333;
}
body.oker section.pageintro div.tbl > div.img > div {
	background: linear-gradient(0deg, #9F8331 50%, transparent 50%); /* B */
}


body.oker section.pagecontent h1 {
	color:#DFB845; /* A */
}
body.oker section.pagecontent .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #9F8331 62%, transparent 50%); /* B */
}

body.oker section.pagecontent a.pcButton {
	color:#9F8331; /* A/B */
	background-color:#F9F1DA; /* C */
}
body.oker section.pagecontent a.pcButton:hover,
body.oker section.pagecontent a.pcButton:active {
	color:#FFFFFF;
	background-color:#DFB845; /* A */
}





body.oker section.pagecontent:nth-child(2n) {
	background-color:#F9F1DA; /* C */
}
body.oker section.pagecontent:nth-child(2n) h1 {
	color:#9F8331; /* B */
}

body.oker section.pagecontent:nth-child(2n) a.pcButton {
	color:#9F8331; /* B */
	background-color:#F1DFAB; /* D */
}
body.oker section.pagecontent:nth-child(2n) a.pcButton:hover,
body.oker section.pagecontent:nth-child(2n) a.pcButton:active {
	color:#FFFFFF;
	background-color:#9F8331; /* B */
}


body.oker section.pagecontent:nth-child(2n) .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #DFB845 62%, transparent 50%); /* A */
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CYAAN (AFWIJKEND) */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.cyaan section.pageintro {
	background-color:#84D6D7; /* A */
	color:#333333;
}
body.cyaan section.pageintro div.tbl > div.img > div {
	background: linear-gradient(0deg, #9BFDFB 50%, transparent 50%); /* B */
}


body.cyaan section.pagecontent h1 {
	color:#84D6D7; /* A */
}
body.cyaan section.pagecontent .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #9BFDFB 62%, transparent 50%); /* B */
}

body.cyaan section.pagecontent a.pcButton {
	color:#467171; /* D */
	background-color:#E6F7F7; /* C */
}
body.cyaan section.pagecontent a.pcButton:hover,
body.cyaan section.pagecontent a.pcButton:active {
	color:#FFFFFF;
	background-color:#84D6D7; /* A */
}





body.cyaan section.pagecontent:nth-child(2n) {
	background-color:#E6F7F7; /* C */
}
body.cyaan section.pagecontent:nth-child(2n) h1 {
	color:#467171; /* D */
}

body.cyaan section.pagecontent:nth-child(2n) a.pcButton {
	color:#467171;
	background-color:#84D6D7; /* A */
}
body.cyaan section.pagecontent:nth-child(2n) a.pcButton:hover,
body.cyaan section.pagecontent:nth-child(2n) a.pcButton:active {
	color:#FFFFFF;
	background-color:#467171; /* D */
}


body.cyaan section.pagecontent:nth-child(2n) .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #84D6D7 62%, transparent 50%); /* A */
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ROOD */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.rood section.pageintro {
	background-color:#EF775C; /* A */
	color:#333333;
}
body.rood section.pageintro div.tbl > div.img > div {
	background: linear-gradient(0deg, #6B382B 50%, transparent 50%); /* B */
}


body.rood section.pagecontent h1 {
	color:#EF775C; /* A */
}
body.rood section.pagecontent .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #6B382B 62%, transparent 50%); /* B */
}

body.rood section.pagecontent a.pcButton {
	color:#EF775C; /* A/B */
	background-color:#FCE4DE; /* C */
}
body.rood section.pagecontent a.pcButton:hover,
body.rood section.pagecontent a.pcButton:active {
	color:#FFFFFF;
	background-color:#EF775C; /* A */
}





body.rood section.pagecontent:nth-child(2n) {
	background-color:#FCE4DE; /* C */
}
body.rood section.pagecontent:nth-child(2n) h1 {
	color:#6B382B; /* B */
}

body.rood section.pagecontent:nth-child(2n) a.pcButton {
	color:#6B382B; /* B */
	background-color:#F8C2B5; /* D */
}
body.rood section.pagecontent:nth-child(2n) a.pcButton:hover,
body.rood section.pagecontent:nth-child(2n) a.pcButton:active {
	color:#FFFFFF;
	background-color:#6B382B; /* B */
}


body.rood section.pagecontent:nth-child(2n) .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #EF775C 62%, transparent 50%); /* A */
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BLAUW */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.blauw section.pageintro {
	background-color:#A3CFC6; /* A */
	color:#333333;
}
body.blauw section.pageintro div.tbl > div.img > div {
	background: linear-gradient(0deg, #274F47 50%, transparent 50%); /* B */
}


body.blauw section.pagecontent h1 {
	color:#A3CFC6; /* A */
}
body.blauw section.pagecontent .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #274F47 62%, transparent 50%); /* B */
}

body.blauw section.pagecontent a.pcButton {
	color:#274F47; /* A/B */
	background-color:#EDF5F4; /* C */
}
body.blauw section.pagecontent a.pcButton:hover,
body.blauw section.pagecontent a.pcButton:active {
	color:#FFFFFF;
	background-color:#A3CFC6; /* A */
}





body.blauw section.pagecontent:nth-child(2n) {
	background-color:#EDF5F4; /* C */
}
body.blauw section.pagecontent:nth-child(2n) h1 {
	color:#274F47; /* B */
}

body.blauw section.pagecontent:nth-child(2n) a.pcButton {
	color:#274F47; /* B */
	background-color:#D6E9E5; /* D */
}
body.blauw section.pagecontent:nth-child(2n) a.pcButton:hover,
body.blauw section.pagecontent:nth-child(2n) a.pcButton:active {
	color:#FFFFFF;
	background-color:#274F47; /* B */
}


body.blauw section.pagecontent:nth-child(2n) .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #A3CFC6 62%, transparent 50%); /* A */
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* GEEL */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.geel section.pageintro {
	background-color:#E2CE7B; /* A */
	color:#333333;
}
body.geel section.pageintro div.tbl > div.img > div {
	background: linear-gradient(0deg, #A19356 50%, transparent 50%); /* B */
}


body.geel section.pagecontent h1 {
	color:#E2CE7B; /* A */
}
body.geel section.pagecontent .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #A19356 62%, transparent 50%); /* B */
}

body.geel section.pagecontent a.pcButton {
	color:#A19356; /* A/B */
	background-color:#F9F5E5; /* C */
}
body.geel section.pagecontent a.pcButton:hover,
body.geel section.pagecontent a.pcButton:active {
	color:#FFFFFF;
	background-color:#E2CE7B; /* A */
}





body.geel section.pagecontent:nth-child(2n) {
	background-color:#F9F5E5; /* C */
}
body.geel section.pagecontent:nth-child(2n) h1 {
	color:#A19356; /* B */
}

body.geel section.pagecontent:nth-child(2n) a.pcButton {
	color:#A19356; /* B */
	background-color:#F2E9C3; /* D */
}
body.geel section.pagecontent:nth-child(2n) a.pcButton:hover,
body.geel section.pagecontent:nth-child(2n) a.pcButton:active {
	color:#FFFFFF;
	background-color:#A19356; /* B */
}


body.geel section.pagecontent:nth-child(2n) .contentblok > div.content > div.img > div {
	background: linear-gradient(0deg, #E2CE7B 62%, transparent 50%); /* A */
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TEMPLATE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrap {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.wrapper {
	position:relative;
	display:block;
	max-width:1024px;
	padding:0 30px;
	margin:auto;
}





/* HEADER */
header {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:900;
	
	padding: 0;
	background-color:#363A44;
}



header div.logo {
	position:absolute;
	right:30px;
	width:200px;
	margin:15px 0;
}
header div.logo img {
	display:block;
	width:100%;	
}





header nav {
	display:table;
	width:100%;
}



header nav > div#headmenu {
	display:table-cell;
	vertical-align:bottom;
	width:500px;
}
header nav > div#headmenu ul {
	margin:0;
	padding:0;
}
header nav > div#headmenu ul > li {
	margin:0 5px 0 0;
	padding:0;
	display:inline-block;
	vertical-align:baseline;
}
header nav > div#headmenu ul > li > a {
	display:block;
	width:155px;
	padding:20px 10px 10px 10px;
	border-top:20px solid #474C59; /*A*/
	background-color:#474C59; /*A*/
	
	font-family:'Maven Pro';
	font-size:18px;
	font-weight:500;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	text-align:center;
	
}
header nav > div#headmenu ul > li > a:hover,
header nav > div#headmenu ul > li > a:active {
	color:#FFFFFF;
	border-top:20px solid #2B2E36; /*A*/
}



header nav > div#headmenu ul > li > a.rood {
	border-top:20px solid #EF775C; /*A*/
	background-color:#EF775C; /*A*/
}
header nav > div#headmenu ul > li > a.rood:hover,
header nav > div#headmenu ul > li > a.rood:active {
	color:#FFFFFF;
	border-top:20px solid #BF5F4A; /*A*/
}

header nav > div#headmenu ul > li > a.blauw {
	border-top:20px solid #A3CFC6; /*A*/
	background-color:#A3CFC6; /*A*/
}
header nav > div#headmenu ul > li > a.blauw:hover,
header nav > div#headmenu ul > li > a.blauw:active {
	color:#FFFFFF;
	border-top:20px solid #82A69E; /*A*/
}

header nav > div#headmenu ul > li > a.geel {
	border-top:20px solid #E2CE7B; /*A*/
	background-color:#E2CE7B; /*A*/
}
header nav > div#headmenu ul > li > a.geel:hover,
header nav > div#headmenu ul > li > a.geel:active {
	color:#FFFFFF;
	border-top:20px solid #B5A562; /*A*/
}




header nav > div#submenu {
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
}

header nav > div#submenu ul {
	margin:10px 0;
	padding:0;
}
header nav > div#submenu ul > li {
	margin:0 0 0 20px;
	padding:0;
	display:inline-block;
	vertical-align:baseline;
}
header nav > div#submenu ul > li:nth-child(1) {
	margin:0;
}
header nav > div#submenu ul > li > a {
	font-size:15px;
	line-height:1.3;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:lowercase;
	
}
header nav > div#submenu ul > li > a:hover,
header nav > div#submenu ul > li > a:active {
	color:#FFFFFF !important;
	opacity: 0.75;
	text-decoration:underline;
}




/* OPEN CLOSE MENU */
div#openMenu {
	display:none;
	width:25px;
	float:right;
}


div#openMenu a {
	color:#FFFFFF;
	font-size:20px;
	line-height:1;
}
div#openMenu a:hover, div#openMenu a:active {
	color:#FFFFFF;
	opacity:0.75;
}



/* MAIN */
main {
}





/* ASIDE */
aside {
	padding:20px 0;
}
aside div.item {
	display:inline-block;
	vertical-align:baseline;
	width:calc(100% / 4);
	margin:20px 0;
}





/* FOOTER */
footer {
	background-color:#474C59;
	padding:10px 0;
	color:#FFFFFF;
	text-align:center;
	text-transform:lowercase;
}


footer a {
	color:#FFFFFF;
}
footer a:hover,
footer a:active {
	color:#FFFFFF !important;
	opacity: 0.75;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LINK SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */