body {
    font-family: Verdana, Verdana rem;
    background-color: #FFFFFF;
    
}

body, td, input, div, .right-item, A.right-item, A.right-item:link, A.right-item:visited {
    color: #414141;
}

body, td, input, div {
    font-size: 1rem;
}

A, A:link, A:visited,
A.right-item:hover, A.right-item:hover:link, A.right-item:hover:visited {
    color: #C21D1C;
}

/* BASISTABLE */
.basisTable {
    background-color: #FFFFFF;
}

/* HEADER */
.headerTdBanner {
    background-color: #FFFFFF; /*#FFFFFF;*/
}


/* LOGO KLANT */
.logoklantTd {
}

/* NAAM WEBSITE */
.naamwebsiteTd {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-family: 1.8rem;
}

/* LEFT */

.BCKleftTd {
    background-color: #FFFFFF;
}

/* RIGHT */

.BCKrightTd {
    background-color: #FFFFFF;
}



/* ********************************************** */
/* MIDDENSTUK */
.itemTd {
    padding: 25px;
    border: solid 1px #EFEFEF;
    border-radius: 0.25em;
}

.itemTitle {
    color: #CC0000; /* #35829f */
}

.itemTd {
    background-color: #FFFFFF; /* !! */
}

a.meer, a.meer:link, a.meer:visited {
    color: #414141;
    text-decoration: none;
}

a.meer:hover {
    color: #414141;
    text-decoration: underline;
}

body .hc-socials a {
    border: 2px solid #EFEFEF;
}
body .hc-socials a:hover,
body .hc-socials a:focus {
    background: #EFEFEF;
    color: #414141;
}
body .hc-socials a:focus svg,
body .hc-socials a:focus svg path,
body .hc-socials a:hover svg,
body .hc-socials a:hover svg path {
    color: #414141;
    stroke: #414141;
}

/*forum*/
.forumSubjectTopTr {
    background-color: #EFEFEF;
}

.forumSubjectTopTd {
    color: #414141;
}



nav.navbar {
    background-color: #FF9900;
}

.nav-item .nav-link {
    color: #CC0000 !important;
}

.nav-item .nav-link:hover {
    background-color: #FF9900;
    color: #444444 !important;
}

.nav-item.dropdown .dropdown-toggle::after {
    border-color: #CC0000;
}

.nav-item .dropdown-item, .nav-item .dropdown-item:focus {
    background-color: #FFCC33;
    color: #444444;
}

.nav-item .dropdown-item:hover {
    background-color: #444444;
    color: #FFCC33;
}



.nav-item .dropdown-item.dropdown-toggle::after
.nav-item .dropdown-item:hover.dropdown-toggle::after, .nav-item .dropdown-item:focus.dropdown-toggle::after {
    border-color: #444444;
}




.nav-item .dropdown-item:before {
    color: transparent;
}


.nav-item .dropdown-item:not(.dropdown-toggle):hover:before {
    color: #CC0000;
}

.nav-item .dropdown-menu {
    color: #444444;
    background-color: #FFCC33;
}

.nav-item.show:after {
    color: #CC0000;
}

.tekst-blok a.card-a {
    color: #C21D1C;
}

.tekst-blok a.card-a:hover {
    color: #C21D1C;
}

.tekst-blok a.card-a .meer-info,
.tekst-blok a.card-a .feather-chevron-right {
    color: #C21D1C;
}

.tekst-blok .card {
    background-color: #FFFFFF;
    border: 1px solid #C21D1C;
}

footer {
    background-color: #EFEFEF;
    border-color: #EFEFEF;
}

footer, footer A, footer A:link, footer A:visited, footer h3 {
    color: #414141 !important;
}



@media (max-width: 992px) {
    body .nav-item .nav-link, .navbar-collapse,
    body .nav-item.dropdown .dropdown-item,
    body .nav-item.dropdown .dropdown-item:hover,
    body .nav-item.dropdown .dropdown-item:focus,
    body .nav-item.dropdown .dropdown-menu,
    body nav.navbar .nav-item.dropdown .dropdown-menu,
    #search-bar-md input[type=text], .nav-item .nav-link:hover {
        background: #FF9900;
        background-color: #FF9900;
        color: #CC0000 !important;
        filter: brightness(100%);
    }

        #search-bar-md input[type=text]::placeholder {
            color: #FFFFFF !important;
            opacity: .6;
        }


    body nav.navbar .nav-item.dropdown .dropdown-toggle::after {
        border-color: #CC0000;
    }

    body .navbar-toggler:after,
    body .navbar-toggler:before,
    body .navbar-toggler div {
        background-color: #CC0000;
    }

    body .navbar-toggler.collapsed:after,
    body .navbar-toggler.collapsed:before,
    body .navbar-toggler.collapsed div {
        background-color: #C21D1C;
    }
}

@media (min-width:992px) {
    .hasbanner .banner h1.navBanner {
        background-color: #FFFFFF;
        color: #FFFFFF;
    }
}