body {
    min-width: 768px;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

    body.body-responsive {
        min-width: inherit;
    }

form {
    overflow: hidden;
}

article {
    position: relative;
}

.size13 {
    width: 33.33%;
    position: relative;
    float: left;
}

.size23 {
    width: 66.66%;
    position: relative;
    float: left;
}

.size810 {
    width: 80%;
    position: relative;
    float: left;
    margin: 0 10%;
}

.size12 {
    width: 50%;
    position: relative;
    float: left;
}

.size14 {
    width: 25%;
    position: relative;
    float: left;
}

#logo-header {
    width: 194px;
    float: left;
    height: 88px;
    display: block;
    margin: 0 0 0 15px;
    background: url("../images/logo.png") center center no-repeat;
}

.scrollDown {
    position: fixed;
    bottom: 0px;
    width: 130px;
    height: 61px;
    left: 50%;
    z-index: 9000;
    margin: 0 0 0 -65px;
    background: url("../images/scrolldown.png") center center no-repeat;
}

.scrollDownv2 {
    position: absolute;
    bottom: 0px;
    width: 130px;
    height: 61px;
    left: 50%;
    z-index: 9000;
    margin: 0 0 0 -65px;
    background: url("../images/scrolldown.png") center center no-repeat;
}

.footerTekst {
    width: 100%;
    text-align: center;
    color: #505050;
    font-family: 'Open Sans';
    font-size: 15px;
}

    .footerTekst a {
        text-decoration: none;
        color: #E4010B;
    }

        .footerTekst a:hover {
            color: #505050;
        }

#logo-footer {
    width: 100%;
    height: 140px;
    display: block;
    z-index: 100;
    background: url("../images/logo-footer.png") center center no-repeat;
    text-indent: -5000px;
}

.belegtips .slide-text {
    background: url("../images/marker-belegtip.png") no-repeat scroll center center;
    height: 126px;
    padding: 50px 35px 0 55px;
    position: relative;
    width: 254px;
    color: #fff;
}

    .belegtips .slide-text h2 {
        color: #fff;
        font-size: 30px;
        line-height: 35px;
    }

.posText {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.bgFooter, .textPage {
    position: relative;
    background: url("../images/patroon5.png") repeat;
}

.productBox.nieuws-detail {
    width: 80%;
    margin: 0 10%;
    padding: 0 0 50px 0;
}

.sleutel.nieuws-detail {
    padding: 0 0 60px 0;
}

.nieuws-detail ul.flex-direction-nav {
    bottom: -42px;
}

.sleutel ul.flex-direction-nav {
    bottom: -52px;
}

.nieuws-detail .flex-control-nav {
    bottom: -45px;
    margin-right: -19px;
    position: absolute;
    right: 50%;
    text-align: center;
    z-index: 100;
}

.sleutel .flex-control-nav {
    bottom: -55px;
}


#volgons {
    display: block;
    height: 186px;
    width: 67px;
    position: absolute;
    right: 0px;
    top: -100px;
    font-size: 17px;
    color: #181500;
    text-transform: uppercase;
    letter-spacing: -2px;
    z-index: 10;
    text-decoration: none;
    line-height: 22px;
    font-family: 'skizzed_dsgregular';
    background: url("../images/bg-volg.png") center bottom no-repeat;
}

    #volgons span {
        font-size: 22px;
    }

#volgSocial {
    width: 87%;
    padding: 22px 0 0;
}

    #volgSocial li {
        margin: 0 0 5px;
    }

        #volgSocial li a {
            color: #000;
            font-size: 30px;
            width: 100%;
            text-align: center;
            display: block;
        }

            #volgSocial li a:hover {
                color: #0a92ef;
            }

.volgtitel {
    bottom: 25px;
    left: 7px;
    position: absolute;
}

.size23.nieuws {
    min-height: 270px;
}

#slide, .slideSize {
    height: 400px;
    overflow: hidden;
    /*  background: url("../images/slide-img.jpg") center center / cover; */
}

.slideSize {
    position: relative;
}

.tips {
    background: #0a92ef;
    font-size: 18px;
    font-weight: bold;
    font-family: "Open Sans";
    position: absolute;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
}

    .tips:hover {
        background: #181500;
    }

    .tips i {
        font-size: 28px;
        position: absolute;
        bottom: -1px;
    }

.volgende.tips i {
    bottom: -1px;
    right: -17px;
}

.vorige.tips i, .alle.tips i {
    bottom: -1px;
    left: -20px;
}

.tips.vorige {
    left: 15px;
    bottom: 25px;
    padding: 12px 14px 12px 32px;
}

.tips.volgende {
    right: 15px;
    bottom: 25px;
    padding: 12px 36px 12px 14px;
}

.tips.alle {
    left: 15px;
    top: 25px;
    padding: 12px 14px 12px 32px;
}

.slide-text {
    width: 347px;
    height: 259px;
    position: relative;
    padding: 60px 35px 0 65px;
    background: url("../images/img-1024/slide-marker.png") center center no-repeat;
}

.nieuws .slide-text {
    background: url("../images/img-720/nieuws-slide-textblok.png") no-repeat scroll center center;
    height: 210px;
    padding: 51px 35px 0;
    margin: 20px 0 0;
    position: relative;
    width: 279px;
}

.slide-text h2 {
    font-size: 32px;
    color: #0a92ef;
    font-weight: normal;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: -2px;
    text-decoration: none;
    font-family: 'skizzed_dsgregular';
}

.nieuws .slide-text h2 {
    font-size: 32px;
    color: #fff;
    font-weight: normal;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: -2px;
    text-decoration: none;
    font-family: 'skizzed_dsgregular';
}

.slide-text h3 {
    font-size: 23px;
    color: #505050;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'handage_aoeregular';
}

.nieuws .slide-text h3 {
    font-size: 23px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'handage_aoeregular';
}

    .nieuws .slide-text h3 a {
        color: #fff;
    }

.fotoCarousel {
    width: 496px;
    height: 655px;
    position: relative;
    background: url("/images/img-1280/fotoframe.png") center center / contain no-repeat;
}

#Livewall {
    padding: 40px 0;
    position: relative;
}

    #Livewall h1 {
        color: #ffffff;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'skizzed_dsgregular';
        font-size: 32px;
        letter-spacing: -3px;
        padding-bottom: 15px;
    }

    #Livewall .introtekst .tekst {
        color: #ffffff;
        letter-spacing: normal;
        margin-bottom: 50px;
    }

    #Livewall .arrowtekst .tekst {
        margin-top: 35px;
        color: #ffffff;
        letter-spacing: normal;
        font-family: 'handage_aoeregular', sans-serif;
        text-align: center;
        font-size: 36px;
        line-height: 30px;
        max-width: 250px;
        margin-left: 160px;
    }

    #Livewall .arrowtekst .livewall-arrow {
        width: 95px;
        height: 106px;
        background: url("../Images/img-1024/1024-livewall-arrow.png");
        display: block;
        position: relative;
        left: 20px;
        top: -15px;
    }

    #Livewall .feed-item {
        background: url("../Images/bg-paperpattern.jpg") repeat #ffffff;
        border-top: 14px solid #e30613;
        position: relative;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 20px 20px 0px rgba(50, 50, 50, 0.8);
        -moz-box-shadow: 0px 20px 20px 0px rgba(50, 50, 50, 0.8);
        box-shadow: 0px 20px 20px 0px rgba(50, 50, 50, 0.8);
    }

        #Livewall .feed-item .feed-icon {
            background: #e30613;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: block;
            border: 3px solid #ffffff;
            position: absolute;
            top: -30px;
            right: 10px;
            color: #ffffff;
            z-index: 10;
        }

            #Livewall .feed-item .feed-icon i {
                font-size: 26px;
            }

        #Livewall .feed-item.twitter .feed-icon {
            background: #00aced;
        }

            #Livewall .feed-item.twitter .feed-icon i {
                position: relative;
                top: 8px;
                left: 8px;
            }

        #Livewall .feed-item.instagram .feed-icon {
            background: #3f729b;
        }

            #Livewall .feed-item.instagram .feed-icon i {
                position: relative;
                top: 8px;
                left: 9px;
            }

        #Livewall .feed-item.facebook .feed-icon {
            background: #3b5998;
        }

            #Livewall .feed-item.facebook .feed-icon i {
                position: relative;
                top: 8px;
                left: 12px;
            }


        #Livewall .feed-item.twitter {
            border-top: 14px solid #00aced;
        }

            #Livewall .feed-item.twitter .tekst a {
                color: #00aced;
            }

        #Livewall .feed-item.facebook {
            border-top: 14px solid #3b5998;
        }

            #Livewall .feed-item.facebook .tekst a {
                color: #3b5998;
            }

        #Livewall .feed-item.instagram {
            border-top: 14px solid #3f729b;
        }

            #Livewall .feed-item.instagram .tekst a {
                color: #3f729b;
            }

        #Livewall .feed-item .cover {
            height: 180px;
            overflow: hidden;
        }

            #Livewall .feed-item .cover img {
                width: 100%;
                min-height: 180px;
            }

        #Livewall .feed-item .tekst {
            padding: 20px;
            letter-spacing: normal;
        }

            #Livewall .feed-item .tekst .post-time {
                padding-top: 15px;
            }

            #Livewall .feed-item .tekst .post-link {
                padding-top: 15px;
            }

            #Livewall .feed-item .tekst a {
                word-wrap: break-word;
            }

            #Livewall .feed-item .tekst .user {
                font-size: 12px;
                line-height: 14px;
                width: 100%;
                margin-bottom: 20px;
            }

            #Livewall .feed-item .tekst .user {
                position: relative;
                margin-top: -55px;
            }

                #Livewall .feed-item .tekst .user .user-img {
                    width: 75px;
                    height: 75px;
                    overflow: hidden;
                    float: left;
                    margin-right: 10px;
                    border: 3px solid #ffffff;
                }

                    #Livewall .feed-item .tekst .user .user-img img {
                        height: auto;
                        max-height: 75px;
                        max-width: 75px;
                        width: 100%;
                    }

                #Livewall .feed-item .tekst .user .user-name {
                    float: left;
                    width: 150px;
                    height: 30px;
                    overflow: hidden;
                    position: relative;
                    top: 43px;
                }

.fb-video-spacer {
    width: 100%;
    /* whatever width you want */
    display: inline-block;
    position: relative;
    background: url(../Images/bg-paperpattern.jpg) repeat #ffffff;
}

    .fb-video-spacer::after {
        padding-top: 75.25%;
        /* 16:9 ratio */
        display: block;
        content: '';
        background: url(../Images/bg-paperpattern.jpg) repeat #ffffff;
    }

    .fb-video-spacer .fb_iframe_widget {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
    }

#newsList {
    width: 100%;
    height: 240px;
    position: absolute;
    left: 0px;
    top: -55px;
    z-index: 1000;
}

    #newsList .news {
        width: 286px;
        height: 206px;
        margin: 0 10px;
        padding: 7px;
        background: #ffffff;
        float: left;
        position: relative;
    }

        #newsList .news .shadow {
            width: 100%;
            height: 15px;
            bottom: -15px;
            left: 0px;
            position: absolute;
            background: url("/images/img-1024/news-shadow.png") bottom left no-repeat;
        }

        #newsList .news .img {
            height: 152px;
            display: block;
            width: 100%;
            overflow: hidden;
        }

            #newsList .news .img img {
                width: 100%;
                height: auto;
            }

        #newsList .news .text {
            font-size: 24px;
            font-weight: normal;
            text-transform: uppercase;
            text-decoration: none;
            font-family: 'handage_aoeregular';
            color: #2a3a52;
            width: 70%;
            margin: 0 15%;
            text-align: center;
            display: block;
        }

.button {
    width: 36px;
    height: 36px;
    z-index: 5;
    display: block;
    border-radius: 25px;
    background: #0a92ef;
    border: 4px solid #fff;
    transition: ease all 0.3s;
    box-shadow: rgba(0,0,0,0.7) 0px 2px 2px,rgba(0,0,0,0.3) 0px 0px 2px inset;
}

    .button.blue {
        background: url("/images/button-background.png") center center no-repeat #0a92ef;
    }

    .button.dblue {
        background: url("/images/button-background.png") center center no-repeat #2a3a52;
    }

    .button.lblue {
        background: url("/images/button-background.png") center center no-repeat #88b8ff;
    }

    .button.red {
        background: url("/images/button-background.png") center center no-repeat #E4010B;
    }

    .button.purp {
        background: url("/images/button-background.png") center center no-repeat #741b6a;
    }

    .button:hover {
        background: url("/images/button-background.png") center center no-repeat #E4010B;
    }

.svg .button {
    background-image: url("/images/button-background.svg");
    background-size: 16px 21px;
}

.news .button {
    position: absolute;
    bottom: -18px;
    right: -10px;
}

#slide a.full-cloud {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

#slide .button {
    position: absolute;
    right: 30px;
    top: 230px;
}


#slide .belegtips .button {
    position: absolute;
    right: 25px;
    top: 85px;
}

#slide .nieuws .button {
    position: absolute;
    right: 40px;
    top: 211px;
}

.fotoCarousel .flexslider {
    width: 391px;
    height: 392px;
    padding: 92px 56px;
    position: relative;
}

nav {
    width: 100%;
    position: relative;
    background: url("../images/patroon4.jpg") repeat;
}

#sub {
    position: relative;
    width: 100%;
    float: left;
    background: url("../images/patroon5.png") repeat;
}

    #sub .submenu {
        margin: 0 0 0 10px;
    }

        #sub .submenu li {
            float: left;
            padding: 10px 5px;
        }

        #sub .submenu a {
            padding: 0px 15px;
            transition: all 0.3s ease;
            font-family: 'Open Sans';
            font-size: 14px;
            color: #434342;
            font-weight: bold;
            display: block;
            line-height: 36px;
            text-decoration: none;
            text-transform: uppercase;
        }

            #sub .submenu a:hover, #sub .submenu a.active {
                color: #fff;
                background: #0a92ef;
            }

#main {
    position: relative;
    float: left;
    width: 100%;
}

.main-menu-wrap {
    float: right;
    margin: 40px 80px 0 0;
}

nav .menu {
    /*float: right;
    height: 88px;*/
    display: inline-block;
}

    nav .menu#big {
        /*width: 489px;*/
    }

nav #small {
    position: absolute;
    top: 5px;
    right: 80px;
    /*width: 195px;
        margin: 0 67px 0 0;*/
}

nav .menu li {
    display: inline-block;
}

nav .menu a {
    color: #fdeded;
    /*float: left;*/
    padding: 6px 4px;
    margin: 0 5px;
    /*height: 88px;*/
    display: block;
    font-size: 16px;
    /*line-height: 86px;*/
    text-transform: uppercase;
    letter-spacing: -2px;
    text-decoration: none;
    font-family: 'skizzed_dsgregular';
}

    /* will be red only in google chrome */
    nav .menu li a.active, nav .menu a:hover {
        background: url("/images/bg-button-menu.png") left center no-repeat;
        background-size: 100% 32px;
    }

nav .menu#small a {
    font-size: 14px;
    padding: 6px 4px;
    margin: 0 4px;
}

nav .line {
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px dashed #fff;
}

.gerelateerd .productBox .centerItem {
    height: 150px;
}

.gerelateerd .productBox {
    margin: 0 0px 85px;
}

.textPage .line {
    width: 100%;
    height: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 1px dashed #454343;
}

.textPage .lineGrey {
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    border-top: 1px dashed #454343;
}

.lineWhite {
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px dashed #fff;
}

.lineWhiteTop {
    width: 100%;
    height: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-top: 1px dashed #fff;
}

.lineBottom {
    width: 100%;
    height: 0px;
    border-top: 1px dashed #454343;
}

nav #sub .line {
    border-top: 1px dashed #454343;
}


footer {
    position: relative;
}

    footer .line {
        width: 100%;
        height: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        border-top: 1px dashed #fff;
    }

        footer .line.bottom {
            width: 100%;
            height: 0px;
            position: absolute;
            top: auto;
            bottom: 0px;
            left: 0px;
            border-top: 1px dashed #fff;
        }

    footer h3 {
        text-transform: uppercase;
        letter-spacing: 0px;
        text-decoration: none;
        font-weight: normal;
        color: #ffffff;
        font-size: 18px;
        font-family: 'skizzed_dsgregular';
    }

    footer #sitemap {
        width: 100%;
    }

    footer #sitemap {
        margin: 10px 0 0;
    }

        footer #sitemap a {
            font-size: 15px;
            font-family: 'Open Sans';
            text-decoration: none;
            line-height: 40px;
            color: #ffffff;
            margin: 0 0 0 25px;
            position: relative;
        }

            footer #sitemap a i {
                font-size: 24px;
                left: -22px;
                line-height: 40px;
                position: absolute;
                top: -9px;
            }

    footer #social {
        margin: 10px 0 0;
    }

        footer #social a {
            font-size: 15px;
            font-family: 'Open Sans';
            text-decoration: none;
            line-height: 40px;
            color: #ffffff;
            margin: 0 0 0 40px;
            position: relative;
        }

            footer #social a i {
                font-size: 24px;
                left: -37px;
                line-height: 40px;
                position: absolute;
                top: -9px;
            }

    footer #contact {
        color: #fff;
        font-size: 15px;
        margin-left: 2px;
        font-family: 'Open Sans';
        text-decoration: none;
    }

    footer #nieuwsbrief {
        width: 75%;
        margin: 0 auto;
        height: 45px;
        position: relative;
    }

        footer #nieuwsbrief input {
            height: 45px;
            width: 50%;
            border: none;
            float: left;
        }

            footer #nieuwsbrief input[type="text"] {
                font-family: 'Open Sans';
                color: #333;
                font-size: 15px;
                font-weight: 700;
                text-indent: 10px;
                text-transform: none;
                padding: 0;
            }


            footer #nieuwsbrief input[type="button"] {
                background: #0a92ef;
                height: 45px;
                font-family: 'Open Sans';
                color: #fff;
                font-size: 15px;
                font-weight: 700;
                cursor: pointer;
                text-transform: uppercase;
                transition: ease 0.3s all;
            }

            footer #nieuwsbrief input[type="button"] {
                width: 30%;
            }

                footer #nieuwsbrief input[type="button"].alt {
                    width: 20%;
                    background: #2a3a52;
                }

                footer #nieuwsbrief input[type="button"]:hover {
                    color: #2a3a52;
                    background: #ffde03;
                }

    footer a {
        transition: ease all 0.3s;
    }

    footer #sitemap a:hover, footer #social a:hover {
        color: #0a92ef;
    }

.pt1 {
    height: 2040px;
    background: url("../images/patroon1.jpg") repeat;
}

.pt2 {
    background: url("../images/patroon2.jpg") repeat;
    height: 1277px;
}

.pt3 {
    background: url("../images/patroon3.jpg") repeat;
    height: 1080px;
}

    .pt3.height-auto {
        height: auto;
    }

.pt4 {
    height: 1227px;
    background: url("../images/Jute-Pattern.jpg") repeat;
}

.background {
    width: 100%;
    position: relative;
}

.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.animate div {
    transition: top ease 0.8s,left ease 0.8s,right ease 0.8s,bottom ease 0.8s;
}

#home-goedestart {
    top: 235px;
    left: 0px;
    text-align: right;
    position: absolute;
    font-size: 72px;
    color: #ffffff;
    line-height: 83px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: -6px;
    text-decoration: none;
    font-family: 'skizzed_dsgregular';
}

#home-lekker {
    color: #ffffff;
    font-family: 'skizzed_dsgregular';
    font-size: 100px;
    font-weight: normal;
    left: -21px;
    letter-spacing: -6px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    line-height: 150px;
    text-transform: uppercase;
    top: 1130px;
}

    #home-lekker span {
        font-size: 65px;
    }

#home-granen {
    color: #FFFFFF;
    font-family: 'skizzed_dsgregular';
    font-size: 82px;
    font-weight: normal;
    left: 34px;
    letter-spacing: -6px;
    position: absolute;
    text-align: center;
    line-height: 120px;
    text-decoration: none;
    line-height: 93px;
    text-transform: uppercase;
    top: 1536px;
}

#home-werkt {
    color: #332d3d;
    font-family: 'skizzed_dsgregular';
    font-size: 86px;
    font-weight: normal;
    left: 45px;
    line-height: 110px;
    letter-spacing: -6px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    top: 536px;
}

#home-later {
    color: #c6bbab;
    line-height: 90px;
    font-family: 'skizzed_dsgregular';
    font-size: 74px;
    font-weight: normal;
    left: 33px;
    letter-spacing: -6px;
    position: absolute;
    line-height: 70px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    top: 80px;
}

    #home-later span {
        font-size: 52px;
    }

.textVlak {
    font-size: 15px;
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 30px;
    position: absolute;
    top: 528px;
    left: 0px;
    width: 481px;
    background: url("/images/img-1024/home-text-lblue.png") no-repeat;
}

    .textVlak h2 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 25px;
    }

        .textVlak h2 a {
            color: #fff;
            text-decoration: none;
        }

    .textVlak a.doolink {
        font-size: 20px;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        position: relative;
    }

        .textVlak a.doolink span {
            position: absolute;
            right: -60px;
            top: -7px;
        }

        .textVlak a.doolink:hover span {
            background: url("/images/button-background.png") center center no-repeat #E4010B;
        }

.svg .textVlak a.doolink:hover span {
    background: url("/images/button-background.svg") center center no-repeat #E4010B;
    background-size: 16px 21px;
}

.textVlak.dblue {
    font-size: 15px;
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 30px;
    position: absolute;
    top: 217px;
    left: 72px;
    width: 481px;
    background: url("/images/img-1024/home-text-dblue.png") no-repeat;
}

    .textVlak.dblue h2 {
        text-transform: uppercase;
        font-weight: 700;
        color: #88b8ff;
        font-size: 24px;
    }

.textVlak.grey {
    font-size: 15px;
    color: #332d3d;
    font-family: 'Open Sans';
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 30px;
    position: absolute;
    top: 405px;
    left: 339px;
    width: 481px;
    background: url("/images/img-1024/home-text-grey.png") no-repeat;
}

    .textVlak.grey h2 {
        text-transform: uppercase;
        font-weight: 700;
        color: #332d3d;
        font-size: 25px;
    }

        .textVlak.grey h2 a {
            color: #332d3d;
        }

    .textVlak.grey a.doolink {
        color: #332d3d;
    }

.textProd {
    font-size: 20px;
    color: #732e0d;
    font-weight: normal;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: -2px;
    text-decoration: none;
    position: absolute;
    font-family: 'skizzed_dsgregular';
}

    .textProd a {
        color: #732e0d;
        text-decoration: none;
    }


#rand {
    height: 84px;
    width: 100%;
    position: absolute;
    bottom: -84px;
    left: 0px;
    z-index: 9;
    background: url("../images/Jute-Pattern-bottom.png") repeat-x center center;
}

#sint-hoera {
    color: #fff;
    line-height: 90px;
    font-family: 'skizzed_dsgregular';
    font-size: 57px;
    font-weight: normal;
    left: 113px;
    letter-spacing: -6px;
    position: absolute;
    line-height: 70px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    top: 270px;
}

    #sint-hoera span {
        font-size: 75px;
    }

#sint-cadeautje {
    background: url("../images/img-1024/cadeautje.png") no-repeat scroll center center;
    height: 804px;
    position: absolute;
    left: -300px;
    top: 313px;
    width: 860px;
}

#sint-pepernoten {
    background: url("../images/img-1024/Pepernoten_Linksboven.png") no-repeat scroll center center;
    height: 194px;
    position: absolute;
    left: -7px;
    top: 194px;
    width: 158px;
}

#sint-pepernoten-groot {
    background: url("../images/img-1024/Pepernoten_Rechtsbovenn.png") no-repeat scroll center center;
    height: 784px;
    position: absolute;
    right: -86px;
    top: 9px;
    width: 587px;
}

#sint-papier {
    background: url("../images/img-1024/Papier_Teksttt.png") no-repeat scroll center center;
    height: 225px;
    position: absolute;
    right: 94px;
    top: 458px;
    width: 490px;
}

#sint-schoen {
    background: url("../images/img-1024/schoen.png") no-repeat scroll center center;
    height: 816px;
    position: absolute;
    left: -160px;
    top: 681px;
    width: 713px;
    z-index: 10;
}

#sint-zak1 {
    background: url("../images/img-1024/Kruidnoten_Zakje2019.png") no-repeat scroll center center;
    height: 454px;
    position: absolute;
    right: -153px;
    top: 576px;
    width: 629px;
    z-index: 10;
}

    #sint-zak1 .textProd {
        left: 105px;
        top: 219px;
    }

    #sint-zak1 .button {
        left: 253px;
        position: absolute;
        top: 243px;
    }

#sint-hand {
    background: url("../images/img-1024/Handschoenn.png") no-repeat scroll center center;
    height: 1141px;
    position: absolute;
    right: -820px;
    top: 889px;
    width: 1155px;
    z-index: 10;
}

#sint-zak2 {
    background: url("../images/img-1024/Pepernoten_Zakje_Open2019.png") no-repeat scroll center center;
    height: 836px;
    position: absolute;
    right: -94px;
    top: 746px;
    width: 843px;
    z-index: 10;
}

#home-beschuit-aardbei {
    background: url("../images/img-1024/home-beschuit-aardbei.png") no-repeat scroll center center;
    height: 470px;
    position: absolute;
    right: -123px;
    top: 216px;
    width: 558px;
}

    #home-beschuit-aardbei .textProd {
        left: 165px;
        top: 16px;
    }

    #home-beschuit-aardbei .button {
        left: 143px;
        position: absolute;
        top: 97px;
    }

/*#home-beschuit {
    width: 550px;
    height: 956px;
    top: 597px;
    right: -242px;
    position: absolute;
    background: url("../images/img-1024/home-beschuit.png") left  center no-repeat;
}*/

#home-beschuit {
    width: 672px;
    height: 917px;
    top: 597px;
    right: -350px;
    position: absolute;
    background: url("../images/img-1024/home-beschuit-boeren.png") left center no-repeat;
}

#home-graan {
    width: 499px;
    height: 175px;
    top: 388px;
    left: -129px;
    z-index: 1;
    position: absolute;
    background: url("../images/img-1024/home-graan.png") center center no-repeat;
}

#home-boterham {
    width: 544px;
    height: 376px;
    top: 773px;
    left: 96px;
    position: absolute;
    background: url("../images/img-1024/home-boterham.png") center center no-repeat;
}

    #home-boterham .textProd {
        left: 21px;
        top: 162px;
    }

    #home-boterham .button {
        left: 132px;
        position: absolute;
        top: 161px;
    }

#home-gsm {
    width: 575px;
    height: 226px;
    top: 1262px;
    left: 21px;
    position: absolute;
    background: url("../images/img-1024/home-gsm.png") center center no-repeat;
}

    #home-gsm .textProd {
        left: 451px;
        top: 37px;
    }

    #home-gsm .button {
        left: 418px;
        position: absolute;
        top: 109px;
    }


    #home-gsm .twitter {
        color: #D0D1D2;
        float: left;
        font-family: "Open Sans";
        font-size: 11px;
        line-height: 16px;
        margin: 20px 60px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 310px;
    }

        #home-gsm .twitter a {
            color: #E4010B;
            text-decoration: none;
        }

        #home-gsm .twitter .text {
            letter-spacing: 1.5px;
        }

        #home-gsm .twitter .tijd {
            font-size: 9px;
            height: auto;
        }

.borderRed {
    width: 20%;
    height: 2px;
    background: #b6261f;
    margin: 0 auto;
}

#home-gsm .twitter .h30 {
    height: 20px;
}

#home-gsm .twitter span {
    font-size: 36px;
    color: #d0d1d2;
    width: 100%;
    height: 36px;
    display: block;
    text-align: center;
}

#home-ontbijtkoek {
    width: 516px;
    height: 597px;
    top: 1419px;
    right: -55px;
    position: absolute;
    background: url("../images/img-1024/home-ontbijtkoek.png") center center no-repeat;
}

    #home-ontbijtkoek .textProd {
        left: 196px;
        text-align: center;
        top: 499px;
    }

    #home-ontbijtkoek .button {
        left: 280px;
        position: absolute;
        top: 419px;
    }

#home-graan2 {
    width: 499px;
    height: 175px;
    top: 1719px;
    left: -129px;
    position: absolute;
    background: url("../images/img-1024/home-graan.png") center center no-repeat;
}

#home-cracker {
    width: 622px;
    height: 433px;
    top: -235px;
    left: -87px;
    position: absolute;
    background: url("../images/img-1024/home-cracker.png") center center no-repeat;
}

    #home-cracker .textProd {
        left: 409px;
        text-align: right;
        top: 288px;
        color: #fff;
    }

        #home-cracker .textProd a {
            color: #fff;
            text-decoration: none;
        }

    #home-cracker .button {
        left: 430px;
        position: absolute;
        top: 273px;
    }

#home-pen {
    width: 350px;
    height: 395px;
    top: -2px;
    right: -16px;
    position: absolute;
    background: url("../images/img-1024/home-pen.png") center center no-repeat;
}

#home-keyboard {
    width: 500px;
    height: 493px;
    top: 373px;
    right: -242px;
    position: absolute;
    background: url("../images/img-1024/home-keyboard.png") center center no-repeat;
}

#home-koffie {
    width: 322px;
    height: 307px;
    top: 748px;
    left: 366px;
    z-index: 2;
    position: absolute;
    background: url("../images/img-1024/home-koffie.png") center center no-repeat;
}

#home-verpakking {
    width: 564px;
    height: 605px;
    top: 700px;
    left: -160px;
    position: absolute;
    z-index: 1;
    background: url("../images/img-1024/home-verpakking.png") center center no-repeat;
}

#home-graanreep {
    width: 591px;
    height: 582px;
    top: 834px;
    right: -30px;
    position: absolute;
    z-index: 1;
    background: url("../images/img-1024/home-graanreep.png") center center no-repeat;
}

    #home-graanreep .textProd {
        color: #FFFFFF;
        left: 293px;
        top: 26px;
    }

        #home-graanreep .textProd a {
            color: #fff;
            text-decoration: none;
        }

    #home-graanreep .button {
        left: 349px;
        position: absolute;
        top: 126px;
    }

#home-zoutstokjes {
    width: 508px;
    height: 385px;
    top: 46px;
    right: 0px;
    position: absolute;
    background: url("../images/img-1024/home-prepsels.png") center center no-repeat;
}

    #home-zoutstokjes .textProd {
        color: #2e2f30;
        left: 384px;
        text-align: right;
        top: 79px;
    }

        #home-zoutstokjes .textProd a {
            color: #2E2F30;
            text-decoration: none;
        }

    #home-zoutstokjes .button {
        left: 351px;
        position: absolute;
        top: 127px;
    }

#home-losse-zoutstokjes {
    width: 484px;
    height: 245px;
    top: 280px;
    left: 0px;
    position: absolute;
    background: url("../images/img-1024/home-losse-prepsels.png") center center no-repeat;
}

#home-beschuitjes {
    width: 531px;
    height: 497px;
    top: 526px;
    left: 70px;
    position: absolute;
    background: url("../images/img-1024/home-beschuitjes-v2.png") center center no-repeat;
}

    #home-beschuitjes .textProd {
        color: #2E2F30;
        font-size: 17px;
        left: 79px;
        line-height: 20px;
        text-align: center;
        top: 250px;
    }

        #home-beschuitjes .textProd a {
            color: #2E2F30;
        }

    #home-beschuitjes .button {
        left: 171px;
        position: absolute;
        top: 206px;
    }

#home-fris {
    width: 339px;
    height: 338px;
    top: 614px;
    right: -15px;
    position: absolute;
    z-index: 1;
    background: url("../images/img-1024/home-fris.png") center center no-repeat;
}

#frisAn {
    width: 339px;
    height: 338px;
    background: url("../images/img-1024/home-fris-1024.gif") center center no-repeat;
}

footer {
    width: 100%;
    /*height: 515px;*/
    background: url("../images/patroon4.jpg") repeat;
}

#museum-koek {
    width: 809px;
    height: 809px;
    background: url("../images/img-1280/museum-koek.png") repeat;
}

#museum-contain {
    width: 100%;
    height: 909px;
    position: relative;
}

#museum-text {
    color: #505050;
    width: 100%;
    font-size: 37px;
    text-align: center;
    font-family: 'handage_aoeregular';
    font-weight: normal;
    line-height: 34px;
}

.flexslider .sub {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-family: 'handage_aoeregular';
    color: #505050;
    margin: 25px 0 0;
}

.pagePennen {
    background: url("../images/img-1024/home-pen.png") repeat;
    width: 350px;
    height: 395px;
    right: -85px;
    bottom: 10px;
    position: absolute;
    z-index: 1;
}

.pageBeschuit {
    background: url("../images/img-1024/beschuit-aardbei.png") no-repeat;
    width: 500px;
    height: 352px;
    right: -100px;
    bottom: -10px;
    position: absolute;
    z-index: 1;
}

#map {
    width: 100%;
    height: 550px;
}

.infobullet {
    width: 320px;
    background: #fff;
    color: #505050;
    font-size: 15px;
    font-family: "Open Sans";
    position: relative;
}

    .infobullet span {
        display: block;
        padding: 15px;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        background: #0a92ef;
    }

    .infobullet .arrow {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fff;
        position: absolute;
        bottom: -19px;
        left: 50%;
        margin: 0 0 0 -10px;
    }

.label {
    font-family: "Open Sans";
    font-size: 15px;
    display: block;
    margin: 5px 0 0;
    color: #454545;
    text-transform: uppercase;
}

#deelTip {
    /*
    position: absolute;
    bottom: 40px;
    left: 15px;
    */
}

    #deelTip a {
        font-size: 32px;
        margin: 0 6px 0 0;
        transition: all ease 0.3s;
    }

        #deelTip a:hover {
            color: #181500;
        }

.tekst .naarProd {
    background: #E4010B;
    position: absolute;
    right: 15px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'open sans';
    font-size: 18px;
    font-weight: bold;
    padding: 12px 14px;
    bottom: 40px;
    line-height: 26px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

    .tekst .naarProd:hover {
        color: #fff;
        background: #181500;
    }

.product {
    height: 242px;
    position: relative;
    width: 167px;
    margin: 10px 0 0;
    background: url("/images/img-720/belegtip-kader.png") no-repeat;
}


    .product img {
        width: auto;
        height: 85%;
    }

.centerImg {
    height: 150px;
    position: absolute;
    top: 48px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.allergie {
    color: #fff;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-family: 'open sans';
    font-weight: bold;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    background: #0a92ef;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

    .allergie span.arrow {
        background: #0a92ef;
        width: 32px;
        height: 32px;
        border-radius: 16px;
        color: #fff;
        left: 50%;
        line-height: 37px;
        font-size: 16px;
        margin: 0 0 0 -16px;
        position: absolute;
        z-index: 0;
        display: block;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    }

    .allergie.down {
        cursor: pointer;
    }

        .allergie.down span.arrow {
            bottom: -16px;
        }

    .allergie.up {
        cursor: pointer;
    }

        .allergie.up span.arrow {
            top: -16px;
            line-height: 16px;
        }

    .allergie .topText {
        width: 100%;
        height: 36px;
        left: 0px;
        top: 0px;
        background: #0a92ef;
        z-index: 1;
        font-size: 15px;
        position: absolute;
    }

.allergContainer {
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    background: #363636;
}

    .allergContainer .header {
        background: #ed1c24;
        padding: 15px 20px;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        position: relative;
        text-transform: uppercase;
    }

        .allergContainer .header .floatright {
            text-align: right;
        }

        .allergContainer .header .arrow-left {
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #ed1c24;
            position: absolute;
            bottom: -11px;
            left: 30px;
        }

        .allergContainer .header .arrow-right {
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #ed1c24;
            position: absolute;
            bottom: -11px;
            right: 30px;
        }

    .allergContainer .footer {
        background: #E4010B;
        height: 4px;
    }

.body .text {
    color: #fff;
    line-height: 40px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}

.row {
    width: 100%;
    height: 47px;
    position: relative;
}

    .row input {
        position: absolute;
        left: 22px;
        top: 0px;
    }

    .row .checkLeft, .row .checkRight {
        width: 40px;
        height: 40px;
        background: #fff;
        position: absolute;
        top: 0px;
        cursor: pointer;
    }

        .row .checkLeft i, .row .checkRight i {
            color: #0a92ef;
            font-size: 41px;
            display: none;
        }

    .row .checkLeft {
        left: 22px;
    }

    .row .checkRight {
        right: 22px;
    }

    .row .check input {
        display: none;
    }

.tekst .resultaten {
    background: #0a92ef;
    position: absolute;
    left: 50%;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'open sans';
    font-size: 18px;
    font-weight: bold;
    padding: 12px 14px;
    bottom: 50px;
    margin: 0 0 0 -103px;
    line-height: 26px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

    .tekst .resultaten:hover {
        color: #fff;
        background: #181500;
    }

#ajax-container .meer-nieuws {
    bottom: -60px;
}

#ajax-container.ajax-belegtips .meer-nieuws {
    bottom: 60px;
}

.tekst .nieuwsbericht p {
    padding-right: 175px;
}

a.productnaam, span.productnaam {
    height: 60px;
    text-align: center;
    width: 100%;
    font-size: 27px;
    display: block;
    font-family: 'handage_aoeregular';
    font-weight: normal;
    color: #505050;
    text-decoration: none;
    transition: ease 0.3s all;
}

    a.productnaam:hover {
        color: #E4010B;
    }

.outofhome-producten {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .outofhome-producten .product-item {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .outofhome-producten .labelBox {
        width: 100%;
    }

    .outofhome-producten a.productnaam,
    .outofhome-producten span.productnaam {
        height: auto;
        padding: 15px 0 20px 0;
    }

.header-outofhome img {
    width: 100%;
    display: block;
}

.outofhome-intro {
    background-color: #0a92ef;
    color: #fff;
    padding: 50px;
    margin-top: -200px;
    position: relative;
    z-index: 1;
    transition: ease-in 0.5s all;
    transform: translateX(50%);
    opacity: 0;
}

    .outofhome-intro.animate {
        transform: translateX(0);
        opacity: 1;
    }


    .outofhome-intro::before,
    .outofhome-intro::after {
        content: '';
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        position: absolute;
        background-image: url(/Images/outofhome-text-bgblue.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .outofhome-intro::before {
        top: -10px;
        left: -10px;
        background-position: left top;
    }

    .outofhome-intro::after {
        right: -10px;
        bottom: -10px;
        background-position: right bottom;
    }

    .outofhome-intro h2 {
        color: #ffffff;
        font-size: 26px;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase;
    }

    .outofhome-intro a {
        display: inline-block;
        color: #fff;
    }

    .outofhome-intro .productenBtn {
        display: flex;
        align-items: center;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 20px;
    }

        .outofhome-intro .productenBtn .button {
            margin-left: 10px;
        }

.outofhome-form .tekst h2 {
    font-size: 48px;
    font-family: 'skizzed_dsgregular';
    font-weight: normal;
    letter-spacing: -2px;
    color: #fff;
    line-height: 58px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.producten h1 {
    color: #d41822;
    font-size: 48px;
    line-height: 55px;
    text-transform: uppercase;
}

.productBox {
    background: #fff;
    margin: 0 10px 55px;
    position: relative;
    z-index: 2;
    transition: all .35s ease;
}

    .productBox.customhover:hover {
        transform: scale(1.05);
    }



    .productBox.nieuws {
        margin: 0 10px 40px;
    }

    .productBox .centerItem {
        width: 100%;
        text-align: center;
        height: auto;
        display: block;
        font-size: 0px;
        line-height: 0px;
        padding: 20px 0;
        margin: 0 0 10px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset;
    }



        .productBox .centerItem img {
            width: auto;
            height: 100%;
        }

    .productBox .centerOorsprong {
        width: 100%;
        text-align: center;
        height: auto;
        display: block;
        font-size: 0px;
        line-height: 0px;
        margin: 0 0 10px;
        /*box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset;*/
    }

    .productBox .centerNormal {
        width: 100%;
        text-align: center;
        height: auto;
        display: block;
        font-size: 0px;
        line-height: 0px;
    }

        .productBox .centerOorsprong img, .productBox .centerNormal img {
            width: 100%;
            height: auto;
        }

    .productBox .centerBeleg {
        width: 100%;
        text-align: center;
        height: auto;
        display: block;
        font-size: 0px;
        line-height: 0px;
        margin: 0 0 0px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset;
    }

        .productBox .centerBeleg img {
            display: block;
            height: auto;
            width: 100%;
        }

    .productBox .shadowBottom {
        width: 100%;
        height: 30px;
        bottom: -30px;
        left: 0px;
        position: absolute;
        background: url("../images/bg-shadow.png") top center / contain no-repeat;
    }

    .productBox.beleg {
        background: none repeat scroll 0 0 #FFFFFF;
        margin: 0 10px 20px;
        margin: 10px 15px;
        position: relative;
    }

.productInfoBox {
    background-color: #0a92ef;
    color: #fff;
    padding: 20px;
    margin: -55px 30px 0 30px;
    font-size: 12px;
    opacity: 0;
    transform: translateY(-200px);
    transition: all ease-in-out .35s;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1;
}

.product-item {
    position: relative;
    z-index: 5;
}

    .product-item:hover {
        z-index: 6;
    }


        .product-item:hover .productInfoBox {
            opacity: 1;
            transform: translateY(0);
        }

a.belegnaam {
    color: #000000;
    display: block;
    font-family: 'handage_aoeregular';
    font-size: 26px;
    font-weight: normal;
    height: 60px;
    line-height: 24px;
    margin: 0 0 20px;
    padding: 0 5%;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 90%;
}

    a.belegnaam:hover {
        color: #E4010B;
    }

.prop {
    width: 130px;
    height: 70px;
    left: 50%;
    position: absolute;
    z-index: 10;
    top: -35px;
    margin: 0 0 0 -70px;
}

    .prop.nr1 {
        background: url("../images/prop-1.png") center center / contain no-repeat;
    }

    .prop.nr2 {
        background: url("../images/prop-2.png") center center / contain no-repeat;
    }

    .prop.nr3 {
        background: url("../images/prop-3.png") center center / contain no-repeat;
    }

    .prop.nr4 {
        background: url("../images/prop-4.png") center center / contain no-repeat;
    }

    .prop.nr5 {
        background: url("../images/prop-5.png") center center / contain no-repeat;
    }

    .prop.nr6 {
        background: url("../images/prop-6.png") center center / contain no-repeat;
    }

.hRoggen {
    height: 180px;
    line-height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
}

.roggenLinks {
    width: 520px;
    height: 155px;
    position: absolute;
    left: -100px;
    bottom: 0px;
    background: url("../images/img-1024/roggen-links.png") repeat;
}

    .roggenLinks.bottompadding {
        bottom: -40px;
    }

.roggenRechts {
    width: 520px;
    height: 155px;
    position: absolute;
    right: -100px;
    bottom: 0px;
    background: url("../images/img-1024/roggen-rechts.png") repeat;
}

.roggenRechtsTop {
    width: 520px;
    height: 155px;
    position: absolute;
    right: -100px;
    top: 0px;
    background: url("../images/img-1024/roggen-rechts-top.png") repeat;
}

.roggenRechtsTop2 {
    width: 600px;
    height: 210px;
    position: absolute;
    right: -100px;
    top: 100px;
    background: url("../images/img-1024/roggen-rechts-top2.png") repeat;
}

.knackerbrodRechtsBottom {
    width: 630px;
    height: 560px;
    position: absolute;
    right: 0;
    bottom: 10px;
    background: url("../images/img-1024/knackebrod-rechts-bottom.png") repeat;
}

.beschuit-aardbei-left.rellax {
    background: url(../images/img-1024/home-beschuit-aardbei.png) no-repeat scroll center center;
    height: 470px;
    position: absolute;
    left: -355px;
    top: 50%;
    width: 558px;
    z-index: 6;
}

.ontbijtkoek-right.rellax {
    background: url(../images/img-1024/ontbijtkoek.png) no-repeat scroll center center;
    height: 470px;
    position: absolute;
    right: -355px;
    bottom: 10%;
    width: 558px;
    z-index: 6;
}

#Livewall .arrowtekst .tekst {
    margin-left: 120px;
}

#Livewall .feed-item {
    width: 290px;
}

.tearedPaper1 {
    width: 290px;
    height: 43px;
    background: url("../Images/img-1024/1024_Teared_Paper1.png");
    top: -30px;
    position: relative;
}

.tearedPaper2 {
    width: 290px;
    height: 43px;
    background: url("../Images/img-1024/1024_Teared_Paper2.png");
    top: -30px;
    position: relative;
}

.tearedPaper3 {
    width: 290px;
    height: 43px;
    background: url("../Images/img-1024/1024_Teared_Paper3.png");
    top: -30px;
    position: relative;
}

.tearedPaper4 {
    width: 290px;
    height: 43px;
    background: url("../Images/img-1024/1024_Teared_Paper4.png");
    top: -30px;
    position: relative;
}

.tearedPaper5 {
    width: 290px;
    height: 43px;
    background: url("../Images/img-1024/1024_Teared_Paper5.png");
    top: -30px;
    position: relative;
}

#zoek {
    padding: 50px 0 0 0;
    background: url("../images/patroon6.jpg") repeat;
}

    #zoek .zoekTitel {
        color: #ffffff;
        font-size: 32px;
        font-weight: normal;
        font-family: 'skizzed_dsgregular';
        letter-spacing: -3px;
        text-transform: uppercase;
        float: left;
    }

    #zoek #zoekbalk {
        float: right;
        width: 230px;
        height: 45px;
    }

        #zoek #zoekbalk input[type="text"] {
            padding: 0 0 0 10px;
            background: #fff;
            width: 175px;
            font-family: "Open Sans";
            color: #000;
            height: 45px;
            font-size: 18px;
            float: left;
            border: none;
            font-weight: bold;
        }

            #zoek #zoekbalk input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
                color: #000;
            }

            #zoek #zoekbalk input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                color: #000;
            }

            #zoek #zoekbalk input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
                color: #000;
                opacity: 1;
            }

            #zoek #zoekbalk input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
                color: #000;
            }

        #zoek #zoekbalk .containSubmit {
            float: left;
            position: relative;
            height: 45px;
            width: 45px;
            background: #0a92ef;
            cursor: pointer;
            text-align: center;
            border: none;
            font-size: 24px;
            line-height: 45px;
            color: #fff;
        }

    #zoek ul.tabs {
    }

        #zoek ul.tabs li {
            float: left;
        }

            #zoek ul.tabs li a {
                background: #b6191f;
                background: -moz-radial-gradient(rgba(210,33,41,1), rgba(168,20,26,1));
                background: linear-gradient(rgba(210,33,41,1), rgba(168,20,26,1));
                margin: 5px 0 0 0;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
                font-family: 'Open Sans';
                display: block;
                float: left;
                line-height: 44px;
                text-transform: uppercase;
                text-decoration: none;
                padding: 0 15px;
                /*transition: all 0.3s ease;*/
            }

                #zoek ul.tabs li a.active, #zoek ul.tabs li a:hover {
                    background: #ed1c24;
                    /*
                    background: -moz-radial-gradient(rgba(237,28,36,1), rgba(239,45,52,1));
                    background: linear-gradient(rgba(237,28,36,1), rgba(239,45,52,1));
                    */
                    padding: 5px 15px 0 15px;
                    line-height: 44px;
                    margin: 0px;
                }


    #zoek .tags {
        width: 100%;
        position: relative;
        background: #ed1c24;
    }

ul.types li {
    float: left;
    margin: 3px;
}

    ul.types li a {
        padding: 7px 5px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Open Sans';
        display: block;
        float: left;
        text-transform: uppercase;
        text-decoration: none;
        background: #b4181e;
        transition: all 0.3s ease;
    }

        ul.types li a.active, ul.types li a:hover {
            background: #0a92ef;
        }

#belegmenu {
    position: relative;
    background: #E4010B;
}

ul.belegsub li {
    float: left;
    margin: 3px;
}

    ul.belegsub li a {
        padding: 7px 5px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Open Sans';
        display: block;
        float: left;
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.3s ease;
    }

        ul.belegsub li a:hover, ul.belegsub li a.active {
            background: #0a92ef;
        }

#actiesmenu {
    position: relative;
    background: #E4010B;
}

ul.actiessub li {
    float: left;
    margin: 3px;
}

    ul.actiessub li a {
        padding: 7px 5px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Open Sans';
        display: block;
        float: left;
        text-transform: uppercase;
        text-decoration: none;
        transition: all 0.3s ease;
    }

        ul.actiessub li a:hover, ul.actiessub li a.active {
            background: #0a92ef;
        }

.faq {
    width: 100%;
    /*float: left;*/
    position: relative;
    cursor: pointer;
}

.faqOpen {
    position: absolute;
    bottom: 15px;
}

.faq .faqOpen {
    right: 15px;
}

.tijd .productBox {
    width: 250px;
    float: right;
    margin: 25px 0px 0 10px;
}

.tijd .faqOpen {
    left: 15px;
}

.faqText {
    overflow: hidden;
    height: 0px;
}

.faq:first-child .faqText {
    /*height: auto;*/
}

.faqImgText {
    font-size: 27px;
    color: #505050;
    line-height: 32px;
    font-family: 'handage_aoeregular';
    letter-spacing: 2px;
}

.faqImg {
    background: url("/images/img-1024/faq-img.png") no-repeat scroll 0 0;
    height: 442px;
    position: absolute;
    right: 15px;
    top: 70px;
    width: 358px;
}

.faq-title {
    display: block;
    width: 100%;
    padding: 10px;
    color: #fff !important;
    background: #0a92ef;
    /*float: left;*/
    margin: 30px 0 0 0;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

    .faq-title i {
        position: absolute;
        right: 15px;
        top: 12px;
    }

    .faq-title::after {
        content: "";
        display: table;
        clear: both;
    }

.faq-cat-wrap {
    display: none;
}

    .faq-cat-wrap::after {
        content: "";
        display: table;
        clear: both;
    }

.tijdlijnImg {
    position: absolute;
    right: 15px;
    top: 80px;
    width: 373px;
    height: 344px;
    background: url("/images/img-1024/tijdlijn-img.png") no-repeat;
}

.vacImg {
    background: url("/images/img-1024/vac-img.png") no-repeat scroll 0 0;
    height: 61px;
    position: absolute;
    right: 15px;
    top: 214px;
    width: 183px;
}

.tekst ul.voedingswaarden {
    list-style: none;
    width: 100%;
    padding: 0;
}

    .tekst ul.voedingswaarden li {
        display: block;
        width: 100%;
        float: left;
    }

.roggenStaand {
    bottom: -20px;
    height: 412px;
    position: absolute;
    right: -120px;
    width: 131px;
    background: url("/images/img-1024/roggen-staand-rechts.png") no-repeat;
}

.hout {
    width: 100%;
    height: 280px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin: -280px 0 0 0;
    background: url("/images/patroon6.jpg") repeat;
}

.bg-hout {
    background: url("/images/patroon6.jpg") repeat;
}

.tijd li {
    float: left;
    list-style: none;
    margin: 0 10px 0 0;
}

    .tijd li a {
        float: left;
        padding: 8px 14px 14px;
        color: #fff;
        font-family: "Open Sans";
        text-decoration: none;
        font-weight: bold;
    }

        .tijd li a.active, .tijd li a:hover {
            color: #fff;
            background: url("../images/patroon4.jpg") repeat scroll 0 0;
        }

.tijd.alt li a {
    color: #505050;
}

    .tijd.alt li a.active, .tijd.alt li a:hover {
        color: #fff;
    }

.houtv2 {
    width: 100%;
    background: url("/images/patroon6.jpg") repeat;
    position: relative;
}

.redBorder {
    background: url("../images/patroon4.jpg") repeat scroll 0 0;
    position: relative;
    width: 100%;
    height: 28px;
}

h4 {
    font-size: 25px;
    color: #505050;
    line-height: 32px;
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-family: 'handage_aoeregular';
}

.prodImg {
    height: 540px;
    left: 15px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 100%;
}

    .prodImg img {
        height: 100%;
        width: auto;
    }

#volgendeProd {
    bottom: 75px;
    right: 15px;
    position: absolute;
}

#vorigeProd {
    left: 15px;
    bottom: 75px;
    position: absolute;
    background: url("/images/button-background-prev.png") #0A92EF center center no-repeat;
}

    #vorigeProd:hover {
        background: url("/images/button-background-prev.png") #E4010B center center no-repeat;
    }

#ProductDetail {
    height: 560px;
    position: relative;
    background: url("/images/patroon3.jpg") repeat;
}

.prodTitle {
    color: #ffffff;
    font-size: 45px;
    margin: 50px 0 0;
    font-weight: normal;
    font-family: 'skizzed_dsgregular';
    letter-spacing: -2px;
    text-transform: uppercase;
}

.prodSubTitle {
    color: #ffffff;
    font-size: 35px;
    font-weight: normal;
    font-family: 'skizzed_dsgregular';
    letter-spacing: -2px;
    text-transform: uppercase;
}

.extra {
    position: absolute;
    top: 290px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 37px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'handage_aoeregular';
}

.arrowProd {
    position: absolute;
    top: 335px;
    left: -15px;
    width: 223px;
    height: 29px;
    background: url("/images/product-arrow.png") no-repeat;
}

.prodText {
    position: absolute;
    top: 390px;
    left: 15px;
    color: #fff;
    font-size: 26px;
    width: 70%;
    font-family: 'handage_aoeregular';
}

.variatieButton {
    background: url("/images/img-720/marker-variatie.png") no-repeat scroll 0 0;
    bottom: -180px;
    color: #FFFFFF;
    font-family: 'skizzed_dsgregular';
    font-size: 38px;
    font-weight: normal;
    height: 216px;
    left: -30px;
    letter-spacing: -2px;
    padding: 70px 40px;
    position: absolute;
    line-height: 45px;
    text-transform: uppercase;
    width: 303px;
}

    .variatieButton .button {
        position: absolute;
        right: -10px;
        top: 20px;
    }

    .variatieButton a.full-cloud {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
    }

.actieButton {
    background: url("/images/img-720/marker-actie.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    font-family: 'skizzed_dsgregular';
    font-size: 38px;
    font-weight: normal;
    height: 96px;
    letter-spacing: -2px;
    padding: 120px 40px 40px;
    position: absolute;
    right: -80px;
    text-transform: uppercase;
    top: -90px;
    width: 303px;
    line-height: 45px;
}

    .actieButton .button {
        position: absolute;
        right: 60px;
        top: 20px;
    }

    .actieButton a.full-cloud {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
    }

.belegtip .productBox .centerBeleg {
    max-height: 171px;
    overflow: hidden;
}


@media (min-width: 1199px) {

    .belegtip .productBox .centerBeleg {
        max-height: 224px;
        overflow: hidden;
    }

    #sint-hoera {
        color: #fff;
        line-height: 90px;
        font-family: 'skizzed_dsgregular';
        font-size: 68px;
        font-weight: normal;
        left: 86px;
        letter-spacing: -6px;
        position: absolute;
        line-height: 90px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        top: 315px;
    }

        #sint-hoera span {
            font-size: 90px;
        }

    #sint-cadeautje {
        background: url("../images/img-1280/cadeautje.png") no-repeat scroll center center;
        height: 866px;
        position: absolute;
        left: -390px;
        top: 350px;
        width: 974px;
    }

    #sint-pepernoten {
        background: url("../images/img-1280/Pepernoten_Linksboven.png") no-repeat scroll center center;
        height: 206px;
        position: absolute;
        left: -25px;
        top: 270px;
        width: 184px;
    }

    #sint-pepernoten-groot {
        background: url("../images/img-1280/Pepernoten_Rechtsbovenn.png") no-repeat scroll center center;
        height: 875px;
        position: absolute;
        right: -50px;
        top: 80px;
        width: 656px;
    }

    #sint-papier {
        background: url("../images/img-1280/Papier_Teksttt.png") no-repeat scroll center center;
        height: 225px;
        position: absolute;
        right: 304px;
        top: 530px;
        width: 490px;
    }

    #sint-schoen {
        background: url("../images/img-1280/schoen.png") no-repeat scroll center center;
        height: 912px;
        position: absolute;
        left: -231px;
        top: 741px;
        width: 798px;
        z-index: 10;
    }

    #sint-zak1 {
        background: url("../images/img-1280/Kruidnoten_Zakje2019.png") no-repeat scroll center center;
        height: 461px;
        position: absolute;
        right: -14px;
        top: 676px;
        width: 707px;
        z-index: 10;
    }

        #sint-zak1 .textProd {
            left: 142px;
            top: 201px;
        }

        #sint-zak1 .button {
            left: 287px;
            position: absolute;
            top: 234px;
        }

    #sint-hand {
        background: url("../images/img-1280/Handschoenn.png") no-repeat scroll center center;
        height: 1276px;
        position: absolute;
        right: -740px;
        top: 988px;
        width: 1290px;
        z-index: 10;
    }

    #sint-zak2 {
        background: url("../images/img-1280/Pepernoten_Zakje_Open2019.png") no-repeat scroll center center;
        height: 935px;
        position: absolute;
        right: 68px;
        top: 806px;
        width: 942px;
        z-index: 10;
    }


    .vacImg {
        background: url("/images/img-1280/vac-img.png") no-repeat scroll 0 0;
        height: 74px;
        width: 225px;
    }

    .roggenContain {
        height: 193px;
        width: 100%;
        position: relative;
    }

    .roggenLinks {
        width: 647px;
        height: 193px;
        position: absolute;
        left: -120px;
        bottom: 0px;
        background: url("../images/img-1280/roggen-links.png") repeat;
    }

    .roggenRechts {
        width: 647px;
        height: 193px;
        position: absolute;
        right: -120px;
        bottom: 0px;
        background: url("../images/img-1280/roggen-rechts.png") repeat;
    }

    #museum-contain {
        width: 100%;
        height: 859px;
        position: relative;
    }

    #museum-koek {
        width: 809px;
        height: 809px;
        top: 0px;
        right: 0px;
        position: absolute;
        background: url("../images/img-1280/museum-koek.png") repeat;
    }

    #museum-text {
        font-size: 40px;
    }

    #newsList {
        height: 300px;
    }

        #newsList .news {
            width: 356px;
            height: 286px;
            margin: 0 15px;
        }

            #newsList .news .shadow {
                width: 100%;
                height: 18px;
                bottom: -18px;
                left: 0px;
                position: absolute;
                background: url("/images/img-1280/news-shadow.png") bottom left no-repeat;
            }

            #newsList .news .img {
                height: 215px;
                display: block;
                width: 100%;
                overflow: hidden;
            }

            #newsList .news .h5 {
                height: 10px;
            }

            #newsList .news .text {
                color: #2A3A52;
                display: block;
                font-family: 'handage_aoeregular';
                font-size: 26px;
                font-weight: normal;
                line-height: 30px;
                margin: 0 15%;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                width: 70%;
            }

    #slide, .slideSize {
        height: 560px;
    }


    .slide-text {
        background: url("../images/img-1280/slide-marker.png") no-repeat scroll center center;
        height: 291px;
        padding: 80px 55px 0 75px;
        position: relative;
        width: 390px;
    }

    .fa-tags {
        margin: 0 5px 0 0;
    }

    .belegtips .slide-text {
        background: url("../images/marker-belegtip.png") no-repeat scroll center center;
        height: 126px;
        padding: 50px 35px 0 55px;
        position: relative;
        width: 254px;
        color: #fff;
    }

        .belegtips .slide-text h2 {
            color: #fff;
            font-size: 30px;
            line-height: 35px;
        }

    .posText {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }


    #slide .belegtips .button {
        position: absolute;
        right: 25px;
        top: 85px;
    }

    #slide .button {
        position: absolute;
        right: 51px;
        top: 288px;
    }

    #slide .nieuws .button {
        position: absolute;
        right: 51px;
        top: 211px;
    }

    .slide-text h2 {
        font-size: 40px;
        letter-spacing: -3px;
        line-height: 46px;
    }


    .slide-text h3 {
        font-size: 26px;
    }

    .pt1 {
        height: 2630px;
        background: url("../images/patroon1.jpg") repeat;
    }

    .pt2 {
        background: url("../images/patroon2.jpg") repeat;
        height: 1502px;
    }

    .pt3 {
        background: url("../images/patroon3.jpg") repeat;
        height: 1151px;
    }

        .pt3.height-auto {
            height: auto;
        }

    .pt4 {
        height: 1227px;
        background: url("../images/Jute-Pattern.jpg") repeat;
    }

    .background {
        width: 100%;
        position: relative;
    }

    .container {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }


    #home-goedestart {
        font-size: 93px;
        line-height: 100px;
        top: 300px;
    }

    #home-lekker {
        left: 67px;
        top: 1382px;
    }

    #home-beschuit-aardbei {
        width: 635px;
        height: 514px;
        top: 320px;
        right: -86px;
        position: absolute;
        background: url("../images/img-1280/home-beschuit-aardbei.png") center center no-repeat;
    }

        #home-beschuit-aardbei .textProd {
            left: 204px;
            top: 12px;
        }

        #home-beschuit-aardbei .button {
            left: 183px;
            position: absolute;
            top: 93px;
        }

    .textVlak {
        left: 76px;
        top: 718px;
    }

    /*#home-beschuit {
        width: 793px;
        height: 1142px;
        top: 805px;
        right: -315px;
        position: absolute;
        background: url("../images/img-1280/home-beschuit.png") left center no-repeat;
    }*/

    #home-beschuit {
        width: 786px;
        height: 1073px;
        top: 805px;
        right: -315px;
        position: absolute;
        background: url("../images/img-1280/home-beschuit-boeren.png") left center no-repeat;
    }

    #home-graan {
        background: url("../images/img-1280/home-graan.png") no-repeat scroll center center;
        height: 206px;
        left: -120px;
        position: absolute;
        top: 510px;
        width: 589px;
    }

    #home-boterham {
        width: 643px;
        height: 444px;
        top: 955px;
        left: 45px;
        position: absolute;
        background: url("../images/img-1280/home-boterham.png") center center no-repeat;
    }


        #home-boterham .textProd {
            left: 51px;
            top: 212px;
        }

        #home-boterham .button {
            left: 165px;
            position: absolute;
            top: 207px;
        }

    #home-gsm {
        width: 686px;
        height: 283px;
        top: 1575px;
        left: 57px;
        position: absolute;
        background: url("../images/img-1280/home-gsm.png") center center no-repeat;
    }

        #home-gsm .textProd {
            left: 561px;
            top: 37px;
        }


        #home-gsm .button {
            left: 528px;
            position: absolute;
            top: 109px;
        }


        #home-gsm .twitter {
            float: left;
            margin: 40px 90px;
            position: relative;
            width: 350px;
            text-align: center;
            color: #d0d1d2;
            font-size: 11px;
            line-height: 18px;
            text-transform: uppercase;
            font-family: "Open Sans";
        }

            #home-gsm .twitter a {
                color: #E4010B;
                text-decoration: none;
            }

            #home-gsm .twitter .text {
                letter-spacing: 1.5px;
            }

            #home-gsm .twitter .tijd {
                font-size: 9px;
                height: auto;
            }

    .borderRed {
        width: 20%;
        height: 2px;
        background: #b6261f;
        margin: 0 auto;
    }

    #home-gsm .twitter span {
        font-size: 40px;
        color: #d0d1d2;
        width: 100%;
        height: 40px;
        display: block;
        text-align: center;
    }


    #home-granen {
        font-size: 106px;
        left: 59px;
        letter-spacing: -12px;
        top: 1946px;
        line-height: 120px;
    }

    #home-ontbijtkoek {
        background: url("../images/img-1280/home-ontbijtkoek.png") no-repeat scroll center center;
        height: 683px;
        position: absolute;
        right: -56px;
        top: 1868px;
        width: 610px;
    }

        #home-ontbijtkoek .textProd {
            left: 237px;
            text-align: center;
            top: 590px;
        }

        #home-ontbijtkoek .button {
            left: 330px;
            position: absolute;
            top: 492px;
        }

    #home-graan2 {
        background: url("../images/img-1280/home-graan.png") no-repeat scroll center center;
        height: 206px;
        left: -55px;
        position: absolute;
        top: 2180px;
        width: 589px;
    }

    #home-cracker {
        width: 735px;
        height: 510px;
        top: -280px;
        left: -120px;
        position: absolute;
        background: url("../images/img-1280/home-cracker.png") center center no-repeat;
    }


        #home-cracker .textProd {
            color: #FFFFFF;
            left: 483px;
            text-align: right;
            top: 348px;
        }

        #home-cracker .button {
            left: 500px;
            position: absolute;
            top: 333px;
        }

    .textVlak.dblue {
        left: 220px;
        top: 258px;
    }

    #home-werkt {
        font-size: 115px;
        left: -15px;
        letter-spacing: -10px;
        top: 536px;
        line-height: 150px;
    }


    #home-pen {
        width: 413px;
        height: 465px;
        top: -50px;
        right: 5px;
        position: absolute;
        background: url("../images/img-1280/home-pen.png") center center no-repeat;
    }

    #home-keyboard {
        width: 1049px;
        height: 785px;
        top: 400px;
        left: 815px;
        position: absolute;
        background: url("../images/img-1280/home-keyboard.png") center center no-repeat;
    }

    #home-koffie {
        background: url("../images/img-1280/home-koffie.png") no-repeat scroll center center;
        height: 363px;
        left: 400px;
        position: absolute;
        top: 852px;
        width: 380px;
    }

    #home-graanreep {
        background: url("../images/img-1280/home-graanreep.png") no-repeat scroll center center;
        height: 713px;
        left: 406px;
        position: absolute;
        top: 919px;
        width: 748px;
        z-index: 1;
    }


        #home-graanreep .textProd {
            color: #FFFFFF;
            left: 366px;
            top: 30px;
        }


        #home-graanreep .button {
            left: 460px;
            position: absolute;
            top: 143px;
        }

    #home-verpakking {
        background: url("../images/img-1280/home-verpakking.png") no-repeat scroll center center;
        height: 765px;
        left: -330px;
        position: absolute;
        top: 750px;
        width: 714px;
        z-index: 1;
    }

    #home-later {
        font-size: 92px;
        left: 15px;
        letter-spacing: -6px;
        top: 18px;
        line-height: 90px;
    }

        #home-later span {
            font-size: 65px;
        }


    #home-zoutstokjes {
        background: url("../images/img-1280/home-prepsels.png") no-repeat scroll center center;
        height: 454px;
        position: absolute;
        right: 67px;
        top: 22px;
        width: 567px;
    }

        #home-zoutstokjes .textProd {
            color: #2E2F30;
            left: 444px;
            text-align: right;
            top: 131px;
        }

        #home-zoutstokjes .button {
            left: 407px;
            position: absolute;
            top: 187px;
        }

    .textVlak.grey {
        left: 569px;
        top: 479px;
        width: 481px;
    }

    #home-losse-zoutstokjes {
        width: 572px;
        height: 289px;
        top: 256px;
        left: 17px;
        position: absolute;
        background: url("../images/img-1280/home-losse-prepsels.png") center center no-repeat;
    }

    #home-beschuitjes {
        width: 628px;
        height: 589px;
        top: 526px;
        left: 150px;
        position: absolute;
        background: url("../images/img-1280/home-beschuitjes-v2.png") center center no-repeat;
    }

        #home-beschuitjes .textProd {
            color: #2E2F30;
            font-size: 17px;
            left: 111px;
            text-align: center;
            top: 300px;
        }

        #home-beschuitjes .button {
            left: 201px;
            position: absolute;
            top: 237px;
        }


    #home-fris {
        width: 400px;
        height: 401px;
        top: 679px;
        right: -45px;
        position: absolute;
        z-index: 1;
        background: url("../images/img-1280/home-fris.png") center center no-repeat;
    }

    #frisAn {
        width: 400px;
        height: 401px;
        background: url("../images/img-1280/home-fris-1280.gif") center center no-repeat;
    }


    .hRoggen {
        height: 220px;
        line-height: 0px;
        font-size: 0px;
        display: block;
        clear: both;
    }

    #Livewall .arrowtekst .tekst {
        margin-left: 160px;
    }

    #Livewall .feed-item {
        width: 370px;
    }

    .tearedPaper1 {
        width: 370px;
        height: 55px;
        background: url("../Images/img-1280/1280_Teared_Paper1.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper2 {
        width: 370px;
        height: 55px;
        background: url("../Images/img-1280/1280_Teared_Paper2.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper3 {
        width: 370px;
        height: 55px;
        background: url("../Images/img-1280/1280_Teared_Paper3.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper4 {
        width: 370px;
        height: 55px;
        background: url("../Images/img-1280/1280_Teared_Paper4.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper5 {
        width: 370px;
        height: 55px;
        background: url("../Images/img-1280/1280_Teared_Paper5.png");
        top: -30px;
        position: relative;
    }

    #Livewall .arrowtekst .livewall-arrow {
        width: 115px;
        height: 128px;
        background: url("../Images/img-1280/1280-livewall-arrow.png");
        display: block;
        position: relative;
        left: 30px;
        top: -20px;
    }

    .productBox .centerItem {
        width: 100%;
        text-align: center;
        height: auto;
        display: block;
        font-size: 0px;
        line-height: 0px;
        padding: 20px 0;
        margin: 0 0 10px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset;
        height: 300px;
    }


    .size13.nieuws {
        width: 25%;
    }

    .size23.nieuws {
        width: 75%;
    }

    .gerelateerd .productBox .centerItem {
        height: 200px;
    }

    .size12.sub {
        width: 35%;
    }
}

@media (max-width: 969px) {

    .belegtip .productBox .centerBeleg {
        max-height: 205px;
        overflow: hidden;
    }

    #sint-hoera {
        color: #fff;
        line-height: 90px;
        font-family: 'skizzed_dsgregular';
        font-size: 48px;
        font-weight: normal;
        left: 36px;
        letter-spacing: -6px;
        position: absolute;
        line-height: 60px;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
        top: 199px;
    }

        #sint-hoera span {
            font-size: 64px;
        }

    #sint-cadeautje {
        background: url("../images/img-720/cadeautje.png") no-repeat scroll center center;
        height: 612px;
        position: absolute;
        left: -243px;
        top: 270px;
        width: 637px;
    }

    #sint-pepernoten {
        background: url("../images/img-720/Pepernoten_Linksboven.png") no-repeat scroll center center;
        height: 144px;
        position: absolute;
        left: 4px;
        top: 136px;
        width: 116px;
    }

    #sint-pepernoten-groot {
        background: url("../images/img-720/Pepernoten_Rechtsbovenn.png") no-repeat scroll center center;
        height: 581px;
        position: absolute;
        right: -50px;
        top: 42px;
        width: 435px;
    }

    #sint-papier {
        background: url("../images/img-720/Papier_Teksttt.png") no-repeat scroll center center;
        height: 225px;
        position: absolute;
        right: 68px;
        top: 350px;
        width: 490px;
    }

    #sint-schoen {
        background: url("../images/img-720/schoen.png") no-repeat scroll center center;
        height: 605px;
        position: absolute;
        left: -104px;
        top: 521px;
        width: 526px;
        z-index: 10;
    }

    #sint-zak1 {
        background: url("../images/img-720/Kruidnoten_Zakje2019.png") no-repeat scroll center center;
        height: 345px;
        position: absolute;
        right: -109px;
        top: 493px;
        width: 472px;
        z-index: 10;
    }

        #sint-zak1 .textProd {
            left: 33px;
            top: 149px;
        }

        #sint-zak1 .button {
            left: 177px;
            position: absolute;
            top: 177px;
        }

    #sint-hand {
        background: url("../images/img-720/Handschoenn.png") no-repeat scroll center center;
        height: 847px;
        position: absolute;
        right: -592px;
        top: 725px;
        width: 856px;
        z-index: 10;
    }

    #sint-zak2 {
        background: url("../images/img-720/Pepernoten_Zakje_Open2019.png") no-repeat scroll center center;
        height: 619px;
        position: absolute;
        right: -52px;
        top: 603px;
        width: 624px;
        z-index: 10;
    }

    .productBox .centerItem {
        width: 100%;
        text-align: center;
        height: auto;
        display: block;
        font-size: 0px;
        line-height: 0px;
        padding: 20px 0;
        margin: 0 0 10px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1) inset;
        height: 185px;
    }


    .roggenContain {
        height: 116px;
        width: 100%;
        position: relative;
    }

    .roggenLinks {
        width: 389px;
        height: 116px;
        position: absolute;
        left: -60px;
        bottom: 0px;
        background: url("../images/img-720/roggen-links.png") repeat;
    }

    .roggenRechts {
        width: 389px;
        height: 116px;
        position: absolute;
        right: -60px;
        bottom: 0px;
        background: url("../images/img-720/roggen-rechts.png") repeat;
    }

    .product {
        height: 242px;
        width: 167px;
        position: relative;
        background: url("/images/img-720/belegtip-kader.png") no-repeat;
    }


    #slide, .slideSize {
        height: 560px;
    }

    .clear-940 {
        clear: both;
    }

    .main-menu-wrap {
        margin: 10px auto 0 auto;
        float: none;
        position: relative;
        top: -11px;
        text-align: center;
    }

    nav .menu#small {
        top: 25px;
        right: 90px;
    }

    nav .menu {
        /*float: left;*/
        /*height: 55px;
        margin: 0 0 0 9px;*/
    }

    nav .line2 {
        border-top: 1px dashed #FFFFFF;
        bottom: 58px;
        height: 0;
        left: 0;
        position: absolute;
        width: 100%;
        display: none;
    }

    nav .menu a {
        color: #fff;
        display: block;
        /*float: left;*/
        font-family: 'skizzed_dsgregular';
        /*font-size: 17px;*/
        /*height: 55px;*/
        letter-spacing: -2px;
        /*line-height: 55px;
        padding: 0 4px;
        text-decoration: none;
        text-transform: uppercase;*/
    }

    nav #small {
        margin: 0 auto;
        float: none;
        position: relative !important;
        top: inherit;
        right: inherit;
        text-align: center;
    }

    body.body-responsive nav .menu a {
        font-size: 12px;
    }

    nav {
        background: url("../images/patroon4.jpg") repeat scroll 0 0;
        position: relative;
        width: 100%;
    }

    #newsList .news {
        height: 170px;
        width: 214px;
    }


        #newsList .news .text {
            font-size: 18px;
            line-height: 17px;
        }

        #newsList .news .img {
            height: 133px;
        }

    .pt1 {
        height: 1684px;
        background: url("../images/patroon1.jpg") repeat;
    }

    .pt2 {
        background: url("../images/patroon2.jpg") repeat;
        height: 1050px;
    }

    .pt3 {
        background: url("../images/patroon3.jpg") repeat;
        height: 777px;
    }

        .pt3.height-auto {
            height: auto;
        }

    .pt4 {
        height: 930px;
        background: url("../images/Jute-Pattern.jpg") repeat;
    }

    .background {
        width: 100%;
        position: relative;
    }

    .container {
        width: 744px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    body.body-responsive .container {
        width: 100%;
    }

    #home-goedestart {
        font-size: 64px;
        top: 169px;
        line-height: 73px;
    }

    #home-lekker span {
        font-size: 52px;
    }

    #home-lekker {
        font-size: 84px;
        left: 26px;
        top: 942px;
        line-height: 110px;
    }

    #home-beschuit-aardbei {
        background: url("../images/img-720/home-beschuit-aardbei.png") no-repeat scroll center center;
        height: 422px;
        position: absolute;
        right: -51px;
        top: 139px;
        width: 355px;
        z-index: 1;
    }

        #home-beschuit-aardbei .textProd {
            left: 79px;
            top: 36px;
        }

        #home-beschuit-aardbei .button {
            left: 60px;
            position: absolute;
            top: 111px;
        }

    .textVlak {
        left: 6px;
        top: 429px;
    }

    /*#home-beschuit {
        background: url("../images/img-720/home-beschuit.png") no-repeat scroll left center;
        height: 750px;
        position: absolute;
        right: -160px;
        top: 481px;
        width: 400px;
        z-index: 1;
    }*/

    #home-beschuit {
        background: url("../images/img-720/home-beschuit-boeren.png") no-repeat scroll left center;
        height: 712px;
        position: absolute;
        right: -280px;
        top: 481px;
        width: 522px;
        z-index: 1;
    }

    #home-graan {
        background: url("../images/img-720/home-graan.png") no-repeat scroll center center;
        height: 137px;
        left: -120px;
        position: absolute;
        top: 301px;
        width: 390px;
    }

    #home-boterham {
        background: url("../images/img-720/home-boterham.png") no-repeat scroll center center;
        height: 295px;
        left: 27px;
        position: absolute;
        top: 662px;
        width: 451px;
    }


        #home-boterham .textProd {
            left: 19px;
            top: 122px;
        }

        #home-boterham .button {
            left: 128px;
            position: absolute;
            top: 118px;
        }

    #home-gsm {
        background: url("../images/img-720/home-gsm.png") no-repeat scroll center center;
        height: 188px;
        left: 49px;
        position: absolute;
        top: 1051px;
        width: 504px;
    }

        #home-gsm .textProd {
            left: 378px;
            top: 33px;
        }

        #home-gsm .button {
            left: 344px;
            position: absolute;
            top: 103px;
        }

        #home-gsm .twitter {
            color: #D0D1D2;
            float: left;
            font-family: "Open Sans";
            font-size: 10px;
            line-height: 14px;
            margin: 10px 60px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
            width: 250px;
        }

            #home-gsm .twitter .h30 {
                height: 10px;
            }


            #home-gsm .twitter .h10 {
                height: 5px;
            }

            #home-gsm .twitter a {
                color: #E4010B;
                text-decoration: none;
            }

            #home-gsm .twitter .text {
                letter-spacing: 1.5px;
            }

            #home-gsm .twitter .tijd {
                font-size: 9px;
                height: auto;
            }

    .borderRed {
        width: 20%;
        height: 2px;
        background: #b6261f;
        margin: 0 auto;
    }

    #home-gsm .twitter span {
        font-size: 22px;
        color: #d0d1d2;
        width: 100%;
        height: 22px;
        display: block;
        text-align: center;
    }


    #home-granen {
        font-size: 63px;
        left: 21px;
        letter-spacing: -6px;
        line-height: 73px;
        top: 1268px;
    }

    #home-ontbijtkoek {
        background: url("../images/img-720/home-ontbijtkoek.png") no-repeat scroll center center;
        height: 596px;
        position: absolute;
        right: -69px;
        top: 1065px;
        width: 405px;
    }

        #home-ontbijtkoek .textProd {
            left: 129px;
            text-align: center;
            top: 453px;
        }

        #home-ontbijtkoek .button {
            left: 217px;
            position: absolute;
            top: 370px;
        }

    #home-graan2 {
        background: url("../images/img-720/home-graan.png") no-repeat scroll center center;
        height: 137px;
        left: -58px;
        position: absolute;
        top: 1409px;
        width: 390px;
    }

    #home-cracker {
        background: url("../images/img-720/home-cracker.png") no-repeat scroll center center;
        height: 339px;
        left: -47px;
        position: absolute;
        top: -145px;
        width: 493px;
    }


        #home-cracker .textProd {
            color: #FFFFFF;
            left: 302px;
            text-align: right;
            top: 211px;
        }

        #home-cracker .button {
            left: 323px;
            position: absolute;
            top: 204px;
        }


    .textVlak.dblue {
        left: 30px;
        top: 203px;
    }

    #home-werkt {
        font-size: 73px;
        left: 95px;
        letter-spacing: -8px;
        top: 498px;
        line-height: 78px;
    }



    #home-pen {
        background: url("../images/img-720/home-pen.png") no-repeat scroll center center;
        height: 310px;
        position: absolute;
        right: -77px;
        top: -56px;
        z-index: 2;
        width: 274px;
    }

    #home-keyboard {
        background: url("../images/img-720/home-keyboard.png") no-repeat scroll center center;
        height: 386px;
        left: 526px;
        position: absolute;
        top: 220px;
        width: 350px;
    }

    #home-koffie {
        background: url("../images/img-720/home-koffie.png") no-repeat scroll center center;
        height: 241px;
        left: 270px;
        position: absolute;
        top: 682px;
        width: 252px;
    }

    #home-graanreep {
        background: url("../images/img-720/home-graanreep.png") no-repeat scroll center center;
        height: 478px;
        left: 287px;
        position: absolute;
        top: 689px;
        width: 463px;
        z-index: 1;
    }

        #home-graanreep .textProd {
            color: #FFFFFF;
            left: 235px;
            top: 25px;
        }

        #home-graanreep .button {
            left: 270px;
            position: absolute;
            top: 125px;
        }

    #home-verpakking {
        background: url("../images/img-720/home-verpakking.png") no-repeat scroll center center;
        height: 474px;
        left: -154px;
        position: absolute;
        top: 588px;
        width: 442px;
        z-index: 1;
    }

    #home-later {
        font-size: 55px;
        left: 15px;
        letter-spacing: -6px;
        top: 18px;
        line-height: 53px;
    }

        #home-later span {
            font-size: 40px;
        }


    #home-zoutstokjes {
        background: url("../images/img-720/home-prepsels.png") no-repeat scroll center center;
        height: 301px;
        position: absolute;
        right: 28px;
        top: 22px;
        width: 416px;
    }

        #home-zoutstokjes .textProd {
            color: #2E2F30;
            left: 294px;
            text-align: right;
            top: 85px;
        }

        #home-zoutstokjes .button {
            left: 281px;
            position: absolute;
            top: 152px;
        }

    .textVlak.grey {
        left: 178px;
        top: 278px;
        width: 481px;
    }

    #home-losse-zoutstokjes {
        background: url("../images/img-720/home-losse-prepsels.png") no-repeat scroll center center;
        height: 192px;
        left: -62px;
        position: absolute;
        top: 170px;
        width: 379px;
    }

    #home-beschuitjes {
        background: url("../images/img-720/home-beschuitjes-v2.png") no-repeat scroll center center;
        height: 390px;
        left: -10px;
        position: absolute;
        top: 390px;
        width: 416px;
    }

        #home-beschuitjes .textProd {
            color: #2E2F30;
            font-size: 17px;
            left: 31px;
            text-align: center;
            top: 191px;
        }

        #home-beschuitjes .button {
            left: 130px;
            position: absolute;
            top: 150px;
        }


    #home-fris {
        background: url("../images/img-720/home-fris.png") no-repeat scroll center center;
        height: 266px;
        position: absolute;
        right: -25px;
        top: 490px;
        width: 266px;
        z-index: 1;
    }

    #frisAn {
        width: 266px;
        height: 266px;
        background: url("../images/img-720/home-fris-720.gif") center center no-repeat;
    }

    footer #nieuwsbrief {
        height: 45px;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    .size14 {
        width: 50%;
    }

    .hRoggen {
        height: 140px;
        line-height: 0px;
        font-size: 0px;
        display: block;
        clear: both;
    }

    nav .menu#small {
        margin: 0 0px 0 0;
    }

    .vacImg {
        background: url("/images/img-720/vac-img.png") no-repeat scroll 0 0;
        height: 46px;
        width: 139px;
    }

    .tijd .productBox {
        float: right;
        width: 180px;
        margin: 25px 0px 0 10px;
    }

    #Livewall .arrowtekst .tekst {
        margin-left: 60px;
    }

    #Livewall .feed-item .tekst .user .user-name {
        width: 85px;
    }

    #Livewall .feed-item {
        width: 218px;
    }

    #Livewall .arrowtekst .livewall-arrow {
        width: 70px;
        height: 79px;
        background: url("../Images/img-720/768-livewall-arrow.png");
        display: block;
        position: relative;
        left: -5px;
        top: -10px;
    }

    .tearedPaper1 {
        width: 218px;
        height: 32px;
        background: url("../Images/img-720/768_Teared_Paper1.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper2 {
        width: 218px;
        height: 32px;
        background: url("../Images/img-720/768_Teared_Paper2.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper3 {
        width: 218px;
        height: 32px;
        background: url("../Images/img-720/768_Teared_Paper3.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper4 {
        width: 218px;
        height: 32px;
        background: url("../Images/img-720/768_Teared_Paper4.png");
        top: -30px;
        position: relative;
    }

    .tearedPaper5 {
        width: 218px;
        height: 32px;
        background: url("../Images/img-720/768_Teared_Paper5.png");
        top: -30px;
        position: relative;
    }

    .size13.belegtip {
        width: 50%;
    }

    #sub .submenu li {
        float: left;
        padding: 10px 2px;
    }

    #sub .submenu a {
        padding: 0px 9px;
        transition: all 0.3s ease;
        font-family: 'Open Sans';
        font-size: 14px;
        color: #434342;
        font-weight: bold;
        display: block;
        line-height: 36px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .gerelateerd .productBox .centerItem {
        height: 100px;
    }

    body.body-responsive .size12 {
        width: 100%;
    }

    body.body-responsive .size13 {
        width: 50%;
    }

    body.body-responsive .actieform .size12 input[type=text],
    body.body-responsive .actieform .size12 input[type=tel],
    body.body-responsive .actieform .size12 input[type=email],
    body.body-responsive .actieform textarea {
        width: 100%;
    }

    .outofhome-intro {
        margin-top: 20px;
    }
}

/* Nationale beschuit enquete 2015 */
#beschuit-enquete-2015 {
    text-align: center;
}

    #beschuit-enquete-2015 .beschuit-enquete-container {
        position: relative;
        height: 530px;
        overflow: hidden;
    }

    #beschuit-enquete-2015 .title {
        display: inline-block;
        width: 364px;
        height: 52px;
        background: url("../Images/beschuit-enquete-title2.png");
        text-indent: -9999px;
        margin-bottom: 10px;
    }

    #beschuit-enquete-2015 p {
        font-size: 28px;
        display: block;
        font-family: 'handage_aoeregular';
        font-weight: normal;
        color: #181818;
        margin: 15px 0;
        line-height: 28px;
    }

    #beschuit-enquete-2015 .left {
        width: 50%;
        float: left;
    }

    #beschuit-enquete-2015 .right {
        width: 50%;
        float: right;
    }

    #beschuit-enquete-2015 .runaway-container {
        /*margin-left: 150px;*/
        margin: 0 auto;
        width: 200px;
        padding-right: 300px;
        padding-left: 50px;
        height: 260px;
        /*transition: all 0.2s ease-in-out;*/
        position: relative;
    }

    #beschuit-enquete-2015 .runaway {
        background: url(../Images/beschuit-enquete-optie1.png) no-repeat;
        width: 85px;
        height: 195px;
        margin: 50px auto 15px;
        cursor: pointer;
    }

    #beschuit-enquete-2015 .stay-container {
        /*margin-left: 50px;*/
        margin: 0 auto;
        width: 200px;
        height: 280px;
        cursor: pointer;
        position: relative;
    }

    #beschuit-enquete-2015 .stay {
        background: url(../Images/beschuit-enquete-optie2.png) no-repeat;
        width: 90px;
        height: 220px;
        margin: 25px 53px 15px;
    }

    #beschuit-enquete-2015 .btn {
        font-family: sans-serif;
        color: #fff;
        width: 120px;
        text-align: center;
        background: red;
        background: url("../Images/beschuit-enquete-btn_bg.png") repeat;
        padding: 10px;
        border-radius: 5px;
        margin: 0 auto;
        font-weight: 700;
        font-size: 14px;
        cursor: pointer;
    }

#beschuit-enquete-2015-winner {
    text-align: center;
}

    #beschuit-enquete-2015-winner .title {
        font-family: 'skizzed_dsgregular';
        font-size: 28px;
        letter-spacing: -1.5px;
        margin-bottom: 45px;
        display: block;
        padding-top: 10px;
    }

    #beschuit-enquete-2015-winner .winner {
        /*margin-bottom: 45px;*/
        display: block;
    }

.fancy-enquete .fancybox-skin {
    padding: 35px 25px !important;
    background: #fff !important;
}

.actieform {
}

    .actieform label {
        display: block;
        font-size: 14px;
    }

    .actieform i {
        font-size: 11px;
        margin: -10px 0 10px 0;
        display: block;
    }

    .actieform input {
    }

        .actieform input[type=text],
        .actieform input[type=tel],
        .actieform input[type=email] {
            border: 1px solid #dedede;
            color: #655a6c;
            font-family: "Open Sans",sans-serif;
            font-size: 14px;
            margin: 0 10px 12px 0;
            padding: 10px;
            width: 95%;
        }

        .actieform input[type=checkbox] {
            margin-bottom: 10px;
            -webkit-appearance: checkbox;
            float: left;
        }

        .actieform input[type=submit] {
            background: none repeat scroll 0 0 #0a92ef;
            bottom: 40px;
            color: #ffffff;
            display: block;
            float: left;
            font-family: "open sans";
            font-size: 16px;
            font-weight: bold;
            line-height: 26px;
            padding: 8px 14px;
            text-decoration: none;
            text-transform: uppercase;
            transition: all 0.1s ease 0s;
            border: 0;
            cursor: pointer;
        }

            .actieform input[type=submit]:hover {
                background: none repeat scroll 0 0 #ffde03;
                color: #505050;
            }

    .actieform .size12 input[type=text],
    .actieform .size12 input[type=tel],
    .actieform .size12 input[type=email] {
        width: 90%;
    }

    .actieform label.toestemming {
        font-size: 11px;
        padding-bottom: 10px;
        padding-left: 25px;
    }

    .actieform textarea {
        border: 1px solid #dedede;
        color: #655a6c;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        margin: 0 10px 12px 0;
        padding: 10px;
        width: 95%;
        resize: none;
    }

    .actieform .left .inner {
        margin-right: 5px;
    }

    .actieform .right .inner {
        margin-left: 5px;
    }

    .actieform .field-validation-error {
        color: #e4010b;
        display: block;
        font-size: 11px;
        margin: -10px 0 10px;
    }

    .actieform .field-validation-valid {
        display: none;
    }

    .actieform button {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 20px;
        background-color: transparent;
        color: #fff;
        border: none;
        cursor: pointer;
    }

        .actieform button .button {
            margin-left: 10px;
        }

.message-popup {
    position: absolute;
    left: 50%;
    top: 50vh;
    width: 300px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    background: url(../images/patroon4.jpg) repeat scroll 0 0;
    color: #fff;
    padding: 30px;
    z-index: 9999;
    box-shadow: 0 0 20px #000;
}

    .message-popup .close {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-family: 'Open Sans', arial;
    }

    .message-popup h2 {
        font-size: 24px;
    }

/* Moederdag */

/**********************************************************************/

.main-content {
    overflow: hidden;
}

/* NORMAL */
#Livewall.moederdag {
    overflow: hidden;
}

    #Livewall.moederdag .zindextop {
        z-index: 30;
    }

    #Livewall.moederdag .feed-item {
        width: 220px;
    }

    #Livewall.moederdag .tearedPaper1 {
        width: 220px;
    }

    #Livewall.moederdag .feed-item .tekst .user .user-name {
        width: 80px;
    }

    #Livewall.moederdag .arrowtekst {
        position: relative;
    }

        #Livewall.moederdag .arrowtekst .tekst {
            color: #741b6a !important;
            margin-left: 0;
        }

        #Livewall.moederdag .arrowtekst .livewall-arrow {
            width: 257px;
            height: 157px;
            background: url("/Images/img-1280/moederdag/arrow_ 768.png");
            left: -100px;
            top: 10px;
        }

    #Livewall.moederdag .dekbed {
        background: url("/Images/img-1280/moederdag/dekbed_768.png") repeat-y;
        position: absolute;
        left: -60px;
        top: -40px;
        min-height: 2800px;
        height: 110%;
        width: 200%;
        z-index: 20;
    }

    #Livewall.moederdag .img_tekening {
        display: block;
        background: url("/Images/img-1280/moederdag/kindertekening_v2_ 768.png") repeat-y;
        position: absolute;
        right: -90px;
        top: -40px;
        height: 416px;
        width: 435px;
    }

.moederdag-minheight {
    min-height: 2500px;
}

.moederdag .introtekst {
    padding-right: 50px;
}

.moederdag-left {
    position: relative;
    height: auto;
    width: 100%;
    margin-top: 100px;
}

    .moederdag-left .social-share {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

        .moederdag-left .social-share li {
            float: left;
            display: inline-block;
            margin: 0 2px;
        }

            .moederdag-left .social-share li a {
                display: block;
                width: 39px;
                height: 39px;
                color: #fff;
                text-align: center;
                font-size: 20px;
                background: url("/Images/img-1280/moederdag/social-bg_ 768.png") no-repeat;
                padding: 0;
            }

                .moederdag-left .social-share li a i {
                    position: relative;
                    top: 9px;
                }

                    .moederdag-left .social-share li a i.fa-envelope {
                        position: relative;
                        top: 7px;
                    }

        .moederdag-left .social-share.first {
            top: 527px;
            z-index: 15;
            left: 45px;
        }

        .moederdag-left .social-share.second {
            top: 1130px;
            z-index: 15;
            left: 228px;
        }

        .moederdag-left .social-share.third {
            top: 1655px;
            z-index: 15;
            left: 67px;
        }

    .moederdag-left .img_goedbezig {
        display: inline-block;
        position: absolute;
        width: 240px;
        height: 182px;
        background: url("/Images/img-1024/moederdag/goedbezig_ 1024.png");
        top: -60px;
        left: -100px;
    }

    .moederdag-left .img_zaag {
        display: inline-block;
        position: absolute;
        width: 371px;
        height: 224px;
        background: url("/Images/img-1024/moederdag/zaag_ 768.png") no-repeat;
        float: right;
        right: -60px;
        top: 0;
    }

    .moederdag-left .img_handleiding1 {
        display: inline-block;
        position: absolute;
        width: 450px;
        height: 409px;
        background: url("/Images/img-1024/moederdag/handleiding-1_ 1024.png") no-repeat;
        top: 170px;
        left: 0;
    }

    .moederdag-left .img_plamuurmes {
        position: absolute;
        display: inline-block;
        width: 185px;
        height: 289px;
        top: 250px;
        left: -100px;
        z-index: 10;
        background: url("/Images/img-1024/moederdag/plamuurmes_ 768.png") no-repeat;
    }

    .moederdag-left .img_graanrechts {
        display: inline-block;
        position: absolute;
        width: 248px;
        height: 100px;
        background: url("/Images/img-1024/moederdag/granen-rechts_ 768.png") no-repeat;
        top: 450px;
        right: -10px;
        float: right;
    }

    .moederdag-left h2 {
        color: #ffffff;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'skizzed_dsgregular';
        font-size: 40px;
        letter-spacing: -3px;
        padding-bottom: 15px;
        position: absolute;
    }

        .moederdag-left h2.first {
            top: 600px;
        }

    .moederdag-left .img_stanleymes {
        display: inline-block;
        position: absolute;
        width: 223px;
        height: 147px;
        background: url("/Images/img-1024/moederdag/stanleymes_ 768.png") no-repeat;
        top: 550px;
        right: 25px;
        float: right;
    }

    .moederdag-left .img_duimstok {
        display: inline-block;
        position: absolute;
        width: 316px;
        height: 101px;
        background: url("/Images/img-1024/moederdag/duimstok_ 768.png") no-repeat;
        top: 740px;
        left: -75px;
        float: left;
        z-index: 10;
    }

    .moederdag-left .img_handleiding2 {
        display: inline-block;
        position: absolute;
        width: 457px;
        height: 324px;
        background: url("/Images/img-1024/moederdag/handleiding-2_ 1024.png") no-repeat;
        top: 780px;
        left: -20px;
    }

    .moederdag-left .img_graanlinks {
        display: inline-block;
        position: absolute;
        width: 248px;
        height: 99px;
        background: url("/Images/img-1024/moederdag/granen-links_ 768.png") no-repeat;
        top: 1080px;
        left: -80px;
    }

    .moederdag-left .img_hamer {
        display: inline-block;
        position: absolute;
        width: 386px;
        height: 223px;
        background: url("/Images/img-1024/moederdag/hamer_ 768.png") no-repeat;
        top: 1150px;
        left: -150px;
        z-index: 10;
    }

    .moederdag-left .img_bijl {
        display: inline-block;
        position: absolute;
        width: 238px;
        height: 547px;
        background: url("/Images/img-1024/moederdag/bijl_ 768.png") no-repeat;
        top: 1200px;
        right: -30px;
        z-index: 10;
    }

    .moederdag-left .img_handleiding3 {
        display: inline-block;
        position: absolute;
        width: 457px;
        height: 318px;
        background: url("/Images/img-1024/moederdag/handleiding-3_ 1024.png") no-repeat;
        top: 1300px;
        left: -15px;
    }

    .moederdag-left .img_potlood {
        display: inline-block;
        position: absolute;
        width: 133px;
        height: 128px;
        background: url("/Images/img-1024/moederdag/potlood_ 768.png") no-repeat;
        top: 1600px;
        left: -60px;
    }

    .moederdag-left .img_lijmtang {
        display: inline-block;
        position: absolute;
        width: 299px;
        height: 347px;
        background: url("/Images/img-1024/moederdag/lijmtang_ 768.png") no-repeat;
        top: 1640px;
        right: -30px;
    }

/* SMALL */
@media (max-width: 969px) {


    .beschuit-aardbei-left.rellax {
        background-size: contain;
        height: 250px;
        left: -200px;
        width: 300px;
    }
    .ontbijtkoek-right.rellax {
        background: url(../images/img-1024/ontbijtkoek.png) no-repeat scroll center center;
        background-size: contain;
        height: 250px;
        right: -150px;
        width: 220px;
    }

    #Livewall.moederdag .tablet-23 {
        width: 66.6%;
    }

    #Livewall.moederdag .tablet-13 {
        width: 33.3%;
    }

    #Livewall.moederdag .Twitbook_list .size12 {
        width: 100% !important;
    }

    #Livewall.moederdag .feed-item {
        width: 220px;
    }

    #Livewall.moederdag .tearedPaper1 {
        width: 220px;
    }

    #Livewall.moederdag .feed-item .tekst .user .user-name {
        width: 80px;
    }

    #Livewall.moederdag .arrowtekst {
        position: relative;
    }

        #Livewall.moederdag .arrowtekst .tekst {
            color: #741b6a !important;
            margin-left: 0;
            text-align: left;
            margin-top: 0;
        }

        #Livewall.moederdag .arrowtekst .livewall-arrow {
            width: 223px;
            height: 180px;
            background: url("/Images/img-720/moederdag/arrow_ 768.png");
            left: -100px;
            top: 20px;
        }

    #Livewall.moederdag .dekbed {
        background: url("/Images/img-1280/moederdag/dekbed_768.png") repeat-y;
        position: absolute;
        left: -60px;
        top: -40px;
        height: 110%;
        width: 200%;
        z-index: 20;
    }

    #Livewall.moederdag .img_tekening {
        display: block;
        background: url("/Images/img-720/moederdag/kindertekening_v2_ 768.png") repeat-y;
        position: absolute;
        right: -230px;
        top: -20px;
        height: 297px;
        width: 303px;
    }

    .moederdag .introtekst {
        padding-right: 50px;
    }

    .moederdag-left {
        position: relative;
        height: auto;
        width: 100%;
        margin-top: 100px;
    }

        .moederdag-left .social-share {
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
        }

            .moederdag-left .social-share li {
                float: left;
                display: inline-block;
                margin: 0 2px;
            }

                .moederdag-left .social-share li a {
                    display: block;
                    width: 39px;
                    height: 39px;
                    color: #fff;
                    text-align: center;
                    font-size: 20px;
                    background: url("/Images/img-1280/moederdag/social-bg_ 768.png") no-repeat;
                    padding: 0;
                }

                    .moederdag-left .social-share li a i {
                        position: relative;
                        top: 9px;
                    }

                        .moederdag-left .social-share li a i.fa-envelope {
                            position: relative;
                            top: 7px;
                        }

            .moederdag-left .social-share.first {
                top: 475px;
                z-index: 15;
                left: 85px;
            }

            .moederdag-left .social-share.second {
                top: 1045px;
                z-index: 15;
                left: 219px;
            }

            .moederdag-left .social-share.third {
                top: 1540px;
                z-index: 15;
                left: 65px;
            }

        .moederdag-left .img_goedbezig {
            display: inline-block;
            position: absolute;
            width: 215px;
            height: 158px;
            background: url("/Images/img-720/moederdag/goedbezig_ 768.png");
            top: -60px;
            left: -30px;
        }

        .moederdag-left .img_zaag {
            display: inline-block;
            position: absolute;
            width: 330px;
            height: 198px;
            background: url("/Images/img-720/moederdag/zaag_ 768.png") no-repeat;
            float: right;
            right: -20px;
            top: 0;
        }

        .moederdag-left .img_handleiding1 {
            display: inline-block;
            position: absolute;
            width: 386px;
            height: 365px;
            background: url("/Images/img-720/moederdag/handleiding-1_ 768.png") no-repeat;
            top: 160px;
            left: 50px;
        }

        .moederdag-left .img_plamuurmes {
            position: absolute;
            display: inline-block;
            width: 161px;
            height: 258px;
            top: 240px;
            left: -60px;
            z-index: 10;
            background: url("/Images/img-720/moederdag/plamuurmes_ 768.png") no-repeat;
        }

        .moederdag-left .img_graanrechts {
            display: inline-block;
            position: absolute;
            width: 221px;
            height: 88px;
            background: url("/Images/img-720/moederdag/granen-rechts_ 768.png") no-repeat;
            top: 400px;
            right: -10px;
            float: right;
        }

        .moederdag-left h2 {
            color: #ffffff;
            font-weight: normal;
            text-transform: uppercase;
            font-family: 'skizzed_dsgregular';
            font-size: 45px;
            letter-spacing: -3px;
            padding-bottom: 15px;
            position: absolute;
        }

            .moederdag-left h2.first {
                top: 550px;
            }

        .moederdag-left .img_stanleymes {
            display: inline-block;
            position: absolute;
            width: 199px;
            height: 130px;
            background: url("/Images/img-720/moederdag/stanleymes_ 768.png") no-repeat;
            top: 540px;
            right: -25px;
            float: right;
        }

        .moederdag-left .img_duimstok {
            display: inline-block;
            position: absolute;
            width: 282px;
            height: 91px;
            background: url("/Images/img-720/moederdag/duimstok_ 768.png") no-repeat;
            top: 680px;
            left: -60px;
            float: left;
        }

        .moederdag-left .img_handleiding2 {
            display: inline-block;
            position: absolute;
            width: 392px;
            height: 278px;
            background: url("/Images/img-720/moederdag/handleiding-2_ 768.png") no-repeat;
            top: 720px;
            left: 20px;
        }

        .moederdag-left .img_graanlinks {
            display: inline-block;
            position: absolute;
            width: 221px;
            height: 88px;
            background: url("/Images/img-720/moederdag/granen-links_ 768.png") no-repeat;
            top: 980px;
            left: -80px;
        }

        .moederdag-left .img_hamer {
            display: inline-block;
            position: absolute;
            width: 344px;
            height: 198px;
            background: url("/Images/img-720/moederdag/hamer_ 768.png") no-repeat;
            top: 1080px;
            left: -120px;
            z-index: 10;
        }

        .moederdag-left .img_bijl {
            display: inline-block;
            position: absolute;
            width: 212px;
            height: 487px;
            background: url("/Images/img-720/moederdag/bijl_ 768.png") no-repeat;
            top: 1120px;
            right: -10px;
            z-index: 10;
        }

        .moederdag-left .img_handleiding3 {
            display: inline-block;
            position: absolute;
            width: 395px;
            height: 273px;
            background: url("/Images/img-720/moederdag/handleiding-3_ 768.png") no-repeat;
            top: 1220px;
            left: 20px;
        }

        .moederdag-left .img_potlood {
            display: inline-block;
            position: absolute;
            width: 118px;
            height: 113px;
            background: url("/Images/img-720/moederdag/potlood_ 768.png") no-repeat;
            top: 1480px;
            left: -60px;
        }

        .moederdag-left .img_lijmtang {
            display: inline-block;
            position: absolute;
            width: 266px;
            height: 308px;
            background: url("/Images/img-720/moederdag/lijmtang_ 768.png") no-repeat;
            top: 1580px;
            right: 0;
        }
}


/* LARGE */
@media (min-width: 1199px) {

    #Livewall.moederdag .feed-item {
        width: 280px;
    }

    #Livewall.moederdag .tearedPaper1 {
        width: 280px;
    }

    #Livewall.moederdag .feed-item .tekst .user .user-name {
        width: 140px;
    }

    #Livewall.moederdag .arrowtekst {
        position: relative;
    }

        #Livewall.moederdag .arrowtekst .tekst {
            color: #741b6a !important;
            margin-left: 0;
        }

        #Livewall.moederdag .arrowtekst .livewall-arrow {
            width: 257px;
            height: 157px;
            background: url("/Images/img-1280/moederdag/arrow_ 768.png");
            left: -100px;
            top: 10px;
        }

    #Livewall.moederdag .dekbed {
        background: url("/Images/img-1280/moederdag/dekbed_768.png") repeat-y;
        position: absolute;
        left: -60px;
        top: -40px;
        height: 110%;
        width: 200%;
        z-index: 20;
    }

    #Livewall.moederdag .img_tekening {
        display: block;
        background: url("/Images/img-1280/moederdag/kindertekening_v2_ 768.png") repeat-y;
        position: absolute;
        right: -90px;
        top: -40px;
        height: 416px;
        width: 435px;
    }

    .moederdag .introtekst {
        padding-right: 50px;
    }

    .moederdag-left {
        position: relative;
        height: auto;
        width: 100%;
        margin-top: 100px;
    }

        .moederdag-left .social-share {
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
        }

            .moederdag-left .social-share li {
                float: left;
                display: inline-block;
                margin: 0 2px;
            }

                .moederdag-left .social-share li a {
                    display: block;
                    width: 39px;
                    height: 39px;
                    color: #fff;
                    text-align: center;
                    font-size: 20px;
                    background: url("/Images/img-1280/moederdag/social-bg_ 768.png") no-repeat;
                    padding: 0;
                }

                    .moederdag-left .social-share li a i {
                        position: relative;
                        top: 9px;
                    }

                        .moederdag-left .social-share li a i.fa-envelope {
                            position: relative;
                            top: 7px;
                        }

            .moederdag-left .social-share.first {
                top: 570px;
                z-index: 15;
                left: 84px;
            }

            .moederdag-left .social-share.second {
                top: 1205px;
                z-index: 15;
                left: 305px;
            }

            .moederdag-left .social-share.third {
                top: 1750px;
                z-index: 15;
                left: 80px;
            }

        .moederdag-left .img_goedbezig {
            display: inline-block;
            position: absolute;
            width: 274px;
            height: 199px;
            background: url("/Images/img-1280/moederdag/goedbezig_ 1280.png");
            top: -60px;
            left: -90px;
        }

        .moederdag-left .img_zaag {
            display: inline-block;
            position: absolute;
            width: 404px;
            height: 244px;
            background: url("/Images/img-1280/moederdag/zaag_ 768.png") no-repeat;
            float: right;
            right: -20px;
            top: 13px;
        }

        .moederdag-left .img_handleiding1 {
            display: inline-block;
            position: absolute;
            width: 476px;
            height: 420px;
            background: url("/Images/img-1280/moederdag/handleiding-1_ 1280.png") no-repeat;
            top: 200px;
            left: 50px;
        }

        .moederdag-left .img_plamuurmes {
            position: absolute;
            display: inline-block;
            width: 200px;
            height: 316px;
            top: 290px;
            left: -80px;
            z-index: 10;
            background: url("/Images/img-1280/moederdag/plamuurmes_ 768.png") no-repeat;
        }

        .moederdag-left .img_graanrechts {
            display: inline-block;
            position: absolute;
            width: 271px;
            height: 107px;
            background: url("/Images/img-1280/moederdag/granen-rechts_ 768.png") no-repeat;
            top: 500px;
            right: -10px;
            float: right;
        }

        .moederdag-left h2 {
            color: #ffffff;
            font-weight: normal;
            text-transform: uppercase;
            font-family: 'skizzed_dsgregular';
            font-size: 45px;
            letter-spacing: -3px;
            padding-bottom: 15px;
            position: absolute;
        }

            .moederdag-left h2.first {
                top: 650px;
            }

        .moederdag-left .img_stanleymes {
            display: inline-block;
            position: absolute;
            width: 245px;
            height: 159px;
            background: url("/Images/img-1280/moederdag/stanleymes_ 768.png") no-repeat;
            top: 630px;
            right: 25px;
            float: right;
        }

        .moederdag-left .img_duimstok {
            display: inline-block;
            position: absolute;
            width: 346px;
            height: 108px;
            background: url("/Images/img-1280/moederdag/duimstok_ 768.png") no-repeat;
            top: 780px;
            left: -55px;
            float: left;
        }

        .moederdag-left .img_handleiding2 {
            display: inline-block;
            position: absolute;
            width: 483px;
            height: 343px;
            background: url("/Images/img-1280/moederdag/handleiding-2_ 1280.png") no-repeat;
            top: 840px;
            left: 20px;
        }

        .moederdag-left .img_graanlinks {
            display: inline-block;
            position: absolute;
            width: 271px;
            height: 108px;
            background: url("/Images/img-1280/moederdag/granen-links_ 768.png") no-repeat;
            top: 1150px;
            left: -80px;
        }

        .moederdag-left .img_hamer {
            display: inline-block;
            position: absolute;
            width: 420px;
            height: 241px;
            background: url("/Images/img-1280/moederdag/hamer_ 768.png") no-repeat;
            top: 1210px;
            left: -150px;
            z-index: 10;
        }

        .moederdag-left .img_bijl {
            display: inline-block;
            position: absolute;
            width: 260px;
            height: 597px;
            background: url("/Images/img-1280/moederdag/bijl_ 768.png") no-repeat;
            top: 1238px;
            right: -10px;
            z-index: 10;
        }

        .moederdag-left .img_handleiding3 {
            display: inline-block;
            position: absolute;
            width: 483px;
            height: 336px;
            background: url("/Images/img-1280/moederdag/handleiding-3_ 1280.png") no-repeat;
            top: 1370px;
            left: 10px;
        }

        .moederdag-left .img_potlood {
            display: inline-block;
            position: absolute;
            width: 145px;
            height: 137px;
            background: url("/Images/img-1280/moederdag/potlood_ 768.png") no-repeat;
            top: 1650px;
            left: -10px;
        }

        .moederdag-left .img_lijmtang {
            display: inline-block;
            position: absolute;
            width: 329px;
            height: 377px;
            background: url("/Images/img-1280/moederdag/lijmtang_ 768.png") no-repeat;
            top: 1740px;
            right: 0;
        }
}

.fixedwithslider .slides > li img {
    max-width: 1280px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.fixedwithslider .slides > li {
    text-align: center;
    background: url("../images/patroon5.png") repeat;
}

    .fixedwithslider .slides > li .container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.fixedwithslider {
    height: auto !important;
}

@media (max-width: 480px) {
    body.body-responsive .size13 {
        width: 100%;
    }
}