:root {
	
	/*
	Font
	*/
	--standaardFont: 'Lato', Arial,sans-serif;
	--standaardFontSize:17px;
	--standaardFontWeight:400;
	
	
	/*
	hamburgerknop
	*/
	--hamburgerKleur:#444;
	/*
	menu
	*/
	--hoofdMenuTekstKleur:#575756;
	--hoofdMenuTekstKleurMobiel:#575756;
	--hoofdMenuActieveTekstKleur:#ee7b0b;
	--hoofdMenuActieveTekstKleurMobiel:#ee7b0b;
	--hoofdMenuHoverTekstKleur:#ee7b0b;
	--hoofdMenuHoverTekstKleurMobiel:#ee7b0b;
	
	/*
	uitklapmenu
	*/
	--uitklapmenuTopBorderKleur:  #ee7b0b;
	--uitklapmenuSubMenuTekstKleur: #575756;
	--uitklapmenuSubMenuHoverTekstKleur: #ee7b0b;
	--uitklapmenuSubMenuActieveTekstKleur:#ee7b0b;
	--uitklapmenuSubMenuTekstKleurMobiel: #575756;
	--uitklapmenuSubMenuHoverTekstKleurMobiel: #ee7b0b;
	--uitklapmenuSubMenuActieveTekstKleurMobiel:#ee7b0b;
	--uitklapmenuAchtergrondMobiel:  #FFF;
	
	/*
	header
	*/
	--headerAchtergrondKleur: #ee7b0b;
	
	/*
	koppen
	*/
	--titelFont: 'Lato', Arial,sans-serif;
	--titelFontSize:38px;
	--titelWeight:500;
	--kopKleur:#00648E;
	--kopKleurZijkant:#ee7b0b;
	--datumTekstKleur:#C43994;
	--NieuwsKopTekstKleur:#ee7b0b;
	--datumStartTekstKleur:#79bf90;
	
	
	/*
	hoogtepunten
	*/
	--hoogtepuntBgKleur1:#ee7b0b;
	--hoogtepuntTextKleur1:#fff;
	--hoogtepuntBgKleur2:#ee7b0b;
	--hoogtepuntTextKleur2:#fff;
	--hoogtepuntBgKleur3:#ee7b0b;
	--hoogtepuntTextKleur3:#fff;
	--hoogtepuntBgKleur4:#ee7b0b;
	--hoogtepuntTextKleur4:#fff;
	
	
	
	/*
	links
	*/
	--linkKleur:#f06e04;
	--linkHoverKleur:#FB8422;
	
	/*kalender*/
	--maandBGKleur:#ee7b0b;
	--maandTextKleur:#FFF;
	
	/*
	tabellen
	*/
	--rijKleur1:#E8F3F7;
	--rijKleur2:#f5f9fa;
	--rijDonkereKleur:#D8EAF1;

	/*
	footer
	*/
	--footerAchtergrondKleur:#00364c;
	--fullfooterAchtergrondKleur:#00364c;/*hele breedte*/
	--footerTekstKleur:#FFF;
	--schoolSiteBannerAchtergrondKleur:#00364c;
}
div.nieuwskop, b.mededelingenkop, b.agendakop{
	width:auto!important;	
	display:block!important;
}
.nieuwsfotoklein, .nieuwsfotokleinst{
	margin-top:4px!important;	
	margin-bottom:4px!important;	
}
#logo {

    margin-bottom: 8px;
    margin-top: 8px;
}

.tabel{
		border:0;
}
.tabel td{
		padding:3px 10px 3px 10px;
		border:1px solid #B4DAE9;
}

td.tabelbgdonker, tr.tabelbgdonker{
	background: #c9e5ef !important;
}
a.blauweknop, a.oranjeknop{
	border: 0;
	font-size: 15px;
	text-transform: none;
	padding: 9px 20px;
	color:#FFF;
	text-decoration:none;
	border-radius:10px
}
a.blauweknop{
	background-color: #00648E;
}
 a.oranjeknop{
	background-color: #ee7b0b;
}
a.blauweknop:hover{
	background-color:#007EB5;
	text-decoration:none;
}
a.oranjeknop:hover{
	background-color:#F58F29;
	text-decoration:none;
}