body,
html {
    height: 100%;
}
.homegallery {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.titel,
.titel2 {
    font-size: 1.6em;
}
.menubutton {
    position: fixed;
    top: 25px;
    left: 85%;
    cursor: pointer;
}
.menudiv {
    display: none;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #92d050;
}
.menubutton-dt {
    position: absolute;
    top: 40px;
    left: 85%;
    cursor: pointer;
    z-index: +80000;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.menubutton-dt:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.menudiv-dt {
    display: none;
    position: absolute;
    z-index: +90000;
    top: 213px;
    width: 100%;
    max-width: 1000px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(250, 250, 250, 0.9);
    font-size: 1em;
    box-sizing: border-box;
    padding: 15px;
    border: 0;
}
.menudiv-dt h4 {
    margin: 3px 0 3px 0;
    padding: 0;
}
.menudiv-dt p {
    margin: 3px 0 3px 0;
    padding: 0 0 0 15px;
}
.menudiv-dt a {
    color: #75b430;
    text-decoration: none;
    text-transform: uppercase;
}
.bannershow {
    top: -75px;
}
html {
    /* overflow-y: scroll; */
}
.mobilecorrect {
    margin-top: 0;
}
.container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.container .column,
.container .columns {
    float: left;
    margin-left: 0;
    margin-right: 0;
    min-height: 10px;
}
.column.alpha,
.columns.alpha {
    margin-left: 0;
    margin-right: 0;
}
.column.omega,
.columns.omega {
    margin-right: 0;
    margin-left: 0;
}
.column.beta,
.columns.beta {
    margin-right: 0;
    margin-left: 0;
}
.alpha.omega {
    margin-left: 0;
    margin-right: 0;
}
.container .one.column,
.container .one.columns {
    width: 6.25%;
}
.container .two.columns {
    width: 12.5%;
    min-height: 10px;
}
.container .three.columns {
    width: 18.75%;
}
.container .four.columns {
    width: 25%;
}
.container .five.columns {
    width: 31.25%;
}
.container .six.columns {
    width: 37.5%;
}
.container .seven.columns {
    width: 43.75%;
}
.container .eight.columns {
    width: 50%;
}
.container .nine.columns {
    width: 56.25%;
}
.container .ten.columns {
    width: 62.5%;
}
.container .eleven.columns {
    width: 68.75%;
}
.container .twelve.columns {
    width: 75%;
}
.container .thirteen.columns {
    width: 81.25%;
}
.container .fourteen.columns {
    width: 87.5%;
}
.container .fifteen.columns {
    width: 93.75%;
}
.container .sixteen.columns {
    width: 100%;
}
.container .one-third.column {
    width: 33.333333%;
}
.container .two-thirds.column {
    width: 66.6666666%;
}
.container .offset-by-one {
    padding-left: 6.25%;
}
.container .offset-by-two {
    padding-left: 12.5%;
}
.container .offset-by-three {
    padding-left: 18.75%;
}
.container .offset-by-four {
    padding-left: 25%;
}
.container .offset-by-five {
    padding-left: 31.25%;
}
.container .offset-by-six {
    padding-left: 37.5%;
}
.container .offset-by-seven {
    padding-left: 43.75%;
}
.container .offset-by-eight {
    padding-left: 50%;
}
.container .offset-by-nine {
    padding-left: 56.25%;
}
.container .offset-by-ten {
    padding-left: 62.5%;
}
.container .offset-by-eleven {
    padding-left: 68.75%;
}
.container .offset-by-twelve {
    padding-left: 75%;
}
.container .offset-by-thirteen {
    padding-left: 81.25%;
}
.container .offset-by-fourteen {
    padding-left: 87.5%;
}
.container .offset-by-fifteen {
    padding-left: 93.75%;
}
.show-on-mobile {
    display: none !important;
    visibility: hidden;
}
.hide-on-mobile {
    display: block !important;
    visibility: visible;
}
.showcaseoverview div {
    width: 20%;
    float: left;
}
.showcaseoverview div:nth-of-type(1) {
    width: 33.333333%;
}
.showcaseoverview div:nth-of-type(2) {
    width: 33.333333%;
}
.showcaseoverview div:nth-of-type(3) {
    width: 33.333333%;
}
.showcaseoverviewplaatje {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}
.showcaseoverviewcontent {
    position: relative;
    width: 100%;
}






.overlay2 {
    color: #000;
    background: #fff;
    min-height: 10%;
    opacity: 0;
    text-align: left;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 3% 15px 3%;
    width: 100%;
    z-index: +20000;
    -webkit-transition: opacity 0s;
}
.overlay2 a {
    color: #000;
    text-decoration: none;
}
.rubrieknaam a {
    color: #000;
    text-decoration: none;
}
.overlay2 h3 {
    font-size: 1.1em;
    margin-bottom: 2px;
}
.showcaseoverviewcontent:hover .overlay2 {
    width: 100% !important;
    background: #eee;
    opacity: 0.7;
    z-index: +20000;
}
.toon {
    width: 100% !important;
    background: #eee;
    opacity: 0.7;
    z-index: +20000;
}
@media only screen and (max-width: 1440px) {
    .paginatitel {
        margin-top: -20px;
        margin-bottom: 140px;
    }
    .tellers {
        font-weight: 700;
        color: #bccc16;
        font-size: 3.5em;
    }
    .knopteksthomepage {
        color: #fff;
        font-size: 1.1em;
        padding: 8px 0 0 15px;
    }
    .inhoud {
        margin-top: 30px;
        padding: 25px;
    }
    .duim {
        width: 16.56%;
        height: auto;
        margin-right: 0.1%;
    }
    .overlay2 h3 {
        font-size: 1em;
    }
}
@media only screen and (max-width: 1280px) {
    .overlay2,
    .overlay2 h3 {
        font-size: 0.9em;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1160px) {
    .payoff {
        font:
            18px "Trebuchet MS",
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        color: #089edf;
        letter-spacing: -1px;
    }
    .telefoon img {
        vertical-align: middle;
        float: left;
        width: 22px;
        height: auto;
        margin-right: 8px;
    }
}
@media only screen and (max-width: 1024px) {
    .hide-overlay {
        display: none !important;
        visibility: hidden;
    }
}
@media only screen and (max-width: 767px) {

    .homegallery {
        background-size: cover;
        background-position: center bottom;
        width: 100%;
        height: 100% !important;
        min-height: 200px;
    }
    .menubutton {
        position: fixed;
        top: 25px;
        left: 85%;
        cursor: pointer;
    }
    .menudiv {
        position: fixed;
        z-index: +90000;
        top: 72px;
        width: 100%;
        float: right;
        background-color: rgba(250, 250, 250, 0.9);
        font-size: 1.1em;
        box-sizing: border-box;
        padding: 15px;
        border: 1px solid #92d050;
    }
    .menudiv h4 {
        margin: 3px 0 3px 0;
        padding: 0;
    }
    .menudiv p {
        margin: 3px 0 3px 0;
        padding: 0 0 0 15px;
    }
    .menudiv a {
        color: #75b430;
        text-decoration: none;
        text-transform: uppercase;
    }
    .bannershow {
        top: 0;
    }
    .kopje {
        color: #75b430;
        text-transform: uppercase;
        margin: 3px 0 3px 0;
        font-size: 0.8em;
        font-weight: 600;
    }
    .titel {
        font-size: 1em;
        line-height: 2.6em;
    }
    .titel2 {
        font-size: 1em;
        display: table-cell;
        vertical-align: middle;
    }
    .mobilecorrect {
        margin-top: 75px;
    }
    .showcaseoverview div {
        width: 100%;
        float: left;
    }
    .showcaseoverview div:nth-of-type(1) {
        width: 100%;
    }
    .showcaseoverview div:nth-of-type(2) {
        width: 100%;
    }
    .showcaseoverview div:nth-of-type(3) {
        width: 100%;
    }
    .showcaseoverviewplaatje {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        opacity: 1;
    }
    .showcaseoverviewcontent:hover .showcaseoverviewplaatje {
        opacity: 1;
    }
    .showcaseoverviewcontent {
        position: relative;
        width: 100%;
    }
    .overlay2 {
        opacity: 0;
    }
    .balk12 {
        margin-bottom: 20px;
    }
    .hide-on-mobileandtablet {
        display: none !important;
        visibility: hidden;
    }
    .hide-on-mobile {
        display: none !important;
        visibility: hidden;
    }
    .show-on-mobile {
        display: block !important;
        visibility: visible;
    }
    .hide-on-tabletportrait {
        display: none !important;
        visibility: hidden;
    }
    img.homepagetekst {
        width: 100% !important;
        height: auto !important;
        float: none;
        margin-left: 0;
    }
    .container {
        width: 100%;
        padding: 0;
    }
    .container .column,
    .container .columns {
        margin: 10px 2%;
    }
    .container .columnmobile,
    .container .columnsmobile {
        margin: 0;
        float: left;
        position: relative;
    }
    .container .eight.columns,
    .container .eightplus.columns,
    .container .eleven.columns,
    .container .fifteen.columns,
    .container .five.columns,
    .container .fiveplus.columns,
    .container .four-fifths.column,
    .container .four.columns,
    .container .fourteen.columns,
    .container .nine.columns,
    .container .one-fifth.column,
    .container .one-half.column,
    .container .one-quarter.column,
    .container .one-third.column,
    .container .one.column,
    .container .one.columns,
    .container .seven.columns,
    .container .six.columns,
    .container .sixteen.columns,
    .container .ten.columns,
    .container .thirteen.columns,
    .container .three-fifths.column,
    .container .three-quarters.column,
    .container .three.columns,
    .container .twelve.columns,
    .container .two-fifths.column,
    .container .two-thirds.column {
        width: 96%;
    }
    .tafel {
        display: table;
        width: 100%;
        min-height: 75px;
    }
    .container .onemobile {
        width: 20%;
        display: table-cell;
        vertical-align: middle;
        min-height: 75px;
    }
    .container .fourteenmobile {
        width: 60%;
        min-height: 75px;
    }
    .container .two.columns {
        width: 29%;
    }
    .container .offset-by-eight,
    .container .offset-by-eleven,
    .container .offset-by-fifteen,
    .container .offset-by-five,
    .container .offset-by-four,
    .container .offset-by-fourteen,
    .container .offset-by-nine,
    .container .offset-by-one,
    .container .offset-by-seven,
    .container .offset-by-six,
    .container .offset-by-ten,
    .container .offset-by-thirteen,
    .container .offset-by-three,
    .container .offset-by-twelve,
    .container .offset-by-two {
        padding-left: 0;
    }
}
@media only screen and (max-width: 420px) {
    .hide-on-mobileandtablet {
        display: none !important;
        visibility: hidden;
    }
    .hide-on-mobile {
        display: none !important;
        visibility: hidden;
    }
    .show-on-mobile {
        display: block !important;
        visibility: visible;
    }
    .hide-on-tabletportrait {
        display: none !important;
        visibility: hidden;
    }
}
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after,
.row:after {
    clear: both;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}