@page {
  margin: 1.5cm;
}

		

body	{
	font-size:12px;
	color: #000000;
}



a {
	color: #000000;
	text-decoration: none;
}




a[href^="tel:"] {
	color:#000000;
}








h1 {
	font-size:20px;
	color:#000000;
}
h2 {
	font-size:20px;
	color:#000000;
	margin-bottom:15px;
}
h2:after {
	background-color: #000000;
    background-size: 12px 4px;
    display: inline-block;
    width: 12px; 
    height: 4px;
	margin-left:5px;
    content:"";
}
h3 {
	font-size:14px;
	color:#000000;
}
h4 {
	font-size:13px;
	color:#000000;
}
h5 {
	font-size:15px;
	color:#000000;
}








/* - - - - - - BASIC STYLES - - - - - -  */
.klein {
	font-size:11px;
}
.kleiner {
	font-size:10px;
}
.kleinst {
	font-size:9px;
}








/* - - - - - - FRMROWS - - - - - -  */





/* - - - - - - FEEDBACK - - - - - -  */
.goed	{
		color:#000000;
		}
.fout	{
		color:#000000;
		}











/* - - - - - - CONTENTBLOCKS - - - - - -  */

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

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

.contentblok.links > div.content > div.img,
.contentblok.rechts > div.content > div.img {
	width:25%;
}


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

.contentblok.rechts > div.content > div.txt {
	padding: 0 40px 0 0;
}
.contentblok.rechts > div.content > div.img > div {
	padding: 0 0 0 15px;
}
















/* - - - - - - PAGER - - - - - -  */
ul.pager > li > a {
	color:#000000;
}
ul.pager > li > a:hover, ul.pager > li > a:active {
	color:#000000;
}








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




ul.arrow > li,
ul.arrow > li {
	margin:5px 0;
	padding:0 0 0 20px;
	background-size:auto 8px;
}


ul.colstyle {
	margin:0 0 20px 0;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
ul.colstyle > li {
	margin:5px 0;
	padding:0 0 0 20px;
	
	background-size:auto 8px;
}










/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PAGES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
section.pageintro {
	color: #000000;
	padding-top:0;
	padding-bottom:10px;
	background-color:transparent;
}


section.pageintro a {
	color:#000000;
}

section.pageintro div.tbl > div.txt {
	padding:0 40px 0 0;
}
section.pageintro div.tbl > div.img {
	width:25%;
}
section.pageintro div.tbl > div.img > div {
	padding-left:15px;
	background: linear-gradient(0deg, #626777 50%, #FFFFFF 50%);
}



section.pageintro ul.summary {
	margin:15px 0 0 0;
	padding:0;
}
section.pageintro ul.summary > li {
	margin:2px 0;
	padding:0 0 0 15px;
	
	background-size:auto 8px;
}






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

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

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

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

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









section.pagecontent {
	padding:20px 0;
}



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



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

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


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








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

#cijfersWrap section h1 > span.title {
	width:calc(100% - 25px);
}
#cijfersWrap section h4 {
	font-size:13px;
	margin-bottom:5px;
}

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






#cijfersWrap div.kaders {
	margin-top:10px;
}
#cijfersWrap div.kaders > div {
	width:calc((100% - 20px) / 3);
}
#cijfersWrap div.kaders > div:nth-child(2) {
	margin:0 10px;
}





#cijfersWrap .timeline > div > div {
	padding-bottom:20px;
}





#cijfersWrap .timeline .datum {
	padding:5px 10px;
	font-size:13px;
	margin-top:6px;
}


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










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

#vragenWrap section h1 > span.title {
	width:calc(100% - 25px);
}

#vragenWrap section h3,
#vragenWrap section div.tips,
#vragenWrap section div.tools {
	margin-left:25px;
}
#vragenWrap section h3 > a::before {
	background-size: 30px 2px;
    width: 30px; 
    height: 2px;
	margin-right:10px;
	margin-bottom:4px;
}
#vragenWrap section h3 > a > i {
	font-size:11px;
	margin-left:10px;
}



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






#vragenWrap section h4 {
	margin-bottom:10px;
}





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


div.example > div:nth-child(1) {
	padding-right: 0;
}
div.example > div:nth-child(2) {
	display:none;
}




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

#vragenWrap section:nth-child(2n) h4 {
	color:#D1D2D5;
}
#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-paars-a.png);
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* VRAGEN ROOD */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

body.rood #vragenWrap section:nth-child(2n) h4 {
	color:#EF775C;
}
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:nth-child(2n) {
	background-color:#FFFFFF; /*D*/
}

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:nth-child(2n) {
	background-color:#FFFFFF; /*D*/
}

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);
}












/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-home section.pageintro div.tbl > div.txt {
	vertical-align:bottom;
}
div.homelogo {
	width:100%;
	max-width:250px;
	margin-bottom:20px;
	
	
	border:10px solid #474C59;
	background-color:#474C59;
}








#homecontent div.contentblok {
	margin:40px 0;
}
#homecontent div.contentblok > div.content > div {
	vertical-align:bottom;
}
#homecontent div.contentblok > div.content > div.img {
	width:25%;
}
#homecontent div.contentblok > div.content > div.img > div {
	padding:0 15px 0 0;
}
#homecontent div.contentblok > div.content > div.txt {
	padding:0 0 0 40px;
}


#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.img > div {
	padding:0 0 0 15px;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.txt {
	padding:0 40px 0 0;
}



#homecontent div.contentblok h5 {
	font-size:13px;
	margin-bottom:5px;
}
#homecontent div.contentblok h1 > a,
#homecontent div.contentblok h1 > a:hover,
#homecontent div.contentblok h1 > a:active {
	color:#000000;
}

#homecontent div.contentblok ul > li {
	margin:2px 0;
	padding:0 0 0 15px;
	
	background-size:auto 8px;
}







#homecontent div.contentblok.rood > div.content > div.img > div {
	background: linear-gradient(0deg, #EF775C 62%, #FFFFFF 50%);
}
#homecontent div.contentblok.blauw > div.content > div.img > div {
	background: linear-gradient(0deg, #A3CFC6 62%, #FFFFFF 50%);
}
#homecontent div.contentblok.geel > div.content > div.img > div {
	background: linear-gradient(0deg, #E2CE7B 62%, #FFFFFF 50%);
}






#homecontent div.contentblok:nth-child(2n + 1) > div.content > div.img {
	width:25%;
}
#homecontent div.contentblok:nth-child(2n + 1) > div.content > div.img > div {
	padding:0 15px 0 0;
}
#homecontent div.contentblok:nth-child(2n + 1) > div.content > div.txt {
	padding:0 0 0 40px;
}



#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.img {
	width:25%;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.img > div {
	padding:0 0 0 15px;
}
#homecontent div.contentblok:nth-child(2n + 2) > div.content > div.txt {
	padding:0 40px 0 0;
}




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


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


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

body.oker section.pagecontent a.pcButton {
	color:#9F8331; /* A/B */
	background-color:#F7EDD0; /* C */
}




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

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



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





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


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

body.cyaan section.pagecontent a.pcButton {
	color:#467171; /* D */
	background-color:#E0F5F5; /* C */
}





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

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


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





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


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

body.rood section.pagecontent a.pcButton {
	color:#EF775C; /* A/B */
	background-color:#FBDDD6; /* C */
}





body.rood section.pagecontent:nth-child(2n) {
	background-color:#FFFFFF; /* C */
}
body.rood section.pagecontent:nth-child(2n) h1 {
	color:#EF775C; /* A */
}

body.rood section.pagecontent:nth-child(2n) a.pcButton {
	color:#EF775C; /* A/B */
	background-color:#FBDDD6; /* C */
}


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





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


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

body.blauw section.pagecontent a.pcButton {
	color:#274F47; /* A/B */
	background-color:#E8F3F1; /* C */
}





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

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


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





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


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

body.geel section.pagecontent a.pcButton {
	color:#A19356; /* A/B */
	background-color:#F8F3DE; /* C */
}





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

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


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






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


.wrapper {
	padding:0;
}





/* HEADER */
header {
	position:static;
	background-color:transparent;
}



header div.logo {
	position:static;
	border:5px solid #363A44;
	background-color:#363A44;
}

#headerpush {
	display:none;
}



header nav {
	display:none;
}




/* OPEN CLOSE MENU */
div#openMenu {
	display:none;
}



/* MAIN */
main {
}





/* ASIDE */
aside {
	display:none;
}





/* FOOTER */
footer {
	display:none;
}