.theme-l5 {
    color: #000 !important;
    background-color: #f7fbf4 !important
}

.theme-l4 {
    color: #000 !important;
    background-color: #e5f3da !important
}

.theme-l3 {
    color: #000 !important;
    background-color: #cbe6b4 !important
}

.theme-l2 {
    color: #000 !important;
    background-color: #b2da8f !important
}

.theme-l1 {
    color: #000 !important;
    background-color: #98cd69 !important
}

.theme-d1 {
    color: #fff !important;
    background-color: #71b03b !important
}

.theme-d2 {
    color: #fff !important;
    background-color: #659c34 !important
}

.theme-d3 {
    color: #fff !important;
    background-color: #58892e !important
}

.theme-d4 {
    color: #fff !important;
    background-color: #4b7527 !important
}

.theme-d5 {
    color: #fff !important;
    background-color: #3f6221 !important
}

.theme-light {
    color: #000 !important;
    background-color: #f7fbf4 !important
}

.theme-dark {
    color: #fff !important;
    background-color: #3f6221 !important
}

.theme-action {
    color: #fff !important;
    background-color: #3f6221 !important
}

.theme {
    color: #fff !important;
    background-color: #7ec044 !important
}

.text-theme {
    color: #7ec044 !important
}

.border-theme {
    border-color: #7ec044 !important
}

.hover-theme:hover {
    color: #fff !important;
    background-color: #7ec044 !important
}

.hover-text-theme {
    color: #7ec044 !important
}

.hover-border-theme:hover {
    border-color: #7ec044 !important
}

/*----------------------------------------------*/
/* overwrite of bootstrap.css/bootstrap.min.css */
/*----------------------------------------------*/
/* Navigatie - kleur gewijzigd */
.navbar-inverse .navbar-brand {
    color: black;
}

.navbar-inverse .navbar-nav > li > a {
    color: black;
}

/* Navigatie - positionering image rechts */
/*----------------------------------------*/
.navbar-img-right {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* Navigatie - lettertype menu naar 18 pixels */
/* ------------------------------------------ */
.navbar-nav {
    font-size: 18px;
}

/* Navigatie - positionering Hamburger menu */
/*             Margin right van 15 naar 110 */
/*------------------------------------------*/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 110px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Home Page Carousel */
/*--------------------*/
header.carousel {
    height: 320px;
    background-color: rgba(247, 251, 244);
}

.carousel-indicators li {
    border: 1px solid #000000;
}

.carousel-indicators .active {
    background-color: #7ec044;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(126, 192, 68, .5) 0%, rgba(247, 251, 244, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(126, 192, 68, .5) 0%, rgba(247, 251, 244, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(126, 192, 68, .5)), to(rgba(247, 251, 244, .0001)));
    background-image: linear-gradient(to right, rgba(126, 192, 68, .5) 0%, rgba(247, 251, 244, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(right rgba(126, 192, 68, .5) 0%, rgba(247, 251, 244, .0001) 100%);
    background-image: -o-linear-gradient(right, rgba(126, 192, 68, .5) 0%, rgba(247, 251, 244, .0001) 100%);
    background-image: -webkit-gradient(linear, right top, right top, from(rgba(126, 192, 68, .5)), to(rgba(247, 251, 244, .0001)));
    background-image: linear-gradient(to left, rgba(126, 192, 68, .5) 0%, rgba(247, 251, 244, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
}

item {
    padding-bottom: 100%;
}

/* Pagina opmaak */
/*---------------*/
h2 {
    font-size: 36px;
    color: #2b542c;
    border-bottom: dotted 1px #2b542c;
    padding-bottom: 25px;
}

h3 {
    color: #2b542c;
}

.block-align-middle {
    display: block;
    text-align: center;
}

.text-align-middle {
    position: absolute;
    top: 80%;
    transform: translateY(50%);
}

.ul-afwijkend{
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 3em;
}

/* Panel opmaak */
/*--------------*/
.panel-default > .panel-heading {
    color: #333;
    background-color: #cbe6b4;
    border-color: #ddd;
}

/* Image - hover */
/*---------------*/
a img.another { display: none; }

    a:hover img.default { display: none }
    a:hover img.another { display: block; }


/* Formulier */
/*-----------*/

/* Invoervelden Contact form - Velden worden aangepast per device*/
@media screen and (min-width: 992px) {
    .form-control {
        width: 70%;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .form-control {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .form-control {
        width: 100%;
    }

    h2 {
        font-size: 90%;
    }
}

.form-control:focus {
    border-color: #7ec044;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #58892e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #58892e;
}

.has-error .form-control {
    border-color: #3f6221;
}

.has-error .form-control:focus {
    border-color: #7ec044;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #58892e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #58892e;
}

.has-error .help-block {
    color: #2b542c;
}

/* Buttons */
.btn-primary {
    color: black;
    background-color: #cbe6b4;
    border-color: #3f6221;
}

.btn-primary:hover {
    color: white;
    background-color: #58892e;
    border-color: #3f6221;
}

.btn-primary:focus {
    color: black;
    background-color: #58892e;
    border-color: #3f6221;
}

.btn-primary:active:focus,
.btn-primary.active:focus {
    color: black;
    background-color: #7ec044;
    border-color: #3f6221;
}