.top {
    background-image: url("../gfx/topGrad.png");
    width: 100%;
    height: 15%;
    min-height: 100px;
    padding-top: 20px;
    text-align: center;
}

html, body {
    height: 100%;
    background-image: linear-gradient(90deg, rgba(134, 23, 3, 0.05), rgba(134, 23, 3, 0.3));
}

#wrap {
    min-height: 100%;
    overflow: auto;
    padding-bottom: 50px; /* this needs to be bigger than footer height*/
}

.footer {
    height: 50px;
    margin-top: -50px;
    text-align: center;
    padding-top: 20px; /* Bepaalt de tekst hoogte*/
    background-image: linear-gradient(90deg, rgba(134, 23, 3, 0.1), rgba(134, 23, 3, 0.4));
}

div.wHeader {
    width: 100%;
    height: 105px;
    background-image: linear-gradient(90deg, rgba(134, 23, 3, 0.1), rgba(134, 23, 3, 0.4)); /*255, 164, 0*/
    /*background-image:url("../../test/gradient.png");*/
}

div.wLogo {
    background-image: url("../images/logo-kop1.gif");
    background-repeat: no-repeat;
    height: 110px;
}



.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
    max-width: 100%;
    height: auto;
}

.carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
}

.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}

@media (max-width: 600px) {
    body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    div.wHeader {
        height: 55px;
    }

    .page-header {
        margin: 0px;
    }

        .page-header h1 {
            font-size: 2em;
            margin-top: 5px;
        }

    div.wLogo {
        background-image: url("../images/logo-kop-xs.gif");
        background-repeat: no-repeat;
        height: 55px;
    }
}