body{
	background:#FFF;
	font-family: var(--standaardFont);
	font-size:18px;
	font-weight:400;
	line-height:25px;
	margin-top:0;
	padding-top:0;
	margin:0;
	padding:0;
	color:var(--tekstKleur);
}
#header{
	border:0;
	background-color:var(--fullheaderAchtergrondKleur);
	margin-bottom:20px;
}
.container{
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
img, svg {
	vertical-align: middle;
}


b, strong{
	 font-family:"Karla";
	 font-weight:600;
}
.wrapper {	
	margin: 0px auto;
	max-width:1700px;
	width: 100%; 
	padding:0;
	position:relative;
}
/*bootstrap nav */

.menu-link {
	padding-bottom:10px!important;
}
.sub-menu-container .menu-item > .menu-link ,.sub-sub-menu-container .menu-item > .menu-link {
	padding: 6px 5px;
	font-size: 0.90rem;
	text-transform:none;
}
/*hamburger */
.svg-trigger path{
	stroke: var(--hamburgerKleur);
}

/*uitklap pijltjes*/
.menu-item .sub-menu-trigger {
	color:  var(--uitklapmenuSubMenuTekstKleurMobiel);
}
.active.menu-item .sub-menu-trigger {
	color:  var(--uitklapmenuSubMenuActieveTekstKleurMobiel);
}
.sub-menu-container .active.menu-item .sub-menu-trigger {
	color:  var(--uitklapmenuSubMenuTekstKleurMobiel);
}

/*uitklap menu */
.sub-menu-container, .mega-menu-content {
	border-top: 2px solid var(--uitklapmenuTopBorderKleur);
}

/*hoofdkleur */
.menu-link {
	color:var(--hoofdMenuTekstKleur) ;	
	font-size:18px;
	font-family: 'Hind Siliguri', sans-serif;
	letter-spacing: 0;
}
 a.active div {
	color: var(--hoofdMenuActieveTekstKleur);
}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
	color: var(--hoofdMenuHoverTekstKleur);
	text-decoration:none;
}

/*submenu */
.sub-menu-container .menu-item > .menu-link{
	font-weight:400;	
}
.sub-menu-container .menu-link {
	color:var(--uitklapmenuSubMenuTekstKleur)!important ;	
}
.sub-menu-container  a.active div {
	color: var(--uitklapmenuSubMenuActieveTekstKleur)!important;
}
.sub-menu-container .menu-item:hover > .menu-link {
	color: var(--uitklapmenuSubMenuHoverTekstKleur)!important;
	text-decoration:none;
}

 

@media (max-width: 992px){
	/*hoofdkleur mobiel*/
	.menu-link {
		color:var(--hoofdMenuTekstKleurMobiel) ;	
	}
	 a.active div, .active a.menu-link {
		color: var(--hoofdMenuActieveTekstKleurMobiel);
	}
	.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
		color: var(--hoofdMenuHoverTekstKleurMobiel);
	}
	
	/*submenu mobiel*/

	.sub-menu-container .menu-item > .menu-link {
		color:var(--uitklapmenuSubMenuTekstKleurMobiel)!important ;	
	}
	.sub-menu-container  a.active div {
		color: var(--uitklapmenuSubMenuActieveTekstKleurMobiel)!important;
	}
	.sub-menu-container .menu-item:hover > .menu-link {
		color: var(--uitklapmenuSubMenuHoverTekstKleurMobiel)!important;
		text-decoration:none;
	}
	.full-header .primary-menu .menu-container{
		background-color: var(--uitklapmenuAchtergrondMobiel);
	}
	
	/*subsubmenu mobiel*/

	.sub-sub-menu-container .menu-item > .menu-link {
		color:var(--uitklapmenuSubMenuTekstKleurMobiel)!important ;	
	}
	.sub-sub-menu-container  a.active div {
		color: var(--uitklapmenuSubMenuActieveTekstKleurMobiel)!important;
	}
	.sub-sub-menu-container .menu-item:hover > .menu-link, .sub-sub-menu-container .menu-item.current > .menu-link {
		color: var(--uitklapmenuSubMenuHoverTekstKleurMobiel)!important;
		text-decoration:none;
	}

	.sub-menu-container .menu-item:hover > .menu-link {
		font-weight: 400;
	}
}



#logo{
	display: flex;
	align-items: center;
	margin:10px auto 10px auto;
	padding-right:0;
	width: calc(100% - 50px);
}
#logo a.standard-logo,#logo a.retina-logo {
	margin: 0 auto;
}
.full-header #logo{
	padding-right:0;
}
.full-header .primary-menu .menu-container {
	padding-right:0;
	margin-right: 0;
	border-right: 0;
}
.primary-menu {
	padding-left: var(--navInspring);
}
#top-search{
	position:absolute;
	display: none;	
}
#logo img {
	max-width: 300px;
	height:auto;
	width:100%;
}
.bhome .main{
		display:none;
}
#max{
	display:none;	
}
.totaal, .totaalhome {	
	padding-bottom:0;
	margin:0;
	width: 100%;
	max-width:1700px;
	
}
.subnavrechtsboven{
	position:absolute;
	top:-80px;	
	right:120px;
}

.downloaddiv td{
	vertical-align:top;	
}
.downloaddiv td.down-text-td{
	vertical-align:middle;	
}
.bgfoto{
	float:left;
	position:relative;
	width:98%;
	overflow:hidden;
	margin:0 1%;
}
.ban1{
	position:absolute;
}
.banner,.banner1{
	top:0;
}
.banner_tekst{
	top:9px;
}
.car_blokjes{
	top:13px;
	right:13px;
}
.car_blokje{
	background-color:var(--bolletjeAchtergrondKleur);
	height:16px;
	width:16px;
	border-radius:8px;
	z-index:999999999;
}
.blokhi{
	background-color:var(--bolletjeAchtergrondKleurActief);
}
.item_bg, .introrechts{
	font-weight:400;
}
.nhome article.lijnrechts{
	float:left;	
}
.introhome{
	z-index:99999;position:relative;float:left;
	width:94%;padding:3%;
	background:url('../images/intro_home_bg.png') bottom no-repeat;
	margin-bottom:40px;
	font-size:21px;
	line-height:28px;
	color:var(--introHomeTekstKleur);
}
.hometekst{
	width:50%;
	padding:20px 0;
	float:left;
}
.hometekst:last-child{
	padding-left:7%;
}
.hometekst li {
  list-style: none;
}
.hometekst li:before {
	/* For a round bullet */
	content: '\2022';
	/* For a square bullet */
	/*content:'\25A0';*/
	display: block;
	position: relative;
	max-width: 0;
	max-height: 0;
	left: -20px;
	top: -9px;
	color: #fdc600;
	font-size: 30px;
}
.nietbreed, .hometekst{
	max-width:950px;	
}
.logo{
	margin-top:5px;
	padding-bottom:5px;
	margin-right:8%;
}
.logo img{
	width:100%;
}
img.volgons{
	width:38px;
	height:38px;
	margin-left:4px;
}
.mob img.volgons{
	width:30px;
	height:30px;
	margin-top:17px;
	margin-left:9px;
}
#zoekvak a{
	color:#fff;
}

input#woord{
	border:1px solid #fff;
}
.social{
	color: #999999;
	top:17px;
	right:17px;
	z-index:999999;
	float:right;
}

.logodiv{
	padding:10px;	
}

.mwfoto img{
	border-radius:var(--MedewerkerFotoborderRadius);
	margin-left:10px;
}
.mwfoto{
	padding-top:10px;
	border-top-left-radius:var(--borderRadius);
	border-bottom-left-radius:var(--borderRadius);
}
.mwtekst{
	padding-top:10px;
	padding-left:30px;
	border-top-right-radius:var(--borderRadius);
	border-bottom-right-radius:var(--borderRadius);
}

a.button{
	margin-top:10px;
	background-color:var(--buttonAchtergrondKleur);
	color:var(--buttonTekstKleur);
	border-radius:12px;
}
a.button:hover{
	background-color:var(--buttonHoverAchtergrondKleur);
	color:var(--buttonHoverTekstKleur);
	border-radius:12px;
}
.carrousel{
	background-color:transparant;
}
.carkleur1, .carkleur2, .carkleur3,.carkleur4, .carkleur5, .carkleur6{
	background-color:none;
	color:#4f4e4c;	
	font-family:var(--standaardFont);
	font-weight:600;
	font-size:20px;
	line-height:26px;
}

h1{
	font-size: 32px;
	line-height:1.4;
	margin-top:18px;
	margin-bottom:15px;
	font-family:var(--titelFont);
	font-weight:600;
}
h2{
	font-size: 27px;
	line-height:1.4;
	font-family:var(--titelFont);
	font-weight:600;
}
h2.albumkop, .heel h2.albumkop{
	font-size: 32px;
	line-height:1.4;
	margin-top:50px;
	margin-bottom:20px;
	font-weight:600;
}
h1,h2,h3,h4{
	color:var(--kopKleur);
}


h3{
	font-size:22px;
	line-height:1.4;
	font-family:var(--titelFont);
	font-weight:600;
	margin-top:20px;
}
h2.vulbg, .halflinks h2, .halfrechts h2, .tweederdelinks h2, .tweederdelinksverder h2, .derdelinks h2, .derdemidden h2, .derderechts h2, .heel h2, .kleurtitel h2,  h2.groepkop{
	border-bottom:0;
	font-size:22px;
	line-height:26px;
	padding: 10px 0 5px 0;
	background:none;
	font-family:var(--standaardFont);
	font-weight:600;
	
}
.directelinks h2{
	padding: 0;
	
}
.groepitemsrechts h2.groepkop{
	padding-top:0;	
}
.navkolom h2.groepkop{
	padding:5%;
	width:90%;
}
.handje{
	cursor:pointer;
}

h2.groepkop{
	border-bottom:0;
}
h2.rubriekkop{
	margin-bottom:15px;
}

.item_txt h2{
	font-weight:bold;	
}
.kleurtitel h2{
	border-bottom:0;
	padding-bottom: 5px;
}
h2.detail{
	font-size:23px;
	line-height:29px;
}
.zij h2, .zij .heel h2, .zij .kleurtitel h2, .zij  h2.groepkop{
	color:var(--kopKleurZijkant);
}
.kleurtitel{
	margin-bottom:10px;	
}

hr {
	border-top: none;
}
.inleiding{
	float:left;
	font-size:21px;
	line-height:1.4;
	color:var(--inleidingKleur);
	font-weight:600;	
}
.totaalhome .inleiding{
	color:var(--inleidingKleur);
}
hr.tekstscheider{
	margin-top:15px;
	margin-bottom:10px;
}
.tekst{
	font-size:19px;
	line-height:1.4;
	padding-bottom:40px;
	color:var(--tekstKleur);
}
.item{
	padding:0px 0px 10px 0px;
	margin-bottom:12px;
	font-weight:300;
}
 .item_bg, .berichtenrechts {
	border-top:0;
}
 .berichtenrechts {
	padding-top:0;
}
 .item_txt{
	padding-top:8px;
	padding-bottom:20px;	
}
.item_img{
 	padding:0;
	border-radius:10px;
	margin:10px 3% 10px 0;
	width:22%;
	overflow:hidden;
}
#uitgelicht_img{
	padding:0;
	border-radius: var(--borderRadius);
	margin:10px 0 ;
}
.vulbg hr, .halflinks hr, .halfrechts hr, .tweederdelinks hr, .tweederdelinksverder hr, .derdelinks hr, .derdemidden hr, .derderechts hr, .heel hr{
	border-top: 0;
}

.bericht, .bericht_zonder_hover{
	padding:10px 0 10px 0;
	line-height:23px;
	width:100%;
}

.berichtrechts{
	padding:10px 0 10px 0;
	line-height:23px;
	width:100%;
}
.filterblok{
	border:0;
	background-color:var(--formAchtergrondKleur);
}
.bericht:hover{
	
}
.halflinks, .halfrechts, .tweederdelinks, .tweederdelinksverder, .derdelinks, .derdemidden, .derderechts,.heel, div.opgevuld{
	padding-bottom:2px;
}
ul.opgevuld {	
	margin:7px 0 12px 0;   
}

div.kader{
	background: none;
	padding:0;
	border:0;
}
.kleurkopje,.datumkop{
	padding-top:0;
	color: var(--datumTekstKleur)!important;
	font-size:16px;
	
}
.bhome .kleurkopje,.bhome .datumkop{
	color: var(--datumTekstKleur);
}
div.nieuwskop, b.mededelingenkop, b.agendakop,b.nieuwskop{
	font-size:18px;	
	line-height:24px;
	font-weight:normal;
	color:var(--NieuwsKopTekstKleur);
	font-family:var(--standaardFont);
	font-weight:600;
	padding-top:0;
}

.agendabericht{
	margin-top:5px;
	margin-bottom:0px;
}
.nieuwsfotoklein{
	border:0;
}
.terug a{
	color:var(--linkKleur) ;	
}
.subnavkop{
	float:left;	
	z-index:2;
	margin-bottom:0px;
	padding:0;
}
.subnavkop h3{
	padding-bottom:15px;
	margin-bottom:10px;
	padding-left:0;
}
.subnavinhoud{
	float:left;
	padding:8px 5% 15px 5%;
	width:90%;
	padding-bottom:15px;
	z-index:1;
}
.bhome .subnavinhoud{
	padding:8px 0 15px 0;
	width:100%;
}
ul.subnavUL li  ,ul.subnavUL li.subnavuitloggen  {
	clear:both;
	color:var(--subMenuTekstKleur);
	font-size:16px;
	line-height:23px;
	padding:4px 0;
}
ul.subnavUL li  a,ul.subnavUL li.subnavuitloggen a{ 
	color:#fff;
}

ul.subnavUL li:last-child  ,ul.subnavUL li.subnavuitloggen:last-child  {
	
}

ul.subnavUL li:hover ,ul.subnavUL li.hi  {
	color:var(--subMenuTekstActieveKleur) ;	
}
ul.subnavUL li.hi  {
	font-weight:700;
}
ul.subnavUL li.subnavuitloggen  {
	
}


.header{
	margin-top:0px;
	line-height:0;
	font-size:0px;
}
.header_img,.header_img_breed {
 	width: 100%;
 	margin:0px;
}

.uitgelicht_bg{
	padding-bottom:15px;
	font-size:15px;
	color:#fff;
}
.uitgelicht_bg a{
	text-decoration:underline;
}
.opgevuld h2,.item h2{
	font-size:19px;
}
.share{
	color:#999;	
}
.zij .share{
	color:#999;	
}
.share img{
	border-radius:5px;	
}
.main{
	background-color: #FFF;
	padding-top:20px;
	width:100%;
	z-index:99999999;
	line-height:1.4;
}
.main article{
	float: left;
	width: 68%;
	padding-left:3%;
	margin-left:0;
	z-index:99999999;
}
.main aside {
	width: 24%;
	margin:0;
	padding:20px 2% 0 0;
	margin-top:0;
	z-index:999;
}
.totaalhome .main aside {
	
}
.kop{
	margin-top:0;
}
#himg{
	border-radius: var(--borderRadius);
}
.main article, .main article section{
	margin-bottom:20px;
}
.extrapaginapulldown{
	margin-left:0;
	margin-right:0;
	width:80%;
}
.topheader{
	float:left;position:relative;width:100%;margin-top:0;padding:0;z-index:99999;background-color:#fff;
}
*, ::after, ::before {
	box-sizing: border-box;
}
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x)/ -2);
	margin-left: calc(var(--bs-gutter-x)/ -2);
}
.row>* {
	max-width: 100%;
	margin-top: var(--bs-gutter-y);
}
@media (min-width: 768px){
	.col-md-2 {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	.col-md-5 {
		flex: 0 0 auto;
		width: 41.6666666667%;
	}
}
.info1, .info2 {
	padding-right: 20px !important;
	padding-left: 20px !important;
	margin-bottom:25px;
}
.content-container {
	width:calc(100% - 60px);
	max-width: 1200px;
	padding: 0 30px;
	position:relative;
	
	text-align:left;
}
#footer-inhoud .content-container {
	width:calc(100% );
	padding: 0 ;
}
.sectie{
	clear:both;
	position:relative;
	width:100%;
	padding:30px;
}
.header-logo{
	position:absolute;
	left:3%;
	margin-top:8px;
	top:0;
	width:var(--logoBreedte);
	max-width:var(--logoMaxBreedte);
	z-index: 9999999;
}
.header-logo img{
	width:100%;
}

.tabel td{
	padding:4px 10px 4px 10px;
}
.headerbg{
	padding-top:80px;
	display:table;
	width:100%;	
	min-height:var(--hoofdMenuMinimaleHoogte);
	background-size:var(--introAchtergrondGrootte);
}
.header-tabel{
	display:table;
	width:100%;
}

.header-tekst{
	width: var(--tekstbreedte);
	vertical-align: middle;
	line-height:1.2;
	color:var(--introHomeTekstKleur);	
	font-weight:600;
	font-family: var(--titelFont);
	display:table-cell;
	text-align:center;
	padding: 60px 20% 40px 20%;
}
.bhome	.header-tekst {
	
	
}
.header-foto-div{
	width: var(--fotobreedte);
	display:table-cell;
	padding-right: 2%;
	padding-bottom: 30px;
	position:absolute;
	right:2%;
	top: 60px;
}

.header-foto{
	width:100%;
	border-radius:var(--HeaderFotoborderRadius);
	overflow:hidden;
	max-width:var(--fotoMaxbreedte);
}


#header-down-arrow{
	position:absolute;
	bottom:50px;
	left:calc(50% - 16px);
	width:32px;
	font-size:48px;
}
#talen{
	position:absolute;
	right:20px;
	top:20px;
}
#talen img{
	padding-right:20px;
	width:50px;
}
#primary-menu-trigger{
	position:absolute;
	right:20px;
	top:20px;
	z-index: 999999999;
}
.svg-trigger {
	width: 50px;
	height: 50px;
}

#footer {
	border-top:0;
	color:var(--footerTekstKleur);
	margin-top:0px !important;
}
#footer h3{
	color:var(--footerTekstKleur);
}
.footer-mask{
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.footer-mask img{
	width:100%;
}

#footer-inhoud {
	background: var(--footerAchtergrondKleur);
	width:100%;
	padding:15px 0;
	border-radius:var(--borderRadius);
	margin-left:0;
	margin-right:0;
}
.branding{
	background: var(--schoolSiteBannerAchtergrondKleur);
	text-align:center;
	padding:8px 0;
	font-size:18px;
	clear:both;
}
.branding img{
	width:100%;
	max-width:130px;
}
.social{
	height:36px;
	margin-top:12px;
	margin-right:12px;
}
.footerlogo {
	width: 90%;
	max-width: 200px;
	padding: 15px 0;
}
.foto-kolom-links{
	
}
.foto-kolom-links img,.foto-kolom-rechts img{
	width:100%;
}
.foto-kolom-links,.foto-kolom-rechts{
	
}

.tekst-kolom-rechts{
	padding-left:50px;	
	padding-top:40px;	
}
.tekst-kolom-links{
	padding-right:50px;
	padding-top:40px;	
}
.foto-kolom-rechts{
	
	
}
.info1,.info2{
	padding-right:20px !important;
	padding-left:20px !important;
}
.volg{
	text-align:right;	
}
.kolom-kop{
	font-size: 30px;
	text-align: left;
	font-weight:600;
}
.mask{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;	
}
.mask{
	width:100%;	
}

.content-wrap{
	padding:40px 0;	
}
.full-header #logo, .full-header .primary-menu .menu-container{
	border-right: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	padding-left: 0px;
	padding-right: 0px;
}

.knop{
	background: var(--buttonAchtergrondKleur);
	border-radius:var(--borderRadius);
	opacity: 1;
	text-align: center;
	font-size: 20px;
	line-height:32px;
	color:var(--buttonTekstKleur);
	padding:5px 30px;
	font-family: 'Hind Siliguri', sans-serif;
}
.knop:hover{
	color:var(--buttonHoverTekstKleur);
	background-color:var(--buttonHoverAchtergrondKleur);
}
.datum{
	font-size: 80%;
	color:#c97765;
	font-weight:400;	
}

#cwrapper{
	height:100%;
	width:100%;	
	background: #FFF;
}
#cwrapper td {
	vertical-align: middle;
	text-align: center;
}
.streep{

	
}


.centered{
	vertical-align: middle;
	text-align: center;
}
.groeppdrechts, .groepitemsrechts{
	background-color: var(--subMenuAchtergrondKleur);
	padding:5%;
	width:90%;
	color:#fff;
	border-radius: var(--borderRadius);
}
#uitgelicht{
	padding:0;
	width:90%;
	margin-right:10%;
	color:#FFF;
}
.nieuwsdatumdetail{
	width:100%;	
	display:block;
}
.nieuwstiteldetail{
	clear:both;	
}
#nieuwspagina .heel,#vacaturepagina, .hoogtepunten{
	display:flex;
	flex-wrap:wrap;	
}
.detail #nieuwspagina .heel,.detail #vacaturepagina{
	display:block;	
}
.vacature{
	clear:none;
}
.nieuwsbericht, .vacature, .hoogtepunt {
	width:48%;
	padding: 2%;
	clear:none!important;
	background-color: #efefef;
	color:#000;
	margin-right:2%;
	margin-bottom:20px;
	border-radius:var(--borderRadius);
}
.nieuwsbericht:nth-child(2n), .vacature:nth-child(2n){
	margin-right:0;
}
.nieuwstitellijst, .vacaturetitellijst{
	color:var(--NieuwsKopTekstKleur);	
}
.nieuwsbericht a, .vacature a{
	color:#000!important;
}
#nieuwspagina .nieuwskleur, #vacaturepagina .nieuwskleur{
	color: var(--NieuwsKopTekstKleur);
}
.navkolom{
	background-color: var(--subMenuAchtergrondKleur) ;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);*/
	width:90%;
	padding:0;
	color:#fff;
	border-radius: var(--borderRadius);
}
 #header-wrap{
	top: 0;
	height: var(--hoofdMenuMinimaleHoogte);
	background-color: var(--hoofdMenuAchtergrondKleur);
	z-index:9999999;
}

.sticky-header #header-wrap, .sticky-header.full-header #header-wrap{
	background-color: var(--hoofdMenuAchtergrondStickyKleur);
	border-bottom: 0;
	height: var(--hoofdMenuAchtergrondStickyMobielHoogte);
}


.sticky-header .header-logo img{
	height:var(--hoofdMenuStickyLogoHoogte);
	width:auto;
}
.header-wrap-clone {
	display:none!important;
}

@media (max-width: 1400px){
	.header-tekst{
		font-size:3vw;
	}
	.knop{
		font-size: 15px;
		line-height:22px;
	}
	#header-down-arrow{
		bottom:0px;
	}
}
@media (max-width: 992px){

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
	.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
	.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
	.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
	.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
	.col-xl-auto {
		padding-left: 15px;
	}
	.navkolom, #uitgelicht{
		width:100%;	
		margin-right:0;
	}
	.nieuwsbericht, .vacature, .hoogtepunt {
		width:100%;
		padding: 2%;
		margin-right:0;
	}
	.header-tabel{
		margin-top:var(--headerTekstAfstandTopMobiel);
	}
	
	#header-wrap {
		position:absolute;
	}
	 #header-wrap,.sticky-header #header-wrap, .sticky-header.full-header #header-wrap{
		background-color: var(--hoofdMenuAchtergrondStickyKleurMobiel);
		height: var(--hoofdMenuAchtergrondStickyMobielHoogte);
	}
	.header-nav {
		position:absolute;
	}
	.header-logo{
		width:var(--logoBreedteMobiel);
		max-width:var(--logoMaxBreedteMobiel);
		height:auto;
		z-index: 9999999;
	}
	.header-foto-div{
		width: var(--fotobreedteMobiel);
		display:block;
		padding-left:4%;
		top:100px;
	}
	.header-tekst{
		font-size:27px;
		width: var(--tekstbreedteMobiel);
		padding-left:var(--tekstInspringMobiel);
		padding-top:0px;
		padding-bottom:40px;
		padding-left:20%;
		padding-right:20%;
		display:block;
	}
	
	.knop{
		font-size: 13px;
		line-height:28px;
		padding:3px 25px;
	}
	.header-nav{
		width:100%;
		left:0;
		top:60px;
		z-index:99999999999;
	}
	
	 .menu-link.active {
		color: #fff !important;
	}
	
	.primary-menu{
		width:95%;
	}
	 a.active div, .active a.menu-link, .sub-menu-container .active a, .sub-menu-container .menu-item > .active .menu-link {
		
	}
	.hometabel, .homecel3, .homecel4, .albumintro{
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom:30px;
	}
	.quote {
		width: 92%;
		position: relative;
		margin-left: 4%;
		margin-right: 4%;
}
	.foto-kolom-links, .tekst-kolom-rechts, .tekst-kolom-links, .foto-kolom-rechts{
		padding-right:0;
		padding-left:0;	
		
	}
	.mask{
		left:15px;
		width:calc(100% - 15px);
	}
	

	
}
@media (max-width: 600px){
	body{
		
	}
	.sectie{
		padding: 30px 0;	
	}

	
	.kolom-kop{
		font-size: 22px;
	}
	.footerlogo {
		max-width: 200px;
	}
	.branding{
		font-size:12px;	
		padding-left:5%;
		padding-right:5%;
	}
	.quotes{
		font-size:19px;	
	}
	h2.tussenkop{
		font-size:29px;	
	}
	#footer h3{
		font-size:26px;
	}
	.footerlogo {
		padding: 10px 0;
	}
	.social{
		height:26px;
	}
	.item_img, .item_txt{
		width:96%;
		margin:2%;	
	}
}

@media (min-width: 1400px){
	.header-tekst{
		font-size:50px;	
	}
}
.mobnav{
	background-color:#fff;
}
.moblogo, .navigationmob{
	margin:0	
}
footer {
	color: var(--footerTekstKleur);
	padding: 0;
	margin:0 auto;
	float:none;
	width:90%;
}
.fullfooter{
	color: var(--footerTekstKleur);
	background-color:var(--fullfooterAchtergrondKleur);
	border-top:0;
	padding:0;
	margin:80px 0 0 0;
	width:100%;
	font-size:20px;
	line-height:29px;
}
.foto_balk{
	background-color:#143b6e;
}
.mwrow{
	border-radius:3px;	
	overflow:hidden;
}

#site{
	position:absolute;
	bottom:-30px;
	right:0;
}
#fkol2,#fkol3{
	margin-bottom:26px;
}
.banner_tekst {
	position:absolute;
	z-index:999999;
	left:auto;
	top:auto;
	right:3%;
	bottom:30%;
	width:95%;
	font-size:4vw;
	line-height:1.8;
	color:#FFF;	
	text-align:right;
}
.banner_tekst p span{
	background-color:#CCC;
	padding:5px 12px;
}
.navigationmob .angle-down{
	top:0;	
}
#ban1 .banner_tekst p span{
	background-color:#f38f0c;
}
#ban2 .banner_tekst p span{
	background-color:#f38f0c;
}
#ban3 .banner_tekst p span{
	background-color:#f38f0c;
}
#ban4 .banner_tekst p span{
	background-color:#f38f0c;
}
#ban5 .banner_tekst p span{
	background-color:#f38f0c;
}
#ban6 .banner_tekst p span{
	background-color:#f38f0c;
}
.banner_tekst p span{
	border-radius: var(--borderRadius);
	padding-right:30px;
}

.binnen_banner_tekst{
	float:right;	
}
.footer_kolom{
	font-size:18px;
	line-height:27px;
	width:29%;
	margin-right:3%;
}
.footer_kolom:last-child{
	margin-right:0;	
}
.ikon{
	display:none;	
}
.bhome .ikon{
	width:30px;
	padding-right:10px;
	display:inline-block;	
}
.homeblok .ikon{
	display:none;	
}
.datumvak{	
	color:var(--datumvakTekstKleur);
	background-color:var(--datumvakAchtergrondKleur);
	border-radius:15px;
	padding:3% 11px 1% 11px;
}
.homecel3 .datumvak{
	color:#000;
}
.groepnaaminlijst{
	float:left;
	color:var(--buttonTekstKleur);
	background-color:var(--buttonAchtergrondKleur);
	border-radius:12px;
	padding:8px 13px;
}
a.groepnaaminlijst:hover{
	text-decoration:none;
	background-color:var(--buttonHoverAchtergrondKleur);
	color:var(--buttonHoverTekstKleur);
}
h2.bekijkgroep{
		margin-bottom:14px;
}
.bhome .datumvak,.zij .datumvak{	
	background-color:#FFF;
}
.datumvakbreed{
	padding-top:5%;
}


.dag{
	font-size:30px;
	font-family:var(--standaardFont);
	text-transform:uppercase;
	font-weight:600;
}
.maand{
	font-size:15px;
	font-family:var(--standaardFont);
	font-weight:600;
	text-transform:uppercase;
}
.albuminspring, .formulier, div.formulier{
	width:100%;
	background-color:var(--formAchtergrondKleur);
	border-radius: var(--borderRadius);
}
.groepberichtimg{
	border-radius: var(--borderRadius);
	overflow:hidden;
}
.inspring{
	padding:0;
	width:100%;
}
.allefotos{
	background-color:var(--formAchtergrondKleur);
	margin-top:12px;
}
.owl-carousel .owl-item img{
	border-radius: var(--HeaderFotoborderRadius);
}
.albumvak{
	width:30.6666%;
	padding:1%;
	margin:0;
}
.albumvak img{
	width:94%;
	margin:10px 4% 10px 2%;
	border-radius:3px;
}
.video_preview {
	width:42%;
	margin:10px 5% 10px 2%;
	border-radius:3px;
}
.startkop, .eindkop{
	color:var(--datumStartTekstKleur);
	margin-top:-5px;
	padding-bottom:8px;
}
.quotes{
	display:table-cell;
	font-family: 'Caveat', cursive;
	color:var(--quoteTekstKleur);
	font-size:4vw;
	line-height:1;
	vertical-align:middle;
	padding-right:40px;
	padding-left:40px;
	height:100%;
	width:100%;
}

.quote div::before, .quote div::after {
	color:var(--quoteKleur) ;
}
.quote .quotediv{
	border-radius: var(--borderRadius);
	background-color:var(--quoteAchtergrondKleur);
}
.quote .quotediv h1 {
	color:var(--quoteTekstKleur);
}
.quotepersoon{
	color:var(--quotePersoonTekstKleur);
}

.eindkop{
	margin-top:1px;
}
.nieuwsfotoklein, .nieuwsfotokleinst{
	float:left;
	position:relative;
	margin:10px 4% 10px 0;
	border-radius:3px;
}
 .albumintro img{
	float:left;
	position:relative;
	border-radius:3px;
}

a{
	color:var(--linkKleur) ;	
}
a:hover{
	color:var(--linkHoverKleur) ;	
}

footer a, .zoeken a{
	color:var(--footerTekstKleur);
	text-decoration:underline;
}
footer #site a{
	line-height:0;	
}

.mob #zoekli{
	display:none;	
}
#zoekvak{
	background-color:#666;
}
.zij a, .zij a:hover{
	color:#000;
}
.zij .downloaddiv a, .zij .downloaddiv a:hover{
	color:#000;
}
.zij a.button, .zij a.button:hover {
	color: #fff;
}

ul.subnavUL li.subnavuitloggen{
	margin-bottom:10px;
}
.albumintro .leesmeer{
	padding-top:34px;
}

#subnavrechtsonder a{
	font-size:14px;
}
#subnavrechtsonder{
	padding-right:0;
	margin-right:0;
}
.introhome a{
	color:#FFF;
}
.berichtrechts a{
	color:#4d4d4d;
}
.zoeken{
	display:none;	
}
.list{
	width: 100%;
	margin:0;
}
.list__item{
	width: 100%;
	padding-left:0;
}


.hoogtepunten_img{
	width:100%;
	text-align:Center
	border-radius: var(--borderRadius);
	overflow:hidden;
}
.hoogtepunten_img img{
	max-width:220px;
}
.hoogtepunt_fixed {
	position:relative;	
}
.hoogtepunten_txt {
	display:none;	
}
.introducties .hoogtepunten_txt {
	display:block;	
	padding-top: 0;
	padding-bottom: 0;
}
.hoogtepunten_kop{
	white-space:normal;
	z-index:999;
	font-size:17px;
	color:var(--HoogtepuntenKopKleur);
	width:100%;
	text-align:Center;
}
.introducties .hoogtepunten_kop {
	font-size:22px;
}
.hoogtepunten{
	display:flex;
	flex-wrap:wrap;
}

.hoogtepunten_img{
	width:95%;
	border-radius: var(--borderRadius);
	overflow:hidden;
}
.koppad{
	float:left;
	padding:0;
	margin:0;
	color:#666;
}

.directelinks{
	width:100%;
	padding:0;
}
.downloaddiv{
	color:#000;
}
.agenda{
	background-color: #FFF;
	border-radius:3px;
	width:90%;
	padding:0 5% 8px 5%;
	color:#000;
}

.tweets{
	width:100%;
	padding:0;
	color:var(--subMenuTekstKleur);
}
.subnavkop h3, .agenda h2{
	margin:0;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	width:90%;
	color:var(--subMenuTekstKleur);
	padding:32px 5% 4% 5%;
}
.directelinks a, .tweets a, .heel.tweets h2, .directelinks ul.subnavUL li a, .directelinks ul.subnavUL li.subnavuitloggen a, .directelinks.heel h2{
	color:var(--subMenuTekstKleur);
	text-decoration:none;
}

.bhome .directelinks a, .bhome .heel.tweets h2, .bhome .directelinks ul.subnavUL li a, .bhome .directelinks ul.subnavUL li.subnavuitloggen a, .bhome .directelinks.heel h2{
	color:var(--subMenuTekstKleur);
}
.googleAbonneren h2{
	color:#000;	
}

.heel .directelinks{
	width:96%;
}

.hometabel{
	max-width:1700px;
	margin:0 auto;
	display:table;
	width:100%;
}
.homerij{
	display:table-row;
}
.homecel4{
	width: 20%;margin-right:1%;padding:2%;color:#FFF;display:table-cell;vertical-align:top;
}
.homecel4 h2, .homecel3 h2{	
	font-size:24px;
	color:#FFF;	
	margin-bottom:8px;
}
.homecel4 a, .homecel3 a{
	color:#FFF;	
	text-decoration:underline;
}
.NietMissen h2, .NietMissen .homecel3 a{
	color:#FFF;	
}
.homecelimg4{
	width: 24%;margin-right:1%;padding:0;display:table-cell;
}
.homecel1{
	width: 1%;background-color:#FFF;display:table-cell;
}
.homecel3{
	width: 30%;margin-right:1%;padding:15px 2% 25px 2%;color:#FFF;display:table-cell;vertical-align:top;
}

.bhome .albumintro{
	text-align:center;	
}
.bhome div.leesmeer{
	float:none;	
}
.bhome a.meer{
	float:none;	
	background-color:var(--buttonAchtergrondKleur);
	padding:6px 18px;
	color:var(--buttonTekstKleur);
	border-radius: var(--borderRadius);
}
.bhome a.meer:hover{
	background-color:var(--buttonHoverAchtergrondKleur);
	color:var(--buttonHoverTekstKleur);
}
.bhome a.meernieuws{
	background-color:var(--buttonHoverAchtergrondKleur);
	padding:6px 18px;
	color:var(--buttonTekstKleur);
	border-radius: var(--borderRadius);
}
.bhome .agendablok a.meer{
	float:none;	
	background-color:#fff;
	padding:6px 18px;
	color:#000;
}
.carr_foto{
	border-radius: var(--HeaderFotoborderRadius);
}

.bgcel1{
	background-color:var(--KolomAchtergondkleur1);
	color:var(--KolomTekstkleur1);	
	border-radius:var(--KolomAchtergondRadius);
}
.bgcel2{
	background-color:var(--KolomAchtergondkleur2);
	color:var(--KolomTekstkleur2);	
	border-radius:var(--KolomAchtergondRadius);
}
.bgcel3{
	background-color:var(--KolomAchtergondkleur3);
	color:var(--KolomTekstkleur3);	
	border-radius:var(--KolomAchtergondRadius);
}
.bgcel4{
	background-color:var(--KolomAchtergondkleur4);
	color:var(--KolomTekstkleur4);	
	border-radius:var(--KolomAchtergondRadius);
}
.bgcel5{
	background-color:var(--KolomAchtergondkleur5);
	color:var(--KolomTekstkleur5);	
	border-radius:var(--KolomAchtergondRadius);
}
.bgcel6{
	background-color:var(--KolomAchtergondkleur6);
	color:var(--KolomTekstkleur6);	
	border-radius:var(--KolomAchtergondRadius);
}
.hoogtepunten .hometabel, .hoogtepunten .homecel3, .hoogtepunten .homecel4 {
	text-align: center;
}
.hoogtepunten img{
	border-radius:100%;
	max-width:220px;
}
.hoogtepunten h2{
	width:100%;
	text-align:center;
	color:var(--HoogtepuntenKopKleur);
}
.grotepijl {
	font-size:40px;vertical-align:middle;
}
a.nounderline{
	text-decoration:none;
}
.datumcel{
	width:220px;	
	max-width:200px;	
}
.hr{
	clear:both;float:left;position:relative;width:100%;text-align:center;;margin-top:30px;
}

.toonmobiel{
	display:none;	
}
.schoolfotoklein{
	position:relative;
	float:right;
	width:30%;
	padding-left:3%;
}
.schoolfotoklein img{
	width:100%;
}
.hometekstvatter{
	float:none;
	padding-left:3%;
	padding-right:3%;
	width:94%;
}
.homeblok{
	clear:both;position:relative;width:90%;padding:20px 0;z-index:9998;max-width:1700px;margin: 0 auto;float:none;
}
div.formulier td{
	color:var(--formTekstKleur);	
	font-size:14px;
}

/*  KLEIN SCHERM */

@media only screen and (max-width:992px) {
	h1{
		font-size: 25px;
		margin-top:8px;
		margin-bottom:15px;
	}

	.main article{
		width: 90%;
		margin-left:5%;
		margin-right:5%;
		padding:0;
	}
	.social{
		 right:57px;
		 top:0;
	}
	.homeblok{
		padding-top:0px;
	}
	.hometekst, .hometekst:last-child{
		width:100%;
		padding:20px 0;
		margin:0;
	}
	.hometabel,.homecel3,.homecel4{
		float:left;
		position:relative;
		width:96%;
		padding:10px 2%;
		margin:0 0 20px 0;
		display:block;
		text-align:left;
	}
	.hometabel{
		padding:0;
		margin-bottom:0;
		width:100%;
	}
	.homerij{
		display:block;
	}
	.mobielweg{
		display:none;	
	}
	.toonmobiel{
		display:block;	
		position:relative;
	}
	.homecel1{
		width:100%;
		height:6px;
		padding:0;
	}
	.hoogtepunten{
		display:block;
	}
	.hoogtepunt{
		margin:0;
		margin-bottom:20px;
		width:100%;	
		padding-bottom:30px;
	}
	.subnavkop h3, .agenda h2 {
		padding: 9px 5%;
		width:90%;
	}
	.home .main aside ,.main aside {
		margin-top:20px ;  
		width:100%;
		margin-bottom:0;
		margin-top:0;
		margin-left:0;
		margin-right:0;
		padding-left:5%;
		padding-right:5%;
		padding-bottom:0px;
	}
	
	#uitgelicht_img{
		width:100%;
		padding:0;
		margin:10px 0;
	}
	.logo{
		width:92%;
		margin-left:0;
		margin-right:8%;
		left:20px;
	}
	.hoogtepunten{
		margin-bottom:0px;
	}
	.datumvak{	
		width:25%;
		padding:2% 2% 6px 0;
		margin:2px 3% 10px 0;
	}
	.datumvakbreed{	
		width:100%;
	}
	.dcell{
		padding-left:0;	
	}

	.naastdatum{
		width:71%;
	}
	.naastdatumvak{
		width:71%;
	}
	.footer_kolom{		
		padding-bottom:0px;
		border-bottom:0;
		width:100%;
		margin:0;
	}
	footer{
		margin-top:0;
		margin-bottom:0;
	}

	#subnavrechtsonder{
		float:left;	
		padding-left:3%;
	}
}
@media only screen and (min-width:1700px) {
	footer{
		width:100%;
	}
}
.veldnaam{
	color:var(--formTekstKleur);
}
.navigation .has-sub ul  {
	overflow:hidden;
	padding-bottom:0;
}
.tabel td{
	padding:10px 10px 8px 10px;
}

.tabel tr:nth-child(even) {background: var(--rijKleur1)}
.tabel tr:nth-child(odd) {background: var(--rijKleur2)}

td.tabelbgwit, tr.tabelbgwit{
	background: #fff !important;
}
td.tabelbgdonker, tr.tabelbgdonker{
	background: var(--rijDonkereKleur) !important;
}
a.leesmeer{
	border:0;
	display:inline-block;
	background-color:var(--buttonAchtergrondKleur);
	color:var(--buttonTekstKleur)!important;
	padding:3px 14px;
	margin-bottom:0;
	margin-top:10px;
	border-radius:10px;
}
a.leesmeer:hover{
	border:0;
	background-color:var(--buttonHoverAchtergrondKleur);
	color:var(--buttonHoverTekstKleur)!important;
	text-decoration:none;
}

a.meer{
	float:left;
	padding-left:0;	
	color:#004b8b;
	padding-top:6px;
}
.bhome a.meer,.bhome a.meer:hover, ul.subnavUL li.subnavuitloggen{
	text-decoration:none;
}
.extrapaginapulldown{
	color:#000;	
}