.kleura { color: #e0800b !important }
.kleurb { color: #407fa1 !important }
.WelkomTekstAKleur { color: # !important }
.WelkomTekstBKleur { color: # !important }
.kleurabg { background-color: #e0800b !important }
.kleurbbg { background-color: #407fa1 !important }
.kleurargb { background-color: rgba(224,128,11, 0.8) !important }
.kleurbrgb { background-color: rgba(64,127,161, 0.8) !important }
.kleuratint { background-color: #fe9e29 !important }
.kleurbtint { background-color: #5e9dbf !important }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #407fa1; border-color: #407fa1; color: #fff; }
.pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; color: #407fa1; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eee; border-color: #ddd; color: #e0800b; }
ul.sporten_alfabet li a:hover { background-color: #407fa1; }
table.sport_overzicht a { color: #e0800b; text-decoration: none;}table.sport_overzicht a:hover, table.sport_overzicht a:hover { background-color: #e0800b; color: #fff; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { color: #407fa1 }
a, a:hover, a:active, a:visited { color: #e0800b; }
.sporten_alfabet li a.active { background-color: #e0800b; }
.menuheader:hover, .dropdown:hover .dropbtn { background-color: #e0800b; }
.menu li:hover>a  { background: #407fa1; }
.menu ul li a  { background: #407fa1; }
.menu ul li:hover>a  { background: #e0800b; }
.btn-sp, .btn-sp:hover, .btn-sp:focus, .btn-sp:active { background-color: #407fa1; border-color: #226183; }
.message-panel.panel-default .btn-wl { color: #407fa1; border-color: #407fa1; }
.panel-sp, .panel-sp>.panel-heading{ background-color: #407fa1; border-color: #407fa1; color: white; }
.message-panel.panel-sp .btn-wl { color: white; border-color: white; }
.actieve_letter { background-color: #fff !important; }
.actieve_letter:hover { background-color: #fff !important; color: #e0800b !important; }
.gemeente_select_wrapper, .aanbod_select_wrapper, .welkom_header_wrapper, .doelgroep_activiteiten { background-image: url("/userfiles/gemeentemappen/de-fryske-marren/Header_met_kleur_def5.0.jpg") !important }