@import 'lightslider.min.css';
@import 'ammap.css';
@import 'freestyle.php';
@import 'erwin.php';
@import 'tai.php';
@import 'colors.php';
@import 'figcaptions.php';
@import 'figures.php';
@import 'linenav.php';
@import 'cookies.php';
@import 'miniatuur.php';
@import 'bodytop.php';
@import 'pagemargins.php';
@import 'fontsizes.php';
@import 'homepage.php';
@import 'contentheading.php';



.text-section:not(:last-child){margin-bottom:60px !important;}
.text-header {text-transform:uppercase;font-weight:700;color:#cd4a1e;padding-left:10px; border-left:5px solid #cd4a1e;}

td, th {padding:10px;}

.Contactform td, .Contactform th {padding:0;}

@media screen and (max-width: 1180px) {
    td, th {padding:7px;}
}


.content_Overview5 figcaption .figcaption-title {margin-top: 0;}
/* ------------ TEXT COLUMNS ---------------*/

@media screen and (min-width: 1180px) {
.text-2-columns #content-text {column-count: 2; column-gap: 60px;}
}


/* ---------------------------------------------------------- */
/* ------------------  COMMON CSS UITKLAP ------------------- */
/* ---------------------------------------------------------- */

.ui-accordion-header{border:1px solid #ccc; padding:10px 20px; cursor:pointer; position:relative;overflow:hidden;margin-bottom:0;font-size:22px !important; background:#fff; outline:0; border-radius:0 !important;margin-top:15px !important;}
.ui-accordion-header:hover a, .accordion-item .ui-accordion-header:hover .ui-icon::before{color:#fff !important;}
/*.CollapseImg figcaption {color:#666;}*/
/*.CollapseImg:hover figcaption {text-decoration:none;color:#666;}*/

.accordion-item:first-child .ui-accordion-header{margin-top:0 !important;}

.ui-accordion-header a{color:#333 ; text-decoration:none !important; display:block; margin-top:3px;}

.ui-state-active a{color:#fff !important; text-decoration:none !important;}

 .ui-accordion-content{padding:10px 20px; overflow:hidden; height:auto !important; border-radius: 0 !important;color:#666;}

/* border around the text */
.ui-widget-content {border:1px solid #f1f1f1;}
.ui-accordion-header .ui-icon::before {font-family:"OpenSans";
content:"+";
font-size:32px;
color:#333;
width: 25px;
height: 25px;position:absolute;left:0;top:-6px;font-weight:600;}


.ui-state-active .ui-icon::before {content:"-";color:#fff;top: -10px;left: 3px;}
.ui-icon, .ui-widget-content .ui-icon {background-image: none !important;
display: block;
width: 25px;
height: 25px;
float: right;
margin-top: 3px;
color: #333;
text-indent:inherit !important;position:relative;}


.accordion-item .ui-accordion-header a, .ui-state-active a {padding:0;}
.accordion-item .CollapseImg img{float:right; padding:0 0 20px 20px; width:30%;}

/*2 items */
.accordion-2items{width:49%;margin-right:2%;float:left;}
.accordion-2items:nth-child(2n+2){margin-right:0;}
.accordion-2items:nth-child(2n+1){clear:left;}

/*3 items*/
.accordion-3items{width:32%;margin-right:2%;float:left;}
.accordion-3items:nth-child(3n+3){margin-right:0;}
.accordion-3items:nth-child(3n+1){clear:left;}

/*4 items*/
.accordion-4items{width:23.5%;margin-right:2%;float:left;}
.accordion-4items:nth-child(4n+4){margin-right:0;}
.accordion-4items:nth-child(4n+1){clear:left;}

/*5 items*/
.accordion-5items{width:18.4%;margin-right:2%;float:left;}
.accordion-5items:nth-child(5n+5){margin-right:0;}
.accordion-5items:nth-child(5n+1){clear:left;}

/*6 items*/
.accordion-6items{width:15%;margin-right:2%;float:left;}
.accordion-6items:nth-child(6n+6){margin-right:0;}
.accordion-6items:nth-child(6n+1){clear:left;}

@media screen and (max-width: 800px){
    .accordion-item .CollapseImg img{width:50%;padding:0 0 10px 10px;}
}



/* ---------------------------------------------------------- */
/* ----------  FOTO-MUUR + OV MUUR COMMON CSSS ------ ------- */
/* ---------------------------------------------------------- */



 /* Foto-Muur-Basis.css */

/* idem */  
#CI2-Container, #OV2-Container {width:100%;}

.CI2-item{float:left;overflow:hidden;box-sizing:border-box;margin-bottom:2%;}
.OV2-item{float:left;overflow:hidden;box-sizing:border-box;margin-bottom:2.5rem;}

.CI2-item.withText {margin-bottom:2rem;}

.CI2-item .CI2-img, .OV2-item .OV2-img{width:100%;}

.CI2-item .CI2-img img, .OV2-item .OV2-img img {width:100%;height:auto;}

/*2-items*/
.wall-2items .CI2-item{width:49%;}
.wall-2items .CI2-itemWider{width:100%;}
.wall-2items .CI2-itemWide{width:100%;}
.wall-2items .grid-sizer{width:49%;}
.wall-2items .grid-gutter{width:2%;}

/*3-items*/
.wall-3items .CI2-item{width:32%;}
.wall-3items .CI2-itemWider{width:100%;}
.wall-3items .CI2-itemWide{width:66%;}
.wall-3items .grid-sizer{width:32%;}
.wall-3items .grid-gutter{width:2%;}

/*4-items*/
.wall-4items .CI2-item{width:23.5%;}
.wall-4items .CI2-itemWider{width:74.5%;}
.wall-4items .CI2-itemWide{width:49%;}
.wall-4items .grid-sizer{width:23.5%;}
.wall-4items .grid-gutter{width:2%;}

/*5-items*/
.wall-5items .CI2-item{width:18.4%;}
.wall-5items .CI2-itemWider{width:59.2%;}
.wall-5items .CI2-itemWide{width:38.8%;}
.wall-5items .grid-sizer{width:18.4%;}
.wall-5items .grid-gutter{width:2%;}

/*6-items*/
.wall-6items .CI2-item{width:15%;}
.wall-6items .CI2-itemWider{width:49%;}
.wall-6items .CI2-itemWide{width:32%;}
.wall-6items .grid-sizer{width:15%;}
.wall-6items .grid-gutter{width:2%;}

.CI2-item a .CITitle {text-decoration:none;}
.CI2-item a.external-link .CITitle {text-decoration:underline;}
.CI2-item a.external-link:hover .CITitle {text-decoration:none;}

#CI2-Container .grid-gutter, #OV2-Container .grid-gutter {100px !important;}

/* FOTO MUUR */
@media screen and (max-width: 1180px){
#CI2-Container .grid-sizer, #CI2-Container .CI2-item{width:32%;}
}
@media screen and (max-width: 800px){
#CI2-Container .grid-sizer, #CI2-Container .CI2-item{width:49%;}
} 

/* OVERZICHT MUUR */
@media screen and (max-width: 1200px){
#OV2-Container .grid-sizer, #OV2-Container .OV2-item {width:32%;}
#OV2-Container.OV2-2items .OV2-item, #OV2-Container.OV2-2items .grid-sizer {width:49%;}
}
@media screen and (max-width: 800px){
#OV2-Container .grid-sizer, #OV2-Container .OV2-item{width:49%;}
} 






/* ---------------------------------------------------------- */
/* -----------  OVERVIEW ------------  TEGELS  -------------- */
/* ---------------------------------------------------------- */

/* ---------------------------------------------------------- */
/* ------------------- COMMON CSS TEGELS -------------------- */
/* ---------------------------------------------------------- */

#CI5-Container {display:flex;flex-wrap:wrap;}

.tiles-item {margin:0 2% 30px 0;float:left;}
.tiles-item .ImagesWords .IWTitle {font-size:1em;}/*color:#333;*/
.tiles-item .ImagesWords .IWText {font-size:0.8em;margin-top:20px;}/*color:#666;*/

.tiles-item .CI5-img{width:100%;overflow:hidden;box-sizing:border-box;}
.tiles-item .CI5-img img{width:50%;height:auto;float:left;padding:0 15px 10px 0;}

.tiles-item .OV5-img{width:100%;overflow:hidden;box-sizing:border-box;}
.tiles-item .OV5-img img{width:50%;height:auto;float:left;padding:0 15px 10px 0;}


/*6 items */
.tiles-6items .tiles-item{width:15%;}
.tiles-6items .tiles-item:nth-child(6n+6){margin-right:0;}
.tiles-6items .tiles-item:nth-child(6n+1){clear:left;}

/*5 items */
.tiles-5items .tiles-item{width:18.4%;}
.tiles-5items .tiles-item:nth-child(5n+5){margin-right:0;}
.tiles-5items .tiles-item:nth-child(5n+1){clear:left;}

/*4 items */
.tiles-4items .tiles-item{width:23.5%;}
.tiles-4items .tiles-item:nth-child(4n+4){margin-right:0;}
.tiles-4items .tiles-item:nth-child(4n+1){clear:left;}

/*3 items */
.tiles-3items .tiles-item{width:32%;}
.tiles-3items .tiles-item:nth-child(3n+3){margin-right:0;}
.tiles-3items .tiles-item:nth-child(3n+1){clear:left;}

/*2 items */
.tiles-2items .tiles-item{width:49%;}
.tiles-2items .tiles-item:nth-child(2n+2){margin-right:0;}
.tiles-2items .tiles-item:nth-child(2n+1){clear:left;}


.tiles-item a .tile-title {text-decoration:none;}
.tiles-item a .tile-text {text-decoration:none;}
.tiles-item a.external-link .tile-title {text-decoration:underline;}
.tiles-item a.external-link:hover .tile-title {text-decoration:none;}

.tiles-item a.external-link a:hover{text-decoration:none;}
.tiles-item:hover .ImagesWords .tile-text {text-decoration:none;}

.tiles-item a:hover, .tiles-item a:focus {text-decoration: none}


@media screen and (max-width: 800px){
.tiles-item {width:49% !important;}
.tiles-item:nth-child(2n+2){margin-right:0 !important;}
.tiles-item:nth-child(2n+1){clear:left !important;}
}

@media screen and (max-width: 440px){
.tiles-item {width:98% !important;}
} 





/* ------------------------------------ */
/* -----------    FooterNav  ---------- */
/* ------------------------------------ */

/* remove bulletpoint Client Login/Newsletter footerNav */
#footerWrap ul {list-style-type: none; padding: 0;}