/*********************************************************************************/
/* Algemeen                                                                      */
/*********************************************************************************/

body {
    background-color: #f6f5eb;
}

html, body {
    height: 100%;
}

#wrapper {
    min-height: 100%;
    position: relative;
    min-height: calc(100vh - 200px);
}

.grid {
    width: 960px;
    margin: 0px auto 0px auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.left {
    float: left;
}

.umb-block-grid .top-level-item-container {
    width: 960px;
    margin: 0px auto 0px auto;
}

.homepage-slides .umb-block-grid .top-level-item-container{
    width: 100%;
}

.umb-block-grid__area-container {
    display: grid;
    gap: 10px;
}

#nieuws ul {
    padding-left: 40px;
    list-style: disc;
}

#nieuws ol {
    padding-left: 40px;
    list-style: decimal;
}

.activiteiten ul {
    padding-left: 40px;
    list-style: disc;
}

.activiteiten ol {
    padding-left: 40px;
    list-style: decimal;
}

#teasers ul {
    padding-left: 40px;
    list-style: disc;
}

#teasers ol {
    padding-left: 40px;
    list-style: decimal;
}


.right {
    float: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


.clear {
    clear: both;
}

.height {
    margin: 30px 0px 30px 0px;
}

.center {
    text-align: center;
}

#introText {
    font-family: 'open_sanscondensed_light', sans-serif;
}

h1 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 700;
    font-size: 50px;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
    color: #00c573;
}

    h1 span.subtitel {
        font-size: 38px;
        margin: -30px 0px 0px 0px;
    }

h2 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    margin: 30px 0px 30px 0px;
    color: #068232;
}

h3 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 300;
    font-size: 23px !important;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
    color: #00c573 !important;
}

h4 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px 0px 30px 0px;
}

h5 {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin: 1em 0;
}

  h5.message {
    font-family: 'open_sanscondensed_light',sans-serif !important;
    font-weight: normal;
    text-transform: none;
  }

p {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
}

ul {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
}

li {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
}

.italic {
    font-style: italic;
}

/*********************************************************************************/
/* Link                                                                          */
/*********************************************************************************/

#link {
    background-color: #f9df00;
    border-bottom: 3px solid #dec702;
    text-align: center;
    position: relative;
}

    #link a {
        color: #000;
        text-decoration: underline;
    }

        #link a:hover {
            text-decoration: none;
        }

    #link p {
        font-family: 'open_sansregular', sans-serif;
        padding: 10px 0px 10px 0px;
        font-size: 12px;
        line-height: 12px;
        width: 100%;
    }

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

header {
    background-color: #34cf93;
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: 0;
}

#logo {
    position: absolute;
    top: 5px;
    z-index: 99999;
    cursor: pointer;
}

#arrow {
    background-image: url('../images/arrow_whiteunder.png');
    background-repeat: no-repeat;
    width: 15px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: 75px;
    left: 130px;
}

    #arrow:hover {
        background-image: url('../images/arrow_blackunder.png');
    }


#logo img {
    width: 119px;
    height: auto;
}

/*********************************************************************************/
/* Navigation                                                                    */
/*********************************************************************************/

nav#main-menu {
    flex: 2;
}

    nav#main-menu ul {
        padding: 15px 0px 25px 180px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

        nav#main-menu ul li {
            padding: 7px 10px 16px 10px;
        }

            nav#main-menu ul li a {
                font-family: 'open_sanscondensed_light', sans-serif;
                font-size: 16px;
                font-weight: 300;
                color: #292f3a;
                text-transform: uppercase;
                text-decoration: none;
            }

            /*nav#main-menu ul li:hover,
            nav#main-menu ul li.active {
                background-color: #2fbc86;
            }*/

            nav#main-menu ul li:hover a,
            nav#main-menu ul li.active a {
                color: #fff;
                text-decoration: none;
            }

            nav#main-menu ul li.active a {
                border-bottom: 1px solid #fff;
            }

    nav#main-menu li ul {
        position: absolute;
        width: 570px;
        display: none;
        left: 180px;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    nav#main-menu ul li ul.active {
        display: block;
        background-color: #34cf93;
        z-index: 0;
    }

    nav#main-menu ul li ul.active-hover {
        display: block;
        background-color: #34cf93;
        z-index: 1;
    }

    /*nav#main-menu li:hover ul,
    nav#main-menu li.active ul {
        display: block;
    }*/

    nav#main-menu li ul li {
        float: none;
        display: inline;
        padding: 7px 10px 7px 10px;
        margin: 0px 0px 0px 0px;
    }

        nav#main-menu li ul li a {
            position: relative;
            font-family: 'open_sanscondensed_light', sans-serif;
            font-size: 16px;
            font-weight: 300;
            color: #292f3a !important;
            tyext-transform: uppercase;
            text-decoration: none !important;
        }

        nav#main-menu li ul li:hover {
            background: none;
        }

    nav#main-menu ul li ul li:hover a, nav#main-menu ul li ul li a:hover {
        color: #fff !important;
        text-decoration: none;
    }

    nav#main-menu ul li ul li.active a {
        color: #fff !important;
        border-bottom: none;
    }

    nav#main-menu ul li.active ul li a {
        border-bottom: none;
    }

#login {
    align-self: center;
    margin-right: 10px;
}

    #login a {
        background-color: #f9df00;
        border-bottom: 3px solid #dec702;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #292f3a;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px 30px 10px 30px;
        display: block;
    }

        #login a:hover {
            background-color: #dec702;
        }

#loggedin {
    padding: 30px 0px 26px 20px;
}

    #loggedin #naam img {
        max-width: 42px;
        max-height: 42px;
    }

.admin a {
    background-color: #f9df00;
    border-bottom: 3px solid #dec702;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 8px 0px 0px;
    width: 180px;
    display: block;
}

.admin p {
    padding: 10px 0px 0px 10px;
}

.admin a:hover {
    background-color: #dec702;
}

#verbonden {
    position: absolute;
    z-index: 9999;
    border-bottom: 5px solid #dec702;
    width: 250px;
    top: 95px;
    background: #FFF;
    height: 366px;
}

    #verbonden .verbond a {
        color: #000;
    }

    #verbonden .verbond {
        padding: 15px 0px 10px 0px;
    }

        #verbonden .verbond:hover {
            background-color: #fff;
        }

    #verbonden .icon img {
        width: 45px;
        height: auto;
        margin: 0px 0px 0px 10px;
    }

    #verbonden .titel {
        margin: 10px 0px 0px 20px;
    }

    #verbonden .submit {
        display: block;
        text-align: center;
        border-bottom: 0px;
    }

#profiel {
    position: absolute;
    z-index: 9999;
    border-bottom: 5px solid #dec702;
}

.profileimage {
    margin-right: 15px;
    max-height: 150px;
    max-width: 150px;
}

#profiel a {
    background: url('../images/transparant_background.png');
    font-family: 'open_sanscondensed_light', sans-serif;
    border-bottom: 0px;
    font-size: 16px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none;
    text-transform: none;
    display: block;
    width: 168px;
    padding: 10px;
}

    #profiel a:hover {
        background-color: #FFF;
    }

nav#submenu {
    background-color: #a3cc7d;
    height: 40px;
    margin-bottom: 30px;
    margin-top: -30px;
    width: 100%;
    z-index: 999;
    padding-bottom: 5px;
}

nav#activiteitenmenu {
    background-color: #a3cc7d;
    height: 40px;
    width: 100%;
    z-index: 999;
    padding-bottom: 15px;
    padding-top: 5px;
}

nav#groepen, nav#login-navigatie, .nav {
    background-color: #a3cc7d;
    height: 40px;
    margin-bottom: 0px;
    margin-top: -10px;
    width: 100%;
    z-index: 999;
    padding-bottom: 5px;
}

    nav#submenu ul, nav#groepen ul, nav#login-navigatie ul, .nav ul {
        padding: 10px 0px 20px 0px;
        margin-top: 5px;
        margin-left: -15px;
    }

    nav#login-navigatie ul {
        margin-top: 0;
        margin-left: 175px;
    }

        nav#submenu ul li, nav#groepen ul li, nav#login-navigatie ul li, .nav ul li {
            float: left;
            margin-right: 0px;
            color: #fff;
        }

            nav#submenu ul li a, nav#groepen ul li a, nav#login-navigatie ul li a, .nav ul li a, nav#submenu ul li span {
                font-family: 'open_sanscondensed_light', sans-serif;
                font-size: 16px;
                font-weight: 300;
                color: #fff;
                text-transform: uppercase;
                padding: 10px 15px 10px 15px;
                text-decoration: none !important;
            }

              nav#submenu ul li a:hover,
              nav#submenu ul li a.active,
              nav#groepen ul li a:hover,
              nav#groepen ul li a.active,
              nav#groepen ul li.current a,
              .nav ul li a:hover,
              .nav ul li a.active,
              .nav ul li.current a,
              nav#login-navigatie ul li a:hover,
              nav#login-navigatie ul li a.active,
              nav#login-navigatie ul li.current a,
              .nav.tab ul li.active a,
              nav#submenu ul li span.active {
                color: #477d30 !important;
                text-decoration: none !important;
              }

/*********************************************************************************/
/* Slider                                                                        */
/*********************************************************************************/

.cbp-fwslider h1 {
    position: absolute;
    top: 100px;
    background: url('../images/transparant_background.png') repeat;
    width: auto;
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 700;
    padding: 10px;
    color: #292f3a;
    font-size: 50px;
    text-transform: uppercase;
}

.cbp-fwslider.profile h1 {
    min-width: 535px;
}

.cbp-fwslider h1 span {
    color: #34cf93;
}

    .cbp-fwslider h1 span.date {
        color: #292f3a;
        font-size: 20px;
        clear: both;
        font-weight: 400;
        display: block;
    }

    .cbp-fwslider h1 span.team {
        color: #63a742;
        font-size: 20px;
        clear: both;
        font-weight: 400;
        display: block;
    }

    .cbp-fwslider h1 span.info {
        color: #63a742;
        font-size: 20px;
        clear: both;
        font-weight: 400;
        display: block;
    }

.cbp-fwslider h1 {
    position: absolute;
    top: 100px;
    background: url('../images/transparant_background.png') repeat;
    width: auto;
    font-family: 'open_sans_condensedbold', sans-serif;
    font-weight: 700;
    padding: 10px;
    color: #292f3a;
    font-size: 50px;
    text-transform: uppercase;
}

.crayon {
    position: absolute;
    top: 275px;
    right: 0;
    width: 268px;
}

    .crayon a.link {
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-decoration: underline;
        text-align: right;
        display: block;
        margin-top: 6px;
    }

    .crayon .info {
        background-image: url('../images/crayon-background.png');
        height: 84px;
        padding: 0px 10px 0px 10px;
        width: 197px;
    }

    .crayon .symbol {
        background-image: url('../images/crayon.png');
        height: 84px;
        width: 50px;
        background-position: center center;
        background-repeat: no-repeat;
    }

#social-menu {
    position: absolute;
    top: 75px;
    right: 0px;
}

    #social-menu .kanalen {
        background: url('../images/transparant_background.png') repeat;
        margin: 0px 0px 10px 0px;
        min-height: 90px;
        width: 268px;
    }

        #social-menu .kanalen p {
            font-family: 'open_sansregular', sans-serif;
            font-size: 16px;
            padding: 10px;
            margin: 0px 0px 0px 0px;
            font-weight: 700;
        }

#lokaal span {
    color: #2fbc86;
}

#nationaal span {
    color: #518935;
}

#social-menu .social {
    padding: 0px 0px 0px 10px !important;
}

    #social-menu .social a {
        width: 35px;
        height: 35px;
        display: inline-block;
        margin: 0px 7px 10px 0px;
    }

    #social-menu .social img {
        width: auto;
        height: auto;
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        opacity: 0.8;
        -ms-opacity: 0.8;
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
    }

        #social-menu .social img:hover {
            filter: alpha(opacity=100);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            opacity: 1;
            -webkit-opacity: 1;
            -ms-opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
        }

/*********************************************************************************/
/* Tabs                                                                          */
/*********************************************************************************/

#tabs {
    position: relative;
}

    #tabs li a {
        background-color: #2fbc86;
    }

    #tabs li.active a, #tabs div#groepen-tab.active a {
        background-color: #16A36D;
    }

    #tabs div#nieuws-tab {
        margin: -40px 30px 0px 0px;
        float: left;
        height: 100%;
    }

        #tabs div#nieuws-tab a {
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            width: 270px;
            padding: 15px;
            font-family: 'open_sanscondensed_light', sans-serif;
            font-weight: 700;
            font-size: 20px;
            display: block;
        }

            #tabs div#nieuws-tab {
                background-color: #34cf93;
            }

    #tabs div#groepen-tab {
        margin: -40px 30px 0px 0px;
        float: left;
    }

        #tabs div#groepen-tab a {
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            width: 270px;
            padding: 15px;
            background-color: #2fbc86;
            font-family: 'open_sanscondensed_light', sans-serif;
            font-weight: 700;
            font-size: 20px;
            display: block;
            background-image: url('../images/arrow_whiteunder.png');
            background-repeat: no-repeat;
            background-position: 95%;
        }

        #tabs div#groepen-tab.ui-state-active a {
            background-color: #2fbc86;
        }

        #tabs div#groepen-tab a:hover {
            background-color: #34cf93;
        }

    #tabs div#apps-tab {
        margin: -40px 0px 0px 0px;
        float: left;
    }

        #tabs div#apps-tab a {
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
            width: 270px;
            padding: 15px;
            background-color: #518935;
            font-family: 'open_sanscondensed_light', sans-serif;
            font-weight: 700;
            font-size: 20px;
            display: block;
            background-image: url('../images/arrow_whiteunder.png');
            background-repeat: no-repeat;
            background-position: 95%;
        }

        #tabs div#apps-tab.ui-state-active a {
            background-color: #518935;
        }

        #tabs div#apps-tab a:hover {
            background-color: #63a742;
        }

#apps a, #apps a p {
    color: #222222;
}

.layer#nieuws {
    width: 270px;
    padding: 15px;
    background-color: #34cf93;
    border-top: 5px solid #34cf93;
    position: absolute;
    top: 5px;
    z-index: 9999;
}

.layer#groepen2 {
    width: 270px;
    padding: 15px;
    background-color: #34cf93;
    border-top: 5px solid #34cf93;
    position: absolute;
    left: 330px;
    top: 15px;
    z-index: 9999;
}

.layer#apps {
    width: 280px;
    padding: 10px 10px 10px 10px;
    background-color: #63a742;
    border-top: 5px solid #63a742;
    position: absolute;
    left: 660px;
    top: 15px;
    z-index: 9999;
}

#apps .app {
    padding: 10px;
    width: 40%;
    float: left;
    cursor: pointer;
}

    #apps .app img {
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 auto;
    }

    #apps .app p {
        text-align: center;
    }

    #apps .app:hover img {
        opacity: .5;
    }

.layer select {
    width: 100%;
    border: 3px solid #f9df00;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 10px;
    -webkit-appearance: none;
    min-width: 250px;
}

select::-ms-expand {
    display: none;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

body section.txtpageHeader {
    height: 442px;
    overflow: hidden;
    padding: 0;
}

.contain {
    width: 100%;
    position: absolute;
    bottom: 0;
    min-height: 136px;
    background: url(/Content/images/bl_fa_bg.png) repeat-x left bottom;
}

    .contain p {
        line-height: 18px;     
        color: black;
        font-size: 18px;
        width: auto;
    }

    .contain h1 {
        z-index: 3;
        position: relative;
        display: inline-block;
        zoom: 1;
        vertical-align: top;
        padding: 10px 20px;
        font-size: 65px;
        line-height: 60px;
        color: #fff;
        width: 490px;
        color: #00c573;
        padding: 0px;
        margin-bottom: 10px;
        width: auto;
    }

section.txtpageHeader > div {
    width: 100%;
    height: 442px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    white-space: normal;
    background-size: cover;
    background-position: center;
    position: relative;
}

body section.txtpageHeader > div .copy {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -500px;
    width: 470px;
    background-color: white;
    opacity: 0.75;
    padding: 20px;
    margin-bottom: 50px;
}

#teasers p {
    margin: -4px 15px 0 0;
}

.inline-image {
    margin: 0 20px 0 0;
}

.anchor {
    display: block;
    height: 133px; /*same height as header*/
    margin-top: -133px; /*same height as header*/
    visibility: hidden;
}

.wide {
    padding: 45px 0px 60px 0px;
    position: relative;
    width: 100%;
}

    .wide a {
        text-decoration: underline;
        color: #000;
    }

        .wide a:hover {
            text-decoration: none;
        }

    .wide .half {
        width: 430px;
        position: relative;
        background-color: #fff;
        padding: 10px;
    }

.lightgray {
    background-color: #faf8ef !important;
}

.inputfield {
    border: 3px solid #b2b1a1;
    padding: 10px;
    margin: 0px 0px 5px 0px;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
}

.inputfield-optional {
  border: 3px solid #b2b1a1;
  padding: 10px;
  margin: 0px 0px 5px 0px;
  font-family: 'open_sanscondensed_light', sans-serif;
  font-size: 14px;
}


.inputfield-required {
    border: 3px solid #b2b1a1;
    padding: 10px;
    margin: 0px 0px 5px 0px;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
    background: #fff url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/required.gif') no-repeat right center;
}

.attest-box {
    margin: 0px 150px 5px 0;
}

.attest-label {
    margin: 0px -90px 5px 0 !important;
}

select, selectbox {
    border: 3px solid #b2b1a1;
    padding: 10px;
    margin: 0px 0px 5px 0px;
    width: 100px;
    -webkit-appearance: none;
    border-radius: 0;
    color: #000;
    min-width: 277px;
    background: #fff url("../images/blokje.png") no-repeat 93% 50%;
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
}

    select#geslacht {
        width: 90px !important;
        min-width: 90px !important;
    }

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 70px;
    border: 3px solid #b2b1a1;
    padding: 10px;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
}



    textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: #000;
    }

    textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #000;
        opacity: 1;
    }

    textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #000;
        opacity: 1;
    }

    textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff;
    }

.inputfield::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
}

.inputfield:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 1;
}

.inputfield::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1;
}

.inputfield:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
}

select::-webkit-input-placeholder { /* WebKit browsers */
    color: #000;
}

select:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 1;
}

select::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 1;
}

select:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000;
}


/*********************************************************************************/
/* Comments                                                                      */
/*********************************************************************************/

#comments {
    margin-top: 60px;
}

    #comments img {
        width: 40px !important;
        height: 40px !important;
        margin: 0px 20px 0px 0px;
    }

    #comments .inputfield {
        border: 3px solid #b2b1a1;
        padding: 10px;
        margin: 0px 0px 20px 0px;
        width: 600px !important;
        height: 15px !important;
        float: right;
    }

.commentaar {
    border-bottom: 1px solid #585c66;
    padding: 20px 0px 20px 0px;
}

#groepswall .commentaar:first-child {
    border-top: 1px solid #585c66;
}

#groepswall .commentaar:last-child {
    border-bottom: 0;
}

#nieuws .commentaar:first-child {
    border-top: 1px solid #585c66;
}

#nieuws .commentaar:last-child {
    border-bottom: 0;
}

.commentaar .item {
    width: 600px;
}

.commentaar img {
    margin: 0px 20px 0px 0px;
}

.commentaar .item h1 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 400;
}

.commentaar .item.comment-width {
    width: 500px;
}

.commentaar .item p {
    margin: 0px 0px 5px 0px;
}

    .commentaar .item p.gepost {
        color: #63a742;
    }

/*********************************************************************************/
/* Teasers                                                                       */
/*********************************************************************************/

#teasers, #nieuws {
    width: 70%;
    padding: 30px 0px 30px 0px;
}

#nieuws {
    padding-top: 0;
    width: 640px;
}

  #nieuws p.team {
    margin: 0px;
    margin-bottom: 12px;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #63a742;
  }


#teasers article {
    background-color: #fff;
    border-top: 5px solid #f9df00;
    width: 300px;
    min-height: 500px;
    max-height: 500px;
    position: relative;
    margin: 0px 30px 30px 0px;
}


    #teasers article h1 {
        font-family: 'open_sans_condensedbold', sans-serif;
        font-weight: 700;
        font-size: 25px;
        margin: 10px;
        color: #000;

    }
    #teasers article h1.newst {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

    }

    #teasers article p.team a {
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #63a742;
        text-decoration: underline;
    }

    #teasers article p.team {
        margin: 10px;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #63a742;
    }

p.team a, .activity-contact-info a {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #63a742;
}

.activity-contact-info {
    position: absolute;
    top: 0px;
    left: 115px;
}

#teasers article p.team a:hover, p.team a:hover {
    color: #000;
}

#teasers article p {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    margin: 10px;
}

#teasers article .date {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 12px;
    margin: 10px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#teasers article .meer a {
    background-color: #f9df00;
    border-bottom: 3px solid #dec702;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px 10px 30px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

    #teasers article .meer a:hover {
        background-color: #dec702;
    }



/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

#sidebar {
    width: 30%;
    margin: 30px 0px 0px 0px;
}

#sidebar.nomargin {
    margin: 0px 0px 0px 0px;
}
.activiteitenkalender,
.nationaalnieuws {
    background-color: #353c49;
    width: 300px;
    position: relative;
    margin: 0px 0px 30px 0px;
}

.overignieuws {
    background-color: #353c49;
    width: 300px;
    min-height: 200px;
    position: relative;
    margin: 0px 0px 30px 0px;
}

    .activiteitenkalender h1,
    .nationaalnieuws h1,
    .overignieuws h1 {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 15px;
        background-color: #2fbc86;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 700;
        font-size: 20px;
        display: block;
        margin: 0px 0px 8px 0px;
    }

    .activiteitenkalender .activiteit,
    .nationaalnieuws .bericht,
    .overignieuws .activiteit {
        border-bottom: 1px solid #585c66;
    }

        .activiteitenkalender .activiteit .date,
        .overignieuws .date {
            width: 65px;
        }

            .activiteitenkalender .activiteit .date p,
            .overignieuws .date p,
            .nationaalnieuws .bericht .image {
                color: #fff !important;
                font-family: 'open_sansregular', sans-serif;
                font-size: 14px;
                line-height: 20px;
                margin: 10px;
            }

              .nationaalnieuws .bericht .image img {
                width: 40px;
                height: 40px;
                object-fit: cover;
              }

        .activiteitenkalender .activiteit .item,
        .nationaalnieuws .bericht .item,
        .overignieuws .activiteit .item {
            width: 225px;
        }

            .activiteitenkalender .activiteit .item p,
            .nationaalnieuws .bericht .item p,
            .overignieuws .activiteit .item p {
                font-family: 'open_sanscondensed_light', sans-serif;
                font-weight: 300;
                font-size: 15px;
                line-height: 18px;
                color: #fff;
                margin: 10px 0px 10px 10px !important;
            }

                .nationaalnieuws .bericht .item p.news-title {
                    font-size: 17px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

            .activiteitenkalender .activiteit .item a,
            .overignieuws .activiteit .item a,
            .nationaalnieuws .bericht .item a {
                font-family: 'open_sanscondensed_light', sans-serif;
                font-weight: 300;
                font-size: 18px;
                line-height: 18px;
                color: #fff;
                margin: 10px 0px 0px 0px !important;
                text-decoration: none;
            }

                .activiteitenkalender .activiteit .item a:hover,
                .overignieuws .activiteit .item a:hover,
                .nationaalnieuws .bericht .item a:hover {
                    text-decoration: underline;
                }

.activiteitenkalender .verbond {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #f9df00;
    text-transform: uppercase;
    line-height: 18px;
    margin: 0px 10px 10px 10px !important;
    text-align: right;
}

.activiteitenkalender .meer,
.nationaalnieuws .meer,
.overignieuws .meer {
    margin: 10px 0px 0px 0px;
    padding: 5px 0 15px;
}

    .activiteitenkalender .meer a,
    .nationaalnieuws .meer a,
    .overignieuws .meer a {
        display: block;
        text-align: center;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        text-transform: uppercase;
        text-decoration: underline;
    }

        .activiteitenkalender .meer a:hover,
        .nationaalnieuws .meer a:hover,
        .overignieuws .meer a:hover {
            text-decoration: none;
        }

.activiteitenkalender a:hover .item p {
    text-decoration: underline;
}

*:link, a:link {
    /*text-decoration: none;*/
}

/*********************************************************************************/
/* Form                                                                          */
/*********************************************************************************/

.login {
    border: 3px solid #b2b1a1;
    padding: 10px;
    display: block;
    min-width: 400px;
    margin: 20px auto 20px auto;
}

#login-page .submit {
    margin: 10px auto 0px auto !important;
}

.submit {
    background-color: #f9df00;
    border-bottom: 3px solid #dec702;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 10px 30px 10px 30px;
}

    .submit a {
        text-decoration: none !important;
    }

    .submit:hover {
        background-color: #dec702;
        cursor: pointer;
    }

.facebooklogin {
    width: 200px;
    height: 40px;
    background-image: url('../images/facebook-up.png');
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding: 10px 0px 30px 0px;
    border: none;
}

    .facebooklogin:hover {
        background-image: url('../images/facebook-hover.png');
    }

.googlelogin {
    width: 200px;
    height: 40px;
    background-image: url('../images/google-up.png');
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding: 10px 0px 30px 0px;
}

    .googlelogin:hover {
        background-image: url('../images/google-hover.png');
    }

.facebookkoppel {
    width: 200px;
    height: 40px;
    background-image: url('../images/koppelfacebook.png');
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding: 10px 0px 30px 0px;
}

    .facebookkoppel:hover {
        background-image: url('../images/koppelfacebook-up.png');
    }

.googlekoppel {
    width: 200px;
    height: 40px;
    background-image: url('../images/koppelgoogle.png');
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding: 10px 0px 30px 0px;
}

    .googlekoppel:hover {
        background-image: url('../images/koppelgoogle-up.png');
    }

.oauth {
    margin-bottom: 35px !important;
}

label {
    color: #000;
    font-size: 16px;
    font-family: 'open_sanscondensed_light', sans-serif;
    margin: 10px 10px 10px 0px;
    padding: 0px 0px 0px 0px;
    /*min-width: 190px;*/
    display: inline-block;
}



/*********************************************************************************/
/* Accordion                                                                     */
/*********************************************************************************/


.ui-icon.iconOpen {
    background: url('../images/arrow_under.png') no-repeat !important;
    background-size: 10px !important;
    width: 15px !important;
    height: 14px !important;
    margin-top: 0px !important;
}

.ui-icon.iconClosed {
    background: url('../images/arrow_green.png') no-repeat -5px !important;
    background-size: 15px !important;
    width: 15px !important;
    height: 14px !important;
}

#accordion h3, #accordion2 h3, #accordion3 h3 {
    text-indent: 30px;
    font-family: 'open_sanscondensed_light', sans-serif;
}

    #accordion h3:hover #accordion {
        width: 100% !important;
    }

/*
#accordion form label{
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 25px;
}

#accordion .inputfield{
	border: 3px solid #b2b1a1;
	padding: 10px;
	margin: 5px 20px 5px 0px;
	float: left;
}

#accordion .field{
	border: 3px solid #b2b1a1;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	width: 870px !important;
	height: 15px !important;
	float: right;
}

#accordion select{
	border: 3px solid #b2b1a1;
	padding: 10px;
	margin: 5px 20px 5px 0px;
	float: left;
	width: 100px;
	overflow: hidden;
    -webkit-appearance: none;
    border-radius: 0;
    color: #b0a9b0;
    background: #fff url("../images/blokje.png") no-repeat 99% 50%;
}

#accordion #beroep-studies .inputfield{
	float: none;
	margin: 5px 20px 5px 0px;
}


#accordion .inline{
	padding: 20px 0px 30px 0px;
	clear: both;
}
*/

#accordion .inline p,
#accordion span :not(.glyphicon, .cke_toolbar),
#accordion p,
#accordion label:not(.glyphicon, .cke_toolbar) {
  color: #000;
  font-size: 16px;
  font-family: 'open_sanscondensed_light', sans-serif;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

/*
#accordion .inline .inputfield{
	margin: 5px 20px 5px 0px;
}
*/

#accordion #extrainformatie .inputfield, #extrainformatie .inputfield,
#accordion #statusperverbond .inputfield, #statusperverbond .inputfield,
#accordion #lidvan .inputfield, #lidvan .inputfield,
#accordion #attesten .inputfield, #attesten .inputfield,
#accordion #profielen .inputfield, #profielen .inputfield,
#accordion #groepen .inputfield, #groepen .inputfield,
#accordion #vakantieboekingen .inputfield, #vakantieboekingen .inputfield,
#accordion #cursusboekingen .inputfield, cursusboekingen .inputfield,
#accordion #boekbaar .inputfield {
    float: none;
}

.accordion a {
    color: #63A742;
    text-decoration: underline;
}

    .accordion a:hover {
        text-decoration: none;
        color: #63A742;
    }

/*
#accordion label, label{
	margin-right: 30px;
}
*/


.toggle-btn {
    font-size: 20px;
    text-transform: uppercase;
    background: url('../images/arrow_black.png') no-repeat left center;
    text-indent: 30px;
    cursor: pointer;
}

    .toggle-btn.open {
        background: url('../images/arrow_blackunder.png') no-repeat left center;
    }

#accordion .submit, .submit, .submit:read-only {
    background-color: #f9df00;
    border-bottom: 3px solid #ceccb1;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 10px 30px 10px 30px;
    display: block;
}

    #accordion .submit:hover, .submit:hover {
        background-color: #dec702;
        cursor: pointer;
    }

#login-screen .submit {
    display: inline;
}

#accordion .delete, .delete {
    background-color: #f9df00;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 3px solid #dec702;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 10px;
}

    #accordion .delete:hover, .delete:hover {
        background-color: #dec702;
        cursor: pointer;
    }

#accordion .upload {
    background-color: #f9df00;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 3px solid #dec702;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 10px;
}

#accordion #nieuwsbrieven p,
#accordion #statusperverbond p {
    padding: 5px 20px 0px 0px;
    min-width: 300px;
}

#accordion .clear div {
    margin-bottom: 0px;
}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#openstaande-vacatures,
#documentzone,
#documentzone-upload {
    margin: 30px 0px 0px 0px;
}

  #openstaande-vacatures article,
  #documentzone article,
  #photozone article,
  #documentzone-upload article {
    width: 610px;
    min-height: 100px;
    position: relative;
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    margin-bottom: 30px;
  }

        #openstaande-vacatures article h1,
        #documentzone article h1,
        #photozone article h1,
        #documentzone-upload h1 {
            font-family: 'open_sanscondensed_light', sans-serif;
            font-weight: 700;
            font-size: 25px;
            margin-bottom: 10px;
            color: #000;
        }

    #openstaande-vacatures article p,
    #documentzone article p,
    #photozone article p,
    #documentzone-upload p {
      font-family: 'open_sanscondensed_light', sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 10px;
    }

            #documentzone article p.left {
                margin: 0px 10px 0px 0px;
            }

        #openstaande-vacatures article .date,
        #documentzone article .date,
        #documentzone-upload .date {
            font-family: 'open_sanscondensed_light', sans-serif;
            font-weight: 300;
            font-size: 12px;
            margin: 10px;
        }
        #documentzone, #photozone {
            margin: 30px 30px 0px 0px;
        }
          #photozone a.submit, #photozone a.submit:read-only {
            font-size: 14px;
            border-top: 0px;
            border-left: 0px;
            border-right: 0px;
            padding: 5px;
          }
          #photozone .pdetails {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;
          }
          #openstaande-vacatures article .meer a,
          #documentzone article .meer a,
          #documentzone-upload .meer a,
          #documentzone-upload .submit {
            background-color: #f9df00;
            border-bottom: 3px solid #dec702;
            font-family: 'open_sanscondensed_light', sans-serif;
            font-size: 16px;
            font-weight: 300;
            color: #292f3a;
            text-decoration: none;
            text-transform: uppercase;
            padding: 10px 30px 10px 30px;
            position: absolute;
            bottom: 0px;
            right: 0px;
          }

    #documentzone-upload .submit {
        bottom: -2px !important;
        right: -2px !important;
    }

        #openstaande-vacatures article .meer a:hover,
        #documentzone article .meer a:hover,
        #documentzone-upload .meer a:hover,
        #documentzone-upload .submit:hover {
            background-color: #dec702;
        }

.inline-submit,
.image-selector + label,
.inline-submitbtn {
  margin: 15px 5px 10px 5px;
}

  .inline-submit a,
  .image-selector + label,
  .inline-submitbtn, .inline-submit input[type="submit"] {
    background-color: #f9df00;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #292f3a;
    text-decoration: none !important;
    text-transform: uppercase;
    border-bottom: 3px solid #dec702;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding: 5px;
  }



    .inline-submit a:hover,
    .image-selector + label:hover,
    .inline-submitbtn:hover, .inline-submit input[type="submit"]:hover {
      background-color: #dec702;
      cursor: pointer;
    }

    .inline-submitbtn.red, .inline-submit.red input[type="submit"] {
        background-color: #cd0a0a;
        color: #ffffff;
        border-bottom-color: #9A0606;
    }

        .inline-submit.red a:hover,
        .inline-submitbtn.red:hover, .inline-submit.red input[type="submit"]:hover {
            background-color: #9A0606;
        }

table.vrije-plaatsen {
    width: 930px;
}

    table.vrije-plaatsen tr {
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #292f3a;
        height: 30px;
    }

        table.vrije-plaatsen tr.strong {
            font-weight: 700 !important;
            min-height: 45px;
        }

        table.vrije-plaatsen tr.quota-filled {
            height: 39px;
            line-height: 39px;
        }

/*********************************************************************************/
/* Groepen                                                                       */
/*********************************************************************************/

.groepenlinks {
    margin: 40px 0px 0px 0px;
    height: 50px;
}

    .groepenlinks a {
        background-color: #f9df00;
        border-bottom: 3px solid #ceccb1;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #292f3a;
        text-decoration: none !important;
        text-transform: uppercase;
        padding: 10px 30px 10px 30px;
        margin-right: 30px;
    }

#groepswall img {
    width: 40px;
    height: 40px;
    margin: 0px 20px 0px 0px;
}

#groepswall .field {
    border: 3px solid #b2b1a1;
    padding: 10px;
    margin: 0px 0px 20px 0px;
    width: 900px !important;
    height: 15px !important;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#groepswall {
    padding: 20px 0px 20px 0px;
    width: 960px;
    height: 500px;
}

    #groepswall .item {
        width: 900px;
    }

        #groepswall .item h1 {
            font-size: 20px;
            margin-bottom: 5px;
            color: #000;
            font-weight: 400;
        }

        #groepswall .item p {
            margin: 0px 0px 5px 0px;
        }

#beheer {
    width: 630px;
}

    #beheer .lid {
        float: left;
        margin-right: 30px;
        text-align: center;
        min-width: 75px;
        margin-top: 15px;
    }

        #beheer .lid img {
            width: 40px;
            height: 40px;
        }

        #beheer .lid a,
        #beheer .lid a:hover {
            text-decoration: underline;
            color: #477d30;
        }

    #beheer.leden {
        width: 100%;
    }

#add-member {
    width: 330px;
    background: #fff;
    min-height: 300px;
}

    #beheer h2, #add-member h2 {
        margin-top: 0;
    }

    #add-member h2 {
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
        padding: 15px;
        background-color: #2FBC86;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 700;
        font-size: 20px;
        display: block;
        margin: 0px 0px 8px;
    }
/*********************************************************************************/
/* Kalender                                                                      */
/*********************************************************************************/


#vorigemaand {
    width: 35px;
    height: 35px;
    background-image: url('../images/previous.png');
    background-repeat: no-repeat;
    background-position: center left;
    margin-right: 15px;
    margin-top: 6px;
}

#vorigemaandgroepen {
    width: 35px;
    height: 35px;
    background-image: url('../images/previous_black.png');
    background-repeat: no-repeat;
    background-position: center left;
    margin-right: 15px;
}

#volgendemaand {
    width: 35px;
    height: 35px;
    background-image: url('../images/next.png');
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: 15px;
    margin-top: 6px;
}

#volgendemaandgroepen {
    width: 35px;
    height: 35px;
    background-image: url('../images/next_black.png');
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: 15px;
}

#vorigemaand:hover, #vorigemaandgroepen:hover {
    background-image: url('../images/previous_hover.png');
}

#volgendemaand:hover, #volgendemaandgroepen:hover {
    background-image: url('../images/next_hover.png');
}

#vorigemaand a, #volgendemaand a, #vorigemaandgroepen a, #volgendemaandgroepen a {
    width: 35px;
    height: 35px;
    display: block;
}

#export {
}

#activity-export #exporticon {
    background-image: url('../images/exportbtn.png');
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: right center;
    margin-left: 30px;
    margin-top: 7px;
    cursor: pointer;
    display: block;
}

    #activity-export #exporticon:hover {
        background-image: url('../images/exportbtn_hover.png');
    }

#exportgroepen #exporticon {
    background-image: url('../images/exportbtn_black.png');
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: right center;
    margin-left: 30px;
    cursor: pointer;
}


#maand p {
    color: #fff;
    text-decoration: underline;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 700;
    font-size: 30px !important;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 8px;
}

#maandgroepen p {
    color: #000;
    text-decoration: underline;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 700;
    font-size: 30px !important;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 5px;
}

#export #exporticon:hover, #exportgroepen #exporticon:hover {
    background-image: url('../images/exportbtn_hover.png');
}

#vandaag {
    padding: 16px 0px 10px 190px;
}

#vandaaggroepen {
    padding: 10px 0px 10px 10px;
}

#bewerken, #verwijderen {
    padding: 16px 0px 10px 50px;
    cursor: pointer;
}

    #vandaag a, #bewerken a, #verwijderen a {
        color: #fff;
        text-decoration: underline;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 700;
        font-size: 16px;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
    }

    #verwijderen a {
        color: red;
    }

#vandaaggroepen a {
    color: #000;
    text-decoration: underline;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

#vandaag:hover a, #bewerken:hover a, #vandaaggroepen:hover a {
    color: #2fbc86;
    cursor: pointer;
}

.week ul {
    display: table;
    width: 950px;
    border-left: 1px solid transparent;
}

    .week ul li {
        float: left;
        width: 112px;
        height: 30px;
        text-align: right;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 300;
        color: #63a742;
        padding: 10px;
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }

#dagen {
    border-left: 1px solid #b2b1a1;
    border-top: 1px solid #b2b1a1;
    height: 705px;
    width: 952px;
}

    #dagen div {
        float: left;
        width: 135px;
        height: 120px;
        text-align: left;
        color: #63a742;
        border-right: 1px solid #b2b1a1;
        border-bottom: 1px solid #b2b1a1;
        padding: 10px 0px 10px 0px;
        background-color: #FFF;
    }

        #dagen div p {
            font-size: 20px !important;
            color: #c2c2c2;
            margin-bottom: 5px;
            margin-right: 15px;
            text-align: right;
        }

        #dagen div a {
            color: #000;
            font-family: 'open_sansregular', sans-serif;
            font-size: 12px;
            line-height: 14px;
            text-decoration: none;
            text-align: left;
            margin-bottom: 1px;
            display: block;
            padding: 3px 0px 3px 3px;
        }

            #dagen div a:hover {
                text-decoration: underline;
            }

.activiteiten {
    margin-bottom: 20px;
}

    .activiteiten h1 {
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .activiteiten .starttijd {
        margin-bottom: 10px;
    }

    .activiteiten .inline-image {
        margin: 10px 15px 10px 0;
    }

#reedsingeschreven ul li {
    display: inline-block;
}

#vakanties {
    margin: 20px 0px 20px 0px;
}

/*********************************************************************************/
/* Overzicht                                                                     */
/*********************************************************************************/

.keuze {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 133px;
    background-color: #f6f5eb;
    z-index: 999;
    min-height: 515px;
}

    .keuze img {
        width: 90px;
        height: auto;
        margin: 30px 30px 10px 30px;
        text-align: center;
    }

/*********************************************************************************/
/* Overzicht                                                                     */
/*********************************************************************************/

.ui-icon-circle-arrow-e {
    background-image: url('../images/blokje_zwart.png') !important;
    background-repeat: no-repeat;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

.push {
    height: 70px;
}

footer {
    background-color: #eae9e0;
    height: 70px;
    text-align: center;
    width: 100%;
    z-index: 1000;
    
    /*position: absolute;
    right: 0;
    bottom: 130px;
    left: 0;*/
}

    footer p {
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 16px;
        font-weight: 300;
        padding: 30px 0px 0px 0px;
    }

    footer a {
        font-family: 'open_sanscondensed_light', sans-serif;
        font-size: 16px;
        font-weight: 300;
        text-decoration: underline;
        color: #000;
    }

        footer a:hover {
            text-decoration: none;
        }

    footer #footermenu li {
        display: inline-block;
        margin: 25px 25px 0px 25px;
    }

        footer #footermenu li a {
            text-decoration: underline;
        }



div.blocks {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

    div.blocks > div {
        display: inline-block;
        display: inline;
        zoom: 1;
        vertical-align: top;
        width: 50%;
        position: relative;
    }

    div.blocks.w66-33 > div {
        width: 300px;
    }

        div.blocks.w66-33 > div:first-child {
            width: 640px;
        }

    div.blocks.w30-70 > div {
        width: 69%;
    }

        div.blocks.w30-70 > div:first-child {
            width: 29%;
            margin-right: 10px;
        }

    div.blocks.w33-33-33 > div {
        width: 33.333333333333%;
    }

    div.blocks.w50-50 > div {
        width: 49%;
    }

    div.blocks.w40-60 > div {
        width: 59%;
    }

        div.blocks.w40-60 > div:first-child {
            width: 39%;
        }

        div.blocks.w40-60 > div > h2 {
            margin-left: 10px;
            margin-bottom: 20px;
        }

    div.blocks.w60-40 > div {
        width: 40%;
    }

        div.blocks.w60-40 > div:first-child {
            width: 59%;
        }

    div.blocks.w80-20 > div {
        width: 19%;
    }

        div.blocks.w80-20 > div:first-child {
            width: 79%;
        }

    div.blocks.w20-80 > div {
        width: 79%;
    }

        div.blocks.w20-80 > div:first-child {
            width: 19%;
        }


.selectmap {
    background-image: url('../images/algemeen.png');
    width: 712px;
    height: 277px;
    margin: 0px auto 0px auto;
    padding: 30px 0px 30px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}

.point a img {
    width: 20px;
    height: auto;
}

#antwerpen-map {
    position: absolute;
    top: 115px;
    left: 440px;
}

#limburg-map {
    position: absolute;
    top: 195px;
    left: 590px;
}

#oostvlaanderen-map {
    position: absolute;
    top: 175px;
    left: 245px;
}

#westvlaanderen-map {
    position: absolute;
    top: 175px;
    left: 85px;
}

#vlaamsbrabantbrussel-map {
    position: absolute;
    top: 230px;
    left: 440px;
}

.verbondkeuze {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    margin-bottom: 30px;
}

.vakantiesitelink {
    margin: 30px 0px 0px 0px;
}

    .vakantiesitelink a,
    .vakantiesitelink a:hover {
        text-decoration: underline;
    }

/*********************************************************************************
                                                                                    
                  _____                 _                                        
                 |  __ \               | |                                       
                 | |  | | _____   _____| | ___  _ __   ___ _ __ ___              
                 | |  | |/ _ \ \ / / _ \ |/ _ \| '_ \ / _ \ '__/ __|             
                 | |__| |  __/\ V /  __/ | (_) | |_) |  __/ |  \__ \             
                 |_____/ \___| \_/ \___|_|\___/| .__/ \___|_|  |___/             
                                               | |                               
                                               |_|                               
                                                                                    
*********************************************************************************/
.grid strong {
    font-weight: bold;
}

.pull-left {
    float: left;
}

#profiel {
    display: block;
}

.copy {
    overflow: hidden;
}


button {
    cursor: pointer;
}

.relative {
    position: relative;
}

.field-validation-error {
    /*position: absolute;
    left: 700px;
    top: 0px;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat 4% 50% scroll #FFF;
    padding: 6px 4px 4px 35px;
    min-width: 150px;
    text-align: left;
    color: #EF4836;
    border: 3px solid #EF4836;*/
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 4% 50% #FFF;
    padding: 7px 8px 7px 35px;
    min-width: 150px;
    text-align: left;
    color: #EF4836;
    border: 3px solid #EF4836;
    position: relative;
    left: 5px;
    top: 1px;
    display: inline-block;
    font-family: 'open_sanscondensed_light', sans-serif;
}

.field-validation-warning {
    background: url("/Frontend/css/images/info_ico_yellow.png") no-repeat scroll 1.5% 50% #FFF;
    padding: 7px 7px 7px 35px;
    min-width: 150px;
    max-width: 303px;
    text-align: left;
    color: #f1c40f;
    border: 3px solid #c29d0b;
    position: relative;
    left: 5px;
    top: 15px;
    display: inline-block;
    font-family: 'open_sanscondensed_light', sans-serif;
}

.field-validation-warning.invalid-warning{
    top:0px;
}

.wallmessage-error {
    left: 60px;
    top: -10px;
}

.adres-error-street {
    position: absolute;
    left: 414px;
}

.adres-error2 {
    top: 1px;
    left: 5px;
}


.mail-error {
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 3% 50% #FFF;
    padding: 6px 4px 4px 40px;
    width: 330px;
    text-align: left;
    color: #EF4836;
    border: 3px solid #EF4836;
    margin-top: -20px !important;
}

.mail-success {
    background: url("../images/success.jpg") no-repeat scroll 1% 50% #FFF;
    padding: 6px 4px 4px 40px;
    width: 95%;
    text-align: left;
    color: #2FBC86;
    border: 3px solid #2FBC86;
    margin-top: -20px !important;
}

.max-width {
    width: auto;
    padding: 10px 10px 10px 65px;
    margin-bottom: 10px;
    margin-top: 0 !important;
    display: block;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 1.1em;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 2% 10% #FFF;
}

    .max-width ul {
        margin-left: 30px;
    }

        .max-width ul li {
            list-style: initial;
        }

.activity-subscribe-succes {
    margin-top: 19px !important;
    margin-bottom: -20px !important;
}

.mail-field-errors {
    left: 550px !important;
    top: 1px !important;
    padding: 7px 7px 7px 35px !important;
}



.management-mail-field-errors {
    top: -50px;
    left: 330px;
}

.groupmessage-field-errors {
    left: 0;
}

.validation-summary-errors {
    position: absolute;
    top: 224px;
    left: 710px;
    color: #EF4836;
    border: 3px solid #EF4836;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 4% 50% #FFF;
    padding: 6px 4px 5px 35px;
    text-align: left;
    min-width: 175px;
}

.notfound-error {
    width: 200px;
    top: -52px;
}

.mail-css-fix {
    width: 90%;
    margin-top: 0px !important;
    padding: 10px 4px 9px 40px !important;
}

.name-field-errors {
    left: 825px !important;
    top: -60px !important;
}

.last-name-field-errors {
    left: 627px !important;
    top: -60px !important;
}

.address-field-errors {
    top: -60px;
    left: 830px;
}

.housenr-address-field-errors {
    top: -60px;
    left: 632px !important;
}

.city-address-field-errors {
    top: -60px;
    left: 632px !important;
}

.country-address-field-errors {
    top: -60px;
    left: 434px !important;
}

.activity-error {
    color: #EF4836 !important;
    padding: 7px 4px 7px 35px !important;
}

    .activity-error span {
        color: #EF4836 !important;
    }

.section-error {
    float: right !important;
    margin-top: 2px !important;
    margin-top: -1px !important;
    top: -5px !important;
}

.answer-field-errors {
    top: 35px;
    left: 323px;
    padding: 8px 4px 8px 35px !important;
}

.transport-field-errors {
    top: 429px;
    left: 516px;
    padding: 8px 4px 8px 35px !important;
}

.comment-field-error {
    top: -90px;
    left: 672px;
}

#ui-id-5 {
    height: auto !important;
    padding-top: 10px !important;
}

.fixed-width-text {
    width: 285px;
}

.fixed-width-text-postcode {
    width: 94px;
}

.fixed-width-text-street {
    width: 374px;
}

.fixed-width-text-housenr {
    width: 85px;
}

.fixed-width-text-location {
    width: 225px;
}

.fixed-width-dropdown-small {
    width: 85px;
}

.fixed-width-dropdown-large {
    width: 311px;
}

.fixed-width-profile-text {
    width: 250px;
}

.fixed-width-text-profile-postcode {
    width: 65px;
}

.fixed-width-text-profile-street {
    width: 325px;
}

.fixed-width-text-profile-housenr {
    width: 72px;
}

.fixed-width-text-profile-location {
    width: 202px;
}

.fixed-width-dropdown-profile-small {
    width: 85px;
}

.fixed-width-profile-text.phone{
    width: 405px;
    max-width:410px;
}
/********************
      Sections
 ********************/




section.green {
    background-color: #00cf97;
}

    section.green h1 {
        color: #ffffff;
    }

    section.green .btn:hover {
        background-color: #ffc602;
        color: #282f39;
    }

    section.green#subnav nav.anker a {
        color: #ffffff;
        background-image: url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/anker_bl.png');
    }

        section.green#subnav nav.anker a:hover {
            color: #858585;
        }

    section.green.subwhite {
        color: #ffffff;
    }

    section.green.subyellow#subnav nav.anker a {
        color: #ffc602;
        background-image: url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/anker_bl.png');
    }

        section.green.subyellow#subnav nav.anker a:hover {
            color: #858585;
        }

    section.green.subyellow#subnav nav.anker .right h1 {
        color: #ffc602;
    }

    section.green.subyellow#detail-intro h1 {
        color: #ffc602;
        line-height: normal;
    }

    section.green.txtSection a {
        color: #ffffff;
    }

        section.green.txtSection a:hover {
            text-decoration: none;
        }

    section.green.txtSection h2 {
        font-size: 40px;
        line-height: 40px;
    }

        section.green.txtSection h2.small {
            font-size: 26px;
            line-height: 26px;
        }

    section.green.txtSection h3 {
        margin-left: 10px;
        font-size: 19px;
        margin-bottom: 20px;
    }

section.blue-dark {
    background-color: #282f39;
}

    section.blue-dark ul,
    section.blue-dark li,
    section.blue-dark p,
    section.blue-dark h1,
    section.blue-dark h4 {
        color: #ffffff;
    }

    section.blue-dark.txtSection h2 {
        color: #d7ff00;
    }

    section.blue-dark.txtSection h3 {
        color: #d7ff00;
        margin-left: 10px;
    }

    section.blue-dark.txtSection a {
        color: #d7ff00;
    }

        section.blue-dark.txtSection a:hover {
            text-decoration: none;
        }

    section.blue-dark#subnav nav.anker a {
        color: #ffffff;
        background-image: url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/anker_gr.png');
    }

section.blue {
    background-color: #2994d1;
}

    section.blue ul,
    section.blue li,
    section.blue p,
    section.blue h1,
    section.blue h2,
    section.blue h3,
    section.blue h4 {
        color: #ffffff;
    }

        section.blue p time {
            color: #ffc602;
            font-weight: normal;
        }

    section.blue .shadow:before,
    section.blue .shadow:after {
        background: #346296;
        -webkit-box-shadow: 0 15px 10px #346296;
        -moz-box-shadow: 0 15px 10px #346296;
        box-shadow: 0 15px 10px #346296;
    }

    section.blue a {
        color: #ffc602;
    }

    section.blue .w30-70 > div:first-of-type h1 {
        line-height: 40px;
    }

section.green-fluo {
    background-color: #d7ff00;
}

    section.green-fluo.txtSection h2 {
        font-size: 40px;
        line-height: 40px;
    }

section.blue-light {
    background-color: #2994d1;
}

    section.blue-light h1,
    section.blue-light h2,
    section.blue-light h3,
    section.blue-light h4 {
        color: #ffffff;
    }

    section.blue-light p,
    section.blue-light ul {
        color: #ffffff;
    }

    section.blue-light #banner-algemeen h2 {
        color: #2994d1 !important;
    }

section.pink {
    background-color: #fff3f3;
}

    section.pink h1 {
        color: #282f39;
    }

section.yellow {
    background-color: #ffc602;
}

    section.yellow h1 {
        color: #282f39;
    }

    section.yellow h2,
    section.yellow h3,
    section.yellow h4,
    section.yellow li {
        color: #555555;
    }

    section.yellow p {
        color: #555555;
    }

        section.yellow p a {
            color: #1c7ee9;
        }

    section.yellow .btn.remove-from-favorites {
        opacity: .5;
    }

        section.yellow .btn.remove-from-favorites:hover,
        section.yellow .btn.add-to-favorites:hover {
            background-color: #555555;
        }

    section.yellow .btn:hover {
        background-color: #00cf97;
    }

        section.yellow .btn:hover.full {
            background-color: #282f39;
            cursor: pointer;
        }

    section.yellow nav.anker {
        background-color: #ffc602;
    }

    section.yellow.txtSection h2 {
        font-size: 40px;
        line-height: 40px;
        color: #282f39 !important;
    }

    section.yellow.txtSection h3 {
        margin-left: 10px;
        font-size: 19px;
        margin-bottom: 20px;
    }

    section.yellow.txtSection p {
        color: #282f39;
    }

    section.yellow.txtSection a {
        color: #282f39;
    }

        section.yellow.txtSection a:hover {
            text-decoration: none;
        }

section.red {
    background-color: #e93c42;
}

    section.red h1 {
        color: #ffffff;
    }

    section.red h2 {
        color: #ffffff;
    }

    section.red p {
        color: #ffffff;
    }

    section.red.txtSection h2 {
        font-size: 40px;
        line-height: 40px;
        color: #ffffff;
    }

    section.red.txtSection h3 {
        margin-left: 10px;
        font-size: 19px;
        margin-bottom: 20px;
    }

    section.red a {
        color: #4e313b;
    }

        section.red a:hover {
            text-decoration: none;
        }

        section.red a.btn {
            color: #ffffff;
        }

section.purple {
    background-color: #8a3dad;
}

    section.purple.txtSection {
        color: #ffffff;
    }

        section.purple.txtSection h1 {
            color: #ffffff;
        }

        section.purple.txtSection h2 {
            font-size: 40px;
            line-height: 40px;
            color: #ffffff;
        }

        section.purple.txtSection h3 {
            color: #d7ff00;
            margin-left: 10px;
            font-size: 19px;
            margin-bottom: 20px;
        }

        section.purple.txtSection p,
        section.purple.txtSection li {
            color: #ffffff;
        }

        section.purple.txtSection a {
            color: #d7ff00;
        }

            section.purple.txtSection a:hover {
                text-decoration: none;
            }

        section.purple.txtSection .numberHL {
            color: #8a3dad;
            padding: 1px 9px;
            margin: 0 2px;
            background-color: #d7ff00;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            font-family: 'open_sanscondensed_light', sans-serif;
            font-weight: 700 !important;
            font-size: 20px;
            line-height: 20px;
        }

    section.purple #banner-algemeen h2 {
        color: #8a3dad !important;
    }

section.blue-sky {
    background-color: #45a0f2;
}

    section.blue-sky #banner-algemeen h2 {
        color: #45a0f2 !important;
    }

section.white {
    background-color: #ffffff;
}

    section.white h1 {
        color: #00cf97;
    }

    section.white .btn {
        background-color: #00cf97;
        color: #ffffff;
    }

        section.white .btn:hover {
            background-color: #282f39;
            color: #ffffff;
        }

    section.white#subnav nav.anker a {
        color: #45a0f2;
        background-image: url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/anker_bl.png');
    }

        section.white#subnav nav.anker a:hover {
            color: #858585;
        }

    section.white#subnav nav.anker .right h1 {
        color: #45a0f2;
    }

    section.white#detail-intro h1 {
        color: #45a0f2;
        line-height: normal;
    }

    section.white#detail-intro .btn {
        background-color: #000000;
    }

        section.white#detail-intro .btn:hover {
            background-color: #45a0f2;
        }

section.grey {
    background-color: #dcdcdc;
}

    section.grey h1 {
        color: #282f39;
    }

    section.grey.txtSection h2 {
        font-size: 40px;
        line-height: 40px;
    }

    section.grey.txtSection a {
        color: #282f39;
    }

        section.grey.txtSection a:hover {
            text-decoration: none;
        }

    section.grey#subnav nav.anker a {
        color: #00cf97;
        background-image: url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/anker_bl.png');
    }

        section.grey#subnav nav.anker a:hover {
            color: #858585;
        }

    section.grey#subnav nav.anker .right h1 {
        color: #00cf97;
    }

    section.grey#detail-intro h1 {
        color: #00cf97;
        line-height: normal;
    }

    section.grey#detail-intro .btn:hover {
        background-color: #00cf97;
    }

    section.grey#detail-intro .right .btn {
        background-color: #000000;
    }

        section.grey#detail-intro .right .btn:hover {
            background-color: #00cf97;
        }

section.beige {
    background-color: #f8dbac;
    color: #282f39;
}

    section.beige.txtSection h2 {
        font-size: 40px;
        line-height: 40px;
    }

    section.beige #banner-algemeen h2 {
        color: #ffffff !important;
        background-color: #00cf97 !important;
    }

section.red {
    background-color: #e93c42;
    color: #ffffff;
}

    section.red h2 {
        color: #282f39;
    }

section.grey-light {
    background-color: #f5f5f5;
}

    section.grey-light h2 {
        color: #00cf97;
    }

section.grey-dark {
    background-color: #80848e;
}

    section.grey-dark h2, section.grey-dark h1 {
        color: #393939;
    }

section.default p a:hover {
    text-decoration: none;
}

section.default h1 + p,
section.default h2 + p,
section.default h3 + p,
section.default h4 + p {
    margin-top: 15px;
}

#facebook-login-form {
    float: left;
    margin: 0;
    margin-bottom: 20px;
}

.googlelogin {
    margin-left: -250px;
}

.bond-wrapper {
    position: relative;
}

    .bond-wrapper .fixed-bonds {
        max-height: 330px;
        overflow-y: scroll;
    }

.selectmap {
    background-image: url(../images/algemeen.png);
}

#accordion h3 {
    font-family: 'open_sanscondensed_light',sans-serif !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px !important;
}

.ui-accordion-header {
    margin-bottom: 10px !important;
}

.absolute-bottom-right {
    float: right;
    margin-right: 5px;
}

.email-width {
    width: 270px;
}

#add-member p {
    padding: 0 15px;
}

.activity-personal-info {
    margin-top: 10px;
    list-style: none !important;
    padding-left: 0 !important;
}

#map {
    width: 930px;
    height: 300px;
}

button a {
    color: #292F3A !important;
}

.green4-light {
    margin-bottom: 60px;
}

#forgot {
    cursor: pointer;
}

#forgotpassword {
    display: none;
}

#reedsingeschreven p {
    text-transform: capitalize;
}

.height .submit {
    display: inline-block !important;
}

.height .center {
    text-align: center;
}

i.settings {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 22px;
    color: #a6a6a6;
}

    i.settings:hover, i.settings.hover {
        cursor: pointer;
        color: #888888;
    }

#mySettings {
    width: 80px;
    position: absolute;
    top: 40px;
    right: 15px;
    background: #ffffff;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    display: none;
}

    #mySettings ul {
        padding: 5px;
    }

        #mySettings ul li:first-child {
            padding: 0 3px;
        }

        #mySettings ul li:hover, #mySettings ul li input:hover {
            text-decoration: underline;
            cursor: pointer;
        }

        #mySettings ul li input {
            background: transparent;
            border: 0;
            padding: 0 !important;
            margin: 0;
            font-family: "open_sanscondensed_light",sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 25px;
        }

.btn-myRights {
    margin: 20px 0;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: none repeat scroll 0% 0% #34CF93 !important;
    box-shadow: 0px 1px 3px 0px #34CF93 inset !important;
}

.news-title-fixed {
    width: 492px;
}

.news-body-fixed {
    width: 960px;
    height: 121px;
}

.news-bond-fixed {
    width: 242px;
}

.news-time-fixed {
    width: 142px;
}

.dismissTextField {
    margin-left: 10px !important;
    padding: 0 6px !important;
}

.addTextField {
    margin-left: 4px;
}

.ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-default {
    background: none;
}

.ui-accordion .ui-widget-content {
    background: none;
}

.padding-top-fix {
    padding-top: 0px;
    margin-top: -60px;
}

/*************************************
                Nieuws                  
 *************************************/
#Nieuws img {
    width: 40px;
    height: 40px;
    margin: 0px 20px 0px 0px;
}

#Nieuws .field {
    border: 3px solid #b2b1a1;
    padding: 10px;
    margin: 0px 0px 20px 0px;
    width: 900px !important;
    height: 15px !important;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#Nieuws {
    padding: 20px 0px 20px 0px;
    width: 960px;
    height: 500px;
}

    #Nieuws .item {
        width: 900px;
    }

        #Nieuws .item h1 {
            font-size: 20px;
            margin-bottom: 5px;
            color: #000;
            font-weight: 400;
        }

        #Nieuws .item p {
            margin: 0px 0px 5px 0px;
        }

.hide {
    display: none !important;
    visibility: hidden !important;
}

.login-error-message {
    position: absolute;
    left: 700px;
    top: 0px;
    padding: 5px 5px 5px 35px !important;
}

.facebook-error-message {
    position: absolute;
    left: 382px;
    top: 163px;
    padding: 5px 5px 5px 35px !important;
}

.login-nocombination-error-message {
    position: absolute;
    left: 700px;
    top: 0px;
    padding: 5px 5px 5px 40px !important;
    width: 420px;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 2% 50% #FFF !important;
}

.login-emailtaken-error-message {
    position: absolute;
    left: 700px;
    top: 0px;
    padding: 5px 5px 5px 40px !important;
    width: 260px;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 2% 50% #FFF !important;
}

.myProfile {
}


    .myProfile .ui-state-default, .myProfile .ui-widget-content .ui-state-default, .myProfile .ui-widget-header .ui-state-default {
        border: none !important;
    }

.profile-margin-top {
    margin-top: 50px !important;
}

.profile-error {
    top: 0 !important;
    padding: 10px 4px 10px 45px !important;
    vertical-align: top;
}

.profile-registernumber {
    max-width: none !important;
}

.profile-lastname, .profile-housenr, .profile-city, .profile-country {
    position: absolute;
    left: 960px;
}

.profile-country, .profile-city {
    top: 67px !important;
}

.profile-city {
    z-index: 99;
}

#bank .inputfield {
    margin-right: 5px;
}

#extra span.intro {
    font-style: italic;
    margin-left: -90px;
}

a#naam img {
    width: 35px;
    height: 35px;
}

a#naam p {
    padding-top: 8px;
}

.margin-left {
    margin-left: -3px;
}

#profielfoto img {
    max-width: 200px;
    max-height: 200px;
}

.showComments {
    cursor: pointer !important;
}


.gallery-home {
    height: 490px;
    background-color: #282f39;
    overflow: hidden;
    padding: 0;
    position: relative;
}

    .gallery-home.playing .contain,
    .gallery-home.playing .twitterbox,
    .gallery-home.playing h1 {
        -webkit-transition: opacity .3s ease-out;
        -moz-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        opacity: 0;
    }

    /*.gallery-home nav {
        position: absolute;
        right: 50%;
        top: 425px;
        transform: translateX(50%);
        -moz-transform: translateX(50%);
        -webkit-transform: translateX(50%);
    }

        .gallery-home nav a {
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: top;
            background: white;
            width: 15px;
            height: 15px;
            border-radius: 15px;
            margin-left: 6px;
            text-align: center;
        }

            .gallery-home nav a.active {
                cursor: default;
                background: #dec702 !important;
            }

            .gallery-home nav a:hover {
                background: #94e4ce;
            }*/

    .gallery-home .container {
        position: relative;
        white-space: nowrap;
        -moz-transition: left .5s ease-out;
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out;
        height: 490px;
    }

        .gallery-home .container > div {
            width: 100%;
            height: 490px;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: top;
            white-space: normal;
            background-size: cover;
            background-position: center;
            position: relative;
        }

          .gallery-home .container > div .contain {
            width: 940px;
            height: 100%;
            line-height: 490px;
            position: absolute;
            left: 50%;
            margin-left: -470px;
          }

            .gallery-home .container > div .profile h1 {
                min-width: 535px;
            }


            .gallery-home .container > div .contain h1 {
                z-index: 3;
                display: inline-block;
                *display: inline;
                zoom: 1;
                vertical-align: top;
                padding: 20px;
                font-size: 65px;
                line-height: 65px;
                vertical-align: middle;
                background-image: url('../images/transparant_background.png');
                background-repeat: repeat;
                max-width: 550px;
                color: #292f3a;
                position: absolute;
                top: 75px;
            }

                .gallery-home .container > div .contain h1 span {
                    color: #34cf93;
                }

.custom-home-container {
  z-index: 3;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  vertical-align: middle;
  background-image: url('../images/transparant_background.png');
  background-repeat: repeat;
  max-width: 350px;
  color: #292f3a;
  position: absolute;
  top: 75px;
}
.custom-home-container h4 {
  font-size: 36px;
  line-height: 34px;
}
.custom-home-container .text {
  color: #292f3a;
  font-size: 20px;
  font-family: 'open_sanscondensed_light', sans-serif;
  text-transform: none;
  margin-bottom: 20px;
  line-height: 25px;
  text-align: justify;
}
  .custom-home-container .action {
    float: right;
    display: inline-flex;
  }
.custom-home-container .action span {
  color: #292f3a;
  font-family: 'open_sanscondensed_light', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  font-style: italic;
  margin-right: 8px;
  position: relative;
  top: 6px;
  text-transform: uppercase
}
.custom-home-container {
  margin-left: -100%;
  text-align: left;
  z-index: 3;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  background-color: #fff;
  background: #ffffffe6;
  padding: 20px;
  font-size: 65px;
  line-height: 60px;
  vertical-align: middle;
  width: 350px;
  top: 100px;
}
    .custom-home-container .action a.button-style, .custom-home-container .action a.button-style:hover, .custom-home-container .action a.button-style:visited{
      background-color: #353c49;
      color: white;
      padding: 10px;
      font-weight: bold;
      text-transform: uppercase;
      border-radius: 10px;
      display: inline-block;
      text-decoration: none;
      position: relative;
      margin: 0px;
      width: auto;
      top: 0;
      left: 0;
      font-size: 14px;
      border: 1px solid lightgray;
    }
            .custom-home-container span {
              color: #34cf93;
            }
                    .gallery-home .container > div .contain h1 span.date {
                        color: #292f3a;
                        font-size: 20px;
                        clear: both;
                        font-weight: 400;
                        display: block;
                    }

                    .gallery-home .container > div .contain h1 span.team {
                        color: #63a742;
                        font-size: 20px;
                        clear: both;
                        font-weight: 400;
                        display: block;
                    }

                    .gallery-home .container > div .contain h1 span.info {
                        color: #63a742;
                        font-size: 20px;
                        clear: both;
                        font-weight: 400;
                        display: block;
                    }


        .gallery-home .container a {
            z-index: 3;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: top;
            color: white;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: 700 !important;
            text-transform: uppercase;
            width: 108px;
            text-shadow: 0 0 8px rgba(0,0,0,0.5);
            text-align: center;
            font-size: 16px;
            line-height: 18px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -71.5px;
            margin-left: -54px;
        }

            .gallery-home .container a i {
                background: url('https://kazoustorageprod.blob.core.windows.net/imageskazouwww/play-btn.png');
                display: block;
                width: 108px;
                height: 107px;
                zoom: 1;
                cursor: pointer;
            }

            .gallery-home .container a:hover {
                color: #d7ff00;
            }

                .gallery-home .container a:hover i {
                    background-position: bottom;
                }

    .gallery-home .player {
        width: 710px;
        height: 400px;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -355px;
        z-index: 11;
        opacity: 0;
        -moz-transition: opacity .3s ease-out;
        -webkit-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
    }

.wrap {
    width: 940px;
    height: 0;
    left: 50%;
    margin-left: -470px;
    position: absolute;
    top: 0;
}

.login-fb #facebook-login-form {
    float: none;
}



#hideIntro {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #927B00;
    cursor: pointer;
}

.fb-sync .facebooklogin {
    background-image: url('../images/facebook-sync-up.png');
}

    .fb-sync .facebooklogin:hover {
        background-image: url('../images/facebook-sync-hover.png');
    }

nav a {
    cursor: pointer;
}

.delete-comment {
    position: absolute;
    top: 15px;
    right: 0;
    background: transparent;
    border: none;
}

    .delete-comment i {
        color: red;
    }

#accordion .addquestion {
    display: inline-block;
    position: relative;
    left: 10px;
    padding: 5px 10px;
}

.hover-me {
    cursor: pointer;
}

body.map #wrapper {
    padding-top: 0;
}

    body.map #wrapper .content {
        padding-bottom: 70px;
    }

    nav#groepen ul {
        margin-top: 0;
        margin-left: 175px;
    }

body.content-page .content {
    padding-top: 20px;
}

#accordion p#verzendadrestoggle {
    margin-bottom: 30px;
}

.login-nocombination-error-message {
    max-width: 300px;
}

#login-page form, #forgotpassword {
    width: 100%;
}

#first-screen a {
    text-decoration: underline;
}

/*.fc-basicDay-button, .fc-basicWeek-button, .fc-month-button, .fc-today-button {
    text-indent: -99999px;
    line-height: 1px;
}*/

body.content-page .content h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.basic-error {
    background: white;
    color: orange;
}

/* start homepage slider */
    #home-page .cbp-fwslider {
        position: relative;
        height: 490px;
    }

    #home-page .cbp-fwslider .slide-text-container {
        width: 960px;
        height: 402px;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        position: absolute;
        bottom: 88px;        
    }

    #home-page .cbp-fwslider ul li > a img {
        min-height: 490px
    }

    #home-page .cbp-fwslider .slide-text {
        position: absolute;
        bottom: 0;
        background: rgba(255, 255, 255, 0.7);
        padding: 15px 20px;
        color: black;
        max-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        font-size: 50px;
        line-height: 50px;
        font-weight: bold;
        white-space: normal;
    }

        #home-page .cbp-fwslider .slide-text p {
            margin: 0;
            padding: 0;
            font-size: inherit;
            line-height: inherit;
            font-weight: inherit;
        }

    #home-page .cbp-fwslider .green-highlight {
        color: #34cf93;
    }

    #home-page .cbp-fwslider .play-movie-symbol {
        background: url("../Images/play-btn.png");
        display: block;
        width: 108px;
        height: 107px;
        zoom: 1;
        cursor: pointer;
    }

    #home-page .cbp-fwslider .play-movie-link {
        z-index: 3;
        display: inline-block;
        zoom: 1;
        vertical-align: top;
        color: white;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700 !important;
        text-transform: uppercase;
        width: 108px;
        text-shadow: 0 0 8px rgba(0,0,0,0.5);
        text-align: center;
        font-size: 16px;
        line-height: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: normal;
    }

        #home-page .cbp-fwslider .play-movie-link:hover {
            color: #d7ff00;
        }

            #home-page .cbp-fwslider .play-movie-link:hover .play-movie-symbol {
                background-position: 0px 107px;
            }

#home-page .movie-container {
    position: fixed;
    width: 500px;
    height: 200px;
    top: 120px;
    left: 50%;
    transform: translateX(-65%);
    z-index: 10;
}
        #home-page .movie-container .movie-close-btn {
            position: absolute;
            width: 20px;
            height: 20px;
            top: -15px;
            right: -160px;
            cursor: pointer;
            color: white;
            font-weight: bold;
            font-size: 50px;
            text-shadow: 0px 2px 5px #000000;
        }
            #home-page .movie-container .movie-close-btn:hover {
                color: #d7ff00;
            }

        #home-page .cbp-fwslider nav span {
            background: none;
            font-weight: bold;
            font-family: Calibri, Arial, sans-serif;
            text-shadow: 0px 2px 5px #000000;
        }

        #home-page .cbp-fwslider nav span:hover {
            background: none;
            color: #d7ff00;
        }

        #home-page .cbp-fwslider .cbp-fwdots {
            bottom: 40px;
        }

            #home-page .cbp-fwslider .cbp-fwdots span {
                width: 18px;
                height: 18px;
                box-shadow: 0px 1px 5px #000000;
            }
/* end homepage slider */

/* start homepage social media */
#home-page .homepage-social-media {
    position: absolute;
    bottom: 88px;
    right: calc(50% - 480px);    
}

    #home-page .homepage-social-media p {
        font-size: 21px;
        font-weight: bold;
    }

    #home-page .homepage-social-media .social-box {
        padding: 10px;
        margin-top: 13px;
        background: rgba(255, 255, 255, 0.7);
        max-width: 270px;
    }

        #home-page .homepage-social-media .social-box .moniwerking-national {
            color: #518935;
        }

        #home-page .homepage-social-media .social-box .moniwerking {
            color: #2fbc86;
        }

    #home-page .homepage-social-media .social-icons {
        margin-top: 10px;
    }

    #home-page .homepage-social-media ul li {
        display: inline-block;
        margin: 0 4px;
    }

        #home-page .homepage-social-media ul li img {
            width: 34px;
            height: 34px;
        }

#home-page #social-menu {
    position: absolute;
}
/* end homepage social media */



.text-center {
    text-align: center;
}

#login-page .submit {
    display: inline-block;
}

#login-page .verbond-submit {
    display: block;
    margin: 0 !important;
}

/*td.fc-more-cell, td[rowspan] {
    border: none !important;
}*/

body.block .content, .umb-page .content, .umb-page .content, .umb-page .content {
  padding-top: 30px;
}
/*body.block .content h1{
    margin-top:0;
}*/
body.block .block-text, .umb-page .block-text, .umb-page .block-text, .umb-page .block-text {
  width: 69%;
}

body.block .block-sidebar, .umb-page .block-sidebar {
  width: 29%;
}

body.block .left, .umb-page .left {
  padding-right: 1%;
}

body.block .right, .umb-page .right {
  padding-left: 1%;
}

body.block p.green-text, .umb-page p.green-text {
  color: #00c573;
  margin-top: .2em;
  margin-bottom: .2em;
}

  body.block p.green-text a, .umb-page p.green-text a {
    color: #00c573;
    text-decoration: underline;
  }

body.block .block-sidebar, .umb-page .block-sidebar {
  margin-top: 15px;
}

  body.block .block-sidebar .sidebar-with-photo, .umb-page .block-sidebar .sidebar-with-photo {
    background: #003e47;
  }

    body.block .block-sidebar .sidebar-with-photo .intro, .umb-page .block-sidebar .sidebar-with-photo .intro {
      color: #fff;
      padding: 1em;
    }

  body.block .block-sidebar img, .umb-page .block-sidebar img {
    max-width: 100%;
  }

  body.block .block-sidebar .sidebar-with-photo .intro img, .umb-page .block-sidebar .sidebar-with-photo .intro img {
    max-width: 100%;
    max-height: 200px;
  }

  body.block .block-sidebar .sidebar-with-photo .intro h4, .umb-page .block-sidebar .sidebar-with-photo .intro h4 {
    font-size: 1.3em;
    text-transform: none;
    margin-bottom: .7em;
  }

  body.block .block-sidebar .sidebar-with-photo .intro ul, .umb-page .block-sidebar .sidebar-with-photo .intro ul {
    margin-left: 2em;
  }

    body.block .block-sidebar .sidebar-with-photo .intro ul li, .umb-page .block-sidebar .sidebar-with-photo .intro ul li {
      list-style-type: disc;
    }

  body.block .block-sidebar p, .umb-page .block-sidebar p {
    margin-top: 0;
  }

body.block .blok, .umb-page .blok {
  float: left;
  margin-bottom: 2em;
}

body.block .width-50, .umb-page .width-50 {
  width: 48%;
  margin-right: 2%;
}

  body.block .width-50 p img, .umb-page .width-50 p img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }

body.block div.center-h4, .umb-page div.center-h4 {
  height: 0px;
}

/*body.block .wide, .umb-page .wide {
    padding: 45px 0 0 0;
}*/
body.block .width-50 .teaser, .umb-page .width-50 .teaser {
  max-width: 300px;
  margin: 2em auto 1em;
}

  body.block .width-50 .teaser img, .umb-page .width-50 .teaser img {
    display: block;
  }

    body.block .width-50 .teaser img.left, .umb-page .width-50 .teaser img.left {
      margin-right: 1em;
    }

    body.block .width-50 .teaser img.right, .umb-page .width-50 .teaser img.right {
      margin-left: 1em;
    }

      body.block .width-50 .teaser img.right + p, body.block .width-50 .teaser img.right + a, .umb-page .width-50 .teaser img.right + p, body.block .width-50 .teaser img.right + a {
        text-align: right;
      }

  body.block .width-50 .teaser p, body.block .width-50 .teaser p a, .umb-page .width-50 .teaser p, body.block .width-50 .teaser p a {
    display: block;
    margin: 0;
  }

body.block .width-50 p a, .umb-page .width-50 p a {
  text-decoration: underline;
}

body.block .width-50 h4, .umb-page .width-50 h4 {
  margin-top: 15px;
  font-size: 1.5em;
}

body.block .width-50 ol, .umb-page .width-50 ol {
  list-style-type: decimal;
  margin-left: 2em;
}

body.block .width-50 ul, .umb-page .width-50 ul {
  list-style-type: square;
  margin-left: 2em;
}

.black {
  color: #000;
}

body.block .width-50 .center-ul, .umb-page .width-50 .center-ul {
  text-align: center;
  margin-top: -1em;
}

  body.block .width-50 .center-ul ul, .umb-page .width-50 .center-ul ul {
    display: inline-block;
    list-style-type: none;
    margin-left: 0;
  }

    body.block .width-50 .center-ul ul li:before, .umb-page .width-50 .center-ul ul li:before {
      content: "-";
    }

body.block .width-50 p.green, .umb-page .width-50 p.green {
  margin-bottom: -15px;
  color: #00cf97;
  font-weight: bold;
}

body.apps iframe {
    width: 100%;
    height: 600px;
}

body.pagina #wrapper .content {
}

body.pagina.no-intro #wrapper {
    padding-top: 0 !important;
}

body.block .width-60 {
    width: 58%;
    margin-right: 2%;
}

body.block .width-40 {
    width: 38%;
    margin-right: 2%;
}

    body.block .width-40 img {
        display: block;
        margin: 0 auto;
    }

body.block .blok p a {
    text-decoration: underline;
}

body.block .width-60 img {
    display: block;
    margin: 0 auto;
}

body.block h4 > span {
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    text-transform: none;
    margin-bottom: -20px;
    display: block;
}

body.block p.green, body.block p.green a {
    color: #00cf97;
    font-weight: bold;
}

body.block img {
    max-width: 100%;
}

body.block #contact input[type="text"] {
    width: 250px;
}

body.block #contact h2 {
    margin-bottom: 0;
}

body.block #contact .field-validation-error {
    padding: 11px 8px 11px 35px;
}

    body.block #contact .field-validation-error.message {
        left: 0;
    }

.red {
    color: red;
}

span.dates {
    left: 0;
}

body.pagina a, body.pagina p a {
    text-decoration: underline;
}

body.pagina #cbp-fwslider {
    margin-top: 130px;
}

    body.pagina #cbp-fwslider ul li {
        height: 490px;
        width: 100%;
    }

    body.pagina #cbp-fwslider + .content {
        padding-top: 0;
    }

#loader {
    background-image: url('/Images/loader.gif');
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: 50px;
}

#loader-animation {
    background-image: url('../Images/loader.gif');
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: 50px;
}

.groepsbeheer {
    float: right !important;
}

.beheer-toevoegen .submit {
    display: inline-block !important;
}

.beheer-toevoegen .col-50 {
    float: left;
    width: 50%;
}

.beheer-toevoegen .scroller {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
}

    .beheer-toevoegen .scroller ul li {
        width: 25%;
        float: left;
        padding: 1% 0;
    }

        .beheer-toevoegen .scroller ul li a:hover {
            text-decoration: underline;
            color: #477d30;
        }

.red-submit {
    background: #E74C3C;
    border: 0;
    border-bottom: 3px solid #96281b;
    color: #ffffff;
    padding: 5px 10px;
}

    .red-submit:hover {
        background: #e74c3c;
        margin-top: 1px;
        border-bottom: 2px solid #96281b;
        color: #ffffff;
        padding: 5px 10px;
        cursor: pointer;
    }

#accordion.override span.management-mail-field-errors {
    padding: 8px 8px 8px 35px;
    color: #EF4836;
}

    #accordion.override span.management-mail-field-errors span {
        color: #EF4836;
    }

.widener {
    width: 96%;
}

.label-width {
    width: 25%;
}

.txt-width-large {
    width: 75%;
}

.preview {
    margin-top: 20px;
    max-height: 200px;
    max-width: 300px;
}

.manage-error {
    left: 0;
}

.manage-succes {
    width: 729px;
}

.news-title {
    font-size: 1.1em;
}

.no-margin {
    margin: 0 !important;
}

.cmt-text {
    width: 580px;
    max-width: 580px;
    margin-bottom: 20px;
}

#accordion .tag-list {
    margin-left: 232px;
}

#accordion .tag {
    padding: .5em 1.1em;
    display: inline-block;
    color: #222222;
    background: rgb(52,207,147) transparent;
    background: rgba(52,207,147,0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c34cf93,endColorstr=#4c34cf93);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c34cf93,endColorstr=#4c34cf93)";
    position: relative;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

#accordion .tag-arrow {
    background-image: url('/Images/tag.png');
    width: 42px;
    height: 40px;
    position: absolute;
    left: -42px;
    top: 0;
    padding: 0;
    margin: 0;
}

#accordion .tag p {
    padding: 0 !important;
    height: 22px;
    line-height: 22px;
    margin: 0 0 0 -20px !important;
    color: #666;
}

#jaarwerking {
    margin-bottom: 1em !important;
}

.activity-succes {
    margin: 19px 0 -55px 0 !important;
}

.group-error {
    width: 93%;
    background-position: 1% 50%;
    margin-bottom: -10px !important;
}

.overwrite-wide {
    padding: 30px 0 45px 0;
}

.freeplaces-profile-error {
    top: 0 !important;
    left: -5px;
    padding: 8px 4px 8px 35px !important;
}

.freeplaces-profile-name {
    position: absolute;
    left: 780px;
    top: 3px;
    width: 410px;
    height: 37px;
    overflow: hidden;
    display: inline-block;
}

.freeplaces-profile-street {
    position: absolute;
    left: 794px;
    top: 3px;
    width: 410px;
    height: 37px;
    overflow: hidden;
    display: inline-block;
}

.freeplaces-profile-city {
    position: absolute;
    left: 794px;
    top: 54px;
    width: 610px;
    height: 37px;
    overflow: hidden;
    display: inline-block;
}

.freeplaces-answer-error {
    top: 1px;
    left: 7px;
}

.spacer-right {
    margin-right: 5px;
}

.input-validation-error.inputfield-required, .stepThree-invalid {
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 99% 50% #FFF
}

.form-invalid {
    width: 93%;
    background-position: 1% 50%;
    margin: -60px 0 30px 0 !important;
    padding-left: 40px;
}

.monitool {
    margin-bottom: 50px;
    
}

    .monitool.grid {
        display: flex;
        flex-direction: column;
    }

.monitool .verbond-submit {
    float: none !important;
}

.monitool #extra .intro {
    margin-left: 0;
}

.monitool .submit {
    text-align: center;
    float: left;
}

.monitool .submitleft {
    margin-right: 15px;
    display: inline-block;
}

.monitool .submitleft2 {
    padding: 14px;
}

.monitool .submit.right {
    float: right;
}

.monitool .grid.buttons a {
    text-decoration: underline;
    color: black;
}

.monitool .grid.buttons h2 {
    font-size: 1.7em;
}

.monitool .candidatures {
    background-color: #353c49;
    width: 300px;
    position: relative;
    margin: 0px 0px 30px 0px;
}

    .monitool .candidatures h1 {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 15px;
        background-color: #2fbc86;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 700;
        font-size: 20px;
        display: block;
        margin: 0px 0px 8px 0px;
    }

    .monitool .candidatures span {
        color: #fff;
        text-decoration: none;
    }

    .monitool .candidatures a {
        color: white;
        width: 250px;
        display: inline-block;
    }

.monitool .candidatures-data {
    padding-left: 15px;
    padding-bottom: 10px;
}

.monitool .rank {
    color: yellow;
    cursor: pointer;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

    .monitool .rank > span {
        color: yellow;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: bold;
    }

    .monitool .rank > i {
        padding: 5px;
    }

.monitool .arrow-head {
    text-align: center;
    font-size: 28px;
    cursor: pointer;
}

.monitool article .fa {
    cursor: pointer;
    text-align: center;
    font-size: large;
}

.monitool article {
    border-top: #f9df00 solid 8px;
}

.monitool .urgent {
    border-top: none;
}

    .monitool .urgent .submit {
        background-color: #cd0a0a;
        border-bottom-color: #9A0606;
        color: white !important;
    }

    .monitool .urgent #messagePanel {
        background-color: #cd0a0a;
        color: white;
        margin-left: -15px;
        margin-top: -15px;
        margin-right: -15px;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: bold;
        padding: 15px;
        margin-bottom: 10px;
    }

.monitool #vacationsPanel a {
    color: black;
}

.monitool #chooseCandidateBtn {
    padding: 8px;
    margin-top: -45px;
}

.monitool #vacationsPanel {
    width: 645px;
}

.monitool #choicesPanel {
    width: 300px;
}


#NationalTextBond {
    font-size: 18px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: italic;
    color: #000;
    margin-bottom: 20px;
    display: inline-block;
}

.edit-news {
    display: block;
    width: 90%;
    background: #a3cc7d;
    padding: 5%;
    color: white !important;
    text-align: center;
    margin-bottom: 5%;
    margin-top: -20px;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 1.3em;
}

.news-img {
    margin-bottom: 5%;
  width: 300px;
  height: 185px;
}

.news .title {
    width: 935px;
}

.groups .inputfield {
    margin-right: 10px;
}

.top {
    margin-top: 0;
}

.login-nocombination-error-message {
    top: -25px;
}

.no-link {
    text-decoration: none !important;
}

table.bordered {
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

    table.bordered tbody th {
        border-bottom-width: 2px;
        border: 1px solid #ddd;
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
        padding: 8px;
        line-height: 1.42857143;
        text-align: left;
    }

    table.bordered tbody td {
        border: 1px solid #ddd;
        vertical-align: top;
        padding: 8px;
        line-height: 1.42857143;
    }

        table.bordered tbody td a i {
            vertical-align: middle;
            text-align: center;
        }

            table.bordered tbody td a i.fa-pencil-square-o:before {
                position: relative;
                top: 2px;
            }

            table.bordered tbody td a i.fa-trash-o:before {
                position: relative;
                top: 1px;
            }

.dataTables_wrapper select {
    width: 80px;
    min-width: 80px;
    margin: 0 10px;
    border: 2px solid #b2b1a1;
    padding: 5px;
}

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

.dataTables_filter input {
    border: 2px solid #b2b1a1;
    padding: 5px;
}

.dataTables_paginate span a.paginate_button {
    border: 2px solid #b2b1a1 !important;
    padding: 5px !important;
    background: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    text-decoration: underline !important;
}

table.dataTable tbody tr {
    background: #f6f5eb !important;
}

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0 !important;
}

table.dataTable thead th {
    text-align: left;
    border: 1px solid #ddd;
}

.btn-right-margin {
    margin-right: 10px;
}

.min-width {
    min-width: 300px;
}

.errorpad {
    padding: 7px 8px 7px 35px !important;
}

    .errorpad span {
        color: #EF4836 !important;
    }

.act-error {
    position: absolute;
    padding: 8px 5px 8px 35px !important;
    top: -10px !important;
}

    .act-error.firstname {
        left: 309px !important;
    }

    .act-error.lastname {
        left: 622px !important;
    }

    .act-error.sex {
        left: 290px !important;
        padding: 9px 5px 8px 35px !important;
    }

    .act-error.street {
        left: 397px !important;
    }

    .act-error.housenr {
        left: 830px !important;
    }

    .act-error.postcode {
        top: 42px !important;
        left: 830px !important;
    }

    .act-error.city {
        left: 371px !important;
        top: 42px !important;
    }

    .act-error.country {
        left: 625px !important;
        top: 42px !important;
    }

    .act-error.email, .act-error.phone {
        left: 511px !important;
    }

.profile-phone-field-errors {
    /*padding-left:30px !important;*/
    display: inline-block;
}

.no-top {
    top: 0px !important;
}

.fixit .validation-summary-errors {
    top: 0;
    left: 0;
    position: relative;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 1% 50% #FFF;
    margin-bottom: 1.5em;
}

.gallery-home .container > div {
    margin-left: -4px;
}

    .gallery-home .container > div:first-child {
        margin-left: 0;
    }

.myActivityErrors {
    top: 20px;
    left: 0;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 2% 50% #FFF;
    width: 96%;
}

    .myActivityErrors span {
        padding-left: 1em;
        font-family: 'open_sanscondensed_light', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 25px;
    }

    .myActivityErrors ul {
        padding-left: 3em;
    }

        .myActivityErrors ul li {
            list-style: circle;
        }

.emergency {
    top: -15px;
    position: relative;
}

.trash-can {
    background-color: transparent;
    color: transparent;
    border: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0;
}

    .trash-can:hover {
        background-color: transparent;
    }

.trash-can-i {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 22px !important;
    color: red;
}

.cke_dialog_body select {
    min-width: 0;
}

.field-validation-error.Body-error {
    left: 0;
    top: 5px;
    margin-bottom: 10px;
}

#vacationDescription .description,
#vacationDescription .description p,
#vacationDescription .description strong,
#vacationDescription .description a {
    font-size: 14px;
    margin: 0;
}

#vacationDescription .description {
    margin-top: -15px;
}

.validationSummary.step-four {
    position: relative;
    left: initial;
    right: initial;
    top: initial;
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 1% 50% #FFF;
}

#vakanties h3 {
    margin-bottom: 0 !important;
}

#stap4 h3 {
    margin-bottom: 0 !important;
}

#stap4 p {
    margin-top: 0 !important;
}

h4.no-vacations {
    text-transform: initial;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
}

.vacation-questions {
    margin-bottom: 25px;
}

.mail-err {
    background: url("https://kazoustorageprod.blob.core.windows.net/imageskazouwww/error.jpg") no-repeat scroll 1% 50% #FFF;
    padding: 6px 4px 4px 40px;
    text-align: left;
    color: #EF4836;
    border: 3px solid #EF4836;
}

#myQuestionList label {
    min-width: initial;
    margin-right: 0;
}

#myQuestionList span.red {
    font-size: 1.5em;
    position: relative;
    top: 2px;
}

#myQuestionList textarea {
    width: 100%;
}

#myQuestionList input[type=text] {
    width: 97%;
}

#myQuestionList label.lblCheckbox {
    margin: 0;
}

.superscript {
    vertical-align: super;
    font-size: small;
}

.info-message {
    font-style: italic;
    font-size: .9em;
    margin: 5px 5px 5px 15px !important;
}

.vv {
    margin-left: 20px;
}

.groepsafbeelding {
    height: 260px;
}

.bgsec {
    background-size: cover;
    background-position: 50% 50%;
}



/*overwrites for validation*/
.two-textboxes .field-validation-error {
    max-width: 295px;
}

.two-textboxes label {
    min-width: 171px;
}


/* Manage volunteer data */
.MoniwerkingTable td {
    padding: 6px;
    padding-bottom: 0px;
}

    .MoniwerkingTable td select {
        min-width: 275px;
    }

.MoniwerkingTable .NewsletterDelivery select {
    min-width: 175px;
}

.MoniwerkingTable .MagazineDelivery select {
    min-width: 175px;
}

.MoniwerkingTable .StandardBond select {
    min-width: 125px;
}

#vakantiekiezer div.half {
    text-align: center;
    padding: 0 20px;
}

#vakantiekiezer div.half p {
    font-size: 1.1em;
}

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

select[required], form#formQuestions .bootstrap-select.show-tick {
  background: #fff url("../images/blokje-required.png") no-repeat 96% 50%;
}

  select[required].input-validation-error, form#formQuestions .bootstrap-select.error {
    background: #fff url("../images/blokje-required-error.png") no-repeat 96% 50%;
  }

.monitool h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.monitool p {
    margin-bottom: 10px;
}
.crop-slider span.large-image {
  font-size: 22px !important;
}

.crop-slider span.small-image {
  font-size: 16px !important;
}

.crop-slider span.icon-picture {
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  color: #b2b1a1 !important;
}

.crop-slider input.slider {
  margin: 0 10px;
  vertical-align: middle;
}
.crop-slider {
  margin-left: 6px;
}
.image-selector {
  display: none;
}

.image-selector + label {
    display: inline-block;
    margin: 15px 5px 10px 5px !important;
    padding: 5px !important;
    cursor: pointer;
}
#image-cropper .actions {
  margin: 17px 0 0 20px;
  padding: 0;
  display: inline-block;
  text-align: left;
}
#image-cropper .cropit-image-preview-container {
  float: left;
  display: inline-block;
  cursor: move;
}
    .image-selector:focus + label,
    .image-selector + label:hover {
    }
.tab-pane {
  display: none;
}
  .tab-pane.active {
    display: inline;
  }
article.fullwidth {
  width: 100% !important;
}

.loadingSpinner {
    background: url('../../../Frontend/Images/loader.gif') no-repeat center center;
    height: 50px;
    margin-top: 100px;
    min-height: 0;
    width: auto;
    display: block;
    text-indent: -9999px;
    text-align: left;
    display: none;
}

.success-msg {
    background-color: green;
    font-family: 'open_sanscondensed_light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none !important;
    padding: 5px 10px;
}
.succes-box {
  border: 3px solid #00c573;
  font-family: 'open_sanscondensed_light', sans-serif;
  font-size: 14px;
  color: #00c573;
  background: #fff;
  padding: 6px;
  margin: 10px auto;
  text-align: justify;
}
  .succes-box a:link {
    color: #00c573;
    font-weight: bold;
    text-decoration: none;
  }


  .succes-box a:visited {
    color: #00c573;
    font-weight: bold;
  }


  .succes-box a:hover {
    color: darkgreen;
    font-weight: bold;
  }
.succes-box.news-box a:link {
    color: #00c573;
    font-weight: normal;
    text-decoration: underline;
}


.succes-box.news-box a:visited {
    color: #00c573;
    font-weight: normal;
}


.succes-box.news-box a:hover {
    color: darkgreen;
    font-weight: normal;
}
.profile-export-success-msg {
    background-color: darkgreen !important;
    color: #ffffff !important;
    padding: 7px 20px !important;
    margin-left: 10px !important;
}

.cc_banner-wrapper {
    z-index: 99999999999 !important;
}

.my-invoices-page .invoice-block {
    background: white;
    border: 2px solid #00c573;
    padding: 15px 18px;
    margin: 22px 0;
}

    .my-invoices-page .invoice-block h3 {
        margin-bottom: 13px;
    }

    .my-invoices-page .invoice-block h4 {
        margin: 16px 0;
    }


    .my-invoices-page .invoice-block .printed-invoice-record .invoice-document-block {
        background: #DCDCDC;
        margin: 10px 0;
    }

        .my-invoices-page .invoice-block .printed-invoice-record .invoice-document-block .invoice-document-name {
            font-family: 'open_sanscondensed_light', sans-serif;
            float: left;
            padding: 10px 13px;
        }

        .my-invoices-page .invoice-block .printed-invoice-record .invoice-document-block .invoice-document-download {
            float: right;
        }

            .my-invoices-page .invoice-block .printed-invoice-record .invoice-document-block .invoice-document-download .invoice-document-download-button {
                text-transform: uppercase;
                text-decoration: none;
                font-family: 'open_sanscondensed_light', sans-serif;
                display: inline-block;
                background: #f9df00;
                height: 41px;
                line-height: 41px;
                padding: 0 15px;
            }


        .my-invoices-page .invoice-block .printed-invoice-record .invoice-document-block::after {
            display: block;
            content: " ";
            clear: both;
        }

.my-invoices-page #load-more-invoices {
    text-align: center;
}

    .my-invoices-page #load-more-invoices div[data-type='clickable'] {
        font-family: 'open_sanscondensed_light', sans-serif;
        cursor: pointer;
        border: 1px solid #cacaca;
        padding: 6px 10px;
        background: white;
        display: inline-block;
    }

.loading-spinner {
  background: url(/Frontend/Images/loader.gif) no-repeat center center;
  height: 50px;
  min-height: 0;
  width: auto;
  display: block;
  text-indent: -9999px;
  text-align: left;
  display: none;
}
.container {
  width: 960px;
  margin: 0px auto 0px auto;
  position: relative;
}
.light-green {
  color:#00c573 !important
}
.margin3px {
  margin-right: 3px;
}
a.green-button {
  color: #fff;
  text-decoration: none;
  padding: 5px 9px;
  background-color: #2fbc86;
  font-family: 'open_sanscondensed_light', sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin: 0px;
  cursor: pointer;
}
a.green-button:hover{
  background-color: #34cf93;
}
#nieuws #share{
  margin-top: 15px;
  background: #a3cc7d;
  padding: 6px 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 5px 9px;
  /* background-color: #2fbc86; */
  font-family: 'open_sanscondensed_light', sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin: 0px;
  cursor: pointer;
}

.choose-vacations {
    margin-top: 25px;
    display: none;
    display: flex;
    flex-direction: row;
}

/* Hamburger button */
.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent; /* iOS Safari */
}

.hamburger:focus {
    outline: 0;
}

    .hamburger span {
        background: white;
        height: 3px;
        width: 25px;
        border-radius: 2px;
        transition: 0.3s;
    }