body, #content-wrap {
    background-color: #f5f5f5;
}

.button:not(.btn):not(.transparent), input[type="button"], input[type='submit'], button:not(.btn):not(.transparent)  { background-color: #3b3b3b!important; color: #fff!important; }

.menu {
    background-color: #3b3b3b;
}
.menu li, .menu a:hover, .menu a:active {
    border-bottom-color: #ffcd00;
    border-bottom-width: 1px;
    color: #ffcd00!important;
}

.nav-block .logo {
    position: relative;
    margin-top: 0;
}

.nav-block .logo a {
    position: absolute;
    left: 0;
    top: 0;
    height: 130px;
    width: 200px;
    background-color: #3b3b3b;
    background: url('/assets/image/app/logo.png') no-repeat;
}

.banner-block,.banner-block.bg {
    background-image: url('/assets/image/app/banner_hero.png');
    background-repeat: no-repeat;
    background-size: 100%;
}
.banner-block.bg {
    background-position-y: 20%;
}

.block h2, .slider-block .slider {
    background-color: #e2e2e2!important;
}
.block-tall.v2 {
    min-height: 243px;
    height: auto;
}

.calender-block, .calender {
    background-color: #fff!important;
}
    .calender-block li a span {
        border-color: #ffcd00;
    }
.photo-block a {
    background-image: url('/assets/image/app/picture_1.png');
    background-position: center;
}
.slider-block {
    background-image: url('/assets/image/app/banner_news.png');
    background-position: 58% 92%;
}

.button-block .gray a {
    background-color: #e2e2e2;
    color: #3b3b3b;
}

.button-block .darkgray a {
    background-color: #3b3b3b;
    color: #f5f5f5;
}

.button-block .yellow a {
    background-color: #ffcd00;
    color: #3b3b3b;
}
.social.block {
    background-image: url('/assets/image/app/picture_3.jpg');
    background-position: center;
}
.social.block .logo {
    background-image: url('/assets/image/app/logo.png');
    display: block;
    width: 200px;
    height: 130px;
    background-repeat: no-repeat;
}
.social.block ul {
    margin-top: 2em;
}

.nav-block .box {
    background: rgba(45, 45, 45, 0.8) !important;
}
.nav-block .box a {
    color: #fff!important;
}
.nav-block .icon1 a {
    background-image: url('/assets/image/app/icon_chat.png') !important; /* Agenda item */
}
.nav-block .icon2 a {
    background-image: url('/assets/image/app/icon_gift.png') !important; /* Verjaardag */
}
.nav-block .icon3 a {
    background-image: url('/assets/image/app/icon_camera.png') !important; /* Nieuwsbericht */
}
.nav-block .icon4 a {
    background-image: url('/assets/image/app/icon_camera.png') !important; /* Blog item */
}

#right-wrap .sort {
    display: none;
}
span.location {
    display: none!important;
}

.bb .icon {
    width: 75px;
}

.bb.pdf_handleiding .icon {
    background-image: url('/assets/image/app/icon_book.png');
}
.bb.pdf_document .icon {
    background-image: url('/assets/image/app/icon_clipboard_check.png');
}
.bb.aanvraag_onderhoud .icon {
    background-image: url('/assets/image/app/button_engine.png');
}
.bb.meld_schade .icon {
    background-image: url('/assets/image/app/icon_tornado.png');
}
.bb.contact .icon {
    background-image: url('/assets/image/app/icon_shoebox.png');
}
.bb.kleding .icon {
    background-image: url('/assets/image/app/icon_kleding.png');
}
.bb:last-child {
    /*width: 100%;*/
}
.button-block .white a {
    color: #3b3b3b!important;
}

@media all and (max-width: 520px) {
    #banner-wrap .banner-block {
        background-position-y: 170%;
    }
    .block-tall {
        height: auto !important;
    }
}

/* backmin */
.company-block {
    background-color: #3b3b3b;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('/assets/image/app/jbe-logo.png');
}