h2 {
	font-size:50px;
}
h2:after {	
    background-size: 30px 10px;
    width: 30px; 
    height: 10px;
}






















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

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












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

@media (max-width: 767px) {
	ul.colstyle {		
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		
		-webkit-column-gap: 0; /* Chrome, Safari, Opera */
		-moz-column-gap: 0; /* Firefox */
		column-gap: 0;
	}
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PAGES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (max-width: 767px) {
	section.pageintro div.tbl {
		display:block;
	}
	section.pageintro div.tbl > div {
		display:block;
	}
	section.pageintro div.tbl > div.txt {
		padding:0 0 40px 0;
	}
	section.pageintro div.tbl > div.img {
		display:none;
	}
}



@media (max-width: 767px) {
	section.pagecontent {
		padding:60px 0;
	}
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FEITEN EN CIJFERS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#cijfersWrap div.kaders > div {
	display:block;
	width:100%;
}
#cijfersWrap div.kaders > div:nth-child(2) {
	margin:20px 0;
}


@media (max-width: 767px) {
	#cijfersWrap section {
		padding:60px 0;
	}
	
	
	
	


	#cijfersWrap .timeline > div {
		display:block;
		padding-bottom:40px;
	}
	#cijfersWrap .timeline > div:nth-last-child(1) {
		padding-bottom:0;
	}
	#cijfersWrap .timeline > div > div {
		display:block;
		padding-bottom:0;
	}
	
	#cijfersWrap .timeline > div > div:nth-child(1) {
		width:100%;
		text-align:left;
	}
	#cijfersWrap .timeline > div > div:nth-child(2) {
		display:none;
	}
	#cijfersWrap .timeline > div > div:nth-child(3) {
		width:100%;
		padding-top:11px;
	}
	
	
	
	#cijfersWrap .timeline > div.inverse {
		direction:ltr;
	}
	#cijfersWrap .timeline > div.inverse > div:nth-child(3) {
		direction:ltr;
		text-align:left;
	}
	#cijfersWrap .timeline > div.inverse > div:nth-child(1) {
		direction:ltr;
		text-align:left;
	}
	
	
	
	
	#cijfersWrap .timeline .datum {
		display:inline-block;
		vertical-align:top;
		color:#467171;
		background-color:#E0F5F5;
		padding:10px 20px;
		
		font-size:22px;
		font-weight:500;
		line-height:1;
	}

}





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


@media (max-width: 767px) {
	#vragenWrap section {
		padding:60px 0;
	}
	
	body.oker #vragenWrap section.search {
		padding:60px 0 1px 0;
	}
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


@media (max-width: 767px) {
	#homecontent div.contentblok {
		margin: 20px 0 40px 0 !important;
	}

	#homecontent div.contentblok h5 {
		color:#333333 !important;
	}
	#homecontent div.contentblok h1 {
		color:#FFFFFF;
	}
	#homecontent div.contentblok h1 > a,
	#homecontent div.contentblok h1 > a:hover,
	#homecontent div.contentblok h1 > a:active {
		color:#FFFFFF;
	}
	#homecontent div.contentblok a.more {
		color:#333333 !important;
	}
	
	
	#homecontent div.contentblok ul > li > a {	
		color: #FFFFFF;
	}
	#homecontent div.contentblok ul > li > a:hover,
	#homecontent div.contentblok ul > li > a:active {
		color:#FFFFFF;
		opacity:0.75;
	}
	
	
	
	


	#homecontent div.contentblok > div.content {
		display:block;
	}
	#homecontent div.contentblok > div.content > div {
		display:block;
	}
	#homecontent div.contentblok > div.content > div.img {
		width:100% !important;
		max-width:none !important;
	}
	#homecontent div.contentblok > div.content > div.img > div {
		width:100% !important;
		padding:0 !important;
		background:none !important;
	}
	#homecontent div.contentblok > div.content > div.txt {
		position:static !important;
		left:auto;
		bottom:auto;
		width:100% !important;
		padding:20px !important;
	}
	
	
	#homecontent div.contentblok.rood  > div.content > div.txt {
		background-color:#EF775C !important;
	}
	#homecontent div.contentblok.rood ul > li {		
		background-image:url(../img/layout/ul-arrow.png);
	}
	
	#homecontent div.contentblok.blauw  > div.content > div.txt {
		background-color:#A3CFC6 !important;
	}
	#homecontent div.contentblok.blauw ul > li {		
		background-image:url(../img/layout/ul-arrow.png);
	}
	
	#homecontent div.contentblok.geel  > div.content > div.txt {
		background-color:#E2CE7B !important;
	}
	#homecontent div.contentblok.geel ul > li {		
		background-image:url(../img/layout/ul-arrow.png);
	}
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TEMPLATE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wrapper {
	padding:0 20px;
}





/* HEADER */

header div.logo {
	position:static;
	right:0;
}




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



header nav > div#headmenu {
	display:block;
	width:100%;
	padding-top:10px;
}
header nav > div#headmenu ul > li {
	margin:10px 0;
	display:block;
	text-align:center;
}
header nav > div#headmenu ul > li > a {
	display:block;
	width:auto;
	padding:5px 10px;
	border-top:none !important;
	
}
header nav > div#headmenu ul > li > a:hover,
header nav > div#headmenu ul > li > a:active {
	border-top:none;
	color:#FFFFFF;
	text-decoration:none;
}




header nav > div#headmenu ul > li > a.rood:hover,
header nav > div#headmenu ul > li > a.rood:active {
	background-color: #BF5F4A; /*A*/
}


header nav > div#headmenu ul > li > a.blauw:hover,
header nav > div#headmenu ul > li > a.blauw:active {
	background-color: #82A69E; /*A*/
}

header nav > div#headmenu ul > li > a.geel:hover,
header nav > div#headmenu ul > li > a.geel:active {
	background-color: #B5A562; /*A*/
}







header nav > div#submenu {
	display:block;
	width:100%;
	margin:15px 0;
}
header nav > div#submenu ul {
}
header nav > div#submenu ul > li {
	display:block;
	margin:5px 0;
	text-align:center;
}




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












/* ASIDE */
aside div.item {
	width:calc(100% / 3);
}