.bg-red a, .top-nav a, .main-nav a{
    color:#FFFFFF !important;
}


.bg-red .nieuws-item a {
    color:#396AB7 !Important;
}

h1, h2, h3, .contentpagina p a, .bg-light .container a, .activiteiten a, .nieuws-item h1 a, .groep-item h1 a {
    color: #396AB7;
}
.main-nav a:hover{
    transition: all 0.3s ease-out 0s;
}
.main-nav a:hover,.main-nav-active{
    color:#f1f5f6 !important;
}
.top-nav{
    background-color: #3F3F3F;
    color:#FFFFFF;
}

.main-nav{
    background-color: #396AB7;
    color:#FFFFFF;
}
.top-nav-button:hover {
    background-color: #396AB7 !important;
}
.slide-ouders, .slide-kinderen{
    color:#396AB7;
    background-color: Transparent;
}
.welkom{
    background-color: #FFFFFF;
}

.welkom h1{
    color: #396AB7;
}

.ziekmelden{
    background-color: #FFFFFF;
}

.header-ziekmelden{
    color: #396AB7;
    background-color: #f1f5f6;
}

.btn-red{
    background-color: #396AB7;
    color:#FFFFFF;
}
.btn-red:hover{
    color:#f1f5f6;
}
h1.title:before {
    border-top: solid 1px #396AB7;
}

h1.title span {
    background: #fff;
}

h1.title-white:before {
    border-top: solid 1px #FFF;
}

h1.title-white span {
    background: #396AB7;
    color: #FFF;
}
.wit{
    color:#FFFFFF;
}
.item{
    border: 1px solid #acacac;
}

.item a{
    color:#396AB7 !important;
}

.active{
    transition: all 0.3s ease-out 0s !important;
    background-color: #396AB7 !important;
    color:#FFFFFF !important;
}

.active h3{
    color:#FFFFFF !important;
}

.active .circle{
    color: #396AB7;
    background-color: #FFFFFF;
}

.active a{
    color:#FFFFFF !important;
}

.circle{
    background-color: #396AB7;
    color: #FFFFFF;
}
.bg-white{
    background:#FFFFFF;
}
.bg-red-img{
    background-image:url('../../images/1975-1984.jpg');
    background-color: #396AB7;
}
.parallax-image{
    background-image:url('../../images/1975-1984.jpg');
    background-color: #396AB7;
}
.bg-red{
    color:#FFFFFF;
    background-color: #396AB7;
}
.nav-button-active{
    background-color: #396AB7;
}
.team-nav-button{
    background: #FFFFFF;
    /*color:#3f3f3f !important;*/
}
.team-nav-button:active, .team-nav-button:focus, .team-nav-button:hover{
    background: #396AB7!important;
    color: #FFFFFF !important;
}
.red, h1 a, container-fluid a{
    color:#396AB7 !important;
}
.activiteit-datum{
    color: #396AB7;
}
.nieuws-item{
    background-color: #FFFFFF;
    color:#3f3f3f;
}
.nieuws-item h1{
    color: #396AB7;
}
.border-top-white{
    border-top: 1px solid #FFFFFF;
}
.info-facts{
    color:#FFFFFF;
}
.vacature-count{
    color: #FFFFFF;
    background-color: #396AB7 !important;
}
.vacature-count-klein{
    color: #396AB7;
    background-color: #FFFFFF !important;
}
.footer-title{
    color: #FFFFFF;
}
.footer-text{
    color: #FFFFFF;
}
.infomail{
    border-bottom: 1px solid #FFFFFF;
}
.form-control {
    background-color: #eaeaea !important;
    color: #565656 !important;
}
.form-control::-webkit-input-placeholder {
    color: #565656 !important;
}
.form-control:-moz-placeholder {
    color: #565656 !important;
}
.form-control::-moz-placeholder {
    color: #565656 !important;
}
.form-control:-ms-input-placeholder {
    color: #565656 !important;
}
.back-top{
    background-color: #FFFFFF;
    border: 1px solid #396AB7;
}
.top-icon{
    color: #396AB7;
}
.nav>li>a:focus{
    background-color: #396AB7 !important;
}
.dropdown>li>a:focus{
    background-color: #396AB7 !important;
}
.dropdown a:hover{
    background-color: #396AB7 !important;height: 35px !important;
}
.dropdown-menu a{
    background-color: #3F3F3F;
    color: #FFFFFF;
}
.dropdown-menu a:hover{
    background-color: #396AB7 !important;
}
.contact-image{
    background-image: url('../../images/ruyterschool.jpg');
}
.error{
    border: 1px solid red !important;
}
.groepen-direct{
    background-color: #FFFFFF;
}
.groep-knop, .bg-red a.groep-knop{
    color: #396AB7 !important;
    background-color: #FFFFFF;
}
.groep-knop:hover, .bg-red a.groep-knop:hover{
    color: #FFFFFF !important;
    background-color: #396AB7;
}
.groepen-fotos{
    background-image:url('../../images/ruyterschool.jpg');
}
.hasDatepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    color: #396AB7;
}
table.ui-datepicker-calendar thead tr th {
  border-bottom: 1px solid #396AB7;
}
table.ui-datepicker-calendar tbody tr td.ui-state-highlight.ui-state-active a {
  background: #396AB7;
}
.submenu ul li a {
  color: #000!important;
}
.submenu ul li.active a {
  color: #fff!important;
}
.ui-datepicker-next {
    background-image: url('../../images/icons/pijl-rechts-adr.png');
}
.ui-datepicker-prev {
    background-image: url('../../images/icons/pijl-links-adr.png');
}
.bg-red-img {
    background-image: url('../../images/beeld_admiraalderuyter.jpg');
}
.kinderen {
    /* background-image: url('../../images/kinderen-adr.jpg'); */
    background-image: none;
}
.ouders {
    background-image: url('../../images/ouders-adr.jpg');
}