/* **************************************************************************************************** */
/* MANAGEMENT-SETUP / LANGUAGE / FLAGS */
/* **************************************************************************************************** */
#language-flags{
	overflow:hidden;
}

#language-flags a{
	float:left;
	margin:0 5px 0 0;
	display:block;
	text-indent:-100000px;
}

#language-flags.size-16 a{
	width:16px;
	height:16px;
	background:url(../images/flags/flags_16x16.png) no-repeat center center;
}
#language-flags.size-16 a.fr{background-position:0 0;}
#language-flags.size-16 a.en{background-position:-16px 0;}
#language-flags.size-16 a.de{background-position:-32px 0;}
#language-flags.size-16 a.nl{background-position:-48px 0;}

#language-flags.size-24 a{
	width:24px;
	height:24px;
	background:url(../images/flags/flags_24x24.png) no-repeat center center;
}
#language-flags.size-24 a.fr{background-position:0 0;}
#language-flags.size-24 a.en{background-position:-24px 0;}
#language-flags.size-24 a.de{background-position:-48px 0;}
#language-flags.size-24 a.nl{background-position:-72px 0;}

#language-flags.size-32 a{
	width:32px;
	height:32px;
	background:url(../images/flags/flags_32x32.png) no-repeat center center;
}
#language-flags.size-32 a.fr{background-position:0 0;}
#language-flags.size-32 a.en{background-position:-32px 0;}
#language-flags.size-32 a.de{background-position:-64px 0;}
#language-flags.size-32 a.nl{background-position:-96px 0;}/* **************************************************************************************************** */
/* TWIZA-VIEW / LISTING */
/* **************************************************************************************************** */
.twiza-listing{}

/* **************************************************************************************************** */

.c-search{
    background: #EAEAEA;
    padding: 15px;
    margin: 25px 0 25px 0;	
}
.c-search .sh a{color:inherit;}

/* **************************************************************************************************** */

.filters{margin:0 0 10px 0;}

.filters form{display:flex;}
.filters .section{margin: 0 0 10px 0;padding: 0 0 0 0;flex-grow:1;}

.filters .title{
	font-weight:bold;
	Text-align:left;
    padding: 10px;
    margin: 0 0 0 0;	
    font-size: 1.5em;	
	background:#EEEEEE;   
	cursor:pointer; 
    background: url(../images/icons/arrow_up.svg) #EEEEEE no-repeat;
    background-size: 20px;
    background-position: 98% center;	
    border: 1px solid #AAAAAA;
}
.filters .title.close{background-image:url(../images/icons/arrow_down.svg);}

.filters .fields{padding:10px 0 10px 0;border: 1px solid #AAAAAA;border-top: 0;background:white;}
.filters .fields.close{display:none;}

.filters .field{min-height:initial;padding:0 10px;margin:0 0 5px 0;}
.filters label{float:none;margin:0;line-height:initial;}
.filters label span{padding-left:5px;}
.filters label :checked+span{font-weight:bold;}

.filters .submit{padding:0 0 0 5px;text-align:center;}

.filters .field.level2{
	border-bottom: 1px dashed #AAAAAA;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    border-top: 1px dashed #AAAAAA;
}
.filters .field.level2:first-child{
	padding-top:0;
	border-top:0;
}

/* **************************************************************************************************** */
/* TWIZA-VIEW / MAP */
/* **************************************************************************************************** */
.map-area {
    min-height: 350px;
    background: url(../images/loader/loader.svg) #EEEEEE center center no-repeat;
    background-size: 64px 64px;
    max-width:1040px;
    margin:0 auto 20px auto;
}

.twiza-map{position:relative;}

.twiza-map .filters{margin:0;border-top:0;}
.twiza-map .filter-content{padding:0;}

.twiza-map #map{
	width:auto;
	height:685px;
        margin:0 0 20px 0;
}
.pros .twiza-map #map{height:685px;}

.twiza-map .information-circle{
	text-align: right;
	color: #888888;
	padding: 5px 0 5px 0;
	font-style: italic;
	background:white;
}

.twiza-map .legend{
	z-index:100;
	background:white;
	bottom:0;
	left:0;
	padding:5px;
	border:1px solid #AAAAAA;	
}
.twiza-map .legend.circle{top:initial;}
	
.twiza-map .legend ul{list-style-type:none;}
.twiza-map .legend ul li{display:inline-block;vertical-align:top;padding:0 5px 0;}
.twiza-map .legend ul li img{
	width: 20px;
    float: left;
    margin-top: 0px;
    margin: 0 5px 0 0;
}
.twiza-map .legend ul li span{line-height:2em;}
/* **************************************************************************************************** */
/* TWIZA-MAP / MAP AND LISTING */
/* **************************************************************************************************** */
body.twiza-view .inner{width:auto;max-width:1040px;}

#twiza-listing hgroup{border:0;padding:0;margin: 0 0 15px 0;}
#twiza-listing hgroup h1{
    text-align: left;
    text-transform: none;
}

/* **************************************************************************************************** */

#twiza-listing .c-content .cta{
	padding:15px;
	background:#F4F4F4;
	text-align:right;
	margin:40px 0 50px 0;
}
#twiza-listing .c-content .cta a{
	background: #0088EB;
    font-size: 16px;
    padding: 15px 25px;
    line-height: initial;
    height: auto;
    min-width: auto;
    border-radius: 3px;
    border: 1px solid #0088EB;
    box-shadow: 0px 3px 6px 0px #DFDFDF;
    color: white;	
        font-weight:normal;
}

/* **************************************************************************************************** */

.l-content .sh{text-align:center;display:none;}

#twiza-view .messageList{
    padding: 20px 0 10px 0;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;	
}

#twiza-view .nb,
#twiza-listing .nb  {
    margin: 0 0 5px 0;
    position:relative;
}

#twiza-view .nb{text-align: left;}
#twiza-listing .nb{text-align:left;}

.nb .sh-map{
    color: #0088EB;
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    right: 0;
    text-align:center;
	
}
	
	
#twiza-view .nb .sh-map{display:none;}

#twiza-listing .explain {
    padding: 0 0 0 0;
    text-align: right;
    color: #AAAAAA;
    font-style: italic;
}
#twiza-listing .tabs-menu{}
#twiza-listing .tabs-menu.no-margin{margin-top:0;}

#twiza-listing .tabs-menu li{margin:0 5px 0 0;padding:0;}
#twiza-listing .tab h2.accordion{display:none;}

#twiza-listing .visible{text-align:right;margin:0 0 10px 0;}

/* **************************************************************************************************** */

#twiza-listing .map-area{
	min-height:350px;
	background:url(../images/loader/loader.svg) #EEEEEE center center no-repeat;
	background-size:64px 64px;
	display:none;
}
#twiza-listing.pros .map-area{min-height:440px;}

#twiza-listing .map-area.open{display:block;}

/* **************************************************************************************************** */

.twiza-listing.tab{padding:0 0;border:0;background:transparent;}
.twiza-listing.tab .accordion-content{padding:0;}/* ****************************************************************************************** */
/* HEADER */
/* ****************************************************************************************** */
#area-header{overflow:hidden;background:white;text-align:center;}
#area-header img{height:auto;display:block;margin:auto;}

#area-header iframe{max-width:100%;}

/* ****************************************************************************************** */
/* VIEW - REFERENCE */
/* ****************************************************************************************** */
#area-reference-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-reference-top img{width:100%;height:auto;}
#area-reference-top .inset{margin:0 0 15px 0;font-size: 18px;font-weight: lighter;}
#area-reference-top .inset p{margin: 0 0 5px 0;line-height: 1.5em;}

/* ****************************************************************************************** */
/* VIEW - DIRECTORY */
/* ****************************************************************************************** */
#area-directory-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-directory-top img{width:100%;height:auto;}
#area-directory-top .inset{margin:0 0 15px 0;font-size: 18px;font-weight: lighter;}
#area-directory-top .inset p{margin: 0 0 5px 0;line-height: 1.5em;}

/* ****************************************************************************************** */
/* VIEW - LISTING */
/* ****************************************************************************************** */
#area-map-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-map-top img{width:100%;height:auto;}
#area-map-top .inset{margin:0 0 15px 0;font-size: 18px;font-weight: lighter;}
#area-map-top .inset p{margin: 0 0 5px 0;line-height: 1.5em;}

#area-map-bottom{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-map-bottom img{width:100%;height:auto;}
#area-map-bottom .inset{margin:5px 0 5px 0;}

/* ****************************************************************************************** */
/* FEED */
/* ****************************************************************************************** */
#area-feed-first{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-feed-first img{width:100%;height:auto;}
#area-feed-first .inset{margin:0 0 15px 0;}

/* ****************************************************************************************** */
/* TALK */
/* ****************************************************************************************** */
#area-talk-top{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-talk-top img{width:100%;height:auto;}
#area-talk-top .inset{margin:0 0 15px 0;}

#area-talk-bottom{overflow:hidden;margin:0 0 0 0;text-align:center;}
#area-talk-bottom img{width:100%;height:auto;}
#area-talk-bottom .inset{margin:0 0 15px 0;}


/* **************************************************************************************************** */
/* TWIZA-VIEW / LISTING */
/* **************************************************************************************************** */
.twiza-listing{}

/* **************************************************************************************************** */

.c-search{
    background: #EAEAEA;
    padding: 15px;
    margin: 25px 0 25px 0;	
}
.c-search .sh a{color:inherit;}

/* **************************************************************************************************** */

.filters{margin:0 0 10px 0;}

.filters form{display:flex;}
.filters .section{margin: 0 0 10px 0;padding: 0 0 0 0;flex-grow:1;}

.filters .title{
	font-weight:bold;
	Text-align:left;
    padding: 10px;
    margin: 0 0 0 0;	
    font-size: 1.5em;	
	background:#EEEEEE;   
	cursor:pointer; 
    background: url(../images/icons/arrow_up.svg) #EEEEEE no-repeat;
    background-size: 20px;
    background-position: 98% center;	
    border: 1px solid #AAAAAA;
}
.filters .title.close{background-image:url(../images/icons/arrow_down.svg);}

.filters .fields{padding:10px 0 10px 0;border: 1px solid #AAAAAA;border-top: 0;background:white;}
.filters .fields.close{display:none;}

.filters .field{min-height:initial;padding:0 10px;margin:0 0 5px 0;}
.filters label{float:none;margin:0;line-height:initial;}
.filters label span{padding-left:5px;}
.filters label :checked+span{font-weight:bold;}

.filters .submit{padding:0 0 0 5px;text-align:center;}

.filters .field.level2{
	border-bottom: 1px dashed #AAAAAA;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    border-top: 1px dashed #AAAAAA;
}
.filters .field.level2:first-child{
	padding-top:0;
	border-top:0;
}

/* **************************************************************************************************** */
/* TWIZA-VIEW / MAP */
/* **************************************************************************************************** */
.map-area {
    min-height: 350px;
    background: url(../images/loader/loader.svg) #EEEEEE center center no-repeat;
    background-size: 64px 64px;
    max-width:1040px;
    margin:0 auto 20px auto;
}

.twiza-map{position:relative;}

.twiza-map .filters{margin:0;border-top:0;}
.twiza-map .filter-content{padding:0;}

.twiza-map #map{
	width:auto;
	height:685px;
        margin:0 0 20px 0;
}
.pros .twiza-map #map{height:685px;}

.twiza-map .information-circle{
	text-align: right;
	color: #888888;
	padding: 5px 0 5px 0;
	font-style: italic;
	background:white;
}

.twiza-map .legend{
	z-index:100;
	background:white;
	bottom:0;
	left:0;
	padding:5px;
	border:1px solid #AAAAAA;	
}
.twiza-map .legend.circle{top:initial;}
	
.twiza-map .legend ul{list-style-type:none;}
.twiza-map .legend ul li{display:inline-block;vertical-align:top;padding:0 5px 0;}
.twiza-map .legend ul li img{
	width: 20px;
    float: left;
    margin-top: 0px;
    margin: 0 5px 0 0;
}
.twiza-map .legend ul li span{line-height:2em;}
/* **************************************************************************************************** */
/* TWIZA-FOLLOW / TWIZA-DIRECTORY / LISTING */
/* **************************************************************************************************** */
.pros{}

.pro{
    margin:0;
    overflow: hidden;
    position: relative;
    background: white;
    padding: 40px 0;
    border-bottom: 1px solid #AAAAAA;
    
}
.pro:last-of-type{border-bottom:0;margin-bottom:0;}

.pros .pro:hover{
    background:#F7F7F7;
}
#map .pro:hover{background:white;}

.pro .details{    
    overflow:hidden;
    padding:0 40px;
}

/* **************************************************************************************************** */

.pro figure{
	width:230px;
        float:left;
        z-index:100;
        margin-right:40px;
        position:relative;
}
.pro figure img{
	width:100%;
	height:auto;
	display:block;
}

/* **************************************************************************************************** */

.pro .infos{
	position:relative;
}

.pro h2{font-size:36px;}

.pro h2 a{
    font-weight:bold;
    color:inherit;
}
.pro h2 a:hover{color:#0088EB;}

.pro .infos h3{font-size:24px;margin:0 0 10px 0;}

.pro .infos .town{font-size:24px;font-weight: lighter;margin:0 0 20px 0;}

.pro .infos .refs{margin:0 0 20px 0;}

.pro .infos .refs a{
    font-size: 18px;
    font-weight: lighter;
    height: auto;
    background: transparent;
    color: #0088EB;
    border: 0;
    position: relative;
    padding-left: 25px;    
}

.pro .infos .refs a:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #0088EB;
    position: absolute;
    top: 16px;
    border-radius: 50%;
    left: 0px;
    background: white;
        font-weight:normal;
}

/* **************************************************************************************************** */

.pro .coords{
    text-align:right;
    display: flex;
    justify-content: flex-end;    
}

.pro .mail,
.pro .cellphone,
.pro .website{display:inline-block;border-left: 1px solid #404040;background: #F7F7F7;}

.pro div:nth-of-type(1){border-left:0;}

.pro .mail > div, 
.pro .cellphone > div,
.pro .website > div{display:none;}

.pro .coords a,
.pro .coords input[type=button],
.pro .coords .button{
    padding: 28px;
    font-size: 18px;
    line-height: initial;
    font-weight: normal;
    background: transparent;
    border: 0;
    color: inherit;
    height:initial;
    background-color:transparent;
    border-radius:0;
    
}
.pro .coords > a,
.pro .coords > input[type=button],
.pro .coords > .button{display: block;}
    
.pro .coords a:hover,
.pro .coords input[type=button]:hover{background:#0088EB;color:white;}
    

/* **************************************************************************************************** */

#map .pro{border:0;margin-bottom:0;padding-bottom:0;padding:20px 0;}
#map .pro figure{display:none;}