.mainheader .row,
header .mainheader .row {
    margin: 0
}

.navbar-default.toggle_menu,
header .mainheader .logo #block-block-7,
header .mainheader.fixed .logo #block-block-5,
header .mainheader.fixed .logo #block-block-6 {
    display: none
}

.block-custom-search-blocks{display: inline-block; margin-left: 30px;}

@font-face {
    font-family: aileronthin;
    src: url(../fonts/aileron-thin-webfont.eot);
    src: url(../fonts/aileron-thin-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/aileron-thin-webfont.woff2) format('woff2'), url(../fonts/aileron-thin-webfont.woff) format('woff'), url(../fonts/aileron-thin-webfont.ttf) format('truetype'), url(../fonts/aileron-thin-webfont.svg#aileronthin) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: aileronregular;
    src: url(../fonts/aileron-regular-webfont.eot);
    src: url(../fonts/aileron-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/aileron-regular-webfont.woff2) format('woff2'), url(../fonts/aileron-regular-webfont.woff) format('woff'), url(../fonts/aileron-regular-webfont.ttf) format('truetype'), url(../fonts/aileron-regular-webfont.svg#aileronregular) format('svg');
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: aileronlight;
    src: url(../fonts/aileron-light-webfont.eot);
    src: url(../fonts/aileron-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/aileron-light-webfont.woff2) format('woff2'), url(../fonts/aileron-light-webfont.woff) format('woff'), url(../fonts/aileron-light-webfont.ttf) format('truetype'), url(../fonts/aileron-light-webfont.svg#aileronlight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merriweatheritalic;
    src: url(../fonts/merriweather-italic-webfont.eot);
    src: url(../fonts/merriweather-italic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/merriweather-italic-webfont.woff2) format('woff2'), url(../fonts/merriweather-italic-webfont.woff) format('woff'), url(../fonts/merriweather-italic-webfont.ttf) format('truetype'), url(../fonts/merriweather-italic-webfont.svg#merriweatheritalic) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merriweatherlight;
    src: url(../fonts/merriweather-light-webfont.eot);
    src: url(../fonts/merriweather-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/merriweather-light-webfont.woff2) format('woff2'), url(../fonts/merriweather-light-webfont.woff) format('woff'), url(../fonts/merriweather-light-webfont.ttf) format('truetype'), url(../fonts/merriweather-light-webfont.svg#merriweatherlight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: merriweatherregular;
    src: url(../fonts/merriweather-regular-webfont.eot);
    src: url(../fonts/merriweather-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/merriweather-regular-webfont.woff2) format('woff2'), url(../fonts/merriweather-regular-webfont.woff) format('woff'), url(../fonts/merriweather-regular-webfont.ttf) format('truetype'), url(../fonts/merriweather-regular-webfont.svg#merriweatherregular) format('svg');
    font-weight: 400;
    font-style: normal
}

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

@font-face {
    font-family: merriweatherblack;
    src: url(../fonts/merriweather-black-webfont.eot);
    src: url(../fonts/merriweather-black-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/merriweather-black-webfont.woff2) format('woff2'), url(../fonts/merriweather-black-webfont.woff) format('woff'), url(../fonts/merriweather-black-webfont.ttf) format('truetype'), url(../fonts/merriweather-black-webfont.svg#merriweatherblack) format('svg');
    font-weight: 400;
    font-style: normal
}

a,
a:hover {
    color: #a21c25
}

a:focus {
    outline: 0
}

body {
    /*font-family:aileronregular*/
}

#page,
.front #page {
    padding: 0
}

.region-main-menu .menu li {
    float: left;
    list-style: none
}

header .mainheader .logo {
    margin-left: 15px;
    margin-top: 7px;
	    margin-bottom: 20px;
}

header .mainheader.fixed .logo {
    margin-top: 6px
}

header .mainheader.fixed .logo #block-block-7 {
    display: block
}

.index-class header .mainheader {
    position: absolute;
    z-index: 498
}

html.overlay-open .index-class header .mainheader {
    z-index: 99
}

div.contextual-links-wrapper {
    z-index: 499
}

header .mainheader {
    width: 100%;
    left: 0;
    top: 0;
    padding: 15px 0 5px 0;
    transition: all 1s ease
}

header .mainheader.fixed {
    position: fixed!important;
    background: #fff;
    border-bottom: 3px solid #7e7e7d;
    transition: all .5s ease;
    z-index: 9991
}

header .mainheader.fixed .main-menu li a {
    color: #4d4d4c;
    font-size: 18px
}

header .main-menu ul li ul {
    display: none
}

.item-list ul li.collapsed,
.item-list ul li.expanded,
ul.menu li.collapsed,
ul.menu li.expanded {
    list-style-type: none;
    list-style-image: none
}

header .main-menu {
    margin-top: 20px;
	text-align: right
}

header .main-menu ul {
    padding: 0;
    margin: 0;
	display: inline-block
}

header .main-menu li {
    padding: 0;
    margin: 0 10px
}

header .main-menu li a {
    font-family: aileronthin;
    font-size: 20px;
    color: #7e7e7e;
    padding: 5px
}

.index-class header .main-menu li a {
    color: #fff
}

header .main-menu li a:hover {
    border-bottom: 4px solid #be1521;
    text-decoration: none
}

header .region-custom-link {
    float: right;
    margin-right: 15px;
    margin-top: 2px;
    TEXT-ALIGN: RIGHT;
    PADDING-RIGHT: 10PX;
}

header .region-custom-link p {
    margin-bottom: 0
}

header .region-custom-link a {
    min-height: 43px;
    border: 1px solid #7e7e7e;
    display: block;
    padding: 7px 10px;
    text-align: center;
    min-width: 170px;
    font-size: 18px;
    color: #be1521;
    font-family: aileronthin
}

.index-class header .region-custom-link a {
    color: #fff;
    border: 1px solid #fff
}

header .region-custom-link a:hover {
    text-decoration: none
}

header .mainheader.fixed .region-custom-link a {
    border: 1px solid #7e7e7e;
    color: #be1521
}

.header-image {
    float: left;
    width: 100%
}

.header-image .region-header-section>div img {
    width: 100%;
        height: auto;
}

.header-image .region-header-section {
    position: relative
}

.header-image .block {
    width: 100%;
    height: 100%;
    background: rgba(155, 22, 25, .2);
    background-image: url(../images/slider-overlay.png);
    background-repeat: repeat-y;
    background-position: left top
}

.index-class .header-image .block,
.node-type-bestuur-slider .header-image .block,
.node-type-kwartiermakers-type .header-image .block,
.node-type-news .header-image .block,
.node-type-quote-slider .header-image .block {
    position: absolute;
    top: 0;
    left: 0
}

.index-class .header-image .block .content {
    width: 58%;
    padding: 35px 50px;
    margin: 100px 0 0 -55px;
    float: left
}

.header-image .block .content h2 {
    color: #fff;
    font-size: 46px;
    font-family: merriweatherblack;
    margin: 0;
    line-height: normal
}
.index-class .header-image .block .content h2{font-size:40px;line-height:42px}

.header-image .block .content ul {
    margin: 0
}
.header-image .block .content li {
    font-family: aileronthin;
    list-style: none;
    padding: 0
}
.index-class .header-image .block .content ul {margin-top:15px;}
.index-class .header-image .block .content li {
    font-size: 30px;
    font-family: aileronthin;
    line-height: normal;
    color: #fff;
    list-style-type: disc;
    list-style-position: inside
}

#page .inner-banner-background {
    background-position: 0 center!important;
    background-repeat: no-repeat!important;
    background-size: 100% auto!important;
    height: 400px
}

.index-class .line-div-custom {
    float: left;
    width: 430px;
    height: 210px;
    border: 1px solid rgba(255, 255, 255, .4);
    margin-left: -40px;
    margin-top: 105px;
    display: none
}

.index-class .title-header {
    display: none
}

#content-after {
    width: 100%
}

.container {
    display: table
}

.content-after-container {
    padding: 40px 0;
    background: #fff
}

.index-class .content-after-container {
    padding: 5px 0 60px;
    background: #fff
}

.content-after-container h2 {
    text-align: center;
    margin: 0 0 43px
}

.content-after-container .view-logo_slider .str_move>span {
    margin: 0 15px;
    height: 86px;
    display: inline-block
}

.content-after-container .view-logo_slider .str_move>span img {
    height: auto
}

#block-views-logo-slider-block h2 {
    font-size: 19px;
    color: #676767
}
a.button-kandidaten {
    background-color: #744d77!important;
    color: #fff!important;
    padding: 10px!important;
    width: 300px;
    display: inline-block;
    text-align: center;
}
a.button-kandidaten:hover {
    background-color: green!important;
}
.form_element01 .form-radios {
    margin-top: 0px!important;
    float: right;
    width: 404px;
}
.footer-container {
    background: #a21c25;
    min-height: 120px;
    padding: 35px 0
}

.footer-container .region-footer-content {
    margin: 0 -15px
}

.footer-container .block {
    width: 50%;
    float: left;
    padding: 0 10px
}

.footer-container .block-block p {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff
}

.footer-container .block-block a {
    color: #fff
}

.footer-container .block-social-media-links ul {
    float: right
}

.footer-container .block-social-media-links ul li>a {
    display: inline-block;
    margin: 0 5px
}

.footer-container .block-social-media-links ul li>a>img {
    display: none
}

.footer-container .block-social-media-links ul li.twitter a {
    background: url(../images/twitter-icon.png) left top no-repeat;
    width: 47px;
    height: 39px;
    display: inline-block
}

.footer-container .block-social-media-links ul li.linkedin a {
    background: url(../images/linkedin.png) left top no-repeat;
    width: 39px;
    height: 39px;
    display: inline-block
}

.columns-container,
.content-after-container,
.content-custom-container,
.footer-container,
.header-container {
    float: left;
    width: 100%
}

.content-home-container .box-container {
    text-align: center;
    padding: 20px 20px 0;
    min-height: 140px;
    position: absolute;
    top: -180px;
    margin:0 5px;
	cursor: pointer; 
}
.inschrijven-alert {
    display: none;
}
.content-home-container .box-container h3 {
    font-size:26px;
    color: #fff;
    font-family: aileronlight;
    line-height: normal;
    margin: 0 0 5px;
    min-height: 35px
}

.content-home-container .box-container p {
    font-size: 16px;
    color: #fff;
    font-family: aileronlight;
    margin-bottom: 15px;
    line-height: 22px;
    min-height: 75px
}

#block-block-8 ul,
#block-system-main .content ul,
.views-field.views-field-field-organisatie {
    font-family: aileronlight
}

.content-home-container .box-container .more-information a {
    font-size: 20px;
    display: block;
    color: #fff;
    text-align: center;
    border-top: 1px solid #fff;
    padding: 12px 0
}

#page #block-system-main .content,
.content-after-container,
.front #page #block-system-main>.content {
    padding-top: 0
}

.content-home-container .inner-1 {
    background: #a21c25
}

.content-home-container .inner-2 {
    background: #6e4571
}

.content-home-container .inner-3 {
    background: #a21c25
}

#block-system-main .content ul {
    color: #666;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 25px;
    list-style-type: unset
}

#block-system-main .content ul li,
#block-system-main .content ul li span {
    color: #666;
    font-family: aileronlight;
    font-size: 17px!important;
    line-height: 25px!important;
    list-style-type: unset
}

#page #block-system-main .content a {
    font-weight: 700
}

#page #block-system-main>.content {
    padding-top: 0;
    padding-bottom: 0
}

#columns .node p {
    margin-bottom: 20px
}

#columns .node h3 {
    color: #be1521;
    font-size: 24px;
    margin: 0 0 20px
}

#columns .node h4 {
    color: #be1521;
    font-size: 20px;
    margin: 0 0 15px
}

#columns hr {
    width: 100%
}

#block-block-11 {
    display: none
}

#block-block-8 ul {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    list-style-type: unset;
    list-style-position: inside;
    margin: 0
}

#webform-ajax-wrapper-41 .form-text {
    width: 50%
}

.page-node-23 .content-after-container,
.page-node-32 .content-after-container {
    background: #7e7e7d;
    margin: 40px 0 0;
    padding: 0 0 30px
}

#bxslider_views_slideshow_main_bestuur_view-block,
#bxslider_views_slideshow_main_kwartiermakers_slider-block {
    position: relative;
    width: 1000px;
    margin: -30px auto auto
}

.bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content {
    color: #F6F6F6;
    font-family: merriweatheritalic;
    font-size: 22px;
    padding: 20px;
    width: 450px;
    background-color: #6e4571;
    margin-top: 70px;
    height: 240px
}

#bxslider_views_slideshow_main_bestuur_view-block ul li .views-field-body a.views-more-link {
    margin-top: -30px;
    display: block;
    text-align: right;
    width: 449px;
    color: #FFF!important
}

.bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content a {
    display: block;
    font-family: merriweatheritalic;
    font-size: 14px
}

.bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content {
    color: #F6F6F6;
    font-family: merriweatheritalic;
    font-size: 22px;
    padding: 20px;
    width: 450px;
    background-color: #6e4571;
    margin-top: 70px;
    height: 240px
}

#bxslider_views_slideshow_main_kwartiermakers_slider-block ul li .views-field-body a.views-more-link {
    margin-top: -30px;
    display: block;
    text-align: right;
    width: 449px;
    color: #FFF!important
}

.bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content a {
    color: #A21C25!important;
    display: block;
    font-family: merriweatheritalic;
    font-size: 14px
}

.bxslider_views_slideshow_main ul li .views-field-view-node a {
    color: #fff;
    display: block;
    font-family: merriweatheritalic;
    font-size: 14px
}

.field-name-field-bestuur-short-description .field-item,
.field-name-field-kwartiermakers-short-descr .field-item,
.field-name-field-quote-short-description .field-item {
    font-family: georgia, palatino;
    font-size: 25px;
    font-style: italic;
    line-height: 32px;
    color: #7E7E7D;
    margin-bottom: 49px
}

.goback {
    cursor: pointer;
    margin-bottom: 20px;
    display: inline-block;
    background-color: #6e4571;
    padding: 10px 30px;
    color: #fff;
    text-transform: uppercase
}

.view .item-list ul {
    padding: 0;
    margin: 0
}

#block-system-main .view-content ul li.views-row {
    border-color: #eee;
    list-style-type: none;
    min-height: inherit;
    float: left;
    width: 100%
}

.view .item-list ul li .views-field-field-picture {
    float: left;
    margin-right: 20px
}

.view .item-list ul li .views-field-field-picture img {
    height: auto;
    max-width: 152px
}

.view .item-list ul li .views-field {
    padding-left: 0
}

.view .item-list ul li .views-field-title {
    padding-top: 0
}

.view .item-list ul li .views-field-title a {
    color: #be1521;
    font-size: 24px;
    margin: 0 0 20px;
    display: inline-block
}

#block-system-main .view .item-list ul li .views-field-body .field-content p {
    margin-bottom: 10px
}

.footer-container .block.block-mailchimp-signup {
    width: 90%
}

.footer-container .block.block-mailchimp-signup h2 {
    color: #fff;
    font-family: aileronbold;
    font-size: 18px;
    margin-bottom: 15px
}

.footer-container .block.block-mailchimp-signup .form-item {
    padding: 0
}

.footer-container .block.block-mailchimp-signup .form-item input {
    width: 100%;
    border: none;
    min-height: 42px;
    padding: 5px;
    background: rgba(255, 255, 255, .28);
    color: #fff;
    font-size: 14px;
    position: relative
}

.footer-container .block.block-mailchimp-signup .form-item input:focus {
    outline: 0;
    background: #fff;
    color: #a21c25
}

.footer-container .block.block-mailchimp-signup .form-item label {
    display: none
}

.footer-container .block.block-mailchimp-signup .form-actions {
    margin: 0;
    position: absolute;
    right: 4px;
    top: 4px
}

.footer-container .block.block-mailchimp-signup .form-actions input {
    background: #a21c25;
    margin: 0
}

.footer-container .block.block-mailchimp-signup form>div {
    position: relative
}

.display_archive {
    color: #666;
    font-size: 17px;
    font-family: aileronlight;
    line-height: 25px
}

@media (max-width:767px) {
    .bx-pager.bx-default-pager {
        left: auto;
        margin-left: 0;
        margin-top: 0;
        position: relative;
        z-index: 999;
        text-align: center;
        display: none
    }
    .bxslider_views_slideshow_main ul li div:last-child {
        text-align: center
    }
    #bxslider_views_slideshow_main_bestuur_view-block,
    #bxslider_views_slideshow_main_kwartiermakers_slider-block {
        position: relative;
        width: 100%;
        margin: -30px auto auto
    }
    .bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content {
        color: #F6F6F6;
        font-family: merriweatheritalic;
        font-size: 22px;
        padding: 20px 0;
        margin-top: 0;
        height: 300px
    }
    #bxslider_views_slideshow_main_bestuur_view-block ul li .views-field-body a.views-more-link {
        margin-top: -86px;
        display: block;
        text-align: center;
        width: auto;
        font-size: 20px;
        color: #FFF!important
    }
    .bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content {
        color: #F6F6F6;
        font-family: merriweatheritalic;
        font-size: 22px;
        padding: 20px;
        background-color: #6e4571;
        margin-top: 0;
        height: 240px
    }
    #bxslider_views_slideshow_main_kwartiermakers_slider-block ul li .views-field-body a.views-more-link {
        margin-top: -30px;
        display: block;
        text-align: center;
        width: auto;
        color: #FFF!important
    }
    #webform-ajax-wrapper-41 .form-text {
        width: 100%
    }
    .navbar-default.toggle_menu {
        display: block
    }
    .lines-button {
        padding-left: 0;
        padding-right: 0;
        transition: .3s;
        cursor: pointer;
        user-select: none;
        border-radius: .57143rem
    }
    .lines-button:hover {
        opacity: 1
    }
    .lines-button:active {
        transition: 0
    }
    .lines,
    .lines:after,
    .lines:before {
        display: inline-block;
        width: 3rem;
        height: .37143rem;
        background: #143b67;
        border-radius: .28571rem;
        transition: .3s
    }
    .lines {
        position: relative
    }
    .lines:after,
    .lines:before {
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: .28571rem center;
        transform-origin: .28571rem center
    }
    .lines:before {
        top: 1rem
    }
    .lines:after {
        top: -1rem
    }
    .lines-button:hover .lines:before {
        top: 1rem
    }
    .lines-button:hover .lines:after {
        top: -1rem
    }
    .lines-button.close {
        -webkit-transform: scale3d(.8, .8, .8);
        transform: scale3d(.8, .8, .8)
    }
    .lines-button.arrow.close .lines:after,
    .lines-button.arrow.close .lines:before {
        top: 0;
        width: 2.22222rem
    }
    .lines-button.arrow.close .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 40deg);
        transform: rotate3d(0, 0, 1, 40deg)
    }
    .lines-button.arrow.close .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -40deg);
        transform: rotate3d(0, 0, 1, -40deg)
    }
    .lines-button.arrow-up.close {
        -webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, 90deg);
        transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, 90deg)
    }
    .lines-button.minus.close .lines:after,
    .lines-button.minus.close .lines:before {
        -webkit-transform: none;
        transform: none;
        top: 0;
        width: 4rem
    }
    .lines-button.x.close .lines {
        background: 0 0!important
    }
    .lines-button.x.close .lines:after,
    .lines-button.x.close .lines:before {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        top: 0;
        width: 4rem
    }
    .lines-button.x.close .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg)
    }
    .lines-button.x.close .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg)
    }
    .lines-button.x2 .lines {
        transition: background .3s .5s ease
    }
    .lines-button.x2 .lines:after,
    .lines-button.x2 .lines:before {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: top .3s .6s ease, -webkit-transform .3s ease;
        transition: top .3s .6s ease, transform .3s ease
    }
    .lines-button.x2.close .lines {
        transition: background .3s 0s ease;
        background: 0 0
    }
    .lines-button.x2.close .lines:after,
    .lines-button.x2.close .lines:before {
        transition: top .3s ease, -webkit-transform .3s .5s ease;
        transition: top .3s ease, transform .3s .5s ease;
        top: 0;
        width: 3rem
    }
    .lines-button.x2.close .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg)
    }
    .lines-button.x2.close .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg)
    }
    #page {
        right: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }
    #page.toggled {
        right: 250px;
        position: fixed
    }
    .toggled .region-main-menu .main-menu {
        width: 250px
    }
    .region-main-menu .main-menu {
        z-index: 1000;
        position: fixed;
        height: 100%;
        right: 0;
        margin-top: 0;
        overflow-y: auto;
        background: #e3e7e9;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        width: 0
    }
    #block-block-5,
    #block-block-6,
    #block-block-7,
    header .mainheader.fixed .logo #block-block-7 {
        display: none
    }
    .col-sm-4.col-md-4.phone_section {
        float: left!important;
        width: 65%;
        padding: 10px 0 0 10px;
        margin: 0
    }
    header .mainheader.fixed .logo {
        margin: 0
    }
    header .mainheader .logo {
        margin: 0;
        padding: 0
    }
    #block-block-11 {
        display: block
    }
    .bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-quote-short-description .field-content,
    .region-footer-copyright #block-block-3 p {
        width: 100%
    }
.inschrijven-alert {
    background: #ff8923;
    color: #fff;
    padding: 17px;
    margin-bottom: 30px;
	    display: block;
}
.inschrijven-alert a {
    color: #fff;
    text-decoration: underline;
    font-weight: normal!important;
}
}

@media(min-width:768px) and (max-width:1200px) {
    .bxslider_views_slideshow_main ul li div:first-child img {
        height: auto
    }
    .bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-quote-short-description .field-content {
        width: 85%
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #block-system-main .view-id-news .views-field-created,
    #block-system-main .view-id-news .views-field-title {
        width: 65%
    }
    #block-system-main .view-id-news .views-field-field-news-short-description {
        width: 66%
    }
    header .main-menu ul {
        margin: 24px 0 0 37px
    }
    .region-main-menu .menu li {
        margin: 0 3px
    }
    header .main-menu li a {
        font-size: 16px
    }
    header .mainheader.fixed .main-menu li a {
        font-size: 15px
    }
    .header-image .block .content h2,
    .index-class .header-image .block .content li {
        font-size: 30px
    }
    header .region-custom-link a {
        margin-top: 12px;
        min-width: 150px
    }
    .index-class .header-image .block .content {
        margin: 90px 0 0 -55px
    }
    #bxslider_views_slideshow_main_bestuur_view-block ul li .views-field-body a.views-more-link,
    #bxslider_views_slideshow_main_kwartiermakers_slider-block ul li .views-field-body a.views-more-link {
        width: 362px
    }
}

@media(min-width:768px) and (max-width:990px) {
    .content-home-container .box-container h3 {
        word-break: break-all
    }
    .content-home-container .box-container p {
        min-height: 192px
    }
    header .main-menu ul {
        margin: 24px 0 0
    }
    header .main-menu li {
        margin: 0 3px
    }
    header .main-menu li a,
    header .mainheader.fixed .main-menu li a {
        font-size: 12px
    }
    .content-home-container .box-container h3,
    .header-image .block .content h2,
    .index-class .header-image .block .content li {
        font-size: 25px
    }
    .logo p img {
        height: auto;
        width: 96%;
        margin-top: 6px
    }
    header .region-custom-link a {
        min-width: inherit;
        margin-top: 12px
    }
    .index-class .header-image .block .content {
        padding: 10px 50px;
        margin: 105px 0 0 -55px
    }
    .content-home-container .box-container {
        top: -35px;
        min-height: 407px
    }
    .header-image .title-header {
        margin: -200px 0 0
    }
    .menu-block-1 ul {
        margin: -120px 0 0!important
    }
    #page .inner-banner-background {
        height: 210px
    }
    #block-system-main .view-id-news .views-field-created {
        width: 50%
    }
    #block-system-main .view-id-news .views-field-title {
        width: 51%
    }
    #block-system-main .view-id-news .views-field-field-news-short-description {
        width: 55%
    }
    .bxslider_views_slideshow_main ul li .views-field-body p {
        width: 100%
    }
    .bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-quote-short-description .field-content {
        font-size: 17px;
        padding-top: 35px
    }
    .bx-pager.bx-default-pager {
        left: 0;
        margin: 15px 0 0;
        text-align: center
    }
    #bxslider_views_slideshow_main_bestuur_view-block ul li .views-field-body a.views-more-link,
    #bxslider_views_slideshow_main_kwartiermakers_slider-block ul li .views-field-body a.views-more-link {
        width: 265px
    }
    #bxslider_views_slideshow_main_bestuur_view-block,
    #bxslider_views_slideshow_main_kwartiermakers_slider-block {
        width: 100%
    }
    .bxslider_views_slideshow_main ul li .views-field-field-bestuur-short-description .field-content,
    .bxslider_views_slideshow_main ul li .views-field-field-kwartiermakers-short-descr .field-content {
        font-size: 16px;
        margin-top: 53px;
        height: 197px
    }
}

@media(max-width:767px) {
    header .main-menu li a:hover {
        border: none
    }
    .index-class header .main-menu li a,
    header .main-menu li a {
        color: #3a4149
    }
    .index-class header .mainheader {
        position: static;
        margin-top: -1px
    }
header .mainheader.fixed {
    border-bottom: 0px ;
}
    .region-main-menu .menu li {
        float: none;
        display: block;
        padding: 10px 15px;
        margin: 0;
        border-bottom: 1px solid #fff;
		width: 250px;
    }
li.nl.first {
    width: unset;
}
    .region-main-menu .menu li.active-trail {
        background: #fff
    }
    .index-class .line-div-custom {
        width: 100%;
        float: none
    }
    .index-class .header-image .block .content {
        border: none;
        width: 100%;
        padding: 0 15px;
        margin: 0;
        float: none
    }
    .header-image .block .content h2 {
        margin: 3px 0 0;
        line-height: normal;
        font-size: 35px
    }
    .header-image .block .content ul {
        margin: 7px 0 0
    }
    .index-class .header-image .block .content li {
        font-size: 23px;
        margin-top: 0
    }
    #block-block-4 .content.row .col-sm-4.col-md-4 {
        padding: 0
    }
    .content-home-container .box-container p {
        min-height: 120px
    }
    header .mainheader {
        padding: 0;
        margin-top: -1px
    }
    .header-image .region-header-section>div img {
        max-width: 100%;
        height: 270px
    }
    .header-image .title-header {
        margin: -240px 0 0
    }
    .header-image .title-header .main-heading {
        font-size: 34px
    }
    #block-block-10 blockquote {
        width: 100%
    }
    #page {
        padding: 0!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .header-image .block .content h2:first-child {
        margin-top: 40px
    }
    #page .inner-banner-background {
        background-size: cover!important
    }
    #block-block-9 .content .col-sm-4.col-md-4 {
        padding: 0
    }
    .view-content .views-row img {
        margin-bottom: 25px
    }
    header .region-custom-link a {
        background: url(../images/download.png) 50% 50% no-repeat #989ca0;
        font-size: 0;
        height: 54px;
        min-width: 55px;
        padding: 0;
        position: absolute;
        right: 55px;
        text-indent: 0;
        top: 0
    }
    .index-class header .region-custom-link a,
    header .mainheader.fixed .region-custom-link a {
        border: none
    }
    .region-main-menu .menu li.last-menu-item,
    .region-main-menu .menu li.second-last {
        background: #989ba0;
        margin: 15px;
        padding: 6px 15px;
		border: none;
    text-align: center;
	width: 220px;
    }
    .region-main-menu .menu li.last-menu-item a,
    .region-main-menu .menu li.second-last a {
        color: #fff
    }
    .region-top-bar {
        display: none
    }
header .main-menu ul {
    display: block;
}
header .main-menu li a {
    font-size: 16px;
}

div#_hj_feedback_container {
    display: none;
}
.display_archive .campaign a {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.port-intro {
    display: inline-block;
    width: calc(50% - 15px);
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    min-height: 415px;
}
}

@media(max-width:480px) {
    .header-image .block .content h2 {
        font-size: 33px
    }
}

@media(max-width:360px) {
    .header-image .block .content h2 {
        font-size: 27px
    }
}

@media(max-width:320px) {
    .header-image .block .content h2 {
        font-size: 27px
    }
}

.views-field.views-field-field-organisatie {
    padding: 0!important;
    color: #666;
    font-size: 17px;
    line-height: 25px
}

span.views-label.views-label-field-organisatie {
    font-weight: 700;
    display: inline-block;
    float: left
}

.views-field.views-field-field-organisatie .field-content {
    padding: 0 0 0 10px!important
}

#block-views-best-practices-block, #block-views-best-practices-block-1, 
#block-views-vacatures-view-block {
    max-width: 980px;
    margin: 20px auto auto
}

#block-views-best-practices-block .views-field-title,
#block-views-best-practices-block-1 .views-field-title,
#block-views-vacatures-view-block .views-field-title {
    padding: 0
}

#block-views-best-practices-block .views-field-title span,
#block-views-best-practices-block-1 .views-field-title span,
#block-views-vacatures-view-block .views-field-title span {
    color: #be1521!important;
    font-size: 24px!important;
    font-family: aileronregular
}

#block-views-best-practices-block .view-id-vacatures_view .field-content p,
#block-views-best-practices-block-1 .view-id-vacatures_view .field-content p,
#block-views-best-practices-block .views-field.views-field-field-quote-short-description,
#block-views-best-practices-block-1 .views-field.views-field-field-quote-short-description,
#block-views-vacatures-view-block .view-id-vacatures_view .field-content p {
    color: #666;
    font-family: aileronlight;
    font-size: 17px;
    line-height: 25px
}

#block-views-best-practices-block .views-field-body,
#block-views-best-practices-block-1 .views-field-body,
#block-views-vacatures-view-block .views-field-body {
    padding: 10px 0 0
}

#block-views-benoemingen-view-block .views-field-field-external-link .field-content,
#block-views-best-practices-block .views-field-field-external-link .field-content,
#block-views-best-practices-block-1 .views-field-field-external-link .field-content,
#block-views-vacatures-view-block .views-field-field-external-link .field-content {
    padding-left: 0!important
}

#block-views-best-practices-block .views-field-field-picture,
#block-views-best-practices-block-1 .views-field-field-picture,
#block-views-vacatures-view-block .views-field-field-picture {
    width: 13%;
    margin-bottom: 50px;
    float: left;
    margin-right: 15px
}

#block-views-best-practices-block .field-content,
#block-views-best-practices-block-1 .field-content,
#block-views-vacatures-view-block .field-content {
    overflow:hidden;padding: 0;
}

#block-views-best-practices-block .view-content .views-row,
#block-views-best-practices-block-1 .view-content .views-row,
#block-views-vacatures-view-block .view-content .views-row {
    clear: both;
    border-bottom: 1px solid #a7a7a7;
    min-height: 128px;
    margin-bottom: 25px
}

#block-views-best-practices-block .views-field.views-field-field-quote-slider-image,
#block-views-best-practices-block-1 .views-field.views-field-field-quote-slider-image {
    display: block;
    float: left;
    margin: 0 15px 25px 0;
    width: 35%;
}

#block-views-best-practices-block .views-field.views-field-field-quote-slider-image .field-content img,
#block-views-best-practices-block-1 .views-field.views-field-field-quote-slider-image .field-content img 
  {
    max-width: 350px;
    height: auto
}

#block-views-benoemingen-view-block {
    max-width: 980px;
    margin: auto
}

#block-views-benoemingen-view-block .views-field-title {
    padding-top: 0;
    padding-bottom: 15px;
    float: left;
    text-align: left!important;
    display: inline-block;
    width: 80%;
}

#block-views-benoemingen-view-block .views-field-title span {
    color: #be1521!important;
    font-size: 24px!important;
    font-family: aileronregular
}
#block-views-benoemingen-view-block .views-field.views-field-body {
    width: 83%;
    float: left;
}
#block-views-benoemingen-view-block .views-field-field-external-link {
    width: 83%;
    float: right;
}
#block-system-main ol li,
#block-views-benoemingen-view-block .view-id-benoemingen_view .field-content p {
    color: #666;
    font-size: 17px;
    font-family: aileronlight;
    line-height: 25px
}

#block-views-benoemingen-view-block .views-field-field-picture {
    float: left;
    margin-right: 15px;
	    margin-bottom: 20px;
}

#block-views-benoemingen-view-block .field-content {
    overflow: hidden
}

#block-views-benoemingen-view-block .view-content .views-row {
    clear: both;
    border-bottom: 1px solid #a7a7a7;
    min-height: 178px;
    margin-bottom: 25px
}

#search-form {
    background: #e3e7e9;
    padding: 15px 0 5px 20px
}

#block-system-main ol {
    margin-left: 30px!important
}

.custom-search-button.form-submit,
.form-actions.form-wrapper,
.search-form {
    margin-bottom: 0
}

#block-system-main {
    margin-top: 30px
}

#cboxWrapper .submitted {
    display: none
}

.form_element01,
.form_element02 {
    background-color: #f6f5f5;
    display: inline-block;
    padding: 5px 5px 5px 15px;
    margin-bottom: 2px
}

.form_element01 label {
    width: 345px
}

.form_element02 label {
    margin-top: 10px;
    margin-bottom: 10px
}

.form_element02 .grippie,
.form_element02 textarea {
    width: 825px
}

input.webform-submit.button-primary.form-submit {
    background: #6e4571;
    color: #fff;
    width: 230px;
    height: 50px;
    font-size: 20px
}
	
	
	

@media only screen and (min-width:991px) and (max-width:1200px) {
    #block-views-benoemingen-view-block .views-field-field-picture {
        /*width: 18%*/
    }
    #block-views-benoemingen-view-block {
        padding-left: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    #block-views-benoemingen-view-block .views-field-field-picture {
        width: 23%;
        margin-bottom: 120px
    }
    #block-views-benoemingen-view-block .views-row .views-field-title {
        clear: none!important
    }
    #block-views-benoemingen-view-block {
        padding-left: 0;
        padding-right: 0
    }
    .custom-search-button.form-submit,
    .form-actions.form-wrapper,
    .search-form {
        margin-bottom: 0
    }
}

@media only screen and (max-width:768px) {
    #block-views-benoemingen-view-block .views-field-field-picture {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }
    #block-views-benoemingen-view-block .views-row .views-field-title {
        clear: both
    }
    #block-views-benoemingen-view-block {
        padding-left: 0;
        padding-right: 0
    }
  /*  .mainheader .col-md-2.col-sm-2 {
        width: 100%!important;
        overflow: hidden
    }*/
    .views-exposed-widgets.clearfix { 
        margin-top: 60px
    }
}

.view-best-practices .view-content .views-row .views-field-title
{max-width: 48% important;
    text-align: left!important; 
    float: left important;}
.webform-progressbar { display: none;}
.index-class .header-image .region div:first-child{max-height: 560px; overflow: hidden; position: relative}
.not-front .header-container .social-media-links li img{-webkit-filter: grayscale(0); filter: grayscale(0);}
.not-front .custom-search-button.form-submit{background: #7e7e7e;}


@media(max-width:1366px){
	.index-class .header-image .block .content h2 {font-size: 30px;line-height: 32px;}
	.index-class .header-image .block .content li{font-size:24px;}	
	
}


@media(min-width:992px) and (max-width:1199px){
	.content-home-container .box-container{position: relative; top:20px; min-height:205px;}
	.content-home-container .box-container p{min-height:0;}
	
}


@media(min-width:768px) and (max-width:991px){
	.index-class .header-image .block .content h2{font-size: 20px;line-height: 28px;}
	.index-class .header-image .block .content li{font-size: 18px;}
	.content-home-container .box-container{position: relative; top:20px; min-height: 0}
	.content-home-container .box-container p{min-height:150px;}
	header .main-menu{margin-top: 0}
	header .main-menu ul{margin-top: 40px;}
	header .region-custom-link{margin-top: 0!important}
}
@media(max-width:767px){
	.index-class .header-image .block .content h2{font-size:30px;}
	.header-container .social-media-links{display: none}
	.search-form{display: block!important}
	.region-custom-link{display: none}
	.searchbtn{display: block;position: absolute; right: 56px}
		.block-custom-search-blocks{margin-left:0; width: 100%; float: left; margin-top: 5px; margin-bottom: -17px;}
	.form-item.form-type-textfield.form-item-custom-search-blocks-form-1{float: left; display: block; width:calc(100% - 47px); margin:0}
	.form-item.form-type-textfield.form-item-custom-search-blocks-form-1 input{width:100%}
	.form-item-custom-search-blocks-form-1{position: relative; top:0; left:0}
	.custom-search-button.form-submit{background: #000!important; padding:4px 10px;}
	header .region-custom-link{padding-right: 0;    height: 50px;}
	.mainheader.fixed .form-item-custom-search-blocks-form-1{top:0}
	.region-content-home #block-block-4{margin-top: 15px;}

	
}


@media(max-width:479px){
		.footer-container .block.block-mailchimp-signup .form-actions input{margin-right: 7px;}
		.index-class .header-image .block .content li{font-size:20px;}	
}