@font-face {
    font-family: 'Gotham Rounded';
    src: url('GothamRounded-Bold.eot');
    src: url('GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),
        url('GothamRounded-Bold.woff') format('woff'),
        url('GothamRounded-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');

/* start 0 lijn */
    html, body, div, table, tr, td, th, h1, h2, h3, h4, h5, h6, ul, li, ol, p, span, a, img, fieldset
    {
      margin: 0;
      padding: 0;
      border: none;
      text-rendering: optimizeLegibility;
    }
/* einde 0 lijn */

/* start algemeen */
    html
    {
        background: #ffde00;
        scroll-behavior: smooth;
    }

    html.contentpane
    {
        background: #fff;
    }

    body
    {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        overflow-x: hidden;
    }

    .clear
    {
      display: block;
      float: none;
      clear: both;
      height: 1px;
    }

    hr.startGreyBlock,
    hr.eindeGreyBlock
    {
        display: none;
    }

    div.popover.fade
    {
        display: none !important;
    }

    .ui-tooltip
    {
        display: none !important;
    }

    /* start wrapper */
        div.wrapper
        {
            width: 1100px;
            margin: 0 auto;
        }

        body.contentpane div.wrapper
        {
            width: auto;
        }
    /* einde wrapper */



    #jcemediabox-popup-body
    {
        min-width: 80%;
    }

    #jcemediabox-popup-content
    {
        min-width: 90%;
        margin: 0 auto;
    }

    a:active, a:focus,
    input:active, input:focus
    {
        outline: none !important;
    }

    /* start joomla edit icons */
        div.item-page div.icons
        {
            display: none;
        }
    /* einde joomla edit icons */

    /* start system-message-container */
        div#system-message-container a.close
        {
            display:none;
        }

        div#system-message-container h4.alert-heading
        {
            display:none;
        }

        div#system-message-container p
        {
            margin-bottom: 5px;
        }

        div#system-message-container .alert
        {
            background-color: #fcf8e3;
            border: 1px solid #fbeed5;
            -webkit-border-radius: 5px 5px 5px 5px;
            -moz-border-radius: 5px 5px 5px 5px;
            border-radius: 5px 5px 5px 5px;
            margin-bottom: 20px;
            padding: 8px 35px 8px 14px;
        }

        div#system-message-container .alert.alertBoxInfo
        {
            max-height: 250px;
            overflow: auto;
            margin-top: 30px;
        }

        div#system-message-container .alert-success
        {
            background-color: #dff0d8;
            border-color: #d6e9c6;
            color: #468847;
        }

        div#system-message-container .alert-danger,
        div#system-message-container .alert-error
        {
            background-color: #f2dede;
            border-color: #eed3d7;
            color: #b94a48;
            overflow: hidden;
        }

        div#system-message-container .alert-info
        {
            background-color: #d9edf7;
            border-color: #bce8f1;
            color: #3a87ad;
        }

        div#system-message-container .alert-block
        {
            padding-bottom: 14px;
            padding-top: 14px;
        }
    /* einde system-message-container */



/* start cookieBanner */
    div.cookieBanner
    {
        background: #222222;
        position: fixed;
        z-index: 9999;
        width: 100%;
        padding: 10px 0;
        bottom: -100px;
    }

    div.cookieBanner.slide-up
    {
        bottom: 0px !important;
    }

    div.cookieBanner.slide-down
    {
        bottom: -100px !important;
    }

    div.cookieBanner p
    {
        color: #fff;
        font-size: 12px;
        margin-bottom: 5px;
    }

    div.cookieBanner a
    {
        color: #ffde00;
        text-decoration: none;
    }

    body.desktop div.cookieBanner a:hover
    {
        color: #fff;
    }

    div.cookieBanner div.hideCookieMessage
    {
        float: right;
        margin-top: 10px;
        padding: 10px 50px;
        width: auto;
    }
/* einde cookieBanner */

    /* start btn */
        div.btn,
        a.btn,
        input.btn,
        button.btn,
        a.btn-black,
        a.btn-yellow
        {
            display: inline-block;
            min-width: 100px;
            padding: 0 20px;
            height: 40px;
            line-height: 40px;
            background: #424242;
            color: #fff!important;
            text-align: center;
            -webkit-border-radius: 15px 15px 15px 15px;
            -moz-border-radius: 15px 15px 15px 15px;
            border-radius: 15px 15px 15px 15px;
            cursor: pointer;
            border: none;
            font-weight: 400;
            font-size: 12px;
        }

        body.desktop div.btn:hover,
        body.desktop a.btn:hover,
        body.desktop a.btn-black:hover,
        body.desktop a.btn-yellow:hover,
        body.desktop input.btn:hover,
        body.desktop button.btn:hover,
        body.desktop div.btn a:hover,
        div.btn.active
        {
            background-color: #ffde00;
            color: #424242!important;
            text-decoration: none!important;
        }

        div.btn a,
        a.btn,
        a.btn-black,
        a.btn-yellow
        {
            display: inline-block;
            text-decoration: none;
            color: #fff!important;
        }

        div.btn a
        {
            display: block;
        }

        .btn.yellow
        {
            background-color: #ffde00;
            color: #424242!important;
        }

        body.desktop .btn.yellow:hover,
        .btn.yellow.active
        {
            background-color: #424242 !important;
            color: #fff !important;
        }
    /* einde btn */

    /* start form */
        form fieldset
        {
            margin-bottom: 20px;
        }

        form label
        {
            display: block;
            margin-top: 20px;
        }

        form .checkboxField  label
        {
            margin-top: 0px;
        }

        form input
        {
            display: block;
            line-height: 40px;
            margin-bottom: 15px;
            padding: 0 8px;
            background: #e6eaea;
            border: none;
            color: #333;
        }

        form#member-registration input[type=text],
        form#member-registration input[type=email],
        form#member-registration input[type=password]
        {
            min-width:  285px;
        }

        form input[type=text]
        {
            height: 40px;
        }

        form div.uploadField input
        {
            border:none;
        }

        form div.textField input
        {
            width:  345px;
        }

        form div.telField input
        {
            width:  355px;
        }

        form div.jCaptchaField
        {
            margin-bottom: 15px;
        }

        form div.telField
        {
            margin-bottom: 15px;
        }

        form div.selectric-wrapper
        {
            margin-bottom: 15px;
        }

        div.page div.content form div.selectric-wrapper ul
        {
            margin-left:  0;
            list-style-type: none;
            margin-bottom: 0;
        }

        form select
        {
            display: block;
            font-size: 17px;
            line-height: 25px;
            margin-bottom: 15px;
            border: none;
            padding: 0 5px;
        }

        form textarea
        {
            display: block;
            line-height: 25px;
            margin-bottom: 15px;
            background: #e6eaea;
            border: none;
            padding: 0 5px;
            width: 500px;
            height: 250px;
            color: #333;
        }

        form .numberControl
        {
            display: none;
        }

        form .singleSelect
        {
            margin-bottom: 15px;
        }

        form .singleSelect .resetList
        {
            display: none;
        }

        form div.checkboxField .controls,
        form div.checkboxField .control-label
        {
            display: inline-block;
        }

        form div.checkboxField .controls
        {
            margin-right: 10px;
        }

        form #acyuserinfo .acykey,
        form #acyuserinfo .inputVal
        {
            display: block;
            float: none;
        }

        form #acyuserinfo input[type=text]
        {
            width: 345px;
        }
    /* einde form */

    /* start checkbox */
        .icheckbox {
            height: 25px;
            width: 25px;
            background-color: #fff;
            border:1px solid #d0cccc;
            border-radius: 4px;
            margin-bottom: -8px;
        }

        .iradio {
            width: 10px;
            height: 10px;
            background-color: #fff;
            border-radius: 15px;
            border:5px solid #fff;
            margin-bottom: -3px;
        }

        .iradio.checked {
            background-color: #2b86f9;
        }

        .icheckbox.checked
         {
            background-image: url(../images/sbjs-check.png);
        }
        .icheckbox.unchecked
        {
            background-image: none;
        }

        .icheckbox.disabled, .iradio.disabled {
            background-color: #eee;
            border-color:#eee;

        }

        .iradio.disabled.checked {
            border-color:#fff;
        }
    /* einde checkbox */
/* einde algemeen */


/* start toTopBtn */
    div.toTopBtn
    {
        display: none;
        padding: 15px;
        position: fixed;
        z-index: 99999;
        bottom: 0;
        right: 0;
        background: #ffde00;
        -webkit-border-radius: 30px 30px 30px 30px;
        -moz-border-radius: 30px 30px 30px 30px;
        border-radius: 30px 30px 30px 30px;
        -webkit-box-shadow: #bbb 0 2px 7px;
        -moz-box-shadow: #bbb 0 2px 7px;
        box-shadow: #bbb 0 2px 7px;
        margin-right: 10px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    body.deskop div.toTopBtn:hover
    {
        background: #e8378d;
    }

    div.toTopBtn .ico
    {
        display: block;
        width: 25px;
        height: 25px;
        background: url(../images/ico-totop.png) center no-repeat;
    }
/* einde toTopBtn */

/* start topNav */
    div.topNav
    {
        display: block;
        background: #fff;
        height: 55px;
    }

    body.wkWielrennen div.topNav
    {
        background: black;
    }

    div.topNav ul
    {
        list-style-type: none;
        display: flex;
        justify-content: flex-end;
    }

    div.topNav ul li
    {
        display: block;
        /* float: left; */
        margin-left: 15px;
    }

    div.topNav ul li a
    {
        line-height: 55px;
        color: #424242;
        font-size: 14px;
        /* text-transform: uppercase; */
        text-decoration: none;
        font-weight: 600;
    }

    div.topNav ul li a.hideInTopMenu
    {
        display: none;
    }

    div.topNav div.basket {
        float: right;
        margin-left: 15px;
        background: #ffde00;
        position: relative;
        color: #424242;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 40px;
        padding: 0 20px;
        -webkit-border-radius: 15px 15px 15px 15px;
            -moz-border-radius: 15px 15px 15px 15px;
            border-radius: 15px 15px 15px 15px;
    }

    div.topNav div.basket a {
        text-decoration: none;
        color: inherit;
    }


    div.topNav div.basket div.basketIconGroup {
        float: left;
    }

    div.topNav div.basket span.basketIcon {
        float: right;
        background: url('../images/icon-shopping-cart-black.png') no-repeat;
        height: 30px;
        width: 30px;
        margin-top: 7px;
        margin-right: 10px;
        background-position: center;
    }


    body.desktop div.topNav div.basket:hover {
        background: #424242;
        color:#fff;
        cursor: pointer;
    }

    body.desktop div.topNav div.basket:hover span.basketIcon {
        background: url('../images/icon-shopping-cart.png') no-repeat;

        background-position: center;
    }

    div.topNav span.basketAmount {
        position: absolute;
        top: 3px;
        left: 35px;
        background: #fff;
        height: 18px;
        width: 18px;
        border-radius: 18px;
        font-size: 11px;
        font-weight: 400;
        color: #000;
        line-height: 18px;
        text-align: center;
    }

    div.topNav div.hoverInfo {
        position: absolute;
        display: none;
        right: 0;
        width: 300px;
        background: #fff;
        border-width: 0 1px 1px 1px;
        border-color: #424242;
        border-style: solid;
        border-radius: 0 0 10px 10px;
    }

/*    div.topNav div.basket:hover div.hoverInfo {
        display: block;
    }
*/
    div.topNav div.hoverInfo div.basketItem {
        padding: 10px;
    }

    body.desktop div.topNav div.hoverInfo div.basketItem:hover {
        background: #ffde00;
        color:#000;
        cursor: pointer;
    }

    div.topNav div.hoverInfo div.basketItem .basketImage {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    div.topNav div.hoverInfo div.basketItem .basketImage img {
        width: 100%;
        height: auto;
        max-height: 100%;
        max-width: 100%;
    }

    /* start schoolInfoBlock  */
        div.schoolInfoBlock
        {
            box-sizing: border-box;
            display: block;
            font-size: 14px;
            max-width: 1100px;
            width: 100%;
            text-align: right;
            position: absolute;
            top: 120px;
            padding-right: 10px;
        }
    /* einde schoolInfoBlock  */
/* einde topNav */

/* start newsScroller */
    .newsScroller
    {
        display: block;
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        height: 55px;
        background-color: #F8F8F8;
    }

    .newsScroller .wrapper
    {
        display: flex;
        justify-content: space-between;
    }

    .newsScroller .title
    {
        display: block;
        width: 80px;
        /* float: left; */
        margin-top: 15px;
    }

    .newsScroller .title a
    {
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        color: #424242;
        border-right: 1px solid #424242;
        padding-right: 10px;
    }

    .newsScroller .navigation
    {
        display: flex;
        width: 80px;
        justify-content: space-between;
    }

    .newsScroller .navigation .btn
    {
        width: 20px;
        min-width: auto;
        padding: 0;
        height: 55px;
        border-radius: 0;
        background: #ffde00;

    }

    .newsScroller .navigation .btn.next:before,
    .newsScroller .navigation .btn.prev:before
    {
        display: block;
        content: '';
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
        background-image: url(../images/sprite-readMoreBlock.png);
        background-repeat: no-repeat;
        background-position: -15px -66px;
        margin-top: 15px;

    }

    .newsScroller .navigation .btn.next:before
    {
        transform: rotate(-90deg);
    }

    .newsScroller .navigation .btn.overview
    {
        width: 30px;
    }

    .newsScroller .navigation .btn.overview a
    {
        display: block;
        width: 100%;
        height: 55px;
        text-decoration: none;
        background-image: url(../images/icon-list.png);
        background-repeat: no-repeat;
        background-position: 5px center;
    }

    .newsScroller .carousel
    {
        width: calc(100% - 200px);
    }

    .newsScroller .carousel .newsItem
    {
        margin-right: 30px;
    }

    .newsScroller .carousel .newsItem a
    {
        text-decoration: none;
        font-size: 16px;
        color: #424242;
        line-height: 55px;
    }

    .newsScroller .carousel .newsItem a:hover
    {
        border-bottom: 2px solid #ffde00;
    }
/* einde newsScroller */

/* start top */
    div.top
    {
        display: block;
        background: #fff;
        height: 110px;
        /* padding: 25px 0; */
    }

    /* start logo */
        div.logo
        {
            display: block;
            /* float: left; */
            /* width: 244px; */
            /* margin-right: 35px; */
            position: absolute;
            top: 45px;
        }

        div.logo img
        {
            width: 190px;
            height: auto;
        }
    /* einde logo */

    /* start socials */
        div.socials
        {
            display: block;
            float: left;
            margin-top: 60px;
        margin-left: 60px;
        }

        div.socials div.arrowInfo
        {
            display: block;
            background: url(../images/arrow-volg-ons.png) center no-repeat;
            width: 155px;
            height: 30px;
            position: absolute;
            margin-top: -50px;
            margin-left: 110px;
        }

        div.socials ul
        {
            list-style-type: none;
        }

        div.socials ul li
        {
            display: block;
            float: left;
            margin-right: 20px;
            text-indent: -9999px;
        }

        div.socials ul li a
        {
            display: block;
            width: 35px;
            height: 35px;
            text-decoration: none;
        }

        div.socials ul li.social_facebook a
        {
            background: url(../images/sprite-socials.png) left top no-repeat;
        }

        body.desktop div.top div.socials ul li.social_facebook a:hover
        {
            background: url(../images/sprite-socials.png) left bottom no-repeat;
        }

        div.socials ul li.social_linkedin a
        {
            background: url(../images/sprite-socials.png) -35px top no-repeat;
        }

        body.desktop div.top div.socials ul li.social_linkedin a:hover
        {
            background: url(../images/sprite-socials.png) -35px bottom no-repeat;
        }

        div.socials ul li.social_twitter a
        {
            background: url(../images/sprite-socials.png) -70px top no-repeat;
        }

        body.desktop div.top div.socials ul li.social_twitter a:hover
        {
            background: url(../images/sprite-socials.png) -70px bottom no-repeat;
        }

        div.socials ul li.social_youtube a
        {
            background: url(../images/sprite-socials.png) -105px top no-repeat;
        }

        body.desktop div.top div.socials ul li.social_youtube a:hover
        {
            background: url(../images/sprite-socials.png) -105px bottom no-repeat;
        }

        div.socials ul li.social_instagram a
        {
            background: url(../images/sprite-socials.png) -140px top no-repeat;
        }

        body.desktop div.top div.socials ul li.social_instagram a:hover
        {
            background: url(../images/sprite-socials.png) -140px bottom no-repeat;
        }
    /* einde socials */

    /* start search */
        div.search
        {
            display: block;
            float: right;
            margin-top: 0px;
            font-size: 14px;
            text-transform: uppercase;
        }

        div.search div.searchIcon
        {
            padding:  0 30px;
            font-weight: 600;
        }

        div.searchIcon .ico
        {
            display: block;
            width: 20px;
            height: 40px;
            background: url(../images/sprite-search.png) center top no-repeat;
            float: left;
            margin: 0px;
        }

        body.desktop div.searchIcon:hover .ico
        {
            background-position: center bottom;
        }
    /* einde search */

    /* start login */
        div.login
        {
            display: block;
            float: right;
            margin-top: 0px;
            margin-left: 15px;
        }

        div.loginBtn
        {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 0 10px;
        }

        div.login .ico
        {
            display: block;
            width: 20px;
            height: 40px;
            background: url(../images/sprite-login.png) center top no-repeat;
            float: left;
            margin: 0px;
        }

        body.desktop div.login:hover .ico
        {
            background-position: center bottom;
        }

        .logout-button .btn
        {
            font-weight: 600;
            text-transform: uppercase;
            background-image: url(../images/sprite-login.png);
            background-position: left 0;
            background-repeat: no-repeat;
            padding-left:  30px;
        }

        .logout-button .btn:hover
        {
            background-position: left -40px;
        }
    /* einde login */
/* einde top */

.mobileMenuBtn {display:none;}

div.mobileMenuBlock
{
    display: none;
}


/* start bottomRow */
    div.bottomRow
    {
        background: #fff;
    }

    /* start mainMenuOnPage */
        div.bottomRow div.mainMenuOnPage
        {
            /* background: #424242; */
            margin-bottom: 50px;
        }

        div.bottomRow .hideDesktop
        {
            display: none !important;
        }

         div.bottomRow div.mainMenuOnPage >ul.menu
        {
            list-style-type: none;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            height: 100%;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li
        {
            display: block;
            width: 100%;
            /* border-left: 1px solid white; */
            margin-left: 0;
            margin-bottom: 5px;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li:first-child
        {
            border: none;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a
        {

            background: #424242;
            display: flex;
            align-items: center;
            text-decoration: none;
            /* height: 160px; */
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            position: relative;
            padding: 20px;

            /* padding-left: 10px; */
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li:hover
        {
            /* margin-right: -11px;
            margin-top: 0px;
            padding-bottom: 10px;
            padding-right: 10px; */
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li:hover>a
        {
            
            background-color: #ffde00;
            color: #424242;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li:hover>a div.readMoreBtn
        {
            background-color: #424242;
            background-position: -10px -9px;
            transform: rotate(0deg);
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a div.readMoreBtn
        {
            display: block !important;
            min-width: auto;
            width: 30px;
            height: 30px;
            margin-top: 20px;
            background-image: url(../images/sprite-readMoreBlock.png);
            background-position: -10px -60px;
            padding: 0;
            -webkit-border-radius: 100% 100% 100% 100%;
            -moz-border-radius: 100% 100% 100% 100%;
            border-radius: 100% 100% 100% 100%;
            transform: rotate(-90deg);
        }
        
        /* div.bottomRow div.mainMenuOnPage >ul.menu>li>a div.readMoreBtn:hover
        {
            background-color: #ffde00 !important;
        } */

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a>div.icon
        {
            display: block !important;
            width: 40px;
            height: 40px;
            /* margin-bottom: 10px; */
            margin-right: 20px;
            background: url(../images/moev-sprite-mainnav.png) left top no-repeat;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a.ico-bal>div.icon
        {
            background-position: 0px top;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li.active>a.ico-bal>div.icon
        {
            background-position: 0px -36px;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a.ico-schoen>div.icon
        {
            background-position: -44px top;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li.active>a.ico-schoen>div.icon
        {
            background-position: -44px -36px;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a.ico-chronometer>div.icon
        {
            background-position: -90px top;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li.active>a.ico-chronometer>div.icon
        {
            background-position: -90px -36px;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li>a.ico-cart>div.icon
        {
            background-position: -135px top;
        }

        div.bottomRow div.mainMenuOnPage >ul.menu>li.active>a.ico-cart>div.icon
        {
            background-position: -135px -36px;
        }


        div.bottomRow div.mainMenuOnPage >ul.menu>li>a>div.note
        {
            display: none;
            position: absolute;
            z-index: 50;
            top: -15px;
            height: 170px;
            padding: 10px;
            background: #8FCFA8;
            font-size: 14px;
            width: 100%;
            left: -10px;
            overflow: hidden;
            /* right: -11px; */
            -webkit-border-radius: 5px 5px 5px 5px;
                -moz-border-radius: 5px 5px 5px 5px;
                border-radius: 5px 5px 5px 5px;
                -webkit-box-shadow: #bbb 0 2px 7px;
            -moz-box-shadow: #bbb 0 2px 7px;
            box-shadow: #bbb 0 2px 7px;
        }
        /* div.bottomRow div.mainMenuOnPage >ul.menu>li>a:hover>div.note
        {
            display: block;
        } */
    /* end mainMenuOnPage */
/* end bottomRow */





/* start mainMenu */
    div.mainMenu
    {
        background: #424242;
        height: 170px;
    }
    div.mainMenu div.wrapper
    {
        height: 100%;
    }

    body.wkWielrennen div.mainMenu
    {
        position: relative;
        z-index: 500;
    }

    div.mainMenu.subActive
    {
        /* background: #fff url(../images/bg-mainMenu.jpg) top left repeat-x; */
    }
    /*
    div.mainMenu.overBanner
    {
        position: absolute;
        z-index: 50;
        width: 100%;
        background: none;
        margin-top: -50px;
    }
    */

    div.mainMenu div.wrapper>ul.menu
    {
        list-style-type: none;
        display: flex;
        align-items: center;
        height: 100%;
    }

    div.mainMenu ul ul
    {
        display: none;
    }

    div.mainMenu div.wrapper>ul.menu>li
    {
        display: block;
        width: 24%;
        border-left: 1px solid white;
        margin-left: 10px;
        padding-left: 10px;
        /* float: left; */
    }

    div.mainMenu div.wrapper>ul.menu>li:first-child
    {
        border: none;
    }

    div.mainMenu div.wrapper>ul.menu>li>a
    {
        display: block;
        text-decoration: none;
        height: 160px;
        /* width: 185px; */
        /* background: #8fcfa8; */
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        position: relative;
        /* text-transform: uppercase; */
        /* padding: 10px 45px; */
    }


    body.wkWielrennen div.mainMenu div.wrapper>ul.menu>li>a
    {
        background-color: #32B432;
    }


    div.mainMenu div.wrapper>ul.menu>li.active,
    div.mainMenu div.wrapper>ul.menu>li:hover
    {
        /* position: relative; */
        background-color: #ffde00;
        margin-right: -11px;
        margin-top: 0px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    div.mainMenu div.wrapper>ul.menu>li.active>a,
    div.mainMenu div.wrapper>ul.menu>li:hover>a
    {
        color: #424242;
    }

    div.mainMenu div.wrapper>ul.menu>li.active>a div.readMoreBtn,
    div.mainMenu div.wrapper>ul.menu>li:hover>a div.readMoreBtn
    {
        background-color: #424242;
        background-position: -10px -9px;
        transform: rotate(0deg);
    }

    /* div.mainMenu div.wrapper>ul.menu>li.first>a
    {
        -webkit-border-radius: 15px 0px 0px 15px;
        -moz-border-radius: 15px 0px 0px 15px;
        border-radius: 15px 0px 0px 15px;
    }

    div.mainMenu div.wrapper>ul.menu>li.last>a
    {
        -webkit-border-radius: 0px 15px 15px 0px;
        -moz-border-radius: 0px 15px 15px 0px;
        border-radius: 0px 15px 15px 0px;
    } */

    body.desktop div.mainMenu div.wrapper>ul.menu>li:hover>a,
    div.mainMenu div.wrapper>ul.menu>li.active>a
    {
        /* background: #ffde00; */
        /* color: #424242; */
    }

    div.mainMenu div.wrapper>ul.menu>li>a div.readMoreBtn
    {
        display: block !important;
        min-width: auto;
        width: 30px;
        height: 30px;
        margin-top: 20px;
        background-image: url(../images/sprite-readMoreBlock.png);
        background-position: -10px -60px;
        padding: 0;
        -webkit-border-radius: 100% 100% 100% 100%;
        -moz-border-radius: 100% 100% 100% 100%;
        border-radius: 100% 100% 100% 100%;
        transform: rotate(-90deg);
    }
    
    div.mainMenu div.wrapper>ul.menu>li>a div.readMoreBtn:hover
    {
        background-color: #ffde00 !important;
    }

    div.mainMenu div.wrapper>ul.menu>li>a>div.icon
    {
        display: block !important;
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
        background: url(../images/moev-sprite-mainnav.png) left top no-repeat;
    }

    div.mainMenu div.wrapper>ul.menu>li>a.ico-bal>div.icon
    {
        background-position: 0px top;
    }

    div.mainMenu div.wrapper>ul.menu>li:hover>a.ico-bal>div.icon,
    div.mainMenu div.wrapper>ul.menu>li.active>a.ico-bal>div.icon
    {
        background-position: 0px -36px;
    }

    div.mainMenu div.wrapper>ul.menu>li>a.ico-schoen>div.icon
    {
        /* background-position: -44px top; */
        background-position: -90px top;
    }

    div.mainMenu div.wrapper>ul.menu>li:hover>a.ico-schoen>div.icon,
    div.mainMenu div.wrapper>ul.menu>li.active>a.ico-schoen>div.icon
    {
        background-position: -44px -36px;
    }

    div.mainMenu div.wrapper>ul.menu>li>a.ico-chronometer>div.icon
    {
        /* background-position: -90px top; */
        background-position: -44px top;
    }

    div.mainMenu div.wrapper>ul.menu>li:hover>a.ico-chronometer>div.icon,
    div.mainMenu div.wrapper>ul.menu>li.active>a.ico-chronometer>div.icon
    {
        background-position: -90px -36px;
    }

    div.mainMenu div.wrapper>ul.menu>li>a.ico-cart>div.icon
    {
        background-position: -135px top;
    }

    div.mainMenu div.wrapper>ul.menu>li:hover>a.ico-cart>div.icon,
    div.mainMenu div.wrapper>ul.menu>li.active>a.ico-cart>div.icon
    {
        background-position: -135px -36px;
    }


    div.mainMenu div.wrapper>ul.menu>li>a>div.note
    {
        display: none;
        position: absolute;
        z-index: 50;
        top: -15px;
        height: 170px;
        padding: 10px;
        background: #8FCFA8;
        font-size: 14px;
        width: 100%;
        left: -10px;
        overflow: hidden;
        /* right: -11px; */
        -webkit-border-radius: 5px 5px 5px 5px;
            -moz-border-radius: 5px 5px 5px 5px;
            border-radius: 5px 5px 5px 5px;
            -webkit-box-shadow: #bbb 0 2px 7px;
        -moz-box-shadow: #bbb 0 2px 7px;
        box-shadow: #bbb 0 2px 7px;
    }
    div.mainMenu div.wrapper>ul.menu>li>a:hover>div.note
    {
        display: block;
    }

    div.mainMenu div.wrapper>ul.menu>li>div.sub
    {
        display: none;
        position: absolute;
        background: #ffde00;
        width: 100%;
        left: 0;
        list-style-type: none;
        margin-top: 5px;
    }

    div.mainMenu div.wrapper>ul.menu>li ul
    {
        /*display: block;*/
        width: 1100px;
        margin: 0 auto;
        list-style-type: none;
    }

    div.mainMenu div.wrapper>ul.menu>li.active>div.sub ul
    {
        display: flex;
        flex-wrap: wrap;
    }

    div.mainMenu div.wrapper>ul.menu>li.active>div.sub
    {
        display: block;
        padding: 20px 0;
    }

    div.mainMenu div.wrapper>ul.menu>li.active>div.sub>ul>li
    {
        display: block;
        /* float: left; */
        margin-right: 30px;
        margin-bottom: 5px;
    }

    div.mainMenu div.wrapper>ul.menu>li.active>div.sub>ul>li>a
    {
        text-decoration: none;
        color: #424242;
        font-size: 16px;
        text-transform: uppercase;
    }
    div.mainMenu div.wrapper>ul.menu>li.active>div.sub>ul>li>a>img
    {
        display: none;
    }

    body.desktop div.mainMenu div.wrapper>ul.menu>li.active>div.sub>ul>li>a:hover,
    div.mainMenu div.wrapper>ul.menu>li.active>div.sub>ul>li.active>a
    {
        color: #fff;
    }
/* einde mainMenu */

/* start banner */
    div.banner
    {
        background: #fff;
        padding-top: 50px;
    }

    /* body.homePage div.banner,
    div.banner.padTop
    {
        padding-top: 50px;
    } */

    div.banner div.custom
    {
        display: block;
        height: 275px;
        background-position: center;
    }
/* einde banner */

/* start breadcrumb */
    div.breadcrumb
    {
        display: block;
        background: #fff;
        min-height: 20px;
        padding: 30px 0;
    }

    div.breadcrumb ul
    {
        list-style-type: none;
    }

    div.breadcrumb ul li
    {
        display: block;
        float: left;
        font-size: 18px;
        font-weight: 400;
        color: #8fcfa8;
    }

    body.wkWielrennen div.breadcrumb ul li
    {
        color: #32B432;
    }

    div.breadcrumb ul li a
    {
        text-decoration: none;
        color: #424242;
    }

    div.breadcrumb span.divider
    {
        display: inline-block;
        width: 8px;
        height: 8px;
        background: url(../images/ico-breadcrumb-spacer.png) center no-repeat;
        margin-left: 5px;
        margin-right: 15px;
    }
/* einde breadcrumb */

/* start page */
    div.page
    {
        background: #fff;
        padding-top: 30px;
        padding-bottom: 120px;
        padding-bottom: 50px;
   }



    body.wkWielrennen div.page div.content
    {
        position: relative;
    }



    body.wkWielrennen div.page div.content::before
    {
        display: block;
        content: '';
        background: url(../images/moev-brush.png) center no-repeat;
        position: absolute;
        width: 200px;
        height: 168px;
        right:  20px;
        top:  -185px;
        background-size: cover;

    }

    div.page h1
    {
       font-family: 'Gotham Rounded';
       font-weight: bold;
       font-size: 48px;
       color: #424242;
       margin-bottom: 15px;
       padding-left: 15px;
       padding-top: 10px;
       background: url(../images/boogje-h1.png) no-repeat;
    }


    div.page h2
    {
       font-weight: 300;
       font-size: 30px;
       color: #424242;
       margin-top: 30px;
       margin-bottom: 10px;
    }

    div.page h3
    {
       font-weight: 400;
       font-size: 20px;
       color: #424242;
       margin-top: 20px;
    }

    div.page h4
    {
       font-weight: 400;
       font-size: 18px;
       color: #d7be0d;
        margin-top: 20px;
    }

    div.page div.wf-columns
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.page div.wf-columns>p
    {
        display: none;
    }

    div.page div.wf-columns div.wf-column
    {
        max-width: 70%;
        min-width: 320px;
        margin-bottom: 10px;
    }


    div.page p
    {
        margin-bottom: 10px;
    }

    div.page img
    {
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        max-width: 100%;
        height: auto;
    }

    div.page a,
    div.page a.wf_file.img
    {
        display: inline-block;
        padding: 0px 4px;
        border-bottom: 2px solid #ffde00;
        text-decoration: none;
        color: #000;
    }

    div.page a:not([href]),
    div.page a.anchor {
        padding: 0;
    }

    body.desktop div.page a:hover,
    body.desktop div.page a.wf_file.img:hover
    {
        background-color: #ffde00;
        color: #fff;
    }

    div.page a.img
    {
        border: none;
        padding: 0;
        display: inherit;
    }

    body.desktop div.page a.img:hover {
        background: none;
    }

    div.page a.btn
    {
        height: auto;
        /* line-height: normal; */
        padding: 0 6px;
        border: none;
        /* font-size: 16px; */
        height: 40px;
        line-height: 40px;
    }

    div.page a.btn-black
    {
        border: none;
        min-height: 45px;
        line-height: normal;
        font-size: 16px;
        padding: 25px 80px 20px 25px;
        background-image: url(../images/bg-btnBlack.png);
        background-position: right center;
        background-repeat: no-repeat;
        text-transform: uppercase;
        text-align: right;
    }

    body.desktop div.page a.btn-black:hover
    {
        background-image: url(../images/bg-btnBlack_hover.png);
    }

    div.page a.btn-nieuwsberichten
    {
        display: block;
        float: right;
        margin-top: -95px;
    }

    div.page a.btn-yellow
    {
        background: #ffde00;
        border: none;
        min-height: auto;
        height: auto;
        line-height: normal;
        font-size: 16px;
        padding: 15px;
        margin-top: 10px;
        color: #424242 !important;
    }

    body.desktop div.page a.btn-yellow:hover
    {
        background: #424242;
        color: #fff !important;
    }

    div.page ul
    {
        list-style-type: none;
        margin: 10px 0;
    }

    div.page ul li
    {
        background: url(../images/bg-bulletList.png) left 5px no-repeat;
        padding-left: 25px;
    }

    body.wkWielrennen div.page ul li
    {
        background: url(../images/bg-bulletList-blue.png) left 5px no-repeat;
    }

    body.wkWielrennen div.page ul li ul li
    {
        background: url(../images/bg-bulletList-blue-stripe.png) left 5px no-repeat;
    }

    div.page ol
    {
        margin: 10px 0 10px 15px;
    }

    body.wkWielrennen div.page .wkBox
    {
        padding: 25px;
        box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    body.wkWielrennen div.page .wkBox
    {
        display: flex;
        /* justify-content: space-between; */
        flex-wrap: wrap;
    }

    body.wkWielrennen div.page ul.wkBox li
    {
        background: none;
        padding-left: 0;
    }

    body.wkWielrennen div.page ul.wkBox li
    {
        background: none;
        padding-left: 0;
    }

    body.wkWielrennen div.page .wkBox a
    {
        display: inline-block;
        background: #32B432;
        padding: 10px;
        color: white;
        border-bottom: none;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        margin-bottom: 10px;
        margin-right: 20px;
    }


    body.wkWielrennen div.page .wkBox a:hover
    {
        background: #ffde00;
        color: black;
    }

    div.page .svs_hashtag
    {
        display: block;
        font-size: 30px;
        color: #ffde00;
        font-weight: 400;
        background: url(../images/bg-hashtag.png) left center no-repeat;
        padding-left: 110px;
        margin: 45px 0 25px;
    }

    div.page .svs_quote
    {
        display: block;
        font-family: 'Gotham Rounded';
        font-size: 28px;
        color: #8fcfa8;
        font-weight: bold;
        font-style: italic;
        background: url(../images/bg-quote.png) top center no-repeat;
        padding-top: 65px;
        margin: 30px 0;
        text-align: center;
        clear: left;
    }

    div.page div.relatedItems
    {
        margin-top: 50px;
    }

    div.page span.wf_caption span
    {
        font-size: 11px;
        font-style: italic;
    }


    /* start subscribe */
        div.subscribe
        {
            display: block;
            float: right;
            width: 24%;
            padding: 2%;
            background:  #f5f5f5;
            margin-top: 25px;
            border: 2px solid #8fcfa8;
        	-webkit-border-radius: 15px 15px 15px 15px;
        	-moz-border-radius: 15px 15px 15px 15px;
        	border-radius: 15px 15px 15px 15px;
        }

        div.subscribe h3
        {
            margin: 0 0 3px;
            font-size: 22px;
        }

        div.subscribe p {
        	margin-bottom:0;
        }

        div.subscribe a
        {
            display: inline-block;
            margin-top: 5px;
            font-size:15px;
            border-bottom:none;
        }

        div.subscribe .acysubbuttons
        {
            text-align: left;
        }
    /* einde subscribe */

    body.homePage .page .wrapper
    {
        position: relative;
    }

    body.homePage div.content
    {
        display: block;
        width: 65%;
    }

    body.homePage div.content h1
    {
        font-size: 35px;
    }

    body.homePage .homeArt
    {
        display: block;
        position: absolute;
        z-index: 999;
    }

    body.homePage .homeArt.art-wave
    {
        right: 50px;
        bottom: -40px;
    }

    body.homePage .homeArt.art-stippel
    {
        bottom: 0;
        margin-bottom: -70px;
    }

    body.homePage .homeArt.art-boogje
    {
        left: 70%;
        margin-top: -5px;
    }

    body.homePage .homeArt.art-punt
    {
        left: 50%;
        bottom: 0;
        margin-bottom: -40px;
    }



    /* start greyBlock */
        div.greyBlock
        {
            display: block;
            background: #f5f5f5;
            width: 10000px;
            margin-left: -4450px;
            padding-top: 20px;
            padding-bottom: 20px;
            margin-top: 40px;
            margin-bottom: 40px;
            clear: both;
        }

        body.wkWielrennen div.greyBlock div.wrapper
        {
            position: relative;
        }


        body.wkWielrennen div.greyBlock div.wrapper *
        {
            position: relative;
            z-index: 50;
        }

        body.wkWielrennen div.greyBlock div.wrapper::before
        {
            display: block;
            content: '';
            width: 200px;
            height: 200px;
            position: absolute;
            background:  url(../images/moev-brush-custom.png) no-repeat right top;
            right: 0;
            top: -50px;
        }

        div.greyBlock:first-child
        {
            margin-top: 0px;
        }

        div.colRight div.greyBlock
        {
            margin-left: -4740px;
        }
    /* einde greyBlock */


    /* start blueBlock */
        div.blueBlock
        {
            display: block;
            width: 10000px;
            margin-left: -4440px;
            margin-top: 120px;
            margin-bottom: 120px;
            background: #eef6ff;
        }

        body.wkWielrennen div.blueBlockTop div.wrapper
        {
            position: relative;
        }


        body.wkWielrennen div.blueBlockTop div.wrapper *
        {
            position: relative;
            z-index: 50;
        }

        body.wkWielrennen div.blueBlockTop div.wrapper::before
        {
            display: block;
            content: '';
            width: 200px;
            height: 200px;
            position: absolute;
            background:  url(../images/moev-brush-custom.png) no-repeat right top;
            right: 0;
            top: -10px;
        }

        div.blueBlock div.blueBlockTop,
        div.blueBlock div.blueBlockBottom
        {
            display: block;
            height: 80px;
            width: 10000px;
            margin-left: 0px;
            position: absolute;
            z-index: 400;
        }

        div.blueBlock div.blueBlockTop
        {
            background: url(../images/bg-blueblock-top.png) center bottom no-repeat;
            margin-top: -80px;
        }

        div.blueBlock div.blueBlockBottom
        {
            background: url(../images/bg-blueblock-bottom.png) center bottom no-repeat;
            margin-top: 0px;
        }
    /* einde blueBlock */

    /* start readMoreBlock */
        div.btn.openReadMore,
        div.btn.closeReadMore
        {
            height: 50px !important;
            width: 50px !important;
            line-height: 50px !important;
            padding: 0;
            min-width: auto;
            background-image: url(../images/sprite-readMoreBlock.png);
            background-repeat: no-repeat;
            margin-bottom: 15px;
            background-size: unset !important;
        }

        div.btn.openReadMore
        {
            background-position: left bottom !important;
        }

        body.desktop div.btn.openReadMore:hover
        {
            background-position: left top !important;
        }

        div.btn.closeReadMore
        {
            background-position: right bottom !important;
        }

        body.desktop div.btn.closeReadMore:hover
        {
            background-position: right top !important;
        }

        div.readMoreBlock
        {
            display: none;
        }
    /* einde readMoreBlock */

    /* start menuLowerLvl */
        div.page ul.menuLowerLvl
        {
            list-style-type: none;
        }

        div.page ul.menuLowerLvl li
        {
            display: block;
            float: left;
            margin-bottom: 15px;
            width: 263px;
            border: 1px solid #8fcfa8;
            -webkit-border-radius: 15px 15px 15px 15px;
            -moz-border-radius: 15px 15px 15px 15px;
            border-radius: 15px 15px 15px 15px;
            padding: 0;
            background: none;
        }

        div.page ul.menuLowerLvl li a
        {
            text-decoration: none;
            border: none;
            padding: 0;
        }

        body.desktop div.page ul.menuLowerLvl li a:hover
        {
            background: none;
        }

        div.page ul.menuLowerLvl li img
        {
            display: block;
            -webkit-border-radius: 15px 15px 0px 0px;
            -moz-border-radius: 15px 15px 0px 0px;
            border-radius: 15px 15px 0px 0px;
            height: 130px;
        }

        div.page ul.menuLowerLvl li .info
        {
            padding: 20px 25px;
        }

        div.page ul.menuLowerLvl li .info h3
        {
            font-size: 18px;
            font-weight: 400;
            color: #424242;
            text-transform: none;
            margin-bottom: 10px;
        }

        div.page ul.menuLowerLvl li .info .intro
        {
            font-size: 16px;
            font-weight: 300;
            color: #424242;
            margin-bottom: 25px;
        }

        div.page ul.menuLowerLvl li .info .btn
        {
            padding: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            min-width: auto;
            font-size: 25px;
            color: #fff !important;
            

        background-image: url(../images/sprite-readMoreBlock.png);
        background-position: 0px -100px;
        transform: rotate(-90deg);
        }
    /* einde menuLowerLvl */
/* einde page */

/* start bottomrow */

    div.bottomRow h2
    {
       font-family: 'Gotham Rounded';
       font-weight: 400 !important;
    }

    /* start activiteitenInDeKijker */
        div.bottomRow .activiteitenInDeKijkerOuter .greyBlock
        {
            margin-top: 0;
            margin-bottom: 0;
        }

        div.bottomRow .activiteitenInDeKijkerOuter .greyBlock .wrapper
        {
            width: 950px;
        }

        div.bottomRow .activiteitenInDeKijker
        {
            padding-top: 50px;
            padding-bottom: 50px;
            position: relative;
        }

        div.bottomRow .activiteitenInDeKijker img.art-wave
        {

            display: block;
            position: absolute;
            z-index: 999;

            right: 50px;
            top: -70px;
        }


        div.bottomRow .activiteitenInDeKijker h2
        {
            font-size: 55px;
            font-weight: 300;
            color: #424242;
            padding-bottom: 30px;
            text-align: center;
        }
        div.bottomRow .activiteitenInDeKijker .tabs
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 30px;
        }
        div.bottomRow .activiteitenInDeKijker .tabs .btn
        {
            margin: 0 10px 10px;
            font-size: 16px;
            font-weight: bold;
        }

        div.bottomRow .activiteitenInDeKijker .grid.active
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block a
        {
            text-decoration: none;
            display: block;
            height: 120%;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block
        {
            display: block;
            position: relative;
            width: 300px;
            border: 1px solid #8FCFA8;
            -webkit-border-radius: 20px 20px 20px 20px;
            -moz-border-radius: 20px 20px 20px 20px;
            border-radius: 20px 20px 20px 20px;
            background: #fff;
            padding-bottom: 50px;
            overflow: hidden;
            margin: 0 5px 10px;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block .image
        {
            display: block;
            width: 300px;
            height: 140px;
            background: #F8F8F8;

            -webkit-border-radius: 20px 20px 0 0;
            -moz-border-radius: 20px 20px 0 0;
            border-radius: 20px 20px 0 0;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block .image img
        {
            display: block;
            -webkit-border-radius: 20px 20px 0 0;
            -moz-border-radius: 20px 20px 0 0;
            border-radius: 20px 20px 0 0;
            width: 300px;
            height: 140px;
            margin: 0 !important;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block .info
        {
            padding: 15px 25px;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block h3
        {
            font-size: 20px;
            color: #424242;
            line-height: 30px;
            margin-bottom: 15px;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block .date
        {
            font-size: 14px;
            color: #8FCFA8;
            line-height: 36px;
            font-weight: bold;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block .intro
        {
            font-size: 16px;
            color: #424242;
            line-height: 24px;
        }

        div.bottomRow .activiteitenInDeKijker .grid .block .readmore
        {
            display: block !important;
            position: absolute;
            bottom: 15px;
            right: 25px;
            min-width: auto;
            width: 30px;
            height: 30px;
            margin-top: 20px;
            background-image: url(../images/sprite-readMoreBlock.png);
            background-position: -10px -60px;
            padding: 0;
            -webkit-border-radius: 100% 100% 100% 100%;
            -moz-border-radius: 100% 100% 100% 100%;
            border-radius: 100% 100% 100% 100%;
            transform: rotate(-90deg);
        }
    /* einde activiteitenInDeKijker */

    /* start beweegTipsInKijker */
        div.bottomRow .beweegTipsInKijkerOuter
        {
            margin-bottom: 20px;
        }

        div.bottomRow .beweegTipsInKijkerOuter .greyBlock
        {
            background: #8fcfa8;
            margin-top: 0;
            margin-bottom: 0;
        }

        div.bottomRow .beweegTipsInKijkerOuter .btn.more
        {
            margin: 0 auto;
            margin-top: 0px;
            width: 230px;
            height: 60px;
            line-height: 60px;
            display: block;
            margin-top: 40px;
            font-size: 18px;
        }

        div.bottomRow .beweegTipsInKijkerOuter .btn.more .infoArrow
        {
            display: block;
width: 370px;
height: 55px;
background: url(../images/arrow-spotlight-white.png) top left no-repeat;
position: absolute;
margin-top: 15px;
margin-left: 270px;
        }


        div.bottomRow .beweegTipsInKijkerOuter .greyBlock .wrapper
        {
            width: 950px;
        }

        
        div.bottomRow .beweegTipsInKijker
        {
            padding-top: 50px;
            padding-bottom: 50px;
            position: relative;
        }

        div.bottomRow .beweegTipsInKijker img.art-wave
        {

            display: block;
            position: absolute;
            z-index: 999;

            right: 50px;
            top: -70px;
        }


        div.bottomRow .beweegTipsInKijker img.art-cirkel
        {

            display: block;
            position: absolute;
            z-index: 999;

            left: -70%;
            top: 150px;
        }


        div.bottomRow .beweegTipsInKijker h2
        {
            font-size: 55px;
            font-weight: 300;
            color: #fff;
            padding-bottom: 30px;
            text-align: center;
        }
        div.bottomRow .beweegTipsInKijker .tabs
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-bottom: 30px;
        }
        div.bottomRow .beweegTipsInKijker .tabs .btn
        {
            margin: 0 10px 10px;
            font-size: 16px;
            font-weight: bold;
        }

        div.bottomRow .beweegTipsInKijker .grid.active
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        div.bottomRow .beweegTipsInKijker .grid .block a
        {
            text-decoration: none;
            display: block;
            height: 120%;
        }

        div.bottomRow .beweegTipsInKijker .grid .block
        {
            display: block;
            position: relative;
            width: 300px;
            border: 1px solid #8FCFA8;
            -webkit-border-radius: 20px 20px 20px 20px;
            -moz-border-radius: 20px 20px 20px 20px;
            border-radius: 20px 20px 20px 20px;
            background: #fff;
            padding-bottom: 50px;
            overflow: hidden;
            margin: 0 5px 10px;
        }

        div.bottomRow .beweegTipsInKijker .grid .block .image
        {
            display: block;
            width: 300px;
            height: 140px;
            background: #F8F8F8;

            -webkit-border-radius: 20px 20px 0 0;
            -moz-border-radius: 20px 20px 0 0;
            border-radius: 20px 20px 0 0;
        }

        div.bottomRow .beweegTipsInKijker .grid .block .image img
        {
            display: block;
            -webkit-border-radius: 20px 20px 0 0;
            -moz-border-radius: 20px 20px 0 0;
            border-radius: 20px 20px 0 0;
            width: 300px;
            height: 140px;
            margin: 0 !important;
        }

        div.bottomRow .beweegTipsInKijker .grid .block .info
        {
            padding: 15px 25px;
        }

        div.bottomRow .beweegTipsInKijker .grid .block h3
        {
            font-size: 20px;
            color: #424242;
            line-height: 30px;
            margin-bottom: 15px;
        }

        div.bottomRow .beweegTipsInKijker .grid .block .date
        {
            font-size: 14px;
            color: #8FCFA8;
            line-height: 36px;
            font-weight: bold;
        }

        div.bottomRow .beweegTipsInKijker .grid .block .intro
        {
            font-size: 16px;
            color: #424242;
            line-height: 24px;
        }

        div.bottomRow .beweegTipsInKijker .grid .block .readmore
        {
            display: block !important;
            position: absolute;
            bottom: 15px;
            right: 25px;
            min-width: auto;
            width: 30px;
            height: 30px;
            margin-top: 20px;
            background-image: url(../images/sprite-readMoreBlock.png);
            background-position: -10px -60px;
            padding: 0;
            -webkit-border-radius: 100% 100% 100% 100%;
            -moz-border-radius: 100% 100% 100% 100%;
            border-radius: 100% 100% 100% 100%;
            transform: rotate(-90deg);
        }
    /* einde beweegTipsInKijker */
    
    /* start menuLowerLvl */
        div.bottomRow .pageMenuBlocks
        {
            /* padding-top: 50px; */
            padding-bottom: 50px;
        }
        div.bottomRow .pageMenuBlocks h2
        {
            font-size: 55px;
            font-weight: 300;
            color: #424242;
            padding-bottom: 30px;
            text-align: center;
        }

        div.bottomRow ul.menuLowerLvl
        {
            list-style-type: none;
        }

        div.pageMenuBlocks ul.menuLowerLvl
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

         div.pageMenuBlocks ul.menuLowerLvl li
        {
            display: block;
            /* float: left; */
            margin-bottom: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: 300px;
            border: 3px solid #8fcfa8;
            -webkit-border-radius: 15px 15px 15px 15px;
            -moz-border-radius: 15px 15px 15px 15px;
            border-radius: 15px 15px 15px 15px;
            padding: 0;
            background: none;

            box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        }

        div.bottomRow ul.menuLowerLvl li a
        {
            display: block;
            height: 100%;
            text-decoration: none;
            border: none;
            padding: 0;
        }

        body.desktop div.bottomRow ul.menuLowerLvl li a:hover
        {
            background: none;
        }

        div.bottomRow ul.menuLowerLvl li img
        {
            display: block;
            -webkit-border-radius: 15px 15px 0px 0px;
            -moz-border-radius: 15px 15px 0px 0px;
            border-radius: 15px 15px 0px 0px;
            height: 130px;
            width: 100%;
        }

        div.bottomRow ul.menuLowerLvl li .info
        {
            display: block;
            height: calc(100% - 130px - 70px);
            padding: 20px 25px;
            position: relative;
            padding-bottom: 50px;
        }

        div.bottomRow ul.menuLowerLvl li .info h3
        {
            font-size: 18px;
            font-weight: 400;
            color: #424242;
            text-transform: none;
            margin-bottom: 10px;
            font-weight: bold;
        }

        div.bottomRow ul.menuLowerLvl li .info .intro
        {
            font-size: 16px;
            font-weight: 300;
            color: #424242;
            margin-bottom: 25px;
        }

        div.bottomRow ul.menuLowerLvl li .info .readmore
        {
            /* padding: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            min-width: auto;
            font-size: 25px;
            color: #fff !important; */

            display: block !important;
            position: absolute;
            right: 25px;
            bottom: 20px;
            min-width: auto;
            width: 30px;
            height: 30px;
            margin-top: 20px;
            background-image: url(../images/sprite-readMoreBlock.png);
            background-position: -10px -60px;
            padding: 0;
            -webkit-border-radius: 100% 100% 100% 100%;
            -moz-border-radius: 100% 100% 100% 100%;
            border-radius: 100% 100% 100% 100%;
            transform: rotate(-90deg);
        }
    /* einde menuLowerLvl */
/* einde bottomrow */

/* start inDeKijker */
    div.inDeKijker
    {
        display: block;
        background: #8fcfa8;
        padding: 50px 0;
    }

    div.inDeKijker.fullWidth
    {
        position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    }

    div.spotlightItems
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    div.spotlight div.spotlightItem
    {
        display: block;
        width: 300px;
        height: 430px;
        /* float: left; */
        overflow: hidden;
        /* margin-right: 10px; */
        margin: 0 5px 10px;
    }

    div.inDeKijker h2
    {
        font-size: 55px;
        font-weight: 300;
        color: #424242;
        padding-bottom: 30px;
        text-align: center;
    }

    div.spotlight div.spotlightItem h3
    {
        font-size: 22px;
        font-weight: 400;
        color: #000;
        text-transform: uppercase;
    }

    div.inDeKijker div.spotlight div.spotlightItem h3
    {
        font-size: 22px;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
    }


    div.spotlight div.spotlightItem div.intro
    {
        font-size: 15px;
        margin-bottom: 20px;
        color: #fff;
        min-height: 45px;
        max-height: 45px;
    }

    div.spotlight div.spotlightItem a div.icon
    {
        position: absolute;
        z-index: 50;
        padding: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        min-width: auto;
        font-size: 25px;
        margin-left: -25px;
        margin-top: -25px;
        left: 50%;
        top: 50%;
        background-image: url(../images/sprite-readMoreBlock.png);
        background-position: 0px -50px;
        transform: rotate(-90deg);
    }

    body.desktop div.spotlight div.spotlightItem a:hover div.icon
    {
        display: none;
    }

    div.spotlight div.spotlightItem a
    {
        text-decoration: none;
        position:relative;
        display:block;
    }

    div.spotlight div.spotlightItem a img
    {
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        width: 300px;
    }

    body.desktop div.spotlight div.spotlightItem a:hover div.content
    {
        display: block !important;
        height: 194px;
        width: 230px;
        position: absolute;
        background: red;
        padding: 30px 35px 30px 35px;
        color: #fff;
        font-size: 15px;
        font-weight: 300;
        background: url(../images/bg-transparent-000000-60.png);
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        overflow: hidden;
    }

    body.desktop div.InDeKijker div.spotlight div.spotlightItem a:hover div.content
    {
        display: block !important;
        height: 295px;
        width: 285px;
        position: absolute;
        background: red;
        padding: 30px 35px 30px 35px;
        color: #fff;
        font-size: 15px;
        font-weight: 300;
        background: url(../images/bg-transparent-000000-60.png);
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        overflow: hidden;
    }



    body.desktop div.spotlight div.spotlightItem a:hover div.content div.btn
    {
        margin: 0 auto;
        width: 190px;
        display: block;
        position:absolute;
        bottom:25px;
    }

    div.spotlight div.btn.loadMore
    {
        margin: 0 auto;
        width: 230px;
        height: 60px;
        line-height: 60px;
        display: block;
        /*margin-top: 40px;*/
        font-size: 18px;
    }

    div.spotlight div.btn.loadMore div.infoArrow
    {
        display: block;
        width: 370px;
        height: 55px;
        background: url(../images/arrow-spotlight-white.png) top left no-repeat;
        position: absolute;
        margin-top: 15px;
        margin-left: 270px;
    }
/* einde inDeKijker */

/* start newsBlock */
    div.newsBlock
    {
        display: block;
        background: #fff;
    }

    body.homePage div.newsBlock
    {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    div.newsBlock h2
    {
        font-size: 55px;
        font-weight: 300;
        color: #424242;
        margin-bottom: 30px;
    }

    div.newsBlock .categories
    {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    div.newsBlock .categories .btn
    {
        margin-left: 20px;
    }

    div.newsBlock .categories .btn:first-child
    {
        margin-left: 0px;
    }

    div.newsBlock div.newsItem
    {
        display: block;
        float: left;
        margin-bottom: 15px;
        width: 263px;
        border: 1px solid #8fcfa8;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
    }

    div.newsBlock div.newsItem a
    {
        text-decoration: none;
        border: none;
        padding: 0;
    }

    body.desktop div.newsBlock div.newsItem a:hover
    {
        background: none;
    }

    div.newsBlock div.newsItem img
    {
        display: block;
        -webkit-border-radius: 15px 15px 0px 0px;
        -moz-border-radius: 15px 15px 0px 0px;
        border-radius: 15px 15px 0px 0px;
        width: 263px;
        height: auto;
    }

    div.newsBlock div.newsItem .newsInfo
    {
        padding: 20px 25px;
    }

    div.newsBlock div.newsItem .newsInfo h3
    {
        font-size: 20px;
        font-weight: 400;
        color: #424242;
        text-transform: none;
        margin-bottom: 10px;
    }

    div.newsBlock div.newsItem .newsInfo .intro
    {
        font-size: 16px;
        font-weight: 300;
        color: #424242;
        margin-bottom: 25px;
    }

    div.newsBlock div.newsItem .newsInfo .btn
    {
        padding: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        min-width: auto;
        font-size: 25px;
        color: #fff !important;
    }
/* einde newsBlock */

/* start totSearch */
    div.totSearch
    {
        color: #8fcfa8;
        border-top: 1px solid #8fcfa8;
        border-bottom: 1px solid #8fcfa8;
        padding-top: 10px;
        padding-bottom: 10px;
        font-style: italic;
        font-weight: bold;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 35px;
    }
/* einde totSearch */

/* start exportActiviteiten */

    div.exportActiviteiten p
    {
        display: inline-block;
        margin-right: 10px;
    }

    div.exportActiviteiten a.btn
    {
        box-sizing: border-box;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 25px;
        min-width: 0;
        height: 40px;
        width: 40px;
    }

    div.exportActiviteiten a.btn.pdf
    {
        background-image: url('../images/moev-icon-download-pdf.png');
    }

    div.exportActiviteiten a.btn.docx
    {
        background-image: url('../images/moev-icon-download-word.png');
    }

    div.exportActiviteiten a.btn.xlsx
    {
        background-image: url('../images/moev-icon-download-excel.png');
    }
/* einde exportActiviteiten */

/* start selectedCategories */
    div.selectedCategories
    {
        display: block;
        min-height: 50px;
        padding-left: 240px;
        background: url('../images/arrow-jouw-selectie.png') left center no-repeat;
        margin-top: 20px;
        margin-bottom: 20px;
        float: right;
        width: auto;
    }

    div.selectedCategories div.selectedItem
    {
        display: block;
        float: left;
        /* height: 50px;
        line-height: 50px; */
        padding: 12px 0;
        margin-right: 20px;
    }

    div.selectedCategories div.selectedItem div.itemText
    {
        display: inline-block;
    }

    div.selectedCategories div.selectedItem div.delItem
    {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        min-width: auto;
        padding: 0;
        -webkit-border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        margin-left: 5px;
    }
/* einde selectedCategories */

/* start colLeft */
    div.colLeft
    {
        display: block;
        width: 240px;
        float: left;
    }
/* einde colLeft */

/* start listSearch */
    div.listSearch
    {
        margin-bottom: 20px;
    }

    div.listSearch input
    {
        height: 50px;
        line-height: 50px;
        border: none;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        width: 200px !important;
        padding: 0 40px 0 10px;
        /* background: #fff url('../images/bg-listSearch.png') 210px center no-repeat; */
        background: #fff;
    }

    div.listSearch input#postcodeSearch
    {
        /* background: #fff url('../images/ico-search-zip.png') 210px center no-repeat; */
        background: #fff;
    }

    div.listSearch div.icon-listSearch
    {
        display: block;
        width: 20px;
        height: 28px;
        position: absolute;
        background: #fff url('../images/bg-listSearch.png') center no-repeat;
        margin-left: 210px;
        margin-top: 12px;
        cursor: pointer;
    }

    div.listSearch div.icon-zipSearch
    {
        display: block;
        width: 20px;
        height: 28px;
        position: absolute;
        background: #fff url('../images/ico-search-zip.png');
        margin-left: 210px;
        margin-top: 12px;
        cursor: pointer;
    }

    div.listSearch label.distance
    {
        display: block;
        float: left;
        margin-top: 20px;
        width: 150px;
        text-align: right;
    }

    div.listSearch div.selectric-wrapper
    {
        display: block;
        float: right;
        width: 80px;
        width: auto;
        margin-top: 15px;
    }

    div.listSearch div.control-group.dateFrom
    {
        display: block;
        width: 110px;
        float: left;
    }

    div.listSearch div.control-group.dateFrom label
    {
        margin-left: 5px;
    }

    div.listSearch div.control-group.dateFrom input
    {
        display: block;
        width: 90px !important;
        padding: 0 10px;
    }

    div.listSearch div.control-group.dateTill
    {
        display: block;
        width: 110px;
        float: right;
    }

    div.listSearch div.control-group.dateTill label
    {
        margin-left: 5px;
    }

    div.listSearch div.control-group.dateTill input
    {
        display: block;
        width: 90px !important;
        padding: 0 10px;
    }
/* einde listSearch */

/* start search_old_items */
    div.search_old_items
    {
        border-bottom:  1px solid #8fcfa8;
        padding-bottom: 15px;
        margin-bottom: 35px;
    }

    div.search_old_items div.control-group
    {
        display: block;
        clear: both;
    }

    div.search_old_items div.controls,
    div.search_old_items div.control-label
    {
        display: block;
        float: left;
    }

    div.search_old_items div.controls
    {
        margin-right: 5px;
    }

    div.search_old_items div.control-label
    {
        width: 210px;
    }
/* einde search_old_items */

/* start listFilters */
    div.listFilters h3,
    div.listSearch h3
    {
        font-weight:  bold;
        font-size: 17px;
        color: #424242;
        margin-bottom: 10px;
    }


    div.listFilters div.categoryBlock.aanbod
    {
        border: 3px solid #8fcfa8;
        padding: 10px;
        padding-top: 10px;
        background-color: #8fcfa87a;
        padding-top: 20px;
        border-radius: 20px;
    }

    div.listFilters div.categoryBlock.aanbod h3
    {
        font-size: 25px;
        margin-top: 0;
    }

    div.listFilters div.categoryBlock.aanbod h3
    {
        font-size: 25px;
        margin-top: 0;
    }

    div.listFilters div.categoryBlock.aanbod div.control-label
    {
        width: 190px;
    }

    div.listFilters div.categoryBlock,
    div.listSearch div.categoryBlock
    {
        border-bottom:  1px solid #8fcfa8;
        padding-bottom: 15px;
        margin-bottom: 35px;
    }

    div.listFilters div.control-group
    {
        display: block;
        clear: both;
    }

    div.listFilters div.controls,
    div.listFilters div.control-label
    {
        display: block;
        float: left;
        margin-bottom: 15px;
    }

    div.listFilters div.controls
    {
        margin-right: 5px;
    }

    div.listFilters div.control-label
    {
        width: 210px;
    }

    div.listFilters div.filterReadMore
    {
        display: none;
    }

    div.listFilters div.readMoreBtn
    {
        float: right;
    }


    div.listFilters div.btn.openFilterReadMore,
    div.listFilters div.btn.closeFilterReadMore
    {
        height: 50px;
        width: 50px;
        line-height: 50px;
        padding: 0;
        min-width: auto;
        background-image: url(../images/sprite-readMoreBlock.png);
        background-repeat: no-repeat;
        margin-bottom: 15px;
    }

    div.listFilters div.btn.openFilterReadMore
    {
        background-position: -10px -8px;
        width: 30px;
        height: 30px;
    }

    div.listFilters div.btn.closeFilterReadMore
    {
        background-position: -60px -10px;
        width: 30px;
        height: 30px;
    }

    div.listFilters .activeFilter div.readMoreBtn
    {
        background-color: #ffde00;
    }
/* einde listFilters */

/* start itemsGrid */
    div.itemsGrid
    {
        display: block;
        width: 840px;
        float: right;
        background: none;
        min-height: 150px;
    }

    div.itemsGrid.loadingIcon
    {
        background: url('../images/ajax-loader.gif') center 65px  no-repeat;
    }

    div.itemsGrid div.listItem
    {
        display: block;
        float: left;
        margin: 7px 7px;
        width: 263px;
        border: 1px solid #8fcfa8;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        height: 480px;
        background: #fff;
    }

    body.desktop div.itemsGrid div.listItem:hover .btn.yellow {
        background-color: #424242;
        color: #fff;
    }

    div.itemsGrid.inspiratieFiches div.listItem .image
    {
        display: flex;
        width: 100%;
        height: 195px;
        overflow: hidden;
    }

    div.itemsGrid.inspiratieFiches div.listItem .image>img
    {
        width: 100%;
        height: auto;
        max-height: 195px;
        margin: 0 !important;
    }

    div.itemsGrid div.listItem>img,
    div.itemsGrid div.listItem>a>img
    {
        width: 263px;
    }

    div.itemsGrid div.listItem a
    {
        text-decoration: none;
        border: none;
        padding: 0;
        display: block;
    }

    body.desktop div.itemsGrid div.listItem a:hover
    {
        background: none;
        color: #000;
    }

    div.itemsGrid div.listItem img
    {
        display: block;
        -webkit-border-radius: 15px 15px 0px 0px;
        -moz-border-radius: 15px 15px 0px 0px;
        border-radius: 15px 15px 0px 0px;
    }

    div.itemsGrid div.listItem .itemInfo
    {
        padding: 20px 25px;
    }

    div.itemsGrid div.listItem .itemInfo h3
    {
        font-size: 20px;
        font-weight: 400;
        color: #424242;
        text-transform: none;
        margin-bottom: 10px;
        height: 60px;
        overflow: hidden;
        max-height: 60px;
    }

    div.itemsGrid div.listItem .itemInfo .intro
    {
        font-size: 14px;
        font-weight: 300;
        color: #424242;
        margin-bottom: 15px;
        height: 165px;
        max-height: 165px;
        overflow-y: hidden;
    }

    div.itemsGrid.inspiratieFiches div.listItem .itemInfo .intro
    {
        height: 98px;
        max-height: 98px;
    }

    div.itemsGrid div.listItem .btn
    {
        padding: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        min-width: auto;
        font-size: 25px;
        color: #fff !important;
    }

    /* start itemsGrid related */

    div.itemsGrid.related
    {
        width: 100%;
        padding-top: 15px;
    }

    /* einde activiteitenPage related */
/* einde itemsGrid */

/* start activiteitenPage */
    div.activiteitenPage a.btn.subscribe
    {
        float: right;
    }

    div.activiteitenPage div.relatedItems
    {
        margin-top: 5px;
    }

    div.activiteitenPage div.relatedItems
    {
        margin-top: 50px;
    }


    div.activiteitenPage div.listItem
    {
        height: 480px;
    }

    div.activiteitenPage div.related div.listItem
    {
        height: 325px;
    }

    div.activiteitenPage div.listItem div.date
    {
        height: 65px;
        line-height: 65px;
        background: #8fcfa8;
        color: #fff;
        font-size: 20px;
        padding-left: 24px;
        display: block;
        -webkit-border-radius: 12px 12px 0px 0px;
        -moz-border-radius: 12px 12px 0px 0px;
        border-radius: 12px 12px 0px 0px;
    }

    div.activiteitenPage div.listItem img
    {
        display: block;
        -webkit-border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }

    div.activiteitenPage div.listItem div.itemInfo
    {
        height: 205px;
        max-height: 205px;
        padding: 20px 25px 15px;
    }

    div.activiteitenPage div.related div.listItem div.itemInfo
    {
        height: 50px;
    }

    div.activiteitenPage div.listItem .itemInfo h3
    {
        height: auto;
        max-height: auto;
        margin-top: 0;
    }

    div.activiteitenPage div.listItem div.intro
    {
        height: auto;
        max-height: auto;
    }

    div.activiteitenPage div.listItem div.location
    {
        height: 70px;
        max-height: 70px;
        background: #eef8f2;
        padding: 10px 25px;
        font-weight: bold;
        font-size: 14px;
    }

    div.activiteitenPage div.listItem div.price
    {
        display: block;
        float: right;
        margin-top: 20px;
        margin-right: 25px;
        color: #000;
        font-size: 25px;
        vertical-align: middle;
    }

    div.activiteitenPage div.listItem div.price .euro
    {
        font-size: 32px;
        vertical-align: bottom;
        margin-right: 5px;
    }

    div.activiteitenPage div.listItem div.more-info
    {
        display: block;
        margin-top: 15px;
        margin-left: 25px;

        background-image: url(../images/sprite-readMoreBlock.png);
        background-position: 0px -100px;
        transform: rotate(-90deg);
    }

    div.activiteitenPage div.singleItem div.actInfo div.price
    {
        display: block;
        float: left;
        width: 150px;
        margin-left: 100px;
        font-size: 25px;
    }

    div.activiteitenPage div.singleItem div.actInfo div.price .euro
    {
        font-size: 32px;
        vertical-align: bottom;
        margin-right: 5px;
    }

    div.activiteitenPage div.singleItem div.actInfo div.date
    {
        display: block;
        float: left;
        width: 150px;
        color: #424242;
    }

    div.activiteitenPage div.singleItem div.actInfo div.onderwijsniveau
    {
        display: block;
        float: left;
        width: 150px;
        margin-left: 60px;
    }

    div.activiteitenPage div.singleItem div.actInfo div.location
    {
        display: block;
        float: right;
        width: 400px;
        text-align: right;
        margin-right: 10px;
    }

    div.activiteitenPage div.singleItem iframe
    {
        width: 100%;
        margin-top: 50px;
    }

    div.activiteitenPage div.singleItem .jCaptchaField iframe
    {
        width: auto;
        margin-top: 0px;
    }

    div.activiteitenPage div.singleItem div.actInfo .greyBlock
    {
        background: #eef8f2;
    }

    div.activiteitenPage div.singleItem div.actInfo strong.title
    {
        font-size: 30px;
        font-weight: 300;
        color: #424242;
    }

    div.activiteitenPage div.singleItem div.activiteitArticle
    {
        display: block;
        position: relative;
        padding: 25px;
        background: #f5f5f5;
        border: 2px solid #8fcfa8;
        width: 1050px;
        margin: 30px 0;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
    }

    div.activiteitenPage div.singleItem div.activiteitArticle h2.main-header
    {
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 10px;
    }

    div.activiteitenPage div.singleItem div.activiteitArticle img.art-boogje
    {
        position: absolute;
        top: -40px;
        left: -40px;
    }

    div.activiteitenPage div.singleItem div.activiteitArticle img.art-wave
    {
        position: absolute;
        bottom: -30px;
        right: 20px;
    }

    div.activiteitenPage div.singleItem div.activiteitArticle div.greyBlock
    {
        width: 1100px;
        margin-left: -25px;
        background-color: #FFFFFF;
    }

    div.activiteitenPage div.singleItem div.activiteitArticle div.greyBlock div.wrapper
    {
        width: 1050px;
    }


    div.activiteitenPage .basicInfoBlock
    {
        margin-bottom: 50px;
    }

    div.activiteitenPage div.introSubscribePage
    {
        margin: 35px 0;
    }


    div.activiteitenPage form#subscribeForm {
        width: 700px;
        margin: auto;
    }

    div.activiteitenPage form#subscribeForm div.control-group.textField,
    div.activiteitenPage form#subscribeForm div.control-group.singleSelect
    {
        float: left;
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box;
        height: 100px;
    }

    div.activiteitenPage form#subscribeForm div.control-group.textField .control-label label,
    div.activiteitenPage form#subscribeForm div.control-group.singleSelect .control-label label
    {
        margin-top: 20px;
    }

    div.activiteitenPage form#subscribeForm input,
    div.activiteitenPage form#subscribeForm textarea
    {
        width: 100%;
    }

    div.activiteitenPage form#subscribeForm div.keuze1,
    div.activiteitenPage form#subscribeForm div.keuze2,
    div.activiteitenPage form#subscribeForm div.otherChoseList,
    div.activiteitenPage form#subscribeForm div.otherChoseFree,
    div.activiteitenPage form#subscribeForm div.opmerkingen
    {
        clear: both;
    }

    div.activiteitenPage form#subscribeForm div.opmerkingen
    {
        padding-top: 50px;
    }

    div.activiteitenPage form#subscribeForm div.otherChoseList div.keuze
    {
        width: 50%;
        float: left;
    }

    div.activiteitenPage form#subscribeForm div.otherChoseList div.keuze .control-group .selectric-wrapper
    {
        width: 90%;
    }

    div.activiteitenPage form#subscribeForm div.keuze1 .control-group,
    div.activiteitenPage form#subscribeForm div.keuze2 .control-group
    {
        width: 25%;
    }

    div.activiteitenPage form#subscribeForm div.otherChoseList,
    div.activiteitenPage form#subscribeForm div.otherChoseFree
    {
        margin:50px 0;
        padding:50px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }



/* einde activiteitenPage */

/* start activiteitenExportPage */

div.activiteitenExportPage .loadingContainer
{
    display: block;
    background: url('../images/ajax-loader.gif') center no-repeat;
    height: 40px;
    width: 100%;
}

div.activiteitenExportPage .pdfContainer
{
    display: none;
}

div.activiteitenExportPage .pdfContainer object
{
    width: 100%;
    height: 1024px;
}


/* einde activiteitenExportPage */


/* start projectPage */
    div.projectPage div.listItem .itemInfo h3
    {
        height: auto;
    }

/* einde projectPage */

/* Start General basket en materialen */

div.materialenPage div.redRow,
div.winkelmandPage div.redRow {
   border-top: 1px solid #8fcfa8;
   border-bottom: 1px solid #8fcfa8;
}

div.materialenPage div.redRowBottom,
div.winkelmandPage div.redRowBottom {
   border-bottom: 1px solid #8fcfa8;
}

div.materialenPage hr.huurDateSperator {
    clear: both;
    border:0;
    border-bottom: 1px solid #8fcfa8;
    padding-top: 5px;
}

div.materialenPage div.listItem form h3,
div.winkelmandPage div.listItem form h3,
div.huurContainer form h3 {
    margin-bottom: 5px;
}

div.materialenPage div.listItem form a,
div.winkelmandPage div.listItem form a,
div.huurContainer form a {
    display: block;
}
div.materialenPage div.listItem .btn,
div.winkelmandPage div.listItem .btn,
div.huurContainer .btn {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 70%;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    min-width: inherit;
    box-sizing: border-box;
}

div.materialenPage div.listItem input,
div.winkelmandPage div.listItem input,
div.huurContainer input,
div.winkelmandPage textarea {
    box-sizing: border-box;
    display: block;
    float: left;
    height: 40px;
    background-color: #FAF9F5;
    border:1px solid #ffde00;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.materialenPage div.listItem .aantal input,
div.winkelmandPage div.listItem .aantal input,
div.huurContainer .aantal input {
    width: 40px;
}

div.materialenPage div.listItem input.dateField,
div.winkelmandPage div.listItem input.dateField,
div.huurContainer input.dateField {
    width: 120px;
}

div.materialenPage div.listItem .huurDate,
div.winkelmandPage div.listItem .huurDate,
div.huurContainer .huurDate {
    display: inline-block;
    width: 300px;
}

div.materialenPage div.listItem .huurDate .calendar,
div.winkelmandPage div.listItem .huurDate .calendar,
div.huurContainer .huurDate .calendar {
    float: left;
    background-image: url('../images/icon-calendar.png');
    border-radius: 3px;
}

div.materialenPage div.listItem .huurDate p,
div.winkelmandPage div.listItem .huurDate p,
div.huurContainer .huurDate p {
    margin-top: 10px;
}


div.materialenPage div.listItem .singleSelectList,
div.winkelmandPage div.listItem .singleSelectList,
div.huurContainer .singleSelectList {
    float: left;
}

div.materialenPage div.listItem .singleSelectList br,
div.winkelmandPage div.listItem .singleSelectList br,
div.huurContainer .singleSelectList br {
    display: none;
}

div.materialenPage div.listItem .aantal .numberControl,
div.winkelmandPage div.listItem .aantal .numberControl,
div.huurContainer .aantal .numberControl {
    display: block;
    float: left;
    margin: 0 5px;
    padding: 0;
    background-color: #ffde00;
    color: #424242!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

div.materialenPage div.listItem .price,
div.winkelmandPage div.listItem .price,
div.huurContainer .price,
div.winkelmandPage div.winkelmandTotaal .price {
    color: #000;
    font-size: 30px;
    padding: 10px 20px;
}

div.materialenPage div.listItem .euro,
div.winkelmandPage div.listItem .euro,
div.huurContainer .euro,
div.winkelmandPage div.winkelmandTotaal .euro  {
    font-size: 32px;
    margin-right: 5px;
}

div.singleItem .singleSelectList label,
div.huurContainer .singleSelectList label,
div.winkelmandPage .singleSelectList label {
    margin-top: 0;
}

div.singleItem .singleSelect,
div.huurContainer .singleSelect,
div.winkelmandPage .singleSelect {
    margin-bottom: 0;
}

div.singleItem .aantal input,
div.huurContainer .aantal input,
div.winkelmandPage .aantel input {
    margin-bottom: 0;
}

div.winkelmandPage .steps,
div.orderPage .steps
{
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 40px 0;
    color: #424242;
}

div.winkelmandPage .step.one,
div.orderPage .step.one
{
    padding-left: 0;
}

div.winkelmandPage .step.three,
div.orderPage .step.three
{
    padding-right: 0;
}


div.winkelmandPage .step,
div.orderPage .step
{
    background-color: #fff;
    position: relative;
    z-index: 100;
    padding: 0 10px;
    font-size: 25px;
}

div.winkelmandPage .step.active,
div.orderPage .step.active
{
    font-weight: bold;
}


div.winkelmandPage .steps:after,
div.orderPage .steps:after
{
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    z-index: 50;
    left: 0;
    top: 21px;
    height: 1px;
    background-color: #FFDE00;
}

/* Einde general basket en materialen */

/* start materialenPage itemsGrid */

div.materialenPage div.itemsGrid div.listItem {
    height: 515px;
}

body.desktop div.materialenPage  div.itemsGrid div.listItem:hover .btn.yellow {
    background-color: #ffde00;
    color: #424242;
}

div.materialenPage div.itemsGrid div.listItem .itemSoort {
    padding: 0 20px;
    background: #8fcfa8;
    color:#fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
}

div.materialenPage div.itemsGrid div.listItem .itemImg {
    width: 263px;
    height: 130px;
    overflow: hidden;
}
div.materialenPage div.itemsGrid div.listItem .itemImg img {
    width: 100%;
    height: auto;
}

div.materialenPage .itemSoort .itemAdded {
    background-image: url('../images/icon-shopping-cart-check.png');
    width: 40px;
    height: 40px;
    float: right;
    margin-top: 10px;
}


div.materialenPage div.itemsGrid div.listItem img {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

div.materialenPage div.itemsGrid div.listItem .itemInfo {
    padding: 0;
}

div.materialenPage div.itemsGrid div.listItem .itemInfo h3 {
    margin: 20px;
}

div.materialenPage div.itemsGrid div.listItem .itemInfo .intro {
    padding: 10px 20px;
    max-height: 80px;
    height: 80px;
    margin-bottom: 0;
    overflow: hidden;
}

div.materialenPage div.itemsGrid div.listItem .itemInfo .intro.grey {
    background: #eef8f2;
}


div.materialenPage div.itemsGrid div.listItem .itemInfo .btn.more-info,
div.materialenPage div.itemsGrid div.listItem .itemInfo .btn.buy,
div.materialenPage div.itemsGrid div.listItem .itemInfo .aantal {
    float: left;
}

div.materialenPage div.relatedItems div.itemsGrid div.listItem {
    height: 415px;
}

div.materialenPage .btn.more-info {
    background-image: url('../images/info-sign.png');
}

div.materialenPage .btn.buy, div.materialenPage .btn.extendCheck {
    background-image: url('../images/icon-shopping-cart-white.png');
    -webkit-border-radius: 8px 8px 8px 8px;
            -moz-border-radius: 8px 8px 8px 8px;
            border-radius: 8px 8px 8px 8px;
}

div.materialenPage .btn.download {
    background-image: url('../images/icon-download-white.png') !important;
}

    /*start materiaal item*/

    div.materialenPage .singleItem {
        margin:50px 0 100px 0;
    }

    div.materialenPage .singleItem .colLeft {
        float: left;
        width: 250px;
        margin-right: 40px;
    }
    div.materialenPage .singleItem .colRight {
        float: right;
        width: 810px;
    }

    div.materialenPage .singleItem .redRow {
        padding: 10px 0;
        margin-bottom: 20px;
    }

    div.materialenPage .singleItem h2 {
        font-size: 26px;
        font-weight: 400;
        margin-top: 0;
    }

    div.materialenPage .singleItem .article h2 {
        font-size: 20px;
        font-weight: 400;
    }

    div.materialenPage div.singleItem .price {
        float: left;
        width: 350px;
        margin-right: 25px;
        padding: 0;
    }
    div.materialenPage .singleItem .btn {
        float: right;
    }
    div.materialenPage .singleItem .btn.openReadMore,
    div.materialenPage .singleItem .btn.closeReadMore {
        float: none;
    }

    div.materialenPage .singleItem .greyBlock {
        width: 810px;
        position: relative;
        margin-left: 0;
        border: 2px solid #8FCFA8;
        background: #F5F5F5;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
    }

    div.materialenPage .singleItem .greyBlock:before {
        content: '';
        background-image: url(../images/art-boogje-moev.png);
        position: absolute;
        left: -35px;
        top: -30px;
        width: 86px;
        height: 55px;
    }

    div.materialenPage .singleItem .greyBlock:after {
        content: '';
        background-image: url(../images/art-wave-moev.png);
        position: absolute;
        right: 0;
        bottom: -30px;
        width: 106px;
        height: 82px;
    }

    div.materialenPage .singleItem .greyBlock .wrapper {
        width: 750px;
    }

    /* einde materiaal item */

    div.addedToBasket ,
    div.huurContainer,
    div.downloadNotLoggedInPopup
    {
        display: none;
    }

/* einde materialenPage itemsGrid */


/* start winkelmandPage */


div.winkelmandContainer,
div.winkelmandAdresContainer,
div.winkelmandAdresContainer .levering,
div.winkelmandAdresContainer .facturatie {
    display: none;
}

div.winkelmandAdresContainer .levering .adresBox,
div.winkelmandAdresContainer .facturatie .adresBox {
    margin: 20px 0 10px 0;
    padding: 0px 0 40px 0;
    border-bottom: 1px solid #FFDE00;
}

div.winkelmandAdresContainer .levering .editAdres,
div.winkelmandAdresContainer .facturatie .editAdres {
    float: right;
}

div.winkelmandPage h3 {
   font-weight: bold;
}

div.winkelmandPage div.greyBlock {
    margin-bottom: 100px;
}


div.winkelmandPage div.winkelmandAdres h2 {
    margin-top: 0;
    min-height: 80px;
}

div.winkelmandPage div.winkelmandAdres .gegevensContainer {
   width: 366px;
   float: left;
}

div.winkelmandPage div.winkelmandAdres .adresBox {
    min-height: 120px;
    overflow: hidden;
    padding-right: 20px;
}


div.winkelmandPage div.winkelmandAdres .btn {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

div.winkelmandPage div.listItem {
   margin: 50px 0;
}

div.winkelmandPage div.listItem div.basketLeft {
    float: left;
    width: 150px;
    margin-right: 50px;
}

div.winkelmandPage div.listItem div.basketLeft img {
    width: 100%;
    height: auto;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
div.winkelmandPage div.listItem div.basketRight {
    float: left;
    width: 900px;
}

div.winkelmandPage div.listItem div.basketRight div.basketRow {
    padding: 25px 0;
}

div.winkelmandPage div.listItem div.basketRight div.basketTitle {
    color: #424242;
    font-size: 22px;
    font-weight: 400;
    float: left;
    width: 400px;
}

div.winkelmandPage div.listItem div.basketRight div.basketTitle {
    color: #424242;
    font-size: 22px;
    font-weight: 400;
    float: left;
    width: 400px;
}

div.winkelmandPage div.listItem div.basketRight div.aantal
{
    color: #000;
    font-size: 30px;
}

div.winkelmandPage div.listItem div.basketRight div.aantal,
div.winkelmandPage div.listItem div.basketRight div.basketDel {
    float: right;
}

div.winkelmandPage div.listItem div.basketRight input {
    margin-bottom: 0;
}

div.winkelmandPage div.listItem div.basketRight div.price {
    float: right;
    padding: 0;
}

div.winkelmandPage div.listItem div.basketRight div.basketVanTot h3 {
    margin-top: 0;
}

div.winkelmandPage textarea {
    text-align: left;
    width: 100%;
    margin: 20px 0;
    height: 150px;
    padding: 5px;
    float: none;
    font-size: 18px;
}

div.winkelmandPage .checkboxField .controls {
    float: left;
    margin-right: 10px;
}

div.winkelmandPage div.listItem .basketDel {
    background-image: url('../images/icon-delete.png');
    border-radius: 3px;
}


div.winkelmandPage div.winkelmandTotaal {
    background-color: #ffde00;
    margin:10px 0;
}

div.winkelmandPage div.winkelmandTotaal.subtotaal {
    background-color: #eef8f2;
}

div.winkelmandPage div.winkelmandTotaal div.totaalTekst {
    text-align: left;
    display: inline-block;
    width: 200px;
    margin-left: 720px;
}

div.winkelmandPage div.btn.afronden {
    float: right;
}

div.winkelmandPage div.winkelmandTotaal div.price {
    display: inline-block;
}

/* einde winkelmandPage */

/* start table.styled */
    table.styled {width:100%;}
    table.styled thead tr th { background:#f5f5f5; margin:0px; padding:10px; text-align:left; font-weight:normal; color:#0167e7; }
    table.styled tbody tr td { background:#f5f5f5; margin:0px; padding:10px; height:auto;}
    table.styled .btn {clear:none !important; min-width:auto !important; margin-right:5px;}
/* einde table.styled */

/* start orderPage */

    .orderPage table { width:100%; }
    .orderPage tr th { background:#f5f5f5; margin:0px; padding:10px; text-align:left; font-weight:normal; color:#0167e7; }
    .orderPage tr td { background:#f5f5f5; margin:0px; padding:10px; height:auto;}

/* einde orderPage */

/* start sponsors */
    div.sponsors
    {
        display: block;
        min-height: 280px;
        background: url(../images/bg-sponsors.jpg) top left repeat-x;
    }

    div.sponsors h2
    {
        font-weight: 300;
        font-size: 55px;
        margin-bottom: 25px;
        text-align: center;
        padding-bottom: 30px;
    }

    div.sponsors p
    {
        text-align: center;
    }

    div.sponsors p img
    {
        margin: 0 15px;
    }

    div.logoWhenVlaBr
    {
        display: none;
    }
/* einde sponsors */

/* start acymailing */
    #acymodifyform fieldset
    {
        border:  none;
    }

    #acymodifyform legend
    {
       font-weight: 300;
        font-size: 30px;
        color: #424242;
        margin-top: 30px;
    }

    #acymodifyform .acy_onelist input
    {
        display: inline-block;
    }

    #acymodifyform .acy_onelist .list_description
    {
        display: none;
    }

    .acy_user_info legend span, .acy_subscription_list legend span {
        display: block;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 40px;
    }

    #acyuserinfo label {
        margin-top: 0;
    }

    #acyuserinfo input {
        width: 100%;
        max-width: 300px;
    }

    .acym_list {
        display: block;
        margin-bottom: 20px;
    }

    .acym_list .acym_radio_group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 5px;
        margin-right: 10px;
    }

    .acym_list label {
        margin: 0 10px 0 0;
    }

    .acym_list input[type='radio'] {
        margin-top: 5px !important;
    }

    h1.acym__front__archive__title {
        margin-bottom: 40px !important;
    }

    #acym__front__archive__search {
        margin-bottom: 40px !important;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    #acym__front__archive__search input {
        max-width: 400px;
        margin: 0 10px 0 0 !important;
    }

    #acym__front__archive__search button {
        height: 39px !important;
        width: auto !important;
        margin: 0 !important;
    }

    .acym__front__archive__newsletter_sending-date {
        margin-bottom: 20px !important;
    }
/* einde acymailing */

 /* start inspiratieboxen */
        div.page div.inspiratieboxen
        {
            display: block;
            clear: left;
            margin-top: 15px;
        }

        div.page div.inspiratieboxen:after {
          content: '';
          display: block;
          clear: both;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock
        {
            display: block;
            float: left;
            border: 1px solid #8fcfa8;
            -webkit-border-radius: 15px 15px 15px 15px;
            -moz-border-radius: 15px 15px 15px 15px;
            border-radius: 15px 15px 15px 15px;
            -webkit-box-shadow: #a6cdfe 0 0 2px;
            -moz-box-shadow: #a6cdfe 0 0 2px;
            box-shadow: #a6cdfe 0 0 2px;
            width: 225px;
            margin-bottom: 15px;
            background: #fff;
            color: #000;
            text-decoration: none;
            padding: 10px;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock a
        {
            display: block;
            color: #000;
            text-decoration: none;
            border: none;
            padding: 0;
        }

        body.desktop div.page div.inspiratieboxen div.inspiratieboxBlock a:hover
        {
            background:  none;
            color: #000;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock div.title
        {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 14px;
            padding: 0 25px;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock div.intro
        {
            font-size: 16px;
            font-weight: normal;
            margin-bottom: 20px;
            padding: 0 25px;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock div.btn
        {
            display: block;
            position: absolute;
            bottom: 10px;
            right: 10px;
            min-width: auto;
            width: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0;
            float: left;
            margin: 0;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock div.btn div.icon
        {
            display: block;
            background: url(../images/ico-ext-url.png) center 8px no-repeat;
            background-size: 12px;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock div.cover
        {
            margin: 10px 0;
        }

        div.page div.inspiratieboxen div.inspiratieboxBlock div.cover img
        {
            display: block;
            width: 200px;
            height: auto;
            margin: 0 auto;
        }
    /* einde inspiratieboxen */

    /* start pagination */
        div.pagination ul
        {
            list-style-type: none;
            margin-top: 50px;
        }
        div.pagination ul li
        {
            display: inline-block;
            background: none;
            padding: 0;
            margin-right: 5px;
        }
    /* einde pagination */


    /* SCHOOLSPEELPLAATSEN */

    #schoolspeelplaatsen {
     text-align: center;
     position:relative;
     margin-bottom:40px;
    }

    #schoolspeelplaatsen #map {
        border:1px solid #ccc;
    }

    #schoolspeelplaatsen .gmnoprint, #schoolspeelplaatsen .gm-control-active  {
        display:none;
    }

    #schoolspeelplaatsen h2 {
     text-align: center;
     margin-bottom:5px;
    }

    #schoolspeelplaatsen p {
     text-align: center;
     margin-bottom:30px;
    }

    #schoolspeelplaatsen p.sspAdres {
     font-style: italic;
     margin-bottom:30px;
    }

    #schoolspeelplaatsen img {
     max-width:50%;
     margin:0 auto;
    }

    #schoolspeelplaatsen .funEl1
    {
        display: block;
        width: 120px;
        height: 135px;
        background: url(../images/art-w.png) center no-repeat;
        position: absolute;
        right: 100px;
        bottom:-50px;
        opacity:0.75;
    }

/* start footer */
    div.footer
    {
        display: block;
        background: url(../images/bg-footer.jpg) center top no-repeat;
        background-size: cover;
        min-height: 550px;
        padding: 40px 0 0;
    }

    div.footer .wrapper
    {
        width: 1350px;
    }

    div.footer h2
    {
        font-weight: 400;
        font-size: 17px;
        color: #fff;
    }

    div.footer p
    {
        color: #fff;
        font-size: 17px;
        margin-bottom: 20px;
        font-weight: 300;
    }

    div.footer a
    {
        color: #ffde00;
        text-decoration: none;
    }

    div.footer div.newsletterSubscribe
    {
        float: right;
    }

    div.footer div.newsletterSubscribe a.btn-yellow
    {
        background-color: #ffde00;
        color: #424242 !important;
        padding-left: 30px;
        background-image: url(../images/icon_mail.png);
        background-position: 10px center;
        background-repeat: no-repeat;
    }

    div.footer div.newsletterSubscribe a.btn-yellow:hover
    {
        background-color: #424242 !important;
        color:#fff !important;
    }

    /* start offices */
        div.footer div.moduletable.offices
        {
            border-top: 1px solid #707070;
            border-bottom: 1px solid #707070;
            padding-top: 30px;
            padding-bottom: 30px;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        div.footer div.custom.offices
        {
            display: flex;
            flex-wrap: wrap;
            /* justify-content: space-between; */
        }
        div.footer div.custom.offices>div
        {
            display: block;
            width: 200px;
            margin-right: 25px;
        }
        div.footer div.custom.offices h2
        {
            margin-bottom: 20px;
        }
    /* einde offices */

    /* start footerMainMenu */
        div.footer div.footerMainMenu
        {
            display: block;
            /* float: right; */
            /* width: 750px; */
            margin-bottom: 60px;
        }

        div.footer div.footerMainMenu ul
        {
            display: block;
            list-style-type: none;
        }

        /* div.footer div.footerMainMenu ul li
        {
            margin-bottom: 10px;
            line-height: 24px;
        } */

        /* div.footer div.footerMainMenu>ul>li>ul>li>ul>li
        {
            background: url('../images/art-li-wave-moev.png') left 5px no-repeat;
            padding-left: 25px;
        }

        body.desktop div.footer div.footerMainMenu>ul>li>ul>li>ul>li:hover>a
        {
            color: #fff;
        } */

        div.footer div.footerMainMenu ul ul
        {
            display: none;
        }

        div.footer div.footerMainMenu>ul>li
        {
            display: block;
            /* float: left; */
            /* width: 215px; */
            /* margin-right: 20px; */
            margin-bottom: 10px;
        }

        div.footer div.footerMainMenu>ul>li>a
        {
            color: #FFDE32;
            font-size: 16px;
            font-weight: 400;
            /* text-transform: uppercase; */
        }

        /* div.footer div.footerMainMenu>ul>li:first-child
        {
            display: block;
            float: left;
            width: 750px;
            margin-bottom: 40px;
        } */

        /*  div.footer div.footerMainMenu>ul>li:first-child>ul
        {
            display: none;
            width: 750px;
        }

       div.footer div.footerMainMenu>ul>li:first-child>ul>li
        {
            display: block;
            float: left;
            width: 215px;
            margin-right: 0px;
            margin-bottom: 20px;
        }

        div.footer div.footerMainMenu>ul>li>ul>li>a
        {
            color: #fff;
            font-size: 16px;
            font-size: 300;
            text-transform: uppercase;
            margin: 10px 0;
            display: block;
        } */
    /* einde footerMainMenu */

    /* start footerTopMenu */
        div.footer div.footerTopMenu
        {
            display: block;
            clear: right;
            float: right;
            /* width: 750px; */
            max-width: 50%;
        }

        div.footer div.footerTopMenu ul
        {
            display: flex;
            flex-wrap: wrap;
            list-style-type: none;
            justify-content: flex-end;
        }

        div.footer div.footerTopMenu ul li
        {
            margin-right: 30px;
        }

        div.footer div.footerTopMenu ul li a
        {
            font-size: 16px;
        }
    /* einde footerTopMenu */

    /* start socials */
        div.footer div.socials
        {
            float: right;
            margin-top: 0;
        }
    /* einde socials */
/* einde footer */
/* start fancybox */
    div.fancybox-overlay
    {
        background: url(../images/bg-transparent-5e5e5e-90.png);
    }
    div.fancybox-wrap input
    {
         font-family: 'Open Sans', sans-serif;
    }

    div.fancybox-overlay.searchBox button,
    div.fancybox-wrap.searchBox button
    {
        display: none;
    }

    div.fancybox-wrap div.fancybox-skin
    {
        border: none !important;
        color: #fff;
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    div.fancybox-wrap div.fancybox-inner
    {
        background: none;
    }

    div.fancybox-wrap div#system-message-container .alert
    {
        color: #424242;
    }

    div.fancybox-wrap label.element-invisible
    {
        display: none;
    }

    div.fancybox-wrap input
    {
        display: block;
        width: 90%;
        height: 80px;
        line-height: 80px;
        padding: 0 5%;
        font-size: 40px;
        font-weight: 300;
        -webkit-border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        border-radius: 15px 15px 15px 15px;
        margin-bottom: 15px;
        border: 1px solid #333;
    }

    /* start loginBox */

        div.fancybox-overlay.loginBox ul,
         div.fancybox-wrap.loginBox ul
        {
            margin: 20px 0;
            list-style: none;
            color: #fff;
        }

        div.fancybox-overlay.loginBox ul li,
         div.fancybox-wrap.loginBox ul li
        {
            margin: 5px 0;
        }

        div.fancybox-overlay.loginBox ul li a,
         div.fancybox-wrap.loginBox ul li a
        {
            color: #fff;
        }

        div.fancybox-overlay.loginBox button,
         div.fancybox-wrap.loginBox button,
         div.fancybox-overlay.loginBox div.login-popup-buttons a
        {
            display: inline-block;
            min-width: 100px;
            height: 40px;
            line-height: 40px;
            background: #424242;
            color: #fff;
            text-align: center;
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
            cursor: pointer;
            border: none;
            text-decoration: none;
            font-size:  12px;
            padding: 0 10px;
        }

        body.desktop div.fancybox-overlay.loginBox button:hover,
         div.fancybox-overlay.loginBox div.login-popup-buttons a:hover
        {
            background: #FFDE00;
            color: #2b86f9;
        }
    /* einde loginBox */

    div.fancybox-wrap .huurContainer,
    div.fancybox-wrap .winkelmandContainer,
    div.fancybox-wrap .addedToBasket,
    div.fancybox-wrap .downloadNotLoggedInPopup,
    div.fancybox-wrap .winkelmandAdresContainer,
    div.fancybox-wrap #leveringGegevens,
    div.fancybox-wrap #facturatieGegevens
    {
        border: 1px solid #fff;
        padding: 20px;
        background-color: rgba(0,0,0,0.5);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    div.fancybox-wrap .huurContainer input,
    div.fancybox-wrap .downloadNotLoggedInPopup input,
    div.fancybox-wrap .formContainer input
    {
        display: block;
        width: 150px;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        font-size: 15px;
        font-weight: 300;
        -webkit-border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
        margin-bottom: 15px;
        border: 1px solid #333;
    }

    div.fancybox-wrap form#leveringGegevens div.textField .controls input,
    div.fancybox-wrap form#facturatieGegevens div.textField .controls input {
        background: #424242;
        color: #aaa;
    }

    /* begin huur container */

    div.fancybox-wrap div.huurContainer .huurDate
    {
        display: block;
        width: 100%;
    }

    div.fancybox-wrap div.huurContainer h2
    {
        margin-bottom: 15px;
    }

    div.fancybox-wrap div.huurContainer .huurDate h3
    {
        margin-bottom: 5px;
    }

    div.fancybox-wrap div.huurContainer .huurDate.first
    {
        margin-right: 0;
        margin-bottom: 30px;
    }

    div.fancybox-wrap div.huurContainer .aantal
    {
        display: none;
    }

    div.fancybox-wrap div.huurContainer .btn.buy
    {
        background-image: url('../images/icon-shopping-cart-white.png');
        margin: 10px 0;
    }

    /* einde huurcontainer */

    /* start addedToBasket */
    div.fancybox-wrap div.addedToBasket
    {
        margin: auto;
    }

    div.fancybox-wrap div.addedToBasket a.btn
    {
        margin-top: 25px;
    }

    /* einde addedToBasket */

    /* start addedToBasket */
    div.fancybox-wrap div.downloadNotLoggedInPopup label
    {
        display: block;
    }
    /* einde addedToBasket */
/* einde fancybox */

.resetList.btn, .btn.hide {
    display: none !important;
}

.icheckbox_minimal, .iradio_minimal {
    background-color: #fff!important;
}

div.loading {
/*     display: block;
    background: url('../images/ajax-loader.gif') center no-repeat;
    height: 20px;
    width: 250px;*/
/*    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);*/
}


#trhtml
{
    display: none;
}



#cg_ts_form
{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #efefef;
}






















@media only screen and (max-width: 1150px)
{
    div.mainMenu div.wrapper > ul.menu > li > a > div.note
    {
        display: none !important;
    }
}


@media only screen and (max-width: 1120px)
{
    div.wrapper {width: 90% !important; padding: 0 !important;}
    div.blueBlock div.wrapper {width: 1100px !important;}
    img.mobileResize {width: 100%; height: auto; float: none; display: block;}
    .tableWrapper {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}
    .tableWrapper::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
    .tableWrapper::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}

    div.schoolInfoBlock{left:0; padding-right:5%;}

    div.mainMenu div.wrapper>ul.menu>li ul {width:100%; padding:0 10px;}
    /* div.mainMenu div.wrapper > ul.menu > li > a {width: 140px;} */
    div.mainMenu div.wrapper > ul.menu > li.active > div.sub > ul > li {margin-right: 20px;}
    div.spotlight div.spotlightItem {width: 295px;}
    div.spotlight div.spotlightItem a img {width: 100%; height: auto;}
    div.spotlight div.spotlightItem a:hover div.content {width: 225px !important; height: 190px !important;}
    div.spotlight div.spotlightItem a:hover div.content div.btn {width: 185px !important;}
    div.spotlight div.btn.loadMore div.infoArrow {margin-top: 55px; margin-left: 215px;}
    div.spotlight div.spotlightItem h3 {font-size: 18px;}
    div.newsBlock .categories .btn {margin-left: 5px; min-width: auto; padding: 0 10px;}
    div.greyBlock {width: 100%; margin-left: 0px;}
    div.itemsGrid {width: 100% !important;}
    div.materialenPage .singleItem .colLeft {margin-right: 15px;}
    div.materialenPage .singleItem .colRight {width: 650px;}
    div.winkelmandPage div.winkelmandAdres .gegevensContainer {width: 255px; margin: 0 10px;}
    div.winkelmandPage div.listItem div.basketLeft {margin-right: 20px;}
    div.winkelmandPage div.listItem div.basketRight {width: 750px; float: right;}
    div.winkelmandPage div.winkelmandTotaal div.totaalTekst {margin-left: 600px;}
    div.footer div.offices {width: 250px;}
    div.footer div.footerMainMenu {width: 670px;}
    div.footer div.footerTopMenu {width: auto;}


    @media only screen and (orientation:portrait){
        div.mainMenu div.wrapper > ul.menu > li > a {width: 80px;}
    }
}





/* start mobile */
@media only screen and (max-width: 790px)
{
    /* start algemeen */
        html
        {
            background: #fff;
        }

        div.wrapper
        {
            width: 90% !important;
            padding: 0 !important;
        }

        img.mobileResize
        {
            width: 100%;
            height: auto;
            float: none;
            display: block;
        }

        .tableWrapper
        {
            width: 100%;
            overflow-y: auto;
            _overflow: auto;
            margin: 0 0 1em;
        }

        .tableWrapper::-webkit-scrollbar
        {
            -webkit-appearance: none;
            width: 14px;
            height: 14px;
        }

        .tableWrapper::-webkit-scrollbar-thumb
        {
            border-radius: 8px;
            border: 3px solid #fff;
            background-color: rgba(0, 0, 0, .3);
        }

        
    div.topNav
    {
        display: none;
    }

    /* start mobileStack */
        table.mobileStack
        {
            display: block;
            width: 100% !important;
            height: auto !important;
        }

        .mobileStack td
        {
            display: block;
        }
    /* end mobileStack */
    /* einde algemeen */

    /* start hiding elements */
        body.homePage .homeArt,
        div.spotlight div.btn.loadMore div.infoArrow
        {
            display: none;
        }
    /* einde hiding elements */

    /* start top */
        div.top
        {
            border-bottom: 1px solid #bfbfbf;
            padding: 5px 0 0;
        }
        div.top div.logo
        {
            /* width: auto; */
            top: 5px;
        }
        /* div.top div.logo img
        {
            height: 70px;
        } */

        div.top div.login
        {
            display: none;
        }

        div.top div.search
        {
            display: none;
        }



        div.bottomRow .hideDesktop
        {
            display: block !important;
        }

        .hideMobile
        {
            display: none !important;
        }

        div.page div.wf-columns div.wf-column
        {
            max-width: 100%;
        }

        /* start mobileMenuBtn */
            div.mobileMenuBtn
            {
                display: block;
                width: 20px;
                height: 20px;
                padding: 15px;
                background: #424242;
                opacity: 1;
                position: relative;
                cursor: pointer;
                float: right;
                -webkit-transition: 0.4s ease-in-out all;
                -moz-transition:    0.4s ease-in-out all;
                -o-transition:      0.4s ease-in-out all;
                transition:         0.4s ease-in-out all;
                -webkit-border-radius: 10px 10px 10px 10px;
                -moz-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
                margin-top: 10px;
            }

            div.mobileMenuBtn .line
            {
                -webkit-transition: 0.2s ease-in-out all;
                -moz-transition:    0.2s ease-in-out all;
                -o-transition:      0.2s ease-in-out all;
                transition:         0.2s ease-in-out all;
                width: 20px;
                height: 1px;
                background-color:#fff;
                position: absolute;
            }

            div.mobileMenuBtn .line.one
            {
                top: 30%;
            }

            div.mobileMenuBtn .line.two
            {
                top: 50%;
            }

            div.mobileMenuBtn .line.three
            {
                top: 70%;
            }

            div.mobileMenuBtn.active .line
            {
                top: 50%;
            }

            div.mobileMenuBtn.active .line.one
            {
                transform:          rotate(-45deg);
                -ms-transform:      rotate(-45deg);
                -webkit-transform:  rotate(-45deg);
                -moz-transform:     rotate(-45deg);
                -o-transform:       rotate(-45deg);
            }

            div.mobileMenuBtn.active .line.two
            {
                opacity: 0;
            }

            div.mobileMenuBtn.active .line.three
            {
                transform:          rotate(45deg);
                -ms-transform:      rotate(45deg);
                -webkit-transform:  rotate(45deg);
                -moz-transform:     rotate(45deg);
                -o-transform:       rotate(45deg);
            }
        /* einde mobileMenuBtn */
    /* einde top */

    div.mobileMenuBlock .newsScroller {display:none !important;}

    /* start mobileMenuBlock */

        div.mobileMenuBlock div.login,
        div.mobileMenuBlock div.search
        {
            display: block;
        }


        div.mainMenu
        {
            display: none;
        }

        div.mobileMenuBlock.active
        {
            display: block;
            position: absolute;
            width: 100vw;
            z-index: 888;
            background: white;
            margin-top: 50px;
        }

        div.mobileMenuBlock.active div.mainMenu
        {
            display: block !important;
            height: auto;
        }

        div.mobileMenuBlock .mainMenu ul
        {
            list-style-type: none;
        }

        div.mobileMenuBlock .mainMenu>ul>li
        {
            display: block;
            background: #424242;
            text-transform: uppercase;
        }

        div.mobileMenuBlock .mainMenu>ul>li>a
        {
            color: #fff;
            text-decoration: none;
            display: block;
            font-weight: bold;
            height: 50px;
            line-height: 50px;
            padding-left: 10px;
            border-bottom: 1px solid #fff;
        }


        div.mobileMenuBlock img
        {
            display: none;
        }

        div.mobileMenuBlock .mainMenu>ul>li.active>a
        {
            background: #ffde00;
        }

        div.mobileMenuBlock .mainMenu>ul>li.active>a
        {
            color: #434342;
        }

        div.mainMenu div.note,
        div.mainMenu div.readMoreBtn
        {
            display: none !important;
        }

        div.mainMenu ul.menu>li>a>div.icon
        {
            display: inline-block !important;
            width: 40px;
            height: 40px;
            background: url(../images/moev-sprite-mainnav.png) left top no-repeat;
            margin-right: 10px;
        }

        div.mainMenu ul.menu>li>a.ico-bal>div.icon
        {
            background-position: 0px top;
        }

        div.mainMenu ul.menu>li.active>a.ico-bal>div.icon
        {
            background-position: 0px bottom;
        }

        div.mainMenu ul.menu>li>a.ico-schoen>div.icon
        {
            background-position: -40px top;
        }

        div.mainMenu ul.menu>li.active>a.ico-schoen>div.icon
        {
            background-position: -40px bottom;
        }

        div.mainMenu ul.menu>li>a.ico-chronometer>div.icon
        {
            background-position: -90px top;
        }

        div.mainMenu ul.menu>li.active>a.ico-chronometer>div.icon
        {
            background-position: -90px bottom;
        }

        div.mainMenu ul.menu>li>a.ico-cart>div.icon
        {
            background-position: -135px top;
        }

        div.mainMenu ul.menu>li.active>a.ico-cart>div.icon
        {
            background-position: -135px bottom;
        }

        div.mobileMenuBlock .mainMenu>ul>li>div.sub
        {
            display:none;
        }

        div.mobileMenuBlock .mainMenu>ul>li.active>div.sub
        {
            display:block;
        }

        div.mobileMenuBlock .mainMenu>ul>li.active>div.sub>ul>li>a
        {
            color: #434342;
            text-decoration: none;
            display: block;
            font-weight: normal;
            height: 50px;
            line-height: 50px;
            padding-left: 10px;
            border-bottom: 1px solid #fff;
            background: #fdf1a4;
            text-transform: initial;
        }

        div.mobileMenuBlock .mainMenu>ul>li.active>div.sub>ul>li.active>a
        {
            background: #ffde00;
        }

        div.mobileMenuBlock div.mainMenu ul.menu ul
        {
            display: block;
        }

        div.mobileMenuBlock div.topMenu
        {
            /* margin-top: 35px; */
        }

        div.mobileMenuBlock div.topMenu>ul>li>a
        {
            display: block;
            font-size: 18px;
            color: #434342;
            font-weight: normal;
            height: 50px;
            line-height: 50px;
            padding-left: 10px;
            border-bottom: 1px solid #d9d9d9;
            text-decoration: none;
        }

        div.mobileMenuBlock div.topMenu .basket a
        {
            color: #434342;
            text-decoration: none;
            display: block;
            font-weight: normal;
            height: 50px;
            line-height: 50px;
            padding-left: 10px;
            border-bottom: 1px solid #fff;
            background: #fff;
            text-transform: initial;
            padding-left: 60px;
        }
        div.mobileMenuBlock div.topMenu .basket .basketIconGroup {
            float: left;
            margin-left: -55px;
        }
        div.mobileMenuBlock div.topMenu .basket span.basketIcon {
            float: none;
            background: url('../images/icon-shopping-cart-black.png') no-repeat;
            height: 30px;
            width: 30px;
            display: inline-block;
            margin-top: 5px;
            position: absolute;
        }

        div.mobileMenuBlock div.topMenu .basket span.basketAmount {
            position: absolute;
            margin-left: 20px;
            margin-top: 5px;
            background: #424242;
            height: 18px;
            width: 18px;
            border-radius: 18px;
            font-size: 11px;
            font-weight: 400;
            line-height: 18px;
            text-align: center;
            color: #fff;
        }

        div.mobileMenuBlock div.topMenu .basket .hoverInfo
        {
            display: none;
        }

        div.mobileMenuBlock div.topMenu>ul>li.active>a
        {
            background: #ffde00;
        }

        div.mobileMenuBlock div.socials
        {
            float: none;
            margin: 0;
        }

        div.mobileMenuBlock div.socials li
        {
            margin: 20px 0;
        }

        div.mobileMenuBlock div.login
        {
            float: none;
            margin: 0;
        }

        div.mobileMenuBlock div.login div.loginBtn,
        div.mobileMenuBlock div.login div.logout-button input
        {
            display: block;
            width: 100%;
            box-sizing: border-box;
            text-transform: initial;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            display: block;
            text-align: left;
            /* background: #424242; */
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #fff;
            font-weight: 400;
            font-size: 16px;
            padding: 0 10px;
            margin-bottom: 0;
        }

        div.mobileMenuBlock div.login div.logout-button input
        {
            border: none;
            background-position: 10px 0;
            padding-left: 60px;
        }

        div.mobileMenuBlock div.login div.logout-button:hover input
        {
            background-position: 7px -36px;
        }

        div.mobileMenuBlock div.search
        {
            float: none;
            margin: 0;
        }

        div.mobileMenuBlock div.search .btn
        {
            text-transform: initial;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            display: block;
            text-align: left;
            /* background: #424242; */
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #fff;
            font-weight: 400;
            font-size: 16px;
            padding-left: 18px;
            /* color:#fff !important; */
        }

        div.mobileMenuBlock div.search .icon
        {
            display: none;
        }

        div.searchIcon .ico {
            background: url(../images/sprite-search.png) center top no-repeat;
            margin: 5px 23px 0 0px;
        }

        div.mobileMenuBlock div.schoolInfoBlock
        {
            float: none;
            max-width: 100%;
            width: 90%;
            margin: 0;
            background: #ffde00;
            border: none;
            padding: 10px 5%;
            color: #434342;
            -webkit-border-radius: 0px 0px 15px 15px;
            -moz-border-radius:0px 0px 15px 15px;
            border-radius:0px 0px 15px 15px;
        }
    /* einde mobileMenuBlock */

    /* start page */
        div.page
        {
            overflow-x: hidden !important;
        }





        body.wkWielrennen div.page div.content::before
        {
            width: 150px;
            height: 125px;
            top:  -105px;

        }

        body.wkWielrennen div.greyBlock div.wrapper::before
        {
            display: none;
        }

        body.wkWielrennen div.page ul.wkBox
        {
            flex-direction: column;
        }

        div.page h1,
        div.page h2,
        div.page h3
        {
            word-wrap: break-word;
        }

        div.page h1
        {
            font-size: 30px;
        }

        div.page a.btn-nieuwsberichten {
            margin-top:-25px;
        }

        iframe
        {
            width: 100% !important;
        }

        table.mobileResize
        {
            width: 100% !important;
        }

        table.mobileResize img
        {
            display: block;
            width: 100% !important;
            height: auto;
        }

        .tableWrapper
        {
            width: 100%;
            overflow-y: auto;
            _overflow: auto;
            margin: 0 0 1em;
        }

        .tableWrapper::-webkit-scrollbar
        {
            -webkit-appearance: none;
            width: 14px;
            height: 14px;
        }

        .tableWrapper::-webkit-scrollbar-thumb
        {
            border-radius: 8px;
            border: 3px solid #fff;
            background-color: rgba(0, 0, 0, .3);
        }

        div.inDeKijker
        {
            padding: 25px 0;
        }

        div.spotlight div.spotlightItem
        {
            /* width: 100%; */
            float: none;
            height: auto;
            margin-bottom: 15px;
            margin-left: auto;
            margin-right: auto;
        }

        div.spotlight div.spotlightItem img
        {
            width: 100%;
        }

        div.spotlight div.btn.loadMore
        {
            margin-top: 0;
        }

        div.subscribe
        {
            float: none;
            width: 92%;
            padding:15px 4%;
            margin: 20px 0;
        }

        body.homePage div.content
        {
            width: 100%;
        }
    /* einde page */

    /* start newsBlock */
        div.newsBlock .categories .btn
        {
            display: block;
            margin: 10px 0;
        }

        div.newsBlock div.newsItem
        {
            float: none;
            width: 100%;
        }

        div.newsBlock div.newsItem img
        {
            width: 100%;
        }
    /* einde newsBlock */

    /* start blueBlock */
            div.blueBlock
            {
                margin-top: 0;
                width: 100%;
                margin-left: 0;
                margin-bottom: 40px;
            }

            div.blueBlock .blueBlockTop,
            div.blueBlock .blueBlockBottom
            {
                display: none !important;
            }

            div.blueBlock div.wrapper
            {
                width: 100% !important;
            }
        /* einde blueBlock */

    /* start greyBlock */
        div.greyBlock
        {
            width: 100%;
            margin-left: 0;
        }

        div.greyBlock img:not(.homeArt)
        {
            width: 100%;
            margin: 10px 0 !important;
            display: block;
            float: none !important;
        }
    /* einde greyBlock */

    /* start inspiratieboxen */
        div.page div.inspiratieboxen div.inspiratieboxBlock
        {
            width: 90%;
            padding: 5%;
            float: none;
        }
    /* einde inspiratieboxen */

    /* start menuLowerLv1 */
       /*  div.page ul.menuLowerLvl li
        {
            float: none;
            width: 100%;
        }
        div.page ul.menuLowerLvl li img
        {
            width: 100%;
            height: auto;
        } */
    /* einde menuLowerLv1 */

    /* start form */
        form div.textField input,
        form #acyuserinfo input[type="text"]
        {
            width: 95%;
        }

        div.profilePage form div.lkContainer div.textField input
        {
            width: 95% !important;
        }

        div.selectric-wrapper
        {
            width: 95% !important;
        }

        form textarea
        {
            width: 95%;
        }

        .intl-tel-input
        {
            width: 100%;
        }

        form div.textField input.telField,
        form div.textField input.phoneField,
        {
            width: 100%;
        }
    /* einde form */

    /* start selectedCategories */
        div.selectedCategories
        {
            display: none !important;
        }
    /* einde selectedCategories */

    /* start colLeft */
        div.colLeft
        {
            float: none;
            width: 100%;
        }

        div.colLeft .btnSavePdf
        {
            width: 90%;
            padding: 5%;
        }

        div.colLeft .filterBtn
        {
            margin-bottom: 20px;
            display: block;
            background-image: url(../images/ico-filter-down.png);
            background-repeat: no-repeat;
            background-position: 15px center;
            text-align: left;
            padding: 10px 0 10px 65px;
            font-size: 18px;
        }

        div.colLeft .filterBtn.open
        {
            background-image: url(../images/ico-filter-up.png);
            color: #ffde00 !important;
        }
    /* einde colLeft */

    /* start itemsGrid */
        div.itemsGrid
        {
            width: 100%;
            float: none;
        }

        div.itemsGrid div.listItem
        {
            float: none;
            margin: 10px auto;
            /* width: 100%; */
            height: auto !important;
        }

        div.itemsGrid.inspiratieFiches div.listItem
        {
            margin: 10px auto;
            width: 263px;
        }

        div.itemsGrid div.listItem > img, div.itemsGrid div.listItem > a > img
        {
            width: 100%;
            margin: 0 !important;
        }
    /* einde itemsGrid */

    /* start activiteitenPage */

        div.activiteitenExportPage .loadingContainer
        {
            background-position: center top;
            padding-top: 35px;
        }

        div.activiteitenPage div.singleItem div.actInfo div.date,
        div.activiteitenPage div.singleItem div.actInfo div.price,
        div.activiteitenPage div.singleItem div.actInfo div.onderwijsniveau,
        div.activiteitenPage div.singleItem div.actInfo div.location
        {
            float: none;
            width: 100%;
            margin: 10px 0 0 0;
            text-align: left;
        }

        div.activiteitenPage div.singleItem div.activiteitArticle
        {
            width: 80%;
            padding: 10%;
        }

        div.activiteitenPage div.singleItem div.activiteitArticle .art-wave,
        div.activiteitenPage div.singleItem div.activiteitArticle .art-boogje
        {
            display: none;
        }

        div.activiteitenPage div.itemsGrid div.listItem
        {
            padding-bottom: 10px;
        }

        div.activiteitenPage form#subscribeForm
        {
            width: 100%;
        }

        div.activiteitenPage form#subscribeForm div.control-group.textField
        {
            float: none;
            width: 100%;
        }
    /* einde activiteitenPage */

    /* start materialenPage */
        div.materialenPage div.listItem .huurDate.first, div.winkelmandPage div.listItem .huurDate.first, div.huurContainer .huurDate.first
        {
            margin-right: 0;
        }

        div.materialenPage div.itemsGrid div.listItem .itemImg
        {
            width: 100%;
        }

        div.materialenPage .singleItem .colRight,
        div.materialenPage .singleItem .greyBlock
        {
            width: 100%;
            float: none;
        }

        div.materialenPage div.itemsGrid div.listItem img
        {
            margin: 0 !important;
        }

        div.materialenPage div.itemsGrid div.listItem .itemInfo
        {
            padding-bottom: 10px;
        }
    /* einde materialenPage */

    /* start profilePage */
        div.profilePage div.profileTabBtn,
        div.profilePage div.profileTab div.btn,
        div.profilePage div.lkContainer div.btn.remove
        {
            float: none !important;
            display: block !important;
            margin-bottom: 10px;
        }

        div.profilePage div.lkContainer div.btn.remove
        {
            height:40px !important;
            line-height:40px !important;
        }

        div.profilePage div.lkContainer div.control-group
        {
            display: block !important;
        }
    /* einde profilePage */

    /* start projectPage */
        div.page div.projectPage a.btn
        {
            display: block;
            width: 96%;
            padding: 5% 2%;
        }
    /* einde projectPage */

    /* start winkelmandPage */
        div.winkelmandPage div.winkelmandTotaal div.totaalTekst,
        div.winkelmandPage div.winkelmandTotaal div.totaalTekst
        {
            margin-left: 10px;
        }

        div.winkelmandPage div.winkelmandAdres .adresBox
        {
            min-height: auto;
        }

        div.winkelmandPage div.listItem
        {
            margin: 20px 0;
            padding: 20px 0;
        }

        div.winkelmandPage div.listItem div.basketLeft
        {
            float: none;
            width: 100%;
            margin: 0;
        }
        div.winkelmandPage div.listItem div.basketRight
        {
            float: none;
            width: 100%;
            margin: 0;
        }
        div.winkelmandPage form#winkelmandForm .btn
        {
            float: none;
            display: block;
            margin-bottom: 15px;
        }
    /* einde winkelmandPage */

    /* start cookieBanner */
        div.cookieBanner div.hideCookieMessage
        {
            float: none;
        }
    /* einde cookieBanner */

    /* start fancyBox */
        div.fancybox-wrap
        {
            max-width: 90% !important;
            width: 90% !important;
        }

        div.fancybox-inner
        {
            max-width: 90% !important;
            width: 90% !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
        }

        div.fancybox-wrap input
        {
            font-size: 30px;
        }
    /* einde fancyBox */

    /* SCHOOLSPEELPLAATSEN */

    #schoolspeelplaatsen img {
     max-width:100%;
     margin:0 auto;
    }

    #schoolspeelplaatsen .funEl1
    {
        display: block;
        width: 60px;
        height: 68px;
        background: url(../images/art-w.png) center no-repeat;
        background-size:contain;
        position: absolute;
        right: 20px;
        bottom:-20px;
        opacity:0.75;
    }




    table.stackedTable tr td
    {
        display: block;
    }
}