a { color:#29873b;}
a:hover { color: #333;}
#menubar ul.mainmenu li a { color: #213f88; }
#menubar ul.mainmenu li.active a span { border-bottom: 2px solid #8faa46 }
#menubar ul.mainmenu li a:hover span { border-bottom: 2px solid #8faa46; text-decoration: none; transition: .2s; }
#menubar ul.mainmenu li ul {background:#29873b; border: 0px;}
#menubar ul.mainmenu li ul li a { border: 0px;}
#menubar ul.mainmenu li ul li a:hover { color: #8faa46; border: 0px;}
#menubar .search input { background: rgba(26,44,100,.14);  }
#menubar ul.mainmenu ul:before { border-color: transparent transparent #29873b transparent; }
.mobilemenubut { color: #1ba6cf; }

#divider {background: linear-gradient(to right , #29873b, #335faa); }
#slideshow .divider {background: linear-gradient(to right , #29873b, #335faa); }
#slideshow .overlay { background: rgba(26,44,100,.4); }

/*#inleiding { background: #29873b; }*/
#inleiding { background: #335faa; }
#inleiding a.leesmeer { border: 2px solid #fff; padding: 10px 20px; border-radius: 10px;  color: #fff; }
#inleiding a.leesmeer:hover  { background:  #8faa46; text-decoration: none;  }

#kop { background: rgba(26,44,100,.10);  }
#kop h1 { color: #0f0a28; }

#actueel a.schoolgids { background: #29873b; }
#actueel a.schoolgids:hover { background: #0f0a28; }
#actueel h3 a { color: #1ba6cf; }

#actueel .agenda h4 { color: #512874; }
#actueel .agenda h5 { color: #512874; }
#actueel .agenda a:hover h5 { color: #512874; }

#about h1 { color: #213f88; }

#content h2 { color: #213f88; }
#content .side .panel ul li a:hover { color: #99c035; }
#content .side .panel ul li.active a { color: #99c035; }

#footer { background: #213f88; }
#footer .divider {background: linear-gradient(to right , #63b76c, #335faa); }

form#contact h3 { color: #1ba6cf; }

@media screen and (max-width: 960px) {
   #menubar ul.mainmenu li a {  color: #fff; border: 0px;}
}