.hdrcontainer { display: inline-block; width: 100%; margin: 8px 0 8px 0; text-align: center; }


/* werkelijke hoogte wordt vanuit js berekent, maar ivm CLS issues alvast een marge meegeven */
body { margin-top: 280px; }

/* Wrapping element */ /* Set some basic padding to keep content from hitting the edges */ 
.body-content { padding: 0 15px 20px 15px; }

/*/* Aanpassen gutter size zodat MD 300px ads kan laten zien in sidebar*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
    div[class^="col"]{padding-left:10px; padding-right:10px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{   
    div[class^="col"]{padding-left:10px; padding-right:10px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
    div[class^="col"]{padding-left:15px; padding-right:15px;}
}

/* boostrap overrides */
ins { display: block; }
* { border-radius: 0 !important; }
h1 { font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #000; border-bottom: solid 2px #7ea512; padding-bottom: 6px; }
h1 a { float: right; }
h2 { font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 6px 0; border-bottom: solid 1px #7ea512; color: #000 }
h2 a { color: #7ea512 }
h3 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 6px 0; border-bottom: solid 1px #7ea512; color: #000 }
.footerctr h3 { color: #fff; border-bottom: solid 1px #fff; }
h4 { font-weight: bold; margin: 0; padding: 0; }
.btn-default { background-color: #7ea512; color: #fff; font-weight: bold; border-color: #7ea512;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333333; background-color: #7ea512; border-color: #7ea512; }

.btn-primary { background-color: #444; color: #fff; font-weight: bold; border-color: #087dc6;}
.progress { margin-bottom: 10px; }
.progress span { font-size: 0.8em; margin-left: 3px; }
.text-danger { font-weight: bold; color: #ff0000; }
.admmnu .nav-tabs > li.active > a{
    background-color: #ddd;
}
.form-horizontal .control-label { text-align: left; }

/* Responsive: Portrait tablets and up */
@media screen and ( max-width: 768px) {
	h1 { font-size: 1.1em; }
	h2 { font-size: 1em; }
	h3 { font-size: 1em; }
}
/* have bootstrap collapse at small instead of xs*/
@media (max-width: 990px) {
    .navbar-header {
        float: left;
    }
    .navbar-toggle {
        display: inline-block; float: none; margin-top: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: 0; }
.navbar-nav { background-color: #f1f1f1; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #444; }
.navbar-inverse .navbar-nav>li>a { color: #202020; }
.navbar-inverse .navbar-nav>li>a:hover{ background-color: #444; color: #fff; }
/* navbar overrides */
.navbar-inverse { background-color: #fff; color: #3cabee; }
.navbar > .container .navbar-brand { color: #fff; }
.navbar-inverse { border: 0; }
.navbar-brand { padding: 0; }
.navbar-left { border: solid 1px #ff0000; width: 100%; }
.navbar-right { border: solid 1px #0000ff; }

/* helpers */
.lbl { padding: 6px; font-size: small; background-color: #087dc6; color: #fff; }
.fw { width: 100%; }
.blck { display: inline-block }
.lmb { margin-bottom: 16px; }
.xlmb { margin-bottom: 30px; }
.lmt { margin-top: 16px; }
.mb { margin-bottom: 12px; }
.lmt { margin-top: 20px; }
.mt { margin-top: 12px; }
.lml { margin-left: 16px; }
.lmr { margin-right: 16px; }
.smr { margin-right: 6px; }
.sml { margin-left: 6px; }
.vsml { margin-left: 2px; }
.vsmt { margin-top: 2px; }
.vsmb { margin-top: 2px; }
.smb { margin-bottom: 6px; }
.uline { text-decoration: underline; }
.bold { font-weight: 600; }
p.highlight { background-color: #f1f1f1; padding: 6px; font-size: 0.8em; }
.rss i { font-size: 18px; color: #ff0000; }
.rl { border-right: solid 1px; color: #444; }
.err { color: #ff0000; font-weight: bold; }
.loader { display: none; margin-top: 20px; background-image: url(/Images/bx_loader.gif); width: 32px; height: 32px; }
.imgborder { border: solid 1px #444; padding: 12px; min-width: 262px; min-height: 100px; }
.boxed { border: solid 1px #444; padding: 12px; }
.soft { color: #aaa; }
.disclaimer { font-size: 0.9em; }
ul.nostyle ul, li.nostyle { list-style-type: none; padding: 0; margin:0; float: left; }
.nb { width: 100%; text-align: center; }
.nb button { width: 50%; padding: 16px; }
.hline { display: block; width: 100%; border-bottom: solid 1px #ccc; margin-top: 2px; margin-bottom: 4px; }
hr.line { height: 1px; padding: 0; margin: 6px 0 6px 0; }
.price--line-through{
    background-color: transparent;
    background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 48%, #fff 50%, transparent 52%, transparent 100%);
}

@media (min-width: 970px) {
    #adlbtop { min-height: 90px; }
}
@media (min-width: 728px) and (max-width: 969px) {
    #adlbtop { min-height: 90px; }
}
@media (max-width: 727px) {
    #adlbtop { min-height: 280px; }
}

/* repeater design */
.rphdr { font-weight: bold; border-bottom: solid 1px #444; margin-bottom: 12px; padding-bottom: 12px; }
.rpsep { border-bottom: dashed 1px #ddd; margin-bottom: 20px; padding-bottom: 6px; }

/* list in smaller font size */
.lstsmall { font-size: 0.85em; }

/* list helpers */
.lstline { border-bottom: solid 1px #bbb; padding-bottom: 6px; margin-bottom: 6px; }

/* breadcrumb */
.bcctr { display: inline-block; font-weight: bold; color: #bbb; margin-bottom: 2px; overflow: hidden; }
.bcctr a { text-decoration: underline; font-weight: bold; color: #fff; }
.bcctr ul, .bcctr li { list-style-type: none; padding-left: 0; }
.bcctr li { float: left; padding: 2px 6px 2px 0; list-style-type: none; padding-left: 0; font-size: 16px }
.bcctr li.spacer { text-align: center; padding-top: 4px; }
@media (max-width: 767px) {
    .bcctr li { font-size: 12px }
    .bcctr { font-size: 12px }
}
@media (max-width: 1200px) and (min-width: 768px) {
    .bcctr li { font-size: 13px }
    .bcctr { font-size: 13px }
}

/* dataset overview menu */
.mnuctr { display: inline-block; width: 100%; } 
.mnulocctr { background-color: #fff; color: #fff; padding-top: 10px; min-height: 55px; }
.mnubc { background-color: #444; color: #fff; padding-top: 6px; }
@media (max-width: 767px) {
    .mnubc { padding-top: 6px; }
}
.mnuloc .title { font-weight: bold; font-size: 1.2em; }
.mnuloc .input-group-btn>.btn+.btn { margin: 0; }
@media (min-width: 768px) {
    .mnuloc .hidden-xs { display: inline!important; }
}
@media (max-width: 767px) {
    .mnuloc .visible-xs { display: inline !important; }
}

@media (max-width: 991px) and (min-width: 768px) {
    .mnuloc .visible-sm { display: inline !important; }
}


.mnuitms { display: inline-block; width: 100%; background-color: #087dc6; }
.mnuitm { float: left; width: 9.09%; text-align: center; padding-bottom: 12px; cursor: pointer; }
.mnuitm span { height: 40px; display: inline-block; padding-top: 12px; }
.mnuitm div { padding-top: 12px; }
.mnuitm a { color: #fff; font-weight: bold; font-size: 0.85em; text-decoration: none; }
.mnuitm:hover, .mnuitms .active { background-color: #444; }
.mnuitms .disabled { opacity: 0.2; }
.mnuitm.disabled { cursor: default; background-color: #087dc6; }

.mobmnu { display: inline-block; width: 100%; background-color: #087dc6; }
.mobmnu ul { list-style-type: none; padding: 6px 0px 0 0; }
.mobmnu li { float: left; margin-bottom: 6px; }
.mobmnu li.active { font-weight: bold; text-decoration: underline; }
.mobmnu li a { color: #fff; margin-right: 18px; }

.submnuitms { display: inline-block; width: 100%; background-color: #444; border-top: solid 0px #444; padding: 6px 0 6px 0; }
.submnuitm { float: left; text-align: center; padding: 6px 6px 6px 6px; margin-right: 3px; cursor: pointer; border-right: solid 0px #fff; }
.submnuitm a { color: #fff; font-size: 0.9em; text-decoration: none; }
.submnuitm:hover, .submnuitms .active { background-color: #7ea512; }
.submnuitm.disabled { cursor: default; background-color: #444 !important; }
.submnuitm.disabled a { color: #bbb; }

/* recent bekeken */
.rcntctr { display: inline-block; width: 100%; height: 31px; color: #444; font-size: 0.9em; border-bottom: solid 1px #f1f1f1; padding-bottom: 10px; overflow: hidden; }
.rcnt span { float: left; padding-right: 12px; }
.rcnt ul, .rcnt li { list-style-type: none; padding: 0; }
.rcnt li { float: left; padding-right: 20px; }

/* gerelateerde meldingen */
.gerelateerdctr { margin-bottom: 10px; cursor: pointer; display: inline-block; width: 100%; }
.gerelateerdctr .title { font-weight: bold; text-decoration: underline; }
.gerelateerdctr .title a { color: #202020; }
.gerelateerdctr .timestamp { color: #aaa; }
.gerelateerdctr .timestamp i { width: 20px; }
.gerelateerdctr .timestampsmall { font-weight: bold; }

/* gezochte personen */
.gezochtctr { margin-bottom: 6px; cursor: pointer; display: inline-block; width: 100%; }
.gezochtctr img { width: 100%; }
.gezochtctr .title { font-weight: bold; text-decoration: underline; }
.gezochtctr .title a { color: #202020; }
.gezochtctr .bc { color: #aaa; margin-left: -2px; }
.gezochtctr .bc a { color: #aaa; font-size: 0.9em; text-decoration: underline; }
.gezochtctr .bc a:hover { color: #428bca; }

/* dataset overview pages */
.datactr { margin-bottom: 16px; border-bottom: dashed 1px #eee; padding-bottom: 12px; cursor: pointer; display: inline-block; width: 100%; }
.datactr img { width: 100%; margin-bottom: 12px; }
.datactr .title { font-weight: bold; text-decoration: underline; }
.datactr .title a { color: #202020; }
.datactr .timestamp { color: #aaa; }
.datactr .timestamp i { width: 20px; }
.datactr .timestampsmall { font-weight: bold; }
.datactr .tag span { background-color: #7ea512; color: #fff; padding: 6px; width: auto; font-size: 0.8em; }
.datactr .bc { color: #aaa; margin-left: -2px; }
.datactr .bc a { color: #aaa; font-size: 0.9em; text-decoration: underline; }
.datactr .bc a:hover { color: #428bca; }
.datactr .icon { width: 40px; }
.datactrhlt { background-color: #f1f1f1; padding: 12px 12px 0 12px; }

/* dataset gerelateerd ander datatype */
.datactra { border-bottom: dashed 1px #eee; cursor: pointer; display: inline-block; margin-bottom: 2px; }
.datactra img { width: 100%; margin-bottom: 8px; }
.datactra .title { font-weight: bold; text-decoration: underline; }
.datactra .timestamp { color: #aaa; }
.datactra .timestamp i { width: 20px; }

/* homepage headlines */
.headlinectr { margin-bottom: 12px; cursor: pointer; display: inline-block; width: 100%; padding-right: 12px; }
.headlinectr img { width: 100%; }
.headlinectr .title { font-weight: bold; text-decoration: none; }
.headlinectr .title a { color: #202020; }
.headlinectr .nopadding { padding-left: 0!important; }
.headlinectr .timestamp { color: #aaa; font-size: 0.9em; }

/* braches container on dataet overview pages */
.ctrfilters { font-size: 1em; width: 100%; float: left; overflow-y: auto; max-height: 140px; border: solid 1px #087dc6; padding: 6px; background-color: #087dc6; color: #fff; margin-bottom: 20px; }
.ctrfilters a { color: #fff; }
.ctrfilters p { font-weight: bold; }
.ctrfilters ul { margin-bottom: 16px; display: inline-block; width: 100%; }
.ctrfilters ul, .ctrbranches li { list-style-type: none; padding-left: 0; }
.ctrfilters li { float: left; width: 50%; margin-bottom: 2px; }

/* dataset overview filters */
.filterctr h2 { font-size: 1.2em; font-weight: bold; }
.filterctr ul, .filterctr li { list-style-type: none; padding-left: 0; }
.filterctr .icon { width: 30px; height: 30px; margin-right: 6px; }

.filterbtn { display: none; border: solid 1px #087dc6; padding: 6px; cursor: pointer; text-align: center; background-color: #087dc6; color: #fff; }
.filterbtn:hover { background-color: #fff; color: #087dc6; }

/* detail pages */
.dtlctr i { width: 15px; text-align: center; margin-right: 8px; }
.dtlctr h2 { margin-top: 30px; }
.dtlcnt img { max-width: 300px; float: right; margin-left: 16px; }

/* datalist container homepages */
.accctr { width: 100%; display: inline-block; margin-bottom: 16px; }
.accctr .accbtn { display: inline; width: 100%; overflow: auto; }
.accctr .accbtn a { color: #fff; background-color: #7ea512; padding: 6px; font-size: 0.85em; text-decoration: none; float: right; }
.accctr h2 { margin-bottom: 0; border: 0; }
.acchdr { border-bottom: solid 1px #3cabee; margin-bottom: 6px; }
.acccnt { display: none; }

/* autocomplete */
.ui-autocomplete span.hl_results { background-color: #000; }
.acln2 { font-size: 0.8em; color: #444; background-color: transparent; }
.acln1 a, .acln2 a { color: #0000ff!important; }
.acln1:hover, .acln2:hover { color: #000!important; }
.ui-menu-item:hover .ui-menu-item-wrapper { color: #fff!important; background-color: transparent!important; border: 0!important; }
.ui-menu-item-wrapper:hover { color: #fff!important; background-color: transparent!important; border: 0!important; }

/* loading - the AJAX indicator */
.ui-autocomplete-loading { background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat; }
.ui-state-focus
{
    color:White;
    background:#96B202;
    outline:none;
}
/* scroll results */
/*.ui-helper-hidden-accessible { display:none; }*/
.ui-autocomplete { height: 280px; overflow-y: auto; 
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
.ui-autocomplete li { font-size: 1.1em; color: #000; cursor: pointer; border-bottom: solid 1px #ddd; padding: 3px 0 3px 0; }
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete { height: 280px; }
.ui-menu .ui-menu-item  { padding-left: 10px; }
.ui-menu .ui-menu-item:hover  { background-color: #444!important; color: #fff; }
/* achtergrondkleur gehele dropdown */
.ui-autocomplete { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; position: absolute; top: 100%; left: 0;  z-index: 99999; float: left;  display: none; min-width: 160px; _width: 160px; padding: 0; margin: 2px 0 0 0; list-style: none; background-color: #fff; border-style: solid; border-width: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; }

/* location lists */
.dlctr { margin-bottom: 20px; }
.dlctr p { background-color: #f1f1f1; padding: 6px; font-size: 0.8em; }
.dlitm { cursor: pointer; margin-bottom: 20px; }
.dlitm:hover { background-color: #f1f1f1; }
.dlitm a { color: #087dc6; font-weight: bold; font-size: 1.1em; }
.dlitm .content { color: #202020; }
.dlitm .timestamp { color: #aaa; font-size: 0.8em; font-weight: bold; margin: 6px 0 6px 0; }

.clctr { margin-bottom: 20px; }
.clitm { cursor: pointer; margin-bottom: 20px; }
.clitm:hover { background-color: #f1f1f1; }
.clitm img { margin-bottom: 6px; }
.clitm a { color: #444; font-weight: bold; font-size: 1.1em; }
.clitm .content { color: #444; }
.clitm .timestamp { color: #444; font-size: 0.8em; font-weight: bold; margin: 6px 0 6px 0; }

.eactr { background-image: url(/images/afvallen.jpg); border: solid 1px #bbb; width: 100%; height: 261px; color: #e84c3d; cursor: pointer; margin-bottom: 10px; }
.eaoverlay { width: 100%; height: 261px; background-color: #ddd; opacity: 0.6; }
.eactr .titlectr { position: absolute; padding: 12px; z-index: 999; text-shadow: 2px 2px #ccc; width: 90% }
.eactr .titlectr a { color: #202020; }
.eactr .title { font-weight: bold; font-size: 1.6em; display: block; margin-bottom: 100px; }
.eactr .subtitle { font-weight: bold; font-size: 1.2em; }

/* homepage highlight */
.hphltctr { background-color: #444; padding: 20px 0 20px 0; margin-bottom: 30px; border-top: solid 3px #087dc6; border-bottom: solid 3px #087dc6; color: #fff; }
.hphltctr img { width: 100%; margin-bottom: 12px; cursor: pointer; }
.hphltctr h2 { width: 100%; font-size: 1.4em; border: 0; color: #fff; letter-spacing: 1px; }
.hphltctr h2 a { font-size: 16px; }
.hphltctr a { color: #fff; font-size: 1.2em; font-weight: bold; }

.hpctr { color: #000; margin-bottom: 30px; }
.hpctr img { width: 100%; margin-bottom: 12px; cursor: pointer; }
.hpctr h2 { font-size: 1.4em; border: 0; color: #000; letter-spacing: 1px; }
.hpctr h2 a { font-size: 16px; }
.hpctr a { color: #000; font-size: 1.2em; font-weight: bold; }
.hpctr span { color: #087dc6; font-size: 0.9em; margin-bottom: 10px; display: block; font-weight: bold;}
.hpctr.aanbieding img { background-size: cover; width: 100%; height: 270px; margin-bottom: 12px; cursor: pointer; }
.hpctr .cijferctr, .hpctr .infoctr { height: 218px; overflow: hidden; }
.imgcover { background-size: cover; width: 100%; height: 240px; resize: both; overflow: hidden; background-position: center center; }
.hpctr .video { display: inline-block; width: 100%; height: 200px; overflow: hidden; cursor: pointer; }
.hpctr .video img { position: relative; top: 50%; transform: translateY(-50%); }
.hpctr .video span { position: absolute; top: 40px; color: #fff; text-shadow: 1px 1px 1px #000; font-size: 5em; text-align: center; width: 100%; }

.hpbox { display: inline-block; width: 100%; margin-bottom: 10px; }
.hpimg { margin-right: 10px; float: left; }
.hpimg img { width: 120px; height: 68px; }
.hpcnt { width: calc(100% - 132px);  float: left; }
.hpcnt a { font-size: 1em; }
.hpcnt span { font-weight: normal; }

/* footer */
.footerctr { background-color: #087dc6; border-top: solid 5px #087dc6; padding-top: 20px; color: #fff; }
.footerctr a { color: #fff; }
.footerctr ul, .footerctr li { list-style-type: none; padding-left: 0; }
.footerctr li { margin-bottom: 12px; }
.addressctr { background-color: #444; padding-top: 20px; color: #fff; font-weight: bold; padding-bottom: 6px; padding-bottom: 20px!important; }
.addressctr a { color: #fff; }
.addressctr p { text-align: center; }
.vp { display: block; }

/* split list */
.slctr table { width: 100%; }
.slctr td { width: 50%; padding-bottom: 12px; }

.btzoek { position: relative; display: table; border-collapse: separate; }
.btzoek input[type=text] { font-size: 2em; height: 42px; display: table-cell; }
.btzoek .btn { font-size: 1.5em; height: 42px!important; padding:0 12px 0 12px }
.btres { display: none; }


.weericns { font-size: 2.4em; }
.weericn { width: 65px; height: 60px; background-image: url(/images/weer.png); }
.weerctr { margin-bottom: 16px; }

.youtubectr {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; margin-bottom: 12px;
}
.youtubectr iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.aboctr .hdr { font-size: 2em; font-weight: bold; }
.aboctr .price { font-size: 1.3em; font-weight: bold; color: #087dc6; }
.aboctr .icn { font-size: 2em; }
.aboctr .title { color: #000; font-weight: bold; }
.aboctr .title p { color: #bbb; font-size: 0.9em; }
.abomapctr { position: relative; width: 100%; height: 300px; }
.abomap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: 16px; }
.r5 { background-color: #7B7584; width: 240px; }
.r10 { background-color: #739AA5; width: 240px; }
.r25 { background-color: #ADAADA; width: 240px; }

/* adblocker */
.abctr { display: none; border: solid 2px #ff0000; background-color: #feffcb; padding: 12px; margin-top: 16px; }
.abcnt {}
.abcnt a { color: #fff; text-decoration: underline; }
.abcnt a:hover { text-decoration: none; }

/* info kaders in sidebar */
.infoctr { margin-bottom: 16px; background-color: #087dc6; padding: 12px; color: #fff; }
.infoctr a { color: #fff; }
.infoctr h2 { border: 0; text-shadow: 1px 1px 1px #000; color: #fff; }

/* cijfer kader in sidebar */
.cijferctr { margin-bottom: 16px; background-color: #087dc6; padding: 12px; color: #fff; text-align: center; cursor: pointer; }
.cijferctr a { color: #fff; font-size: 1em; font-weight: bold; }
.cijferctr h2 { border: 0; color: #fff; margin: 0; text-shadow: 1px 1px 1px #000; }
.cijferctr div { display: inline-block; }
.cijferctr div .positie { float: left; font-size: 4em; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #000; }
.cijferctr div .maxpositie { float: left; margin: 20px 0 0 12px; font-size: 1.5em; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #000; }

q { display: inline-block; border: solid 10px!important; }



/* timeline line */
.timeline-centered { }
.timeline-centered h2 { border: 0; padding-top: 10px; }
.timeline-icon { background: #fff; color: #737881; width: 40px; height: 40px; margin-bottom: 20px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; text-align: center; -moz-box-shadow: 0 0 0 5px #f5f5f6; -webkit-box-shadow: 0 0 0 5px #f5f5f6; box-shadow: 0 0 0 5px #f5f5f6; line-height: 40px; font-size: 15px; float: left; margin-right: 10px; }
.timeline-icon.bg-success { background-color: #7ea512; color: #fff; }

.headlinecnt { height: 668px; overflow-y: scroll; overflow-x: hidden }
@media (max-width: 767px) {
    .headlinecnt { height: auto; overflow: visible; }
}

.async-hide { opacity: 0 !important }


/*jssor slider loading skin spin css*/
.jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 106 css*/
.jssora106 { display: block; position: absolute; cursor: pointer; }
.jssora106 .c { fill: #fff; opacity: .3; }
.jssora106 .a { fill: none; stroke: #000; stroke-width: 350; stroke-miterlimit: 10; }
.jssora106:hover .c { opacity: .5; }
.jssora106:hover .a { opacity: .8; }
.jssora106.jssora106dn .c { opacity: .2; }
.jssora106.jssora106dn .a { opacity: 1; }
.jssora106.jssora106ds { opacity: .3; pointer-events: none; }

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p { position: absolute; top: 0; left: 0; box-sizing: border-box; background: #000; }
.jssort101 .p .cv { position: relative; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #000; box-sizing: border-box; z-index: 1; }
.jssort101 .a { fill: none; stroke: #fff; stroke-width: 400; stroke-miterlimit: 10; visibility: hidden; }
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv { border: none; border-color: transparent; }
.jssort101 .p:hover { padding: 2px; }
.jssort101 .p:hover .cv { background-color: rgba(0,0,0,6); opacity: .35; }
.jssort101 .p:hover.pdn { padding: 0; }
.jssort101 .p:hover.pdn .cv { border: 2px solid #fff; background: none; opacity: .35; }
.jssort101 .pav .cv { border-color: #fff; opacity: .35; }
.jssort101 .pav .a, .jssort101 .p:hover .a { visibility: visible; }
.jssort101 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; opacity: .6; }
.jssort101 .pav .t, .jssort101 .p:hover .t { opacity: 1; }

/* newsletter popoup */
#list-builder { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; filter: alpha(opacity=80); opacity: 0.8; display: none; }
#popup-box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #ff6600; color: #FFFFFF; width: 90%; max-width: 600px; padding: 30px; border: 10px solid #FFFFFF; display: none; z-index: 9999; }
#popup-close { position: absolute; top: -25px; right: -25px; cursor: pointer; width: 40px; }
#popup-box h1 { margin: 0; font-size: 26px; }
#popup-box form { margin-bottom: 0px; }
#popup-box input { padding: 10px; border: 1px solid #333; width: 60%; }
#popup-box button { padding: 6px 12px !important; border: 1px solid #333; height: 34px; }

.fblocatiectr { background-color: lightyellow; border: solid 1px #202020; padding: 6px; margin-bottom: 20px; line-height: 30px; text-align: center; }

.meldingctr .nav-tabs a { font-weight: bold; font-size: 15px; }
.meldingctr input[type="text"], .meldingctr select, .meldingctr textarea { width: 100%; }
.meldingctr label { font-weight: normal; }
@media (max-width: 767px) {
    .meldingctr .nav-tabs a { font-weight: normal; font-size: 11px; padding: 10px 12px; }
}
.inline-field { display: inline-block; }
.inline-field input, .inline-field label { display: inline; margin-bottom: 0; vertical-align: middle; }

/* hide html file upload */
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { font-size: 1.25em; font-weight: 700; color: white; background-color: green; display: inline-block; cursor: pointer; padding: 6px; min-width: 270px; text-align: center; }
@media (max-width: 767px) {
    .inputfile + label { width: 100%; }
}

.inputfile:focus + label,
.inputfile + label:hover { background-color: #000; }


.statshdr { background-color: #fff; border-bottom: solid 1px #ddd; border-top: solid 1px #ddd; }
.hdrhighlight { background-color: #444; color: #fff; padding: 3px; }

.nbv div { display:block; border: solid 1px #ccc; margin-bottom: 12px; padding: 3px; }
.nbv span:first-child { display: block; text-align: center; margin-bottom: 6px; font-weight: bold; font-size: 1.1em; }
.nbv span:last-child { display: block; text-align: center; margin-top: 6px; }
.nbv .fa { color: #087dc6 }
.nbv i { width: 100% }
.nbv { text-align: center }

.nbvsection { margin-bottom: 20px; display:block; }
.nbvsv { color: #bbb; }
.nbvregiohdr { font-size: 0.8em; }
.nbvdesc { margin-bottom: 12px; }

.flitserctr { margin: 6px;}

.incctr { position: relative; width: auto; height: auto; margin-bottom: 12px;}
.incctr .overlay { display: block; position: absolute; width: 100%; height: 100%; background-color: #444; opacity: 0.7; top: 0; }
.incctr .foto { position: absolute; top: 16px; right: 16px; color: #fff; }
.incctr .subtitle { position: absolute; bottom: 96px; left: 16px; color: #fff; }
.incctr .title { position: absolute; width: 90%; bottom: 0; left: 16px;}
.incctr .title h1 { text-shadow: 2px 2px #202020; color: white; letter-spacing: 1px; line-height: 1.5em; border: 0; }
@media screen and ( max-width: 768px) {
    .incctr .subtitle { position: absolute; bottom: 66px; left: 16px; color: #fff; }
}

.calctr { position: relative; margin-bottom: 16px; cursor: pointer; }
.calctr div { position: absolute; bottom: 0px; left: 0px; height: 80px; width: 100%; background-color: #444; opacity: 0.9; padding: 8px 16px 8px 16px; }
.calctr.small img { width: 100%; height: 203px; }
.calctr.small { height: 203px; }
.calctr.small div { height: 64px; padding: 3px 16px 3px 16px; }
.calctr .timestamp { color: #fff; font-size: 1em; font-weight: bold; position: absolute; top: 8px; left: 16px; background-color: #087dc6; opacity: 0.9; padding: 8px 16px 8px 16px; }
.calctr.small .timestamp { font-size: 0.9em; }
.calctr .titel { float: left; font-size: 1.5em; font-weight: bold; }
.calctr.small .titel { float: left; font-size: 1em; padding-top: 6px; }
.calctr .titel a { color: #fff; }
.calctr .titel a:hover { text-decoration: none; }
@media screen and ( max-width: 768px) {
    .calctr div { height: 64px; }
    .calctr .titel { font-size: 1.2em; font-weight: bold; }
}
/* have bootstrap collapse at small instead of xs*/
@media (min-width: 769px) and (max-width: 990px) {
    .calctr div { height: 78px; }
    .calctr .titel { font-size: 1em; font-weight: bold; }
}
.navigatorctr { display: block; border: solid 1px #f1f1f1; color: #000; padding: 6px; margin-bottom: 20px; }
.navigatorctr i { color: #087dc6; }
.navigatorctr a { text-decoration: underline; }
.navigatorctr span, .navigatorctr i { font-weight: bold; font-size: 1.2em; }


.mapbox { width: 100%; height: 400px; position: relative; }
.mapbox .mapoverlay { display: none; width: 45%; height: 90px; background-color: #fff; z-index: 999; position: absolute; right: 2%; bottom: 5%; }
@media (max-width: 767px) {
    .mapbox .mapoverlay { width: 70%; }
}
.maptooltip { border: solid 2px; width: 100%; display: inline-block; }


/* aanbiedingen */
.aanbiedingsubtitel { display: inline-block; font-weight: bold; font-size: 1.3em; width: 100%;}
.aanbiedingenctr .box { border: solid 1px #444; cursor: pointer; }
.aanbiedingenctr .cnt { background-color: #444; height: 50px; padding: 6px; overflow: hidden; }
.aanbiedingenctr .cnt div { color: #fff; }
.aanbiedingenctr .periode { background-color: #444; color: #fff; padding: 6px; height: 22px; }
.aanbiedingenctr .ftr { background-color: #444; padding: 6px; color: #fff; font-size: 1.5em; height:36px; }
.aanbiedingenctr .img { background-size: cover; width: 100%; height: 160px; resize: both; overflow: hidden; background-position: center center; margin-bottom: 12px; }
.aanbiedingenctr .img img { width: 60px; padding: 6px 0 0 6px; }
@media (max-width: 767px) {
    .aanbiedingenctr .img { height: 180px; }
}
.aanbiedingenctr a { color: #fff; font-weight: bold; }




.col-container {
  display: flex;
  width: 100%;
}
.col {
  flex: 1;
  padding: 16px;
}


.ui-widget-header { background-color: #444; }
.sliderlabels { font-size: 1.2em; font-weight: bold; margin-bottom: 6px;}