:root {
	
	/*
	Font
	*/
	--standaardFont: 'Open Sans', Arial,sans-serif;
	--standaardFontSize:17px;
	--standaardFontWeight:400;
	
	
	/*
	hamburgerknop
	*/
	--hamburgerKleur:#000;
	/*
	menu
	*/
	--hoofdMenuTekstKleur:#fff;
	--hoofdMenuTekstKleurMobiel:#000;
	--hoofdMenuActieveTekstKleur:#fff;
	--hoofdMenuActieveTekstKleurMobiel:#fff;
	--hoofdMenuHoverTekstKleur:#fff;
	--hoofdMenuHoverTekstKleurMobiel:#e83a7a;
	
	/*
	uitklapmenu
	*/
	--uitklapmenuTopBorderKleur:  #fff;
	--uitklapmenuSubMenuTekstKleur: #444;
	--uitklapmenuSubMenuHoverTekstKleur: #e83a7a;
	--uitklapmenuSubMenuActieveTekstKleur:#e83a7a;
	--uitklapmenuSubMenuTekstKleurMobiel: #444;
	--uitklapmenuSubMenuHoverTekstKleurMobiel: #fff;
	--uitklapmenuSubMenuActieveTekstKleurMobiel:#e83a7a;
	--uitklapmenuAchtergrondMobiel:  #FFF;
	
	/*
	header
	*/
	--headerAchtergrondKleur: #FFF;

	/*
	koppen (AFMAKEN)
	*/
	--titelFont: 'Open Sans', Arial,sans-serif;
	--titelFontSize:38px;
	--titelWeight:700;
	--kopKleur:#000;
	--kopKleurZijkant:#000;
	--datumTekstKleur:#C43994;
	--NieuwsKopTekstKleur:#005ca6;
	--datumStartTekstKleur:#F280AB;
	
	/*
	hoogtepunten
	*/
	--hoogtepuntBgKleur1:#f39003;
	--hoogtepuntTextKleur1:#fff;
	--hoogtepuntBgKleur2:#e83a7a;
	--hoogtepuntTextKleur2:#fff;
	--hoogtepuntBgKleur3:#6b4494;
	--hoogtepuntTextKleur3:#fff;
	--hoogtepuntBgKleur4:#75c9dd;
	--hoogtepuntTextKleur4:#fff;
	
	/*
	links
	*/
	--linkKleur:#f39100;
	--linkHoverKleur:#FFA826;
	
	/*kalender*/
	--maandBGKleur:#FCC531;
	--maandTextKleur:#FFF;
	
	/*
	footer (AFMAKEN)
	*/
	--footerAchtergrondKleur:#f9d502;
	--fullfooterAchtergrondKleur:#f9d502;/*hele breedte*/
	--footerTekstKleur:#000;
	--schoolSiteBannerAchtergrondKleur:#f39100;
}

#header-wrap{
	background: #FFF ;
	padding-top: 0;
}
.menu-container{
	margin-bottom: 0!important;
}
#header{
	border-bottom: 0
}
.header-misc-icon > a{
	color:#FFF;	
}
.menu-link{
	background-color:#FFF;	
	border-radius:12px;
	color:#000;
}
.sub-menu-container .menu-link{
	background:none;	
	border-radius:0;
}
a.active, .menu-item:hover > .menu-link, .menu-item.current > .menu-link{
	background-color:#f39003;	
	border-radius:12px;
	color:#fff;
}

@media (max-width: 992px){
	a.active, .menu-item:hover > .menu-link, .menu-item.current > .menu-link{
		
	}
	#logo {
		padding-top:10px;
		padding-bottom:10px;	
	}
}
.sub-menu-container, .mega-menu-content{
	border-radius:12px;
}
.bhome .bgfoto {
   margin-bottom: -120px;
}

@media (min-width: 992px){
	.sticky-header #header-wrap {
		background-color: #fff;
	}
	.sticky-header.full-header #header-wrap {
		border-bottom: 0
	}

	.primary-menu{
		margin-left:5%;	
		
	}
}
#primary-menu-trigger, #page-menu-trigger {
	margin-left: auto;
}
.header-search{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* Custom Header Size
-----------------------------------------------------------------*/


@media (min-width: 992px) {

	.header-size-custom .header-wrap-clone {
		height: calc( 78px + 1px );
	}

	#header.header-size-custom + .include-header {
		margin-top: calc( -78px - 2px );
	}

	.sticky-header-shrink #header-wrap #logo img {
		height: 80px;
	}


	.header-size-custom .menu-container > .menu-item > .menu-link {
		padding-top: 22px; /* (80px - 22px)/2 */
		padding-bottom: 22px; /* (80px - 22px)/2 */
		margin-right: 12px;
	}

	.header-size-custom.sticky-header-shrink .menu-container > .menu-item > .menu-link {
		padding-top: 18px; /* (80px - 22px)/2 */
		padding-bottom: 22px; /* (80px - 22px)/2 */
	}

}
/*
.bannerbreed .inner1{
	background-color:#B9D34F;
	color:#FFF;
}
.bannerbreed .inner2{
	background-color:#E3242F;
	color:#FFF;
}
.bannerbreed .inner3{
	background-color:#F6C323;
	color:#FFF;
}
.bannerbreed .inner4{
	background-color:#2B5BA6;
	color:#FFF;
}
*/
.hometekstvatter, .uitgelicht_bg{
	margin-left:3%;
	margin-right:3%;
	width:94%;
}
.hometekstlinks {
	color: #000;
	width: 64%;
	padding: 0 5% 20px 0;
	float: left;
}
.hometekstrechts {
	color: #000;
	width: 25%;
	padding: 15px 2% 20px 2%;
	float: left;
}
.hometekstrechts h2{
	padding-left:12px;
}
.banners{
	position:relative;	
	z-index:9999999;
}
.bannerbreed {
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.bannerbreed .inner{
	display:table;	
	width:100%;
	padding: 20px 0;
	background:none;
}
.bannericoon{
	width:100%;
	height:auto;	
}
.bannerinhoud h1 {
	color:inherit !important;
}
.bannericoon i{
	font-size:48px;	
}
.h_inspring{
	padding: 0 3%;	
}
#site {
	position: absolute;
	bottom: -60px;
	width: 100%;
	text-align: center;
}
footer {
	padding: 30px 3% 40px 3%;
}
@media (max-width: 992px){
	.hometekstvatter, .uitgelicht_bg{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}
	.bannerbreed {
		width: 48%;
		margin-bottom:20px;
	}
	.hometekstlinks,.hometekstrechts{
		width: 100%;
	}
	.sub-menu-container, .mega-menu-content{
		border-radius:0;	
	}
	.footer_kolom{
		margin-bottom:40px;	
	}
}
@media (max-width: 500px){
	.banners{
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
	.bhome .bgfoto {
		margin-bottom: -70px;
	}
	.bannericoon{
		padding-top:0;	
	}
	.bannerbreed .inner{
		padding:10px 0;	
	}
	.homecel4, .homecel5 {
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 20px;
	}
	
}
.tabel{
		border:0;
}
.tabel td{
		padding:4px 10px 4px 10px;
		border:1px solid #B4DAE9;
}

.tabel tr:nth-child(even) {background: #E8F3F7}
.tabel tr:nth-child(odd) {background: #f5f9fa}
/*.tabel tr:first-child{background: #c9e5ef}*/

td.tabelbgdonker, tr.tabelbgdonker{
	background: #c9e5ef !important;
}
.rodeknop, .nieuwsbericht a.rodeknop, .vacature a.rodeknop{
	background-color:#df0a38;	
	color: #FFF!important;	
	border-radius:10px;
	padding:16px 24px;
	margin-right:20px;
	margin-bottom:20px;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.rodeknop:hover{
	color: #FFF!important;	
	text-decoration:none;
	background-color:#F52756;	
}

.geleknop, .nieuwsbericht a.geleknop, .vacature a.geleknop{
	background-color:#f9d502;	
	color: #FFF!important;	
	border-radius:10px;
	padding:16px 24px;
	margin-right:20px;
	margin-bottom:20px;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.geleknop:hover{
	color: #FFF!important;	
	text-decoration:none;
	background-color:#FFE73C;	
}
.blauweknop, .nieuwsbericht a.blauweknop, .vacature a.blauweknop{
	background-color:#75c9dd;	
	color: #FFF!important;	
	border-radius:10px;
	padding:16px 24px;
	margin-right:20px;
	margin-bottom:20px;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.blauweknop:hover{
	color: #FFF!important;	
	text-decoration:none;
	background-color:#104EB4;	
}
.paarseknop, .nieuwsbericht a.paarseknop, .vacature a.paarseknop{
	background-color:#6b4494;	
	color: #FFF!important;	
	border-radius:10px;
	padding:16px 24px;
	margin-right:20px;
	margin-bottom:20px;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
.paarseknop:hover{
	color: #FFF!important;	
	text-decoration:none;
	background-color:#7C50AD;	
}

.hoogtepunten_img {
	width: 100%;
}
div.nieuwskop, b.mededelingenkop, b.agendakop{
	width:auto!important;	
	display:block!important;
}
.nieuwsfotoklein, .nieuwsfotokleinst{
	margin-top:4px!important;	
	margin-bottom:4px!important;	
}