/*GENERAL*/

*,
*:hover {
    text-decoration: none !important;
    outline: none !important;
}

html {
    font-size: 16px;
}

body {
    background: #eee9e3;
    color: #676767;
    font-family: "museo-sans",sans-serif;
    font-size: 1em;
}

a {
    color: #671515;
}

    a.readMore {
        display: block;
        margin: 30px 0;
        width: 45px;
        height: 45px;
        background: url('/img/arrow.png') no-repeat;
    }

        a.readMore.red {
            background-image: url('/img/arrow-red.png');
        }


.clickable {
    cursor: pointer;
}

figure img {
    width: 100%;
}

figure.newsImg {
    width: 100%;
    height: inherit;
    background: no-repeat center center;
    background-size: auto 100%;
}

    figure.newsImg img {
        /*display: none;*/
    }

.wide-container {
    margin: 0 auto 50px auto;
    width: 100%;
    padding: 0 20px;
}

.noTopMar {
    margin-top: 0 !important;
}

.noBotMar {
    margin-bottom: 0;
}

.noTopBotMar {
    margin: 0 auto !important;
}

.botMar {
    margin-bottom: 50px;
}

.botMarSmall {
    margin-bottom: 10px;
}

.padTopBot {
    padding: 45px 0 !important;
}

.padSmall {
    padding: 20px 10px !important;
}

.padRound {
    padding: 45px !important;
}

.pad20 {
    padding: 20px !important;
}

.row {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 25px 0;
    font-weight: 700;
    text-transform: uppercase;
}

h1, h2 {
    color: #36322e;
    font-size: 2.1em;
}

    h1.light,
    h2.light,
    h3.light {
        color: #b4aba0;
    }

h3 {
    font-size: 1.2em;
}

    h3.largeTxt {
        font-size: 1.5em;
    }

h4 {
    font-size: 2.25em;
}

h5 {
    font-size: 1.7em;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0;
}

.bg-red {
    background: #671515;
}

.bg-brown {
    background: #4e4842;
}

.bg-dark {
    background: #413c3e;
}

.bg-topmenu {
    background: #2a2325;
    width: 100%;
    height: 62px;
    z-index: 99999;
}

.bg-red *,
.bg-red-left *,
.bg-red-right *,
.bg-brown *,
.bg-brown-left *,
.bg-brown-right * {
    color: #eee9e3;
}


.bg-red-left {
    background: url('/img/bg-red-left.png') repeat-y center top;
}

.bg-red-right {
    background: url('/img/bg-red-right.png') repeat-y center top;
}

    .bg-red-left .wide-container,
    .bg-red-right .wide-container {
        background: #671515;
    }

.bg-brown-left {
    background: url('/img/bg-brown-left.png') repeat-y center top;
}

.bg-brown-right {
    background: url('/img/bg-brown-right.png') repeat-y center top;
}

    .bg-brown-left .wide-container,
    .bg-brown-right .wide-container {
        background: #4e4842;
    }

aside {
    display: none;
}

.topimages,
.topimages.home {
    display: block;
    width: 100%;
    height: 126px;
    text-align: center;
    position: relative;
}

    .topimages .header-slider,
    .topimages .header-slider figure,
    .topimages.home .header-slider,
    .topimages.home .header-slider figure {
        width: 100%;
        height: 126px;
    }


        .topimages .header-slider figure {
            background-position: center center;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

    .topimages figure.logo {
        position: absolute;
        width: 100%;
        text-align: center;
        height: 90px;
        z-index: 99998;
        top: 12px;
    }

        .topimages figure.logo img {
            width: 221px;
            height: 90px;
        }

input, select, textarea {
    margin-bottom: 15px;
    border: 1px solid transparent;
    width: 100%;
    padding: 13px;
}

    input.error, select.error, textarea.error {
        border: 1px solid #671515 !important;
    }

    input.form-element {
        display: none;
    }

textarea {
    height: 180px;
}

label {
    font-weight: normal;
    margin-bottom: 15px;
}

.rb {
    float: left;
    width: auto;
    margin-right: 10px !important;
}

label.rb {
    margin-right: 50px !important;
}

.search {
    margin: 0 auto !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

    .newsLetter input,
    .search input {
        color: #4e4842;
        background: #e4ddd5 url('/img/search.png') no-repeat center right;
        border: none;
        height: 45px;
        width: 100%;
        padding: 6px 40px 6px 6px;
    }

.newsLetter input {
    background-image: none;
    border: 1px solid transparent;
    width: 98%;
}

.newsLetter h4 {
    padding-top: 5px;
}

footer, footer * {
    color: #88847f;
    font-weight: 500;
    font-size: 0.95em;
}

    footer .wide-container {
        margin: 50px auto;
    }

.footerContact {
    font-size: 0.95em;
}

    .footerContact a.socMed {
        height: 32px;
        display: inline-block;
        margin: 0 20px 0 0;
        background: no-repeat center bottom;
    }

        .footerContact a.socMed.smLinkedIn {
            width: 30px;
            background-image: url('/img/linkedin.png');
        }

        .footerContact a.socMed.smFacebook {
            width: 17px;
            background-image: url('/img/facebook.png');
        }

        .footerContact a.socMed.smTwitter {
            width: 36px;
            background-image: url('/img/twitter.png');
        }

        .footerContact a.socMed.smInstagram {
            width: 32px;
            background-image: url('/img/instagram.png');
        }


a.activity {
    background: #ffffff url('/img/arrow-right.png') no-repeat center right;
    display: block;
    color: #5b5549;
    padding: 15px 55px 15px 15px;
    margin-bottom: 1px;
}

    a.activity span.date {
        display: block;
        width: 100%;
    }


.button {
    display: inline-block;
    height: 45px;
    background: #671515;
    font-weight: 700;
    line-height: 45px;
    color: #eee9e3;
    text-transform: uppercase;
    border: none;
    font-size: 20px;
    margin-top: 30px;
    background: #671515 url('/img/meerinfo.png') no-repeat center right;
    padding: 0 45px 0 9px;
}

    .button.dark {
        background-color: #9b1d29;
    }

    .button.brown {
        background-color: #4e4842;
    }

    .button.darkbrown {
        background-color: #393531;
    }

    .button.wide {
        width: 100%;
    }

    .button.high {
        height: 57px;
        line-height: 57px;
        font-size: 1.3em;
    }

    .button.largeTxt {
        font-size: 1.3em;
    }

    .button.newsLetter {
        padding: 0 70px 0 18px;
        background-image: url('/img/newsletter.png');
    }

    .button.noBg {
        padding: 0 18px 0 18px;
        background-image: none;
    }

.gallery-slider figure,
.gallery-thumbs figure {
    cursor: pointer;
}

.slick-next,
.slick-prev {
    position: absolute;
    top: 180px;
    width: 47px;
    height: 63px;
    background: transparent no-repeat;
    border: none;
}

.slick-prev {
    left: 39px;
    background-image: url('/img/prev.png');
}

.slick-next {
    right: 19px;
    background-image: url('/img/next.png');
}

input.oldBuilding,
.churchOn {
    display: none;
}

.churchOff {
    display: block;
}

.navbar {
    position: relative;
    background: #2a2325;
    margin-bottom: 0 !important;
    z-index: 999999;
    border: 0 !important;
}

    .navbar .navbar-collapse {
        border: 0 !important;
    }

    .navbar .wide-container {
        margin: 0 auto !important;
    }

.navbar-default .navbar-nav li > a {
    color: #ded3c6;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 31px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 1.125em;
}

.navbar-default .navbar-nav li:hover > a,
.navbar-default .navbar-nav li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-position: bottom center;
    padding-left: 15px;
    color: #d53947;
}

.navbar-nav > li > .dropdown-menu {
    display: block !important;
    float: none !important;
    position: static !important;
    background: none;
    border: none;
    padding: 0 0 0 10px;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .navbar-nav > li > .dropdown-menu li a {
        font-size: 1.25em;
        padding: 15px;
    }

#nwsletter-fld3,
#nwsletter-fld4 {
    display: none;
}

.styled-select {
    width: 100%;
    height: 42px;
    overflow: hidden;
    background: #fff url('/img/dropdown.png') no-repeat top right;
    margin-top: 10px;
}

    .styled-select select {
        background: transparent;
        width: 110%;
        padding: 5px;
        font-size: 16px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 42px;
        -webkit-appearance: none;
    }

figure.logo-small,
figure.logo-small img {
    width: 95% !important;
    height: 95% !important;
    max-width: 112px !important;
    max-height: 42px !important;
}

a.ipsis {
    background: url('/img/ipsis.png') no-repeat top left;
    padding-left: 8px;
}

/*
.ajaxloading {
    display: block;
}*/

.navbar-toggle {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    float: left !important;
    margin-top: 15px !important;
}

    .navbar-toggle .icon-bar {
        background: #d53947 !important;
    }

    .navbar-toggle.collapsed .icon-bar {
        background: #e4ddd5 !important;
    }

a.icoMaps,
a.icoPhone {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 15px;
}

a.icoPhone {
    left: 86px;
}

a.icoMaps {
    left: 138px;
}

.padTBSmall {
    padding: 20px 0 20px 0 !important;
}

.padBSmall {
    padding: 0 0 20px 0 !important;
}

.padBot {
    padding-bottom: 20px;
}
ul.dropdown-menu li {
    position: relative !important;
}
ul.dropdown-menu ul.dropdown-menu li a {
    padding-left: 25px !important;
}

a.dropdown-toggle {
    width: 90% !important;
    /*background: url('/img/arrow-down-mnu.png') no-repeat top right !important;*/
}

a.mnuarrow {
    position: absolute !important;
    cursor: pointer;
    display: inline-block;
    width: 10% !important;
    height: 38px;
    min-width: 43px;
    top: 0;
    right: 0;
    background: url('/img/arrow-down-mnu.png') no-repeat top right !important;
}

/* VANAF 768px (Small) */
@media (min-width: 768px) {

    a.upbtn {
        display: block;
        width: 100%;
        height: 64px;
        background: #9b1d29 url('/img/arrow-up.png') no-repeat top left;
    }

    aside {
        display: none;
    }

        aside nav ul,
        aside nav ul li {
            padding: 0;
            margin: 0;
            width: 100%;
            list-style-type: none;
        }

            aside nav ul li.active {
                background: #9b1d29;
            }

            aside nav ul li a {
                font-weight: 500;
                font-size: 1.1em;
                line-height: 180%;
                color: #fff;
                padding: 5px 10px;
                display: block;
                text-transform: uppercase;
            }

            aside nav ul li.sub {
                padding-left: 20px;
            }

    .topimages {
        height: 228px;
    }

        .topimages.home {
            height: 293px;
        }

        .topimages .header-slider,
        .topimages .header-slider figure {
            width: 100%;
            height: 228px;
        }

        .topimages.home .header-slider,
        .topimages.home .header-slider figure {
            width: 100%;
            height: 293px;
        }


        .topimages .header-slider figure {
            background-position: center center;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }



        .topimages figure.logo {
            position: absolute;
            padding-top: 26px;
            width: 100%;
            text-align: center;
            z-index: 99998;
            top: 0;
        }

            .topimages figure.logo img {
                width: 400px;
                height: 160px;
            }


        .topimages .languages {
            position: absolute;
            width: 100%;
            max-width: 1260px;
            z-index: 99998;
            top: 62px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
        }

            .topimages .languages .buttons {
                width: 168px;
                height: 42px;
                float: right;
            }

                .topimages .languages .buttons a {
                    display: inline-block;
                    float: left;
                    width: 41px;
                    height: 42px;
                    margin-left: 1px;
                    font-weight: 700;
                    color: #e4ddd5;
                    line-height: 250%;
                    background: #2a2325;
                    background-color: rgba(42,35,37, 0.8);
                }

                    .topimages .languages .buttons a:hover,
                    .topimages .languages .buttons a.active {
                        background: #671515;
                    }
}

/* VANAF 992px (Medium) */
@media (min-width: 992px) {

.button {
    padding: 0 70px 0 18px;
}


    .wide-container {
        margin: 0 auto 100px auto;
    }
    a.mnuarrow {
        display: none !important;
    }

    aside {
        display: block;
        background-color: #671515;
    }

    .bg-topmenu {
        background: #2a2325;
        background-color: rgba(42,35,37, 0.8);
        position: absolute;
    }

    .topimages {
        height: 456px;
    }

        .topimages .header-slider,
        .topimages .header-slider figure {
            height: 456px;
        }

        .topimages.home {
            height: 586px;
        }

            .topimages.home .header-slider,
            .topimages.home .header-slider figure {
                height: 586px;
            }

        .topimages figure.logo {
            top: 62px;
        }


    a.activity span.date {
        display: inline-block;
        width: 245px;
    }

    .navbar,
    .navbar-default {
        border: none;
        margin: 0;
        z-index: 999999;
    }

        .navbar-default .navbar-collapse {
            text-align: center;
            padding: 0;
            width: 100%;
            height: 62px !important;
            z-index: 999999;
        }

            .navbar-default .navbar-collapse .nav {
                float: none;
            }

            .navbar-default .navbar-collapse > ul {
                display: inline-block;
                width: auto;
                height: 62px !important;
                margin: 0 auto;
            }

            .navbar-default .navbar-collapse ul.dropdown-menu {
                display: none !important;
                float: left !important;
                position: absolute !important;
            }

            .navbar-default .navbar-collapse .nav > li {
                display: inline-block;
                float: none;
                height: 62px !important;
                vertical-align: middle;
            }

            .navbar-default .navbar-collapse > ul > li:hover > ul {
                display: block !important;
            }

        .navbar-default .navbar-nav {
            width: 100%;
            text-align: center;
        }

    .navbar-nav > li > .dropdown-menu {
        background: #9b1d29;
        padding: 0;
    }

        .navbar-nav > li > .dropdown-menu li a {
        }

        .navbar-nav > li > .dropdown-menu li.active,
        .navbar-nav > li > .dropdown-menu li:hover {
            background: #671515;
        }

    .content {
        padding: 0 30px;
    }

        .content ul {
            padding-left: 15px;
        }

    .contentLeft {
        padding: 0 0 0 30px;
    }

    .pad45 {
        padding: 45px !important;
    }

    .padTRL {
        padding: 45px 45px 0 45px !important;
    }

    .padLRSmall {
        padding: 0 20px !important;
    }

    .padTSmall {
        padding: 20px 0 0 0 !important;
    }

    .padTBRSmall {
        padding: 20px 20px 20px 0 !important;
    }


    .padTLSmall {
        padding: 20px 0 0 20px !important;
    }

    .padTRSmall {
        padding: 20px 20px 0 0 !important;
    }

    .padLRBSmall {
        padding: 0 20px 20px 20px !important;
    }

    .padRBSmall {
        padding: 0 20px 20px 0 !important;
    }

    .padTXSmall {
        padding-top: 4px;
    }

    .marB15 {
        margin-bottom: 15px !important;
    }
}

/* Vanaf 1250px */
@media (min-width: 1250px) {
    .wide-container {
        padding: 0;
        max-width: 1260px;
    }
}
