.bar {
    padding: 0 1em 0 24.10526315789474%;
    background: #d20019;
    color: #D69286;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.8181818181818181;
}

.bar ul {
    overflow: hidden;
    display: block;
    margin-left: 0;
}

.bar a, 
.bar a:visited {
    color: #fff;
}

.bar .active,
.bar .active:visited {
    color: #cbd0c8;
}


.bar .list-pipe li:after {
    content: "\00a0\007c\00a0";

}

.bar .list-pipe li:last-child:after {
    content: "";
}

.wrapper-home .bar {
    display:none;
}

.panes .sidenav {
    display: none;
}

@media (min-width: 992px) {
    
    .panes .sidenav {
        display: block;
        border-top: 10px solid #ebeced;
    }

}
.panes .content {
    padding:1em;
}

.blocks {
    padding:1em 0 1em 0;
}

.list-map {
    padding: 0;
    margin: 1em 0;
}

.list-map ul {
    margin: 1em 0;
}

.list-map li {
    list-style:none;
}

.list-map li a {
    padding:0.5em;
    display:block;
    font-weight:normal;
    border-bottom:1px solid #dedfde;
    background:#fafafa;
}

.list-map li a:hover {
    background:#DFDFDF;
}

.list-map > li > a {
    background:#e9e9e9;
    font-weight:bold;
}




.hide-mobile{
    display:none;
}

   .split {
          margin-top:1.5em;
      }


   /* Voorwaarden skin */

   ol.deel {
       counter-reset: deel; 
   }

   ol.deel.justnr {
       counter-reset: deel; 
   }

   ol.deel,  ol.deel li {

       padding:0;
       margin:0;
       list-style:none;
   }

   ol.deel li a {
       font-weight:normal;
       color:black;
       display:block;
       padding:1rem;
       border-bottom:1px solid #D8D9DA;
   }

    ol.deel li:last-child a {
      border-bottom:0;
   }

 


   ol.deel li a::before {
  counter-increment: deel;               /* Increment the section counter*/
  content: "Deel " counter(deel)": "; /* Display the counter */
  text-decoration:none;padding-right:1em;
}

    ol.deel.justnr li a::before {
  counter-increment: deel;               /* Increment the section counter*/
  content: counter(deel); /* Display the counter */
  text-decoration:none;padding-right:1em;
}




/* Small devices (tablets, 768px and up) */

@media (min-width: 992px) { 

    .hide-mobile {
        display:block;
    }
   
}

/* Medium devices (desktops, 992px and up) */
    
header.web {
    position: relative;
    display: block;
}

header.mobile {
    display:none;
}

.inner {
    padding-top:0;
}

    .panes .sidenav{
        width:22%;
        float:left;
       
    }

        .panes .content{
        width:56%;
        padding:2em;
        float:left;
     
    }

        .panes .side{
        width:22%;
        float:left;
 
        padding-top:2em;
    }

        .skin-full .panes .content {
            width:78%;
            float:right;
            padding-right:0;
        }


        .block-left {
    float:left;
    width:49%;
}

.block-right {
    float:right;
    width:49%;
}

   ol.deel li a {
    border-bottom:0;
   }

  
   ol.deel li a span {
       border-bottom:1px solid black;
   }


@media print {

    .print {
        display: block;
    }

    header, footer, nav, aside, .banner, .bar {
        display: none !important;
    }

    #Body * {
        color: black;
    }

    a,
    a:visited {
        color: black;
        text-decoration: underline;
    }

    a:link:after,
    a:visited:after {
        font-size: 1rem;
    }

}

/* actionform override */

.section-title.col-sm-8 {
    display:block !important;
    width:100% !important;
}

.section-title {
    font-family:ScalaSansScWebPro-Bold,sans-serif !important;
    font-size:1.6rem !important;
}

/**
 * FAQ
 */

/* FAQ first two rows are empty and mess up layout */

.dnnFAQs tr:nth-child(1),
.dnnFAQs tr:nth-child(2) {
    display: none;
}

/* FAQ container (a span) */

.dnnFAQs .faqsList {
    display: block;
}

/* FAQ question wrapper (contains both question and answer) */

.dnnFAQs .faqsList > span {
    display: block;
    margin-bottom: .5em;
}

/* FAQ hide useless breaks */

.dnnFAQs .faqsList > br {
    display: none;
}

/* FAQ question anchor */

.dnnFAQs .faqsList > span > div > a:not([id*="FAQs_lstFAQs_Hyperlink"]) {
    display: block;
    padding-left: 1.3333333333333333em;
    background: url(img/entypo/chevron-small-down.svg) left -4px center / 18px no-repeat;
    font-weight: bold;
}

.dnnFAQs .faqsList > span > div > a:not([id*="FAQs_lstFAQs_Hyperlink"]):hover {
    text-decoration: underline;
}

/* FAQ useless wrapper div with an even more useless inline style */

.dnnFAQs .faqsList > span > div > a .Normal {
    width: auto !important;
}

/* FAQ arrow icon */

.dnnFAQs .faqsList > span > div > a .Normal > div:first-child {
    display: none !important;
}

/* FAQ a wrapper div around the question text inside an anchor with inline style */

.dnnFAQs .faqsList > span > div > a .Normal > div:last-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent !important;
}

/* FAQ answer wrapper */

.dnnFAQs .faqsList > span > div > div {
    width: auto !important;
}

/* FAQ another useless question wrapper with inline styles */

.dnnFAQs .faqsList > span > div > div .Normal {
    width: auto !important;
    padding-top: .5em !important;
    margin-left: 0 !important;
}

/* FAQ two more useless wrapper divs with inline styles */

.dnnFAQs .faqsList > span > div > div .Normal > div {
    padding-top: 0 !important;
    margin-right: 0 !important;
    font-size: 1em !important;
}

/* FAQ timestamp */

.dnnFAQs .faqsList > span > div > div .Normal > div:last-child {
    display: none !important;
}

.subtitle {
    max-width:50%;
}
.mobile-content .subtitle {
    max-width:100%;
}

.mobile-page-header h1{
        color:#ffffff!important;
}
.mobile-page-header h1{
        margin-bottom: 0px;
}
.mobile-content {
    padding: 1em 1em .5em 1em;
}

td.subtitel-icon {
    margin-right:10px;
    width:28px;
    height:40px;
}

td.subtitel-text {
    padding:0;
}
td.subtitel-text.with-icon {
    padding-left:20px;
}