
/*=================================================================
    LAYOUT
    =============================================================*/
    
    #page-wrapper {
    }
    #main-wrapper {
    }
    #content,
    #sidebar-first {
        float: left;
        display: inline;
        position: relative;
    }
    #content {
        width: 100%;
    }
    body.sidebar-first #content {
      width: 65.8%;
      left: 34.2%;
    }
    .not-front.sidebar-first #content {
      width: 68.4%;
      left: 31.6%;
      padding-left: 5%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #sidebar-first {
        width: 31.6%;
        left: -65.8%;
    }
    .not-front #sidebar-first {
      left: -68.4%;
    }



/*=================================================================
    HEADER
    =============================================================*/

    /* -- TOOLBAR - */

    #block-menu-menu-toolbar .content ul {
        text-align: right;
    } 


    /* -- SERVICE LINKS - */
    
    #header .block-service-links {
    }


    /* -- SEARCH FORM - */

    #block-search-form div.form-item-search-block-form {
        margin: 0;
    }



/*=================================================================
    NAVIGATION
    =============================================================*/

    /* -- main menu first level - */

    #navigation .menu-name-main-menu.menu-level-1 li {
        float: left;
        margin-bottom: 0;
    }


    /* -- main menu second level - */

    #navigation .menu-name-main-menu.menu-level-2:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    #navigation .menu-name-main-menu.menu-level-2 {
        padding-left: 25px;
    }
    #navigation .menu-name-main-menu.menu-level-2 li {
        float: left;
        border-left: 1px solid white;
        line-height: 9px;
        margin: 13px 0;
    }
    #navigation .menu-name-main-menu.menu-level-2 li a {
        padding: 5px 10px;
    }
    #navigation .menu-name-main-menu.menu-level-2 li.first {
        border-left: none;
    }
    #navigation .menu-name-main-menu.menu-level-2 li.last a {
    }
    #navigation .menu-name-main-menu.menu-level-2 li.active,
    #navigation .menu-name-main-menu.menu-level-2 li.active-trail {
        border: none;
    }
    #navigation .menu-name-main-menu.menu-level-2 li.active a,
    #navigation .menu-name-main-menu.menu-level-2 li.active-trail a {
        border: none;
        padding-bottom: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #navigation .menu-name-main-menu.menu-level-2 li.active + li,
    #navigation .menu-name-main-menu.menu-level-2 li.active-trail + li {
        border: none;
    }
    #navigation .menu-name-main-menu.menu-level-2.expandable:hover li a, 
    #navigation .menu-name-main-menu.menu-level-2.expandable.expanded li a {
        transition: all .3s;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding-bottom: 5px;   
    }


/*=================================================================
    CONTENT
    =============================================================*/

    /* -- ADRESSEN - */
        
    .storelocator-panel {
    }
    ul.store-list {
    }
    ul.store-list li {
        border-top: 1px solid #E8E8E8;
    }
    ul.store-list li:first-child {
        border: none;
    }


    /* -- CNAPI EVENT - */

    .node-cnapi-actor .cnapi-image,
    .node-cnapi-production .cnapi-image,
    .node-cnapi-event .cnapi-image {
        float: left;
        margin: 5px 0 0 35px;
    }
    .node-cnapi-actor dl,
    .node-cnapi-production dl,
    .node-cnapi-event dl {
        float: left;
        width: 50%;
    }
    .node-cnapi-actor .cnapi-image .copyright,
    .node-cnapi-production .cnapi-image .copyright,
    .node-cnapi-event .cnapi-image .copyright {
        bottom: 0;
        left: 0;
        position: absolute;
    }

    /* block sharrre */


    /* -- YELLOW BLOCK - */

    .view-niet-gevonden-wat-je-zocht .views-field {

    }
    .view-niet-gevonden-wat-je-zocht .views-field-nothing {

    }
    .view-niet-gevonden-wat-je-zocht .views-field-nothing-1 {
        
    }


    /* -- BESTUUR PAGE and ANY COLUMNISED LISTS - */

    /*
    .page-node-5 .region-content,
    .page-node-835 .region-content {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-gap: 18px;
        column-count-gap: 20px;
        margin-bottom: 20px;
    }
    .view.columns .view-content {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-count-gap: 20px;
    }
    .view.columns .views-row,
    .page-node-5 .region-content > div,
    .page-node-835 .region-content > div {
        -webkit-column-break-inside: avoid;    
    }*/

    html.ie .view.columns .views-row {
        float: left;
        margin: 0 1% 20px;
        width: 31%;
        box-sizing: border-box;
    }


    /* -- PERSON NODE and OVERVIEW PAGE - */

    .node-personen .odd .field-name-field-persoon > .field-items {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }
    .node-personen .odd .field-name-field-persoon > .field-items > .field-item {
        -webkit-column-break-inside: avoid;   
    }
    html.ie .page-node-5 .region-content > div,
    html.ie .page-node-835 .region-content > div,
    html.ie .node-personen .odd .field-name-field-persoon > .field-items > .field-item {
        float: left;
        width: 48%;
        margin: 0 2% 20px 0;
        box-sizing: border-box;
    }

/*
    .node-personen .odd .field-name-field-persoon > .field-items > .field-item {
        float: left;
        width: 49%;
    }
    .node-personen .odd .field-name-field-persoon > .field-items > .field-item.even {
        margin-right: 2%;
    }
*/

    .field-name-field-personen > .field-items > .even .group_person_info {
        width: 70%;
    }


    /* -- JS COLUMNS - */    

    .column {
        -moz-box-sizing: border-box;    
        -webkit-box-sizing: border-box;    
        box-sizing: border-box;    
        padding-right: 10px;
    }
    .column.last {
        padding-right: 0;
        padding-left: 10px;
    }
    .view.columns .column {
        padding: 0 10px;
    }


    /* -- NEWS - */

    /* overview */

    #content .view-nieuws.view-display-id-news_page .views-exposed-form {
      margin: -50px 0 40px;
    }
    #content .view-nieuws.view-display-id-news_page .views-exposed-form .views-exposed-widget {
      float: none;
      text-align: right;
    }

    #content .columnized-news .views-row,
    .view-nieuws.view-display-id-news_page .views-row {
        clear: none;
        float: left;
        margin-bottom: 20px;
        margin-right: 3%;
        padding-bottom: 15px;
        width: 30%;
    }
    #content .columnized-news .views-field,
    #content .view-nieuws.view-display-id-news_page .views-field {
    }
    #content .columnized-news .views-field-field-afbeelding,
    #content .view-nieuws.view-display-id-news_page .views-field-field-afbeelding {
        display: block;
        margin-bottom: 10px;
    }
    #content .columnized-news .views-field-created,
    #content .view-nieuws.view-display-id-news_page .views-field-created,
    #content .view-nieuws.view-display-id-news_page .views-field-published-at {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        border-radius: 0 0 0 0;
        box-shadow: none;
        float: none;
        margin: 0;
        text-align: left;
        width: auto;
        color: #666666;
    }
    #content .columnized-news .views-field-title a,
    #content .view-nieuws.view-display-id-news_page .views-field-title a {
        padding: 0;
    }
    #content .columnized-news .views-field .views-field-body img,
    #content .view-nieuws.view-display-id-news_page .views-field-body img {
        float: none !important;
        margin: 10px 0 !important;
    }
    .views-field-view-node a {
        text-decoration: underline;
        font-size: 12px;
        margin-top: 5px;
    }

    /* -- JS SUMMARY LINKS - */

    #page .summary-links {
    }
    #page-bottom .summary-links {
    }


/*=================================================================
    PAGE BOTTOM
    =============================================================*/
    
    #page-bottom .menu-level-2 > ul > li {
        float: left;
    }



/*=================================================================
    FOOTER
    =============================================================*/

    #footer .block-block li:first-child {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
    }

