@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary
{display: block;}

audio, canvas, video {display: inline-block; *display:inline; *zoom:1;}

audio:not([controls]) {display:none; height:0;}

[hidden] {display:none;}

html {overflow-y:scroll; overflow-x:hidden; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}    
    
body {line-height: 1;}

nav ul, nav ol {list-style: none; list-style-image:none;}    
ol, ul {list-style: none;}
    
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; font-size:75%}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}    

sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

table {border-collapse: collapse; border-spacing: 0;}

a:link, a:visited, a:hover, a:active {text-decoration:none;}
a img, :link img, :visited img {border:none;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

html, button, input, select, textarea {font-family: sans-serif;}
textarea {resize:none; vertical-align:top; font-size:100%; overflow:auto;}
textarea:focus {outline:none;}
input:focus {outline:none;}
button, input, select {vertical-align: baseline; *vertical-align: middle; font-size:100%; line-height:normal; margin:0;}
legend {white-space: normal; *margin-left:-7px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; *overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing; border-box; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}

img {-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow:hidden;}

strong, b {font-weight:bold}

tt {font-family: "Courier New", Courier, monospace}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size:16px;}
pre {white-space: pre; white-space:pre-wrap; word-wrap: break-word;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
i {font-style:italic}
u {text-decoration:underline}
strike, del {text-decoration:line-through}
ins {text-decoration:none}
center {text-align:center}
dfn {font-style:italic}
mark {background: #ff0; color: #000;}

/* EXTERNE FONTS */

/* GEHOSTE FONTS */
@font-face {
    font-family: 'GothamRndSSm';
    src: url('/fonts/GothamRndSSm-Medium.eot');
    src: url('/fonts/GothamRndSSm-Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GothamRndSSm-Medium.woff') format('woff'),
         url('/fonts/GothamRndSSm-Medium.ttf') format('truetype'),
         url('/fonts/GothamRndSSm-Medium.svg#GothamRndSSm') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamRndSSm';
    src: url('/fonts/GothamRndSSm-Bold.eot');
    src: url('/fonts/GothamRndSSm-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GothamRndSSm-Bold.woff') format('woff'),
         url('/fonts/GothamRndSSm-Bold.ttf') format('truetype'),
         url('/fonts/GothamRndSSm-Bold.svg#GothamRndSSm') format('svg');
    font-weight: bold;
    font-style: normal;

}
@charset "UTF-8";
.contactholder .i50 {
    width: 48.5% !important;
    float: left;
}

.contactholder .i50.fr {
    float: right;
}

#extramenu {
    display: none;
}

#PL_privacy {
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.privcnt {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    color: #fff;
    cursor: pointer;
    font-size: .8em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 20px;
}

.privcnt input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.privcnt a {
    height: 100%;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    color: black;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #dedede;
}

.privcnt:hover input~.checkmark {
    background-color: #ccc;
}

.privcnt input:checked~.checkmark {
    background-color: #333333;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.privcnt input:checked~.checkmark:after {
    display: block;
}

.privcnt .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#PLCookie,
#PLCookie * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -wekbit-box-sizing: border-box;
}

#PLCookie {
    width: 100%;
    min-height: 80px;
    position: fixed;
    padding: 10px 15px 0 15px;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(242, 235, 202);
    color: #000;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.23);
    -moz-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.23);
    box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.23);
}

#PLCookie article {
    max-width: 1200px;
    margin: 0 auto;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 6px;
}

#PLCookie article div {
    float: right;
}

#PLCookie article span {
    display: block;
    padding-top: 6px;
    line-height: 1.5em;
    margin-right: 200px;
    color: #000;
}

#sfeerfotos>div,
.kroeg_fa>div {
    display: inline-block;
}

#sfeerfotos,
.kroeg_fa {
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    width: 94%;
    max-width: 1200px;
    text-align: center;
}

#sfeerfotos .kader,
.kroeg_fa .kader {
    cursor: pointer;
    border: 2px solid rgb(242, 235, 202);
    padding: 1px;
}

#PLCookie article div a {
    padding: 10px 15px;
    margin-left: 20px;
    background-color: #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
}

#PLCookie article div a:hover {
    background-color: #dbdbdb;
    color: #333;
}

@media all and (max-width: 550px) {
    #PLCookie article div {
        float: none;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 6px;
        width: 100%;
    }
    #PLCookie article span {
        display: block;
        padding-top: 6px;
        text-align: center;
        margin-right: 0;
        padding-bottom: 55px;
    }
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Merriweather, serif;
    background-color: #810e00;
}

.hide {
    display: none;
}

.logo.hdn {
    display: none;
}

#container {
    min-height: 100%;
    position: relative;
}


/* HEADER */

#headerwrap {
    background: rgba(242, 235, 202, .8);
    height: 100px;
    position: fixed;
    z-index: 50;
    width: 100%;
    color: #333;
}

nav {
    position: relative;
}

.PnabsL {
    position: absolute;
    bottom: -12.5px;
    left: 250px;
    font-weight: 500;
    color: #FFFFFF !important;
    height: 25px;
    line-height: 25px;
    background-color: #810E00;
    padding: 0.25em 1em;
    border-radius: 10px;
    -moz- border-radius: 10px;
    -webkit- border-radius: 10px;
}

.PnabsL:hover {
    color: #F2EBCA;
}

.PnabsL.hdn {
    bottom: -12.5px;
    left: 250px;
    color: #fff;
}

.P_null {
    padding-left: 0px!important;
}

#header {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px 20px 0px 20px;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* BODY */

#bodywrap {
    /*padding-bottom:526px;   HOOGTE VAN DE FOOTER - AAN TE PASSEN */
}

#body {
    max-width: 1600px;
    margin: 0px auto 0px auto;
    padding: 40px 20px 40px 20px;
}

#body h1 {
    font-family: "GothamRndSSm", sans-serif;
    color: #ffe8cc;
    text-align: center;
    padding-bottom: 45px;
    font-size: 2em;
    line-height: 1.4em;
    margin-bottom: 25px;
    background-image: url(../images/bg_h1.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 35px;
}

.txt_home.CT {
    padding: 40px 20px 30px;
}

.arsp {
    display: inline-block;
    float: left;
    padding-top: 11px;
    width: 20px;
}

.artxt {
    display: inline-block;
}


/* FOOTER */

#footerwrap {
    /*position:absolute;*/
    position: relative;
    bottom: 0;
    width: 100%;
    /* height:526px;   HOOGTE VAN DE FOOTER - AAN TE PASSEN */
    min-height: 500px;
    background: #000;
    padding-bottom: 25px;
}

#footer {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 20px 0px 0px 0px;
    color: #FFF;
    font-size: 0.8em;
    line-height: 2em;
    width: 96%;
}

#footer .col-group_4 {
    width: 65%;
    margin: 0 auto;
}

#footer .col-group_4>*:first-child {
    padding-left: 3em;
}

#footer a {
    color: #FFF;
}

.foot {
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
    background-color: #333;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    color: #ffe8cc;
}

.foot a {
    color: #ffe8cc;
}

.foot_txt {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    margin-bottom: 15px;
}

.foot_txt.Links {
    padding-left: 0px;
}

.foot_txt.Links .text_Ft:nth-child(2) {
    padding-left: 55px;
}

.foot_txt.Links .text_Ft a {
    padding-left: 55px;
}

.CTF.foot_txt.Links .text_Ft a {
    padding-left: 25px;
}

.CTF.foot_txt.Links .text_Ft:nth-child(2),
.CTF.foot_txt.Links .text_Ft:nth-child(4) {
    padding-left: 25px;
}

.text_Ft {
    margin-bottom: 6px;
}

.CTF.foot_txt.Links .Ico1 {
    background: url("/images/ficon2_1.png") no-repeat left center;
}

.CTF.foot_txt.Links .Ico2 {
    background: url("/images/ficon3_1.png") no-repeat left center;
}

.CTF.foot_txt.Links .Ico3 {
    background: url("/images/ficon4_1.png") no-repeat left center;
}

.foot_txt.Links .Ico1 {
    background: url("/images/ficon2_1.png") no-repeat left 20px center;
}

.foot_txt.Links .Ico2 {
    background: url("/images/ficon3_1.png") no-repeat left 20px center;
}

.foot_txt.Links .Ico3 {
    background: url("/images/ficon4_1.png") no-repeat left 20px center;
}

.foot_txt.Links .Ico4 {
    background: url("/images/ficon5.png") no-repeat left 3px;
}

.foot_icons {
    width: 25px;
    position: absolute;
    left: 0px;
    top: 5px;
}

.introzone {
    width: 100%;
    z-index: 48;
    position: relative;
}

.headtxt {
    line-height: 100px;
    font-size: 175%;
    position: absolute;
    color: #333;
}

.logostroke {
    width: 100%;
    height: 401px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    margin-top: 50px;
}

.logosplash {
    max-width: 450px;
    display: block;
    width: 90%;
    margin: auto;
}

#loctek-lightbox-close {
    line-height: 20px !important;
}

#dots>span {
    margin: .5em;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

#dots>.active {
    background: #000;
}

#dots {
    text-align: center;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bg_red {
    background: #bcb9a0;
}

.bg_red a.grow {
    color: #810E00;
}

.bg_geel {
    background: #bcb9a0;
}

.bg_geel a.grow {
    color: #333333;
}

.block {
    position: relative;
    height: 100%;
    padding-top: 100%;
}

.block_content {
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.4em;
    text-transform: uppercase;
}

.banner {
    height: 350px;
    width: 100%;
}

.bg1 {
    background: url(../images/banner.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg2 {
    background: url(../images/banner2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg3 {
    background: url(../images/banner3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg4 {
    background: url(../images/banner4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg5 {
    background: url(../images/banner5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a.grow {
    display: block;
    transition: all .2s ease-in-out;
}

a.grow:hover {
    transform: scale(1.1);
}

.active {
    background-image: url(../images/bg_nav.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

a.grow h2 {
    font-family: "GothamRndSSm", sans-serif;
    font-size: 4em;
    text-transform: none;
    margin-bottom: 10%;
}

a.grow h3 {
    font-size: 1.9em;
    font-weight: 500;
    margin-top: 7%;
    line-height: 1em;
}

.ticker {
    width: 100%;
    position: relative;
    min-height: 400px;
    background: url(../images/bg_ticker.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.ticker_txt {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #ffe8cc;
}

.home_left {
    width: 50%;
    float: left;
    position: relative;
    height: auto;
}

.home_right {
    width: 50%;
    float: right;
}

.kader {
    position: relative;
    overflow: hidden;
}

.txt {
    max-width: 600px;
    margin: auto;
    color: #FFF;
    font-size: 0.9em;
    line-height: 1.6em;
    padding: 8% 20px 20px 20px;
}

.txt h1 {
    font-family: "GothamRndSSm", sans-serif;
    color: #ffe8cc;
    text-align: center;
    padding-bottom: 45px;
    font-size: 2.2em;
    line-height: 1.4em;
    margin-bottom: 25px;
    background-image: url(../images/bg_h1.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 30px;
}

.txt_home {
    max-width: 1300px;
    margin: auto;
    color: #FFF;
    font-size: 0.9em;
    line-height: 1.6em;
    padding: 40px 20px 20px 20px;
    text-align: center;
}

.txt_home h1 {
    font-family: "GothamRndSSm", sans-serif;
    color: #ffe8cc;
    text-align: center;
    padding-bottom: 45px;
    font-size: 2.2em;
    line-height: 1.4em;
    margin-bottom: 25px;
    background-image: url(../images/bg_h1.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 30px;
}

.logo {
    position: absolute;
    z-index: 11;
}

.nav {
    text-align: right;
    width: 100%;
    line-height: 100px;
    font-size: 1.1em;
}

.nav .spanneke {
    font-size: 105%;
    font-weight: bold;
}

.nav a {
    display: inline-block;
    color: #333;
    font-weight: 500;
    margin-left: 5%;
}

.nav .spanneke a:hover {
    background-image: url(../images/bg_nav.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #333;
}

.active {
    background-image: url(../images/bg_nav.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.kaart_txt {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    font-size: 0.9em;
    text-align: justify;
    max-width: 290px;
    margin: auto;
    padding: 20px;
    margin-bottom: 20px;
}

.kaart_txt h2 {
    font-family: "GothamRndSSm", sans-serif;
    color: #ffe8cc;
    text-align: center;
    font-size: 2em;
    line-height: 1.5em;
}

.kaarticon {
    max-width: 198px;
    margin: auto;
}

.innerkaart {
    min-height: 190px;
    padding-bottom: 20px;
}

a.meer {
    font-family: sans-serif, Arial;
    color: #FFF;
    width: 104px;
    margin: auto;
    background-color: #333;
    display: block;
    cursor: pointer;
    line-height: 35px;
    height: 35px;
    text-align: center;
    -webkit-border-radius: 5px;
    margin-top: 8px;
    float: right;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.col_gegevens.span_1_of_4_con input[type="button"] {
    color: #FFF;
    width: 104px;
    margin: auto;
    background-color: #333;
    display: block;
    line-height: 35px;
    height: 35px;
    text-align: center;
    border-radius: 5px;
    border: none;
    float: right;
}

.loctek-lightbox {
    border-color: #810E00 !important;
}

#loctek-lightbox-close {
    border-color: #810E00 !important;
}

input[type="button"].grow {
    display: block;
    transition: all .2s ease-in-out;
    color: #ffe8cc;
}

input[type="button"].grow:hover {
    transform: scale(1.1);
}

.innerstreek {
    min-height: 270px;
    padding-bottom: 20px;
}

.kaartlist {
    color: #333;
    font-size: 0.9em;
    line-height: 1.6em;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 20px;
}

.kaartlist h2 {
    text-align: center;
    font-size: 1.475em;
    font-weight: 600;
    margin-bottom: 20px;
}

.kaartlist ul {
    margin-bottom: 50px;
}

.kaartlist ul li {
    border-bottom: 1px dashed #FFF;
    position: relative;
    padding-right: 120px;
    font-weight: 400;
    line-height: 32px;
}

.prijs {
    position: absolute;
    right: 0px;
    text-align: right;
    top: 8px;
}

.list {}

.list ul {
    padding-left: 20px;
    list-style-image: url(../images/li.png);
    line-height: 2em;
}

.list a {
    color: #FFF;
}

.txt_holder {
    max-width: 960px;
    margin: auto;
    text-align: ;
    font-size: 2em;
    line-height: 1.4em;
}

.txt_holder span {
    font-size: 1.8em;
}

.gegevens {
    padding: .85em;
    border-radius: 5px;
    -wekbit-border-radius: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-bottom: 0;
    height: 498px;
}

.gegevens table,
.gegevens td {
    border: 0 !important;
    border-radius: 0;
    border-collapse: separate;
}

.gegevens td:last-child {
    border-left: 1px dotted #fff !important;
}

.gegevens>div {
    margin-left: 20px;
    margin-top: 1.5em;
}

.uitbaters {
    border-radius: 5px;
    -wekbit-border-radius: 5px;
}

.contactholder {
    max-width: 1600px;
    margin: auto;
}

.col_gegevens:first-child {
    margin-left: 0px;
}

.span_1_of_4_con {
    width: 22.75%;
}

.col_gegevens {
    display: block;
    float: left;
    margin: 1% 0px 1% 3%;
}

.span_2_of_4_con {
    width: 48.5%;
}

.sfeertxt {
    max-width: 1300px;
    margin: auto;
    color: #FFF;
    font-size: 1.5em;
    line-height: 2em;
    text-align: center;
    font-weight: normal;
}

#picturebox>* {
    width: 12.5%;
}

.map_wrap {
    border: 10px solid #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px#333;
    box-shadow: 0 0 5px #333;
}

.map {
    height: 480px;
    border: 10px solid #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #333;
}

.form input[type=text],
.form select {
    width: 100%;
    border: none;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

.form textarea {
    width: 100%;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 94px;
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px#333;
    box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 10px;
}

ul.errors li {
    list-style: disc;
    color: #FFFFFF;
    line-height: 140%;
    list-style-position: inside;
    padding-left: 5px;
}

ul.errors {
    margin-bottom: 1em;
}

#Aanbod .kaartlist {
    width: 25%;
    padding: 0 1.125%;
    /*float: left;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#Aanbod:after {
    content: "";
    display: block;
    clear: both;
}

#Aanbod .kaartlist:first-child {
    margin-left: 0;
}

#Aanbod .kaartlist ul li {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 140%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.1em;
}

.spacer {
    width: 100%;
    border-top: 1px dotted #FFF;
    height: 22px;
    margin-top: 50px;
}

.gegevens {
    color: #FFF;
    font-size: 0.9em;
    line-height: 1.6em;
}

.gegevens a {
    color: #FFF;
}

.rightcon {
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.leftcon {
    padding-right: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px dotted #FFF;
}

.adresvak {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 26px;
}

.conicons {
    position: absolute;
    left: 0px;
    padding-top: 5px;
}

.hideblock {}

.gps {
    text-align: right;
    color: #FFF;
    line-height: 40px;
}

.top {
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
}

#totop {
    cursor: pointer;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 30px solid black;
    position: absolute;
    right: 10px;
    top: -35px;
}

#footer {
    position: relative;
}


/*4 op rij*/

.col-group_4>div {
    padding: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
}

.full .col-group_4 {
    width: 100%;
}

.full .col-group_4>div {
    width: 12.5%;
}

.innerkaart {
    overflow: visible;
    height: auto;
}

@media screen and (min-width: 600px) {
    .col-group_4 {
        overflow: hidden;
    }
    .col-group_4>div {
        float: left;
        width: 50%;
    }
    .col-group_4>div:nth-child(odd) {
        clear: left;
    }
    .full .col-group_4>div:nth-child(odd) {
        clear: none;
    }
    #footer .col-group_4>div {
        width: 25%;
    }
    #footer .col-group_4>div:nth-child(odd) {
        clear: none;
    }
    .innerkaart {
        overflow: hidden;
        height: 220px;
    }
}

@media screen and (min-width: 700px) {
    .span_2_of_4_con {
        display: none;
    }
    .span_1_of_4_con {
        width: 48.5%;
    }
}

@media screen and (min-width: 1200px) {
    .col-group_4>div {
        width: 25%;
    }
    .col-group_4>div:nth-child(odd) {
        clear: none;
    }
    .span_2_of_4_con {
        width: 48.5%;
        display: inline-block;
    }
    .span_1_of_4_con {
        width: 22.5%;
    }
}


/* end */


/*3 op rij*/

.col-group_3>div {
    padding: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
}

@media screen and (min-width: 600px) {
    .col-group_3 {
        overflow: hidden;
    }
    .col-group_3>div {
        float: left;
        width: 50%;
    }
    .col-group_3>div:nth-child(odd) {
        clear: left;
    }
}

@media screen and (min-width: 1200px) {
    .col-group_3>div {
        width: 33.3%;
    }
    .col-group_3>div:nth-child(odd) {
        clear: none;
    }
}


/* end */


/*3 op rij*/

.col-group_2>div {
    padding: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
}

@media screen and (min-width: 600px) {
    .col-group_2 {
        overflow: hidden;
    }
    .col-group_2>div {
        float: left;
        width: 50%;
    }
    .col-group_2>div:nth-child(odd) {
        clear: left;
    }
}

@media screen and (min-width: 1200px) {
    .col-group_2>div {
        width: 50%;
    }
    .col-group_2>div:nth-child(odd) {
        clear: none;
    }
}


/* end */


/*  SECTIONS  */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  COLUMN SETUP  */

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 0%;
}

.col:first-child {
    margin-left: 0;
}


/*  COLUMN SETUP  */

.col_con {
    display: block;
    float: left;
    margin: 1% 0 1% 0%;
}

.col_con:first-child {
    margin-left: 0;
}


/*  GROUPING  */

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
    /* For IE 6/7 */
}


/*  GRID OF THREE  */

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 61.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.span_1_of_3 {
    width: 38.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.span_2_of_3_con {
    width: 61.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.span_1_of_3_con {
    width: 38.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footerspacer {
    text-align: center;
}

.footerspacer>div {
    text-align: left;
    margin: 0 5%;
    display: inline-block;
    vertical-align: top;
}


/* Bevestiging */

.bevestiging_bg {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    z-index: 30;
    background-color: #810f00;
    ;
}

.bevestiging {
    width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.10);
    -moz-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.10);
    box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.10);
    max-width: 700px;
    padding: 50px;
    background-color: white;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.bevestiging i {
    font-size: 2em;
    color: black;
    margin-bottom: 1em;
}

.bevestiging h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    color: black;
    font-size: 15px;
    margin: 10px 0;
}

.bevestiging h1 {
    font-weight: 700;
    font-size: 1.7em;
    text-align: center;
    color: black;
    margin-bottom: 10px;
    width: 100%;
}

.bevestiging p {
    line-height: 150%;
    color: black;
    font-size: 17px;
    font-weight: 300;
}

.bevestiging a {
    cursor: pointer;
    display: inline-block;
    padding: 13px 30px;
    background-color: black;
    font-weight: 200;
    color: white;
    margin-top: 20px;
}

.bevestiging a:hover {
    background-color: white;
    border: 2px solid black;
    color: black;
    font-weight: 400;
    ;
}


/* Einde Bevestiging*/


/*  GO FULL WIDTH BELOW 480 PIXELS */

@media only screen and (max-width: 1750px) {
    a.grow h2 {
        font-size: 3em;
    }
}

@media only screen and (max-width: 700px) {
    a.grow h2 {
        font-size: 2.2em;
    }
    .col {
        margin: 1% 0 1% 0%;
    }
    .span_3_of_3,
    .span_2_of_3,
    .span_1_of_3 {
        width: 100%;
    }
    .mapholfer {
        padding-left: 0px;
    }
    .form {
        padding-right: 0px;
        margin-bottom: 35px;
    }
    .txt_holder {
        font-size: 1.2em;
        line-height: 1.4em;
    }
    .txt_holder span {
        font-size: 2em;
    }
    #openingsuren {
        height: 2em;
    }
    .CTF.foot_txt.Links .text_Ft:nth-child(2) {
        padding-left: 0 !important;
    }
    .CTF.foot_txt.Links .text_Ft:nth-child(4),
    .CTF.foot_txt.Links .text_Ft a,
    .gegevens .adresvak {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 1040px) {
    .PnabsL {
        left: 360px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 150px;
        height: 50px;
        text-align: center;
        margin-left: 0 !important;
    }
    .headtxt {
        font-size: 150%;
    }
    .PnabsL.hdn {
        left: 360px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 150px;
        height: 50px;
        text-align: center;
    }
    .ticker {
        display: none;
    }
    #footerwrap {
        height: auto;
        min-height: auto;
    }
}

@media screen and (max-width: 1300px) {
    #footerwrap .col-group_4 {
        width: 80%;
    }
}

@media only screen and (max-width: 920px) {
    .col_con {
        margin: 1% 0 1% 0%;
    }
    .span_2_of_3_con,
    .span_1_of_3_con {
        width: 100%;
    }
    .rightcon {
        padding-left: 0px;
    }
    .leftcon {
        padding-right: 0px;
        border-right: none;
    }
    .logosplash {
        max-width: 300px;
    }
    .logostroke {
        height: 265px;
    }
}

@media screen and (max-width: 1130px) {
    #footer .col-group_4 {
        width: 90%;
    }
}

@media only screen and (max-width: 1020px) {
    .home_left {
        width: 100%;
        float: left;
    }
    .home_right {
        display: none;
    }
    /*.headtxt { display:none;}*/
    .headtxt {
        font-size: 22px;
    }
    #footer .col-group_4 {
        width: 100%;
    }
    .PnabsL {
        left: 335px;
    }
    .PnabsL.hdn {
        left: 330px;
    }
}

@media only screen and (max-width: 1000px) {
    .headtxt {
        font-size: 18px;
    }
    .PnabsL.hdn {
        left: 300px;
    }
}

@media only screen and (max-width: 1200px) {
    .hideblock {
        display: none;
    }
    #Aanbod .kaartlist {
        width: 33.33%;
    }
    .gegevens {
        height: auto;
    }
}

@media only screen and (max-width: 950px) {
    .PnabsL {
        left: 300px;
    }
}

@media screen and (max-width: 900px) {
    #Aanbod .kaartlist {
        width: 50%;
    }
    #header {
        padding: 0px 10px;
    }
    .logo {
        max-width: 250px;
        min-width: 250px;
    }
    .logo img {
        width: 100% !important;
    }
    .nav {
        font-size: 1em;
    }
    .nav a {
        margin-left: 2%;
    }
    #footerwrap .col-group_4>div {
        width: 50%;
    }
    #footerwrap .col-group_4 {
        width: 80%;
    }
    #footerwrap .col-group_4>div:nth-child(odd) {
        padding-left: 8em;
    }
    #footerwrap .col-group_4>div:nth-child(even) {
        padding-left: 3em;
    }
    .full .col-group_4>div {
        width: 20%;
    }
}

@media screen and (max-width: 880px) {
    .footerspacer>div {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .footerspacer .text_Ft,
    .footerspacer .text_Ft a {
        background-image: none !important;
        padding: 0 !important;
    }
    .foot_icons {
        display: none;
    }
    .foot_txt {
        padding: 0;
    }
    .foot_icons>img {
        width: 20px !important;
        margin-left: 19px;
        height: auto !important;
    }
}

@media screen and (max-width: 800px) {
    .headtxt {
        display: none;
    }
    .PnabsL.hdn {
        top: 26px;
        left: 230px;
        padding: 0.25em 0.5em;
    }
    .logo.hdn {
        display: block;
    }
    .PnabsL {
        left: 260px;
    }
}

@media screen and (max-width: 740px) {
    #footerwrap .col-group_4>div:nth-child(odd) {
        padding-left: 6em;
    }
    #footerwrap .col-group_4>div:nth-child(even) {
        padding-left: 3em;
    }
    .nav a {
        margin-left: 1%;
    }
    .PnabsL {
        left: 245px;
    }
}

@media screen and (max-width: 700px) {
    .PnabsL {
        display: none;
    }
    .nav {
        display: none;
        background-color: #B11C12;
        text-transform: uppercase;
    }
    .PnabsL,
    .PnabsL.hdn {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        position: static;
        line-height: 80px;
        left: 0;
        width: 100%;
        min-height: 80px;
        height: auto;
        padding: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .Hidden_M.dn {
        display: inline-block;
        float: right;
        margin-top: 37.5px;
        z-index: 3000;
    }
    #header {
        padding: 0;
    }
    .nav a {
        width: 100%;
        margin: 5px 0;
        display: block;
        text-align: center;
        font-size: 1.8em;
        border-bottom: 1px solid #777;
    }
    .nav a:last-child {
        border: none;
    }
    .nav a.active {
        background: none;
        color: #FFE8CC;
    }
    .nav .spanneke a:hover {
        background: none;
        color: #FFE8CC;
    }
    .nav .spanneke {
        float: none;
        display: inline-block;
        width: 100%;
    }
    .span_1_of_4_con {
        width: 100%;
        float: none;
    }
    .col_gegevens.span_1_of_4_con.form form {
        margin-bottom: 3em;
    }
    .span_1_of_4_con.col_gegevens {
        display: block;
        margin: 0;
    }
    .span_2_of_4_con {
        display: none;
    }
    #footer {
        padding: 20px 0 0;
    }
}

@media screen and (max-width: 670px) {
    #footerwrap .col-group_4>div:nth-child(odd) {
        padding-left: 4em;
    }
    #footerwrap .col-group_4>div:nth-child(even) {
        padding-left: 1em;
    }
}

@media screen and (max-width: 600px) {
    #Aanbod .kaartlist {
        width: 100%;
    }
    #extramenu {
        display: block;
    }
    #extramenu>span {
        float: left;
        box-sizing: border-box;
        width: 50%;
        background-color: rgb(174, 28, 23);
        border: 1px solid rgb(237, 71, 27);
        color: #fff;
        padding: .4em;
        font-size: 1.3em;
        text-align: center;
        cursor: pointer;
    }
    #extramenu:after {
        clear: both;
        display: block;
        content: '';
    }
    .gegevens td {
        padding: 6px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .gegevens td,
    .gegevens tr,
    .gegevens table,
    .gegevens tbody {
        text-align: center;
        width: 100%;
        border: 0 !important;
        display: block;
    }
    .kaartlist h2 {
        padding-top: 20px;
        cursor: pointer;
        border-top: 1px solid #fff;
    }
    .kaartlist:first-child h2 {
        padding-top: 0;
        border-top: 0;
    }
    #footerwrap .col-group_4 {
        width: 100%;
    }
    #footerwrap .col-group_4>div {
        width: 250px;
        text-align: center;
        margin: 0 auto;
    }
    #footerwrap .col-group_4>div:nth-child(odd) {
        padding-left: 0em;
    }
    #footerwrap .col-group_4>div:nth-child(even) {
        padding-left: 0em;
    }
    .foot_icons {
        width: 25px;
        position: absolute;
        left: 0px;
        top: 5px;
    }
    .full .col-group_4>div {
        float: left;
        width: 25%;
    }
}

@media screen and (max-width: 500px) {
    .PnabsL {
        top: 50px;
    }
    .full .col-group_4>div {
        float: left;
        width: 50%;
    }
    .bevestiging h1 {
        font-size: 1.4em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
    .bevestiging p {
        font-size: 15px;
    }
    .bevestiging a {
        font-size: 14px;
    }
}

@media screen and (max-width: 400px) {
    .PnabsL .arsp {
        display: none;
    }
    .PnabsL {
        left: auto;
        right: 5px;
        z-index: 15;
    }
}

@media screen and (max-width: 330px) {
    .full .col-group_4>div {
        float: left;
        width: 100%;
    }
}


}
@media screen and (min-width: 1500px) {
    .txt_home {
        max-width: 1200px;
        margin: auto;
        color: #FFF;
        font-size: 0.9em;
        line-height: 1.6em;
        padding: 40px 20px 20px 20px;
        text-align: center;
        font-size: 120%;
    }
    
    .txt_home h2 {
        font-size: 2em;
    }
    
    .gegevens {
        font-size: 110%;
    }
}
@media screen and (max-width: 420px) {
    .footerspacer>div {
        display: block;
        margin: 0;
    }
    
    #extramenu>span {
        min-height: 3em;
    }
}