/*=================================================================
    GLOBAL STYLES
    =============================================================*/

    /* --  LAYOUT - */

    html {
        height: 100%;
    }
    body {
        margin: 0;
        min-width: 300px;
        word-wrap: break-word;
    }
    #footer .section,
    #page-wrapper {
        padding: 10px;
    }

    /* maintenance page */

    body.maintenance-page {
      background: white;
      padding: 10%;
      max-width: 600px;
      margin: 50px auto;
    }
    body.maintenance-page #content {
      clear: both;
    }


    /* --  ADDITIONAL CLASSES - */

    .float-left {
        float: left;
    }
    .clear-left {
        clear: left;
    }
    .display-block {
        display: block;
    }


    /* --  TEXT ELEMENTS - */

    a,
    a:hover,
    a:focus {
        text-decoration: none;
    }
    .more-link a,
    a.more-link {
    }
    a[href$=".pdf"]:after { content: " (PDF)"; }
    a[href$=".pdf"][data-size]:after { content: " (PDF, " attr(data-size) ")"; }
    #main-wrapper .file a img {
        display: inline;
        /* margin-left: 10px; */
        vertical-align: middle;
    }
    h1, h2, h3, h4 {
        font-weight: normal;
        text-transform: uppercase;
        line-height: 1;
        margin: 1em 0 0.4em;
    }
    .block > h2,
    h1.title, h2.title, h3.title, h4.title {
        margin-top: 0;
    }
    ul,
    ul.menu,
    .item-list ul {
        margin: 0;
        padding: 0;
    }
    ul li,
    ul.menu li,
    ul li.leaf,
    .item-list ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #tinymce ul,
    #content .field-name-body ul {
        padding-left: 30px;
    }
    #content ul.menu,
    #content .block-block .content ul {
        padding-left: 18px;
    }
    #tinymce ul li,
    #content .field-name-body ul li,
    #content ul.menu li,
    #content .block-block .content ul li {
        list-style: disc outside none;
    }
    p {
        margin: 0 0 1.2em;
    }


    /* -- TABLE ELEMENTS - */

    table {
        width: 100%;
        border-color: #ccc;
    }
    table tbody {
        border: none;
    }
    td, th {
        padding: 5px 10px;
        border-color: #ccc;
        vertical-align: top;
    }
    td > h2:first-child {
        margin-top: 10px;
    }
    table.no-indent td,
    table.no-indent th {
        padding-left: 0;
    }
    table.fixed {
        table-layout: fixed;
    }
    table.rows tr {
        border-bottom: 1px solid #ccc;
    }
    hr {
        background: none repeat scroll 0 0 transparent;
        border-bottom: medium none;
        border-top: 1px solid gray;
        height: 1px;
    }


    /* -- FORM ELEMENTS - */

    #page input {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 34px;
      border: 1px solid #7C7D80;
    }

    textarea,
    select,
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
        border: 1px solid #e5e5e5;
        padding: 3px 4px;
    }
    input[type="submit"],
    input[type="button"] {
        border: 1px solid #005395;
        text-transform: uppercase;
        padding: 2px 6px;
    }
    fieldset {
        border: 1px solid #CCCCCC;
        margin-bottom: 20px;
        padding: 10px 20px;
    }
    fieldset legend {
        font-weight: bold;
    }


    /* -- OTHER HTML ELEMENTS - */

    #main-wrapper img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    #main-wrapper .gm-style img {
        max-width: none;
    }


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

    #header {
        position: relative;
    }
    #header:after {
      content: "";
      display: table;
      clear: both;
    }
    a#logo {
        float: left;
        margin-bottom: 10px;
    }
    a#logo img {
        display: block;
    }
    .region-header {
      text-align: right;
      margin-left: 150px;
    }
    #header .region-header .block {
      float: none;
      display: inline-block;
      text-align: left;
    }
    .region-header .block {
    }
    #header #navigation {
      margin-left: 145px;
    }
    #header #navigation .block {
      float: left;
      width: 100%;
    }
    #header #navigation .block:after {
      display: none;
    }

    /* -- TOOLBAR - */

    #block-menu-menu-toolbar .content li {
        display: inline-block;
    }
    #block-menu-menu-toolbar .content li a {
        border-left: 1px solid #ffd948;
        display: block;
        padding-left: 10px;
        margin-left: 6px;
        line-height: 1;
    }
    #block-menu-menu-toolbar .content li.first a {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }


    /* -- SEARCH FORM - */

    #block-search-form {
        margin: 0 0 20px;
        float: right;
    }
    #block-search-form input {
        margin: 0;
        float: left;
    }
    #block-search-form input.form-text {
        width: 200px;
        margin: 0;
    }
    #block-search-form input.form-submit {
    }
    #block-search-form .form-item,
    #block-search-form .form-actions {
        float: left;
        margin: 0;
    }


    /* -- SERVICE LINKS - */

    #header .block-service-links {
        margin-bottom: 10px;
    }
    #header .service-links a {
        background: url("../img/socials.png") no-repeat scroll 0 0 transparent;
        display: block;
        float: left;
        height: 24px;
        width: 24px;
        margin-left: 10px;
    }
    #header  a.service-links-facebook {
        background-position: -80px 0;
    }
    #header  a.service-links-twitter {
        background-position: -48px 0;
    }
    #header  a.service-links-js-print {
        background-position: -113px 0;
    }
    #header  a.service-links-forward {
        background-position: -146px 0;
    }
    #header .service-links a img {
        display: none;
    }



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

    #navigation {
    }
    #navigation .block {
      float: none;
    }
    #navigation .menu-name-main-menu.menu-level-1 > ul > li > a {
        display: inline-block;
        font-size: 22px;
        line-height: 1;
        padding: 10px 30px 8px;
        text-transform: uppercase;
    }
    #navigation .menu-name-main-menu.menu-level-1 > ul > li > a.active,
    #navigation .menu-name-main-menu.menu-level-1 > ul > li > a.active-trail {
      padding-left: 40px;
      padding-right: 40px;
    }



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

    h1#page-title {
        line-height: 1;
        text-transform: none;
        margin-bottom: 20px;
        margin-top: 70px;
    }
    .page-agenda-search h1#page-title {
        background: url(../img/uit-big.png) no-repeat scroll 0 0 transparent;
        display: block;
        text-indent: -9999px;
        height: 63px;
        font-size: 0;
        line-height: 0;
        color: transparent;
    }
    #content .block {
        margin-bottom: 20px;
    }
    #tinymce h1,
    #content .node h1,
    #tinymce h2,
    #content .node h2,
    #tinymce h3,
    #content .node h3,
    #tinymce h4,
    #content .node h4 {

    }
    #tinymce ul,
    #content .node ul {
        padding-left: 20px;
    }
    #tinymce ul ul ul ul li,
    #content .node ul ul ul ul li,
    #tinymce ul li,
    #content .node ul li {
        list-style: disc outside none;
    }
    #tinymce ul ul ul ul ul li,
    #content .node ul ul ul ul ul li,
    #tinymce ul ul li,
    #content .node ul ul li {
        list-style: circle outside none;
    }
    #tinymce ul ul ul ul ul ul li,
    #content .node ul ul ul ul ul ul li,
    #tinymce ul ul ul li,
    #content .node ul ul ul li {
        list-style: square outside none;
    }
    #content .node div.field {
        margin-bottom: 20px;
    }


    /* -- BREADCRUMBS - */

    #breadcrumb .breadcrumb {
        padding: 0 15px 20px 20px;
        font-size: 11px;
    }
    #breadcrumb a {
        text-decoration: underline;
    }


    /* -- TABS - */

    div.tabs {
        margin: 0 0 20px;
    }
    div.tabs ul {
        margin: 0;
        white-space: normal;
        padding: 0;
        border: none;
    }
    div.tabs li {
        display: inline-block;
        margin-bottom: 6px;
    }
    div.tabs li a {
        border: 1px solid #BBBBBB;
        display: block;
        padding: 6px 12px 6px;
        font-size: 14px;
        border-radius: 4px;
        background-color: white;
        text-transform: lowercase;
    }
    div.tabs li a:hover,
    div.tabs li a:focus {
      border: 1px solid #7C7D80;
      background: white;
    }
    div.tabs li.active a {
      border: 1px solid #7C7D80;
      background-color: #7C7D80;
      color: white;      
    }



    /* -- NEWS & ACTIVITIES, DIENSTEN - */
    body.page-nieuws #edit-type-all {
      display: none !important;
    }

    #content .columnized-news .views-row,
    .block-custom-cnapi .item-list li,
    .view-nieuws .views-row {

    }
    .block-custom-cnapi .item-list li:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    #content .view-nieuws .more-link {
        text-align: left;
    }
    #content .block-custom-cnapi .event-info {
      margin-left: 65px;
    }
    #content .block-custom-cnapi a.more-link {

    }
    #content .block-custom-cnapi .date {
        float: left;
        margin: 0 10px 6px 0;
    }
    #content .block-custom-cnapi .date span,
    #content .views-field-created {
        border: 3px solid #ffcb05;
        border-radius: 3px;
        box-shadow: 0 2px 6px #CCCCCC;
        float: left;
        margin: 0;
        text-align: center;
    }
    .page-agenda-search #content .block-custom-cnapi .date span {
        margin-right: 0;
    }
    .page-agenda-search .block-custom-cnapi h2 {
        margin: 0 0 20px;
        min-height: 40px;
    }
    #content .block-custom-cnapi .date span.date-from {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
        background: white;
        border-radius: 0;
    }
    #content .block-custom-cnapi .date span.date-to {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
    }
    #content .block-custom-cnapi .date > span > div:first-child,
    #content .views-field-created .field-content > div:first-child {
        font-weight: bold;
    }
    #content .block-custom-cnapi .date > span > div + div,
    #content .views-field-created .field-content > div + div {
        border-bottom: 1px solid #A8A8A4;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 1px;
        padding: 5px 0 0;
        text-shadow: 1px 1px #FFFFFF;
    }
    #content .columnized-news .views-field-title a,
    .block-custom-cnapi .event-title a,
    .view-nieuws .views-field-title a {
        padding: 10px 0 3px;
        display: block;
        text-transform: none;
    }
    .view-nieuws .views-field-body p {
        margin: 0;
    }
    #content .view-nieuws.view-display-id-news_page .views-exposed-form {
      margin-bottom: 30px;
    }
    #content .view-nieuws.view-display-id-news_page .views-exposed-form label[for="edit-type"],
    #content .view-nieuws.view-display-id-news_page .views-exposed-form .views-widget {
        display: inline-block;
        vertical-align: top;
    }
    #content .view-nieuws.view-display-id-news_page .views-exposed-form .form-type-bef-link {
        display: inline-block;
        vertical-align: top;
    }
    #content .view-nieuws.view-display-id-news_page .views-exposed-form .form-type-bef-link a {
      border-left: 1px solid;
      padding: 0 16px 0 20px;
    }
    #content .view-nieuws.view-display-id-news_page .views-exposed-form .form-type-bef-link:first-child a {
      border-left: none;
    }
    #content .view-nieuws.view-display-id-news_page .views-field-body strong {
        font-weight: normal;
    }
    #content .view-nieuws.view-display-id-news_page .views-field-field-afbeelding {
        display: none;
    }
    #content .view-nieuws.view-display-id-news_page .views-field-field-afbeelding + .views-field {
        margin-left: 0;
    }
    .views-field-field-tel div {
        display: inline;
    }

    /* cnapi calendar */
    #cnapi-browse-filter-when-form .datepicker {
        border: none;
        background: none;
        font-size: 100%;
    }
    #cnapi-browse-filter-when-form div.dp-popup {
        background: none repeat scroll 0 0 #FFFFFF;
        font-size: 13px;
        padding: 4px;
        width: auto;
        border-radius: 4px;
        border: 1px solid #000;
    }
    #cnapi-browse-filter-when-form div.dp-popup h2 {
        background: none repeat scroll 0 0 #333333;
        color: #FFFFFF;
        font-size: 14px;
        margin: 0;
        padding: 10px;
        text-transform: lowercase;
    }
    #cnapi-browse-filter-when-form .dp-nav-prev-year,
    #cnapi-browse-filter-when-form .dp-nav-next-year {
        display: none;
    }
    #cnapi-browse-filter-when-form .dp-nav-prev,
    #cnapi-browse-filter-when-form .dp-nav-next {
        color: #fff;
    }
    #cnapi-browse-filter-when-form .dp-nav-prev a,
    #cnapi-browse-filter-when-form .dp-nav-next a {
        color: #fff;
        padding: 10px;
    }
    #cnapi-browse-filter-when-form .jCalendar {
        border-collapse: collapse;
        font-size: 0.9em;
        margin: 0 0 0.4em;
        width: 100%;
        border: none;
    }
    #cnapi-browse-filter-when-form .jCalendar th {
        background: none repeat scroll 0 0 #E3E3E3;
        border: 0 none;
        color: #646464;
        font-weight: normal;
        padding: 4px;
        text-align: center;
    }
    table.jCalendar td {
        background: #fff;
    }
    .block-cnapi-browse .content ul {
        padding-left: 15px;
    }
    .block-cnapi-browse .content li {
        list-style: disc outside none;
    }
    .cnapi-ui-event-summary dt {
        font-weight: bold;
        display: block;
        float: left;
        clear: left;
    }
    .cnapi-ui-event-summary dt:after {
        content: ":";
    }
    .cnapi-ui-event-summary dd {
        display: block;
        float: left;
        margin-left: 10px;
        text-align: left;
    }



    /* -- QUICKTABS - */

    ul.quicktabs-tabs {
        border-bottom: 1px solid #c6c6c6;
    }
    ul.quicktabs-tabs:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    ul.quicktabs-tabs li {
        float: left;
        width: 50%;
    }
    ul.quicktabs-tabs li.active {
    }
    ul.quicktabs-tabs a {
        display: block;
        font-size: 23px;
        padding: 2px 20px 0;
        text-transform: uppercase;
    }
    ul.quicktabs-tabs li.active a {
        border-top: 1px solid #c6c6c6;
        border-right: 1px solid #c6c6c6;
        border-left: 1px solid #c6c6c6;
        margin-bottom: -1px;
    }
    ul.quicktabs-tabs li.first a {
        border-left: none;
    }
    ul.quicktabs-tabs li.last a {
        border-right: none;
    }
    ul.quicktabs-tabs li.first.last a {
        border-right: 1px solid #c6c6c6;
    }
    .quicktabs_main {
        margin-top: 10px;
    }


    /* -- SLIDESHOW - */

    .view-slideshow {
        position: relative;
    }
    .views-slideshow-cycle-main-frame-row,
    .views-slideshow-cycle-main-frame {
        max-width: 100%;
        height: 304px;
    }
    .views-slideshow-cycle-main-frame-row {
        width: 100%;
        height: auto;
        position: absolute;
    }
    .views-slideshow-pager-field-item {
        display: inline;
        float: left;
        height: 26px;
        line-height: 26px;
        opacity: 0.8;
        text-align: center;
        width: 26px;
        background-image: url("../img/light-trans.png");
        color: #fff;
        margin-right: 3px;
        cursor: default;
        font-size: 16px;
        font-weight: bold;
    }
    .views-slideshow-controls-bottom {
        position: absolute;
        right: 17px;
        bottom: 10px;
        z-index: 99;
        visibility: hidden;
    }
    .views-slideshow-pager-field-item.active {
        background-image: url("../img/dark-trans.png");
    }
    .view-slideshow .views-field-title {
    }
    .view-slideshow .views-field-title a > span {
        background-image: url("../img/dark-trans.png");
        font-size: 27px;
        padding: 10px 15px;
        float: right;
        clear: both;
    }
    .view-slideshow .views-field-title a > span.lees-meer-wrapper {
        padding-top: 5px;
    }
    .view-slideshow .views-field-title .lees-meer {
        border-radius: 10px 10px 10px 10px;
        display: inline-block;
        font-size: 11px;
        font-weight: bold;
        line-height: 1;
        margin: 0 17px 0 20px;
        padding: 10px 15px 8px;
        text-transform: uppercase;
    }


    /* -- MELDPUNT - */

    .page-meldpunt iframe {
        border: none;
        height: 720px;
    }


    /* -- ADRESSEN - */

    .storelocator-panel {
        height: auto;
    }
    .storelocator-panel ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
        border-left: 1px solid #eee;
    }
    .storelocator-panel ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }

    .storelocator-filter {
        background: none repeat scroll 0 0 #EEEEEE;
        border-bottom: 1px solid #CCCCCC;
        padding: 5px;
    }
    .storelocator-panel .location-search {
        padding: 5px 0;
    }
    ul.store-list {
        height: 356px;
        overflow: auto;
    }
    ul.store-list li {
        border-top: 1px solid #E8E8E8;
    }
    ul.store-list li:first-child {
        border: none;
    }
    .storelocator-panel .location-search h4 {
        font-size: 14px;
    }


    /* -- AGENDA-SEARCH - */

    .cnapi-ui-event-summary.teaser {
        border-top: 1px solid #e0e0e0;
        padding: 15px 0;
    }
    .cnapi-ui-event-summary.teaser .teaser-image {
        float: left;
        width: 160px;
        margin-right: 20px;
    }
    .cnapi-ui-event-summary.teaser .teaser-text {
        margin-left: 180px;
    }
    .cnapi-ui-event-summary.teaser .teaser-text h2 {
        margin-top: 0;
        font-size: 16px;
        text-transform: none;
    }
    .cnapi-ui-event-summary.teaser .teaser-text .teaser-actions {
        text-align: right;
    }
    .cnapi-ui-event-summary.teaser .teaser-text .teaser-actions a {
        text-decoration: underline;
    }


    /* -- CNAPI EVENT, ACTOR, PRODUCT - */

    .node-cnapi-event dl,
    .node-cnapi-actor dl,
    .node-cnapi-production dl {
        margin: 0;
    }
    .node-cnapi-event dl dt,
    .node-cnapi-actor dl dt,
    .node-cnapi-production dl dt {
        font-weight: bold;
        float: left;
        width: 20%;
        padding: 10px 0;
    }
    .node-cnapi-event dl dd,
    .node-cnapi-actor dl dd,
    .node-cnapi-production dl dd {
        float: left;
        width: 70%;
        margin: 0;
        padding: 10px 0 10px 10%;
    }
    .node-cnapi-event hr,
    .node-cnapi-actor hr,
    .node-cnapi-production hr {
        clear: both;
        margin: 0;
        height: 0;
        border: none;
        border-bottom: 1px solid #e8e8e8;
    }
    .node-cnapi-actor,
    .node-cnapi-production,
    .node-cnapi-event {
        position: relative;
    }
    .node-cnapi-actor .cnapi-image,
    .node-cnapi-production .cnapi-image,
    .node-cnapi-event .cnapi-image {
        position: relative;
        cursor: pointer;
        border: 10px solid #ECECEC;
    }
    #page .node-cnapi-actor .cnapi-image.zoomed,
    #page .node-cnapi-production .cnapi-image.zoomed,
    #page .node-cnapi-event .cnapi-image.zoomed {
        width: 90%;
        margin: 0;
        position: absolute;
        z-index: 99;
        background-color: #fff;
    }
    #page .node-cnapi-actor .cnapi-image.zoomed img,
    #page .node-cnapi-production .cnapi-image.zoomed img,
    #page .node-cnapi-event .cnapi-image.zoomed img {
        width: 90%;
    }
    .node-cnapi-event .cnapi-image img {
    }
    .node-cnapi-actor .cnapi-image .copyright,
    .node-cnapi-production .cnapi-image .copyright,
    .node-cnapi-event .cnapi-image .copyright {
        background: url("../img/light-trans.png") repeat scroll 0 0 transparent;
        line-height: 1.3;
        padding: 5px 50px 5px 10px;
        margin: 0;
    }
    .node-cnapi-actor .cnapi-image .zoom,
    .node-cnapi-production .cnapi-image .zoom,
    .node-cnapi-event .cnapi-image .zoom {
        background: url("../img/zoom.png") no-repeat scroll right bottom transparent;
        height: 42px;
        width: 42px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 9;
        opacity: 0.8;
    }
    .result-sort,
    .result-title {
        float: left;
        margin: 0 20px 0 0;
    }
    .result-controls:after {
        content: " ";
        display: table;
        clear: both;
    }
    .result-controls .item-list li {
        float: left;
        margin-right: 15px;
    }
    .feed-icon,
    .result-controls .result-rss {
        float: right;
    }

    /* sharrre block */

    .block-sharrre {
    }
    .block-sharrre h2 {
    }


    /* -- SEARCH RESULTS - */

    .search-results {
        padding: 0;
        border-top: 1px solid #ccc;
        padding-top: 15px;
    }
    .search-result {
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .search-result h3.title {
      display: inline-block;
      max-width: 59%;
    }
    .search-result .subsite-link {
      float: right;
      color: #ccc;
      margin: 0 0 10px 20px;
      max-width: 39%;
      text-transform: uppercase;
      font-weight: bold;
      position: relative;
      padding-left: 20px;
    }
    .search-result .subsite-link:before {
      content: "";
      width: 14px;
      height: 14px;
      display: inline-block;
      position: absolute;
      top: 3px;
      left: 0;
      opacity: .5;
      background: url("../img/globe.png") no-repeat scroll 0 0 transparent;
    }
    .search-result .search-snippet-info {
      clear: both;
    }
    #content .search-form .form-text {
        width: 200px;
        margin-left: 10px;
    }
    .spelling-suggestions dt,
    .spelling-suggestions dd {
        float: left;
    }
    .spelling-suggestions dd {
        margin-left: 10px;
    }
    .spelling-suggestions .form-item {
        float: left;
        width: 100%;
        margin: 10px 0 20px;
    }
    .spelling-suggestions:after {
        display: table;
        content: "";
        clear: both;
    }


    /* -- BESTUUR & VERENIGINGEN - */

    .block.border,
    .views-row.border,
    #content .block-block,
    #content .block-menu-block {
        border: 1px solid #d9dadb;
        padding: 10px 15px;
        margin-bottom: 20px;
    }
    .view.columns .views-row h3 {
        margin-top: 5px;
    }

    /* verenigingen list */

    .view-verenigingen-lijst.view-display-id-page .views-row {
        border: 1px solid #e8e8e8;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #page .view-verenigingen-lijst.view-display-id-page .views-field-view-node a {
        padding-top: 10px;
        display: block;
    }




    /* -- OPENING HOURS - */

    .page-openingsuren #content > .section {
        padding: 0 5px;
    }

    /* view */

    .view-opening-hours table {
        border: 1px solid #ccc;
        width: 100%;
    }
    .view-opening-hours table td {
        border-bottom: 1px solid #E0E0E0;
        padding: 15px 20px;
        width: 50%;
    }
    .view-opening-hours table td.col-first {
        border-right: 1px solid #E0E0E0;
    }

    /* fieldset */

    fieldset#calendar-current-hours {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        border: none;
    }
    .wc-nav,
    fieldset#calendar-current-hours > legend {
        background: #e4e6ec;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-bottom: none;
        width: 100%;
        padding: 15px 20px;
        font-size: 17px;

        background-image: linear-gradient(bottom, #E4E6EC 0%, #EDEEF2 58%, #FFFFFF 100%);
        background-image: -o-linear-gradient(bottom, #E4E6EC 0%, #EDEEF2 58%, #FFFFFF 100%);
        background-image: -moz-linear-gradient(bottom, #E4E6EC 0%, #EDEEF2 58%, #FFFFFF 100%);
        background-image: -webkit-linear-gradient(bottom, #E4E6EC 0%, #EDEEF2 58%, #FFFFFF 100%);
        background-image: -ms-linear-gradient(bottom, #E4E6EC 0%, #EDEEF2 58%, #FFFFFF 100%);

        background-image: -webkit-gradient(
        	linear,
        	left bottom,
        	left top,
        	color-stop(0, #E4E6EC),
        	color-stop(0.58, #EDEEF2),
        	color-stop(1, #FFFFFF)
        );
    }

    /* calendar table */

    #calendar-opening-hours {
        margin-top: 30px;
    }
    .wc-scrollable-grid {
        max-height: 450px;
    }
    .wc-nav:after {
        display: table;
        content: " ";
        clear: both;
    }
    .page-openingsuren #calendar-current-hours-table {
        display: block;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .page-openingsuren #calendar-current-hours-table tbody {
        display: block;
        border: none;
    }
    .page-openingsuren #calendar-current-hours-table tr {
        display: block;
    }
    .page-openingsuren #calendar-current-hours-table td {
        display: block;
        padding: 15px 20px;
        border-bottom: 1px solid #e0e0e0;
        border-left: 1px solid #fff;
    }
    table.wc-header {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    table.wc-time-slots {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .page-openingsuren #calendar-current-hours-table td:last-child {
        border-bottom: 1px solid #ccc;
    }
    .page-openingsuren #calendar-current-hours-table td:nth-child(even) {
        background: #f6f6f6;
    }
    .page-openingsuren #calendar-current-hours-table td > div > div {
        display: inline-block;
        width: 75%;
        vertical-align: top;
    }
    .page-openingsuren #calendar-current-hours-table td > div > div.calendar-current-hour-title {
        width: 20%;
        min-width: 100px;
    }
    .page-openingsuren .column-separator {
        display: inline-block;
        width: 15%
    }
    .page-openingsuren .wc-time-slots {
        position: static;
    }
    .wc-header .wc-time-column-header,
    .wc-grid-timeslot-header {
        width: 70px;
    }
    .wc-time-slots .wc-today {
        background: none;
    }
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        background-image: none;
        border: none;
    }
    #calendar-opening-hours .wc-nav .wc-calender {
        background: url("../img/calendar.png") no-repeat scroll 0 0 transparent;
    }
    #calendar-opening-hours .wc-nav .wc-prev {
        background: url("../img/prev-next.png") no-repeat scroll 0 0 transparent;
    }
    #calendar-opening-hours .wc-nav .wc-next {
        background: url("../img/prev-next.png") no-repeat scroll right 0 transparent;
    }
    #calendar-opening-hours .wc-nav .wc-display-week {
        text-align: center;
        margin-top: 5px;
    }
    #calendar-opening-hours .wc-grid-timeslot-header .wc-time-header-cell {
        font-size: 17px;
    }
    .wc-cal-event {
        cursor: default;
    }


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

    .node-personen {
        margin-top: 20px;
    }
    .node-personen .node-persoon {
        border: 1px solid #D9DADB;
        padding: 10px 15px;
        margin-bottom: 20px;
    }
    .node-persoon {
        position: relative;
    }
    .node-persoon h2 a {
        text-transform: none;
        font-size: 24px;
    }
    .node-persoon .field {
        margin-bottom: 10px;
    }
    .node-persoon .field-label {
        width: 150px;
    }
    .node-persoon .field-label + .field-items {
        float: none;
        margin-left: 165px;
    }
    .node-persoon .group_person_image {
        float: left;
        margin-right: 30px;
    }
    .node-persoon .group_person_info {
        float: left;
        max-width: 100%;
    }
    .field-name-field-persoon-titel {
        font-size: 16px;
    }
    .node-persoon .field-name-field-foto img {
        border: 10px solid #eee;
    }
    .node-persoon .field-name-field-partij-ref {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .node-persoon .field-name-field-partij-ref h2 {
        display: none;
    }


    /* -- Niet Gevonden Wat Je Zocht BLOCK - */




    /* -- TOC LINKS - */

    .toc-top-link {
        float: right;
        padding-right: 10px;
    }
    table .toc-top-link {
    }


    /* -- PRODUCT - */

    .node-ipdc-product .field-name-field-bijlage th + th,
    .node-ipdc-product .field-name-field-bijlage td + td {
        display: none;
    }
    #page .country,
    #page .country + br {
        display: none;
    }

    /* -- NIEUWS - */
    div.widgets-element-horizontal {
      padding: 5px;
    }

    /* -- PERSBERICHT - */

    .print-only {
        display: none;
    }
    .node-type-persbericht .field-name-field-onderwerp {
      float: right;
      text-transform: uppercase;
      font-weight: bold;
    }
    .node-type-persbericht .field-name-field-persbericht-datum {
      float: right;
      clear: both;
      margin-bottom: 10px;
    }
    .node-type-persbericht .field-name-field-boventitel {
      clear: both;
      border-top: 3px solid #d8d8bf;
      margin: 10px 0 20px;
      font-size: 18px;
      padding-top: 5px;

      color: black;
      font-weight: bold;
}
    .node-type-persbericht .field-name-field-persbericht-info {
      background: #FFCB05;
      padding: 20px 40px;
    }
    .node-type-persbericht .field-name-field-persbericht-info p {
      margin-bottom: 0;
    }

    /* -- EXTRANET - */

    .view-extranet table table thead {
      display: none;
    }
    .view-extranet table tr {
      background: none;
    }
    .view-extranet table tr td {
      padding: 30px 10px 20px;
    }
    .view-extranet table tr td.views-field-title + td {
      text-align: center;
    }
    #content .view-extranet .views-field-created {
      border: none;
      box-shadow: none;
      width: auto;
      margin: 0;
      float: none;
    }
    #content .view-extranet thead .views-field-created {
      border-bottom: 2px solid #CCC;
    }
    .view-extranet table tr td h3 {
      margin-top: 0;
      line-height: 1.3;
      font-family: arial, sans-serif;
      font-weight: bold;
    }
    .view-extranet table table tr {
      border: none;
      background: none;
    }
    .view-extranet table table tr td {
      border: ©none;
      background: none;
      padding: 5px 10px;
    }
    .view-extranet table table tr td + td {
      text-align: right;
      white-space: nowrap;
      color: #ccc;
    }
    .view-extranet table table .file a {
      text-indent: -22px;
      display: block;
      margin-left: 30px;
    }


  .view-extranet table thead {
    border: none; }
    .view-extranet table thead th {
      border-bottom: 2px solid #cccccc;
      text-transform: uppercase;
      vertical-align: top; }
      .view-extranet table thead th > a {
        position: relative;
        display: inline-block;
        padding-right: 20px; }
        #page .view-extranet table thead th > a img {
          display: none; }
        .view-extranet table thead th > a:before, .view-extranet table thead th > a:after {
          content: "";
          display: block;
          position: absolute;
          right: 0;
          top: 2px;
          border-bottom: 8px solid #cccccc;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent; }
        .view-extranet table thead th > a:after {
          top: 14px;
          border-bottom: none;
          border-top: 8px solid #cccccc; }
      .view-extranet table thead th.active > a.active[href$="desc"]:after {
        border-top-color: black; }
      .view-extranet table thead th.active > a.active[href$="asc"]:before, .view-extranet table thead th.active > a.active[href$="asc"]:after {
        border-bottom-color: black; }
        .view-extranet table tr td.active {
      background: none; }

/*=================================================================
    SIDEBAR
    =============================================================*/

    div.sidebar .block {
        padding: 10px;
        margin-bottom: 10px;
    }


    /* -- BLUE BLOCK - */

    div.sidebar .block.blue > .content {
        padding: 0 10px 5px;
    }


    /* -- YELLOW-HEAD and READ-HEAD BLOCK - */

    #cnapi-browse-filter-when-form,
    #cnapi-browse-filter-when-form .form-submit {
        margin-top: 15px;
    }


    /* -- CONTACT BLOCK - */

    .view-openingsuren-contact .views-field {
        margin: 15px 0 0;
    }
    .view-openingsuren-contact .view-header {
        background: url("../img/ico-clock.png") no-repeat scroll 0 3px transparent;
        padding: 0 0 2px 20px;
    }
    .field-name-field-tel,
    .views-field-field-tel {
    }
    .field-name-field-mobiel,
    .views-field-field-mobiel {
    }
    .block.yellow .view-niet-gevonden-wat-je-zocht .field-name-field-tel {
    }
    .node-vereniging .field-name-field-link,
    .field-name-field-e-mail,
    .views-field-field-e-mail {
    }
    .field-name-field-e-mail a.spamspan,
    .block.yellow .views-field-field-e-mail a.spamspan,
    .node-vereniging .field-name-field-link a.spamspan {
        background: none;
        padding: 0;
        display: block;
    }
    .node-vereniging .field-name-field-link,
    .views-field-field-link {
        background: url("../img/globe2.png") no-repeat scroll 0 3px transparent;
        padding: 0 0 2px 20px;
    }
    div.sidebar .views-field-field-link {
      margin: 0 0 10px;
    }
    .views-field-field-link span.ext {
        display: none;
    }
    .view-openingsuren-contact .views-field-field-adres {
        text-align: center;
    }
    .view-openingsuren-contact .views-field-nothing,
    .view-openingsuren-contact .views-field-nothing-1 {
        margin-top: 0;
    }
    .view-openingsuren-contact .views-field-nothing-2 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    div.sidebar a.more-link {
        display: block;
        text-align: center;
        margin: 5px 0;
    }
    #main-wrapper .view-openingsuren-contact .views-field-field-adres img {
        display: inline;
    }
    .field-wrapper.tel div {
        margin-bottom: 5px;
    }


/*=================================================================
    PAGE BOTTOM
    =============================================================*/

    #page-bottom .section {
        padding: 20px;
    }
    #page-bottom .content ul li {
        margin-bottom: 4px;
    }
    #page-bottom .menu-level-2 > ul > li {
        margin-bottom: 20px;
    }
    #page-bottom .menu-level-2 > ul > li > a {
        font-size: 21px;
        line-height: 1;
        padding-right: 25px;
    }
    #page-bottom .menu-level-2 > ul > li > ul {
        padding-right: 25px;
        padding-top: 10px;
    }
    #page-bottom .menu-level-2 > ul > li > ul a,
    #page-bottom #underlying-menu-tree ul li a {
        display: block;
        margin: -21px 10px 0 15px;
    }
    #page-bottom #underlying-menu-tree ul li:before,
    #page-bottom ul ul li:before {
        border-bottom: 4px solid transparent;
        border-left: 4px solid #bcbcbf;
        border-top: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        padding-right: 6px;
    }
    #page-bottom #underlying-menu-tree ul li.active:before,
    #page-bottom #underlying-menu-tree ul li:hover::before,
    #page-bottom #underlying-menu-tree ul li:focus::before,
    #page-bottom ul ul li.active:before,
    #page-bottom ul ul li:hover::before,
    #page-bottom ul ul li:focus::before {
        border-left-color: #000000;
    }
    #page-bottom .separator {
        clear: both;
        height: 10px;
    }

    /* ocmw item  */
    #page-bottom .menu-level-2 > ul > li.menu-mlid-675 a {
        background: url("../img/ocmw.png") no-repeat scroll 0 0 transparent;
        color: transparent;
        display: block;
        height: 32px;
        text-indent: -9999px;
        font-size: 0;
    }

    #page .summary-links a {
        padding: 5px;
        font-size: 12px;
        background: #fff;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        margin-bottom: 10px;
    }



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

    #footer .block {
    }
    #footer .block-devel-node-access {
        margin-top: 40px;
    }
    #footer .content {
        font-size: 13px;
    }
    #footer .content p {
        margin: 0;
    }
    #footer .content li {
        float: left;
        list-style-type: disc;
        margin-left: 24px;
    }
    #footer .content li a:hover,
    #footer .content li a:focus,
    #footer .content li a.active {
    }

    /* -- FOOTER INFO - */

    #footer .block-block {
        float: left;
        clear: none;
    }


    /* -- FOOTER MENU - */

    #footer h2 {
        color: #fff;
    }
    #footer .block-menu {
        float: left;
        clear: none;
    }
    #footer .block-menu .content li {
        float: left;
    }

/* Devel performance block in footer */
.dev-query {
  color:#ccc;
}

/* Form onthaal nieuwe inwoners (node 5152) */
#webform-component-uw-keuze-volgorde {
  border: none;
  padding: 0;  
}
#webform-component-uw-keuze-volgorde .form-item label {
  font-weight: normal;
}
#webform-component-uw-keuze-volgorde .form-item input {
  float: left;
  clear: left;
  width: 25px;
  margin-right: 10px;
}