/* * /
.leaflet-tile-pane img {border: 1px solid green;}
/* */
/* */


.leaflet-tile {
  filter: inherit;
  filter: gray; /* IE */
  -webkit-filter: grayscale(.7); /* Old WebKit */
  -webkit-filter: grayscale(70%); /* New WebKit */
  filter: url(css/grayscale.svg#desaturate); /* older Firefox */
  filter: sepia(100%) saturate(300%) brightness(90%) hue-rotate(294deg) contrast(140%); /* Current draft standard */
  visibility: hidden;
}
.leaflet-tile-loaded {
	visibility: inherit;
} 

.marker-cluster-small,
.marker-cluster-small div { background-color: rgba(229, 66, 90, 0.4); }

.marker-cluster-medium,
.marker-cluster-medium div{ background-color: rgba(229, 66, 90, 0.7); }

.marker-cluster-large,
.marker-cluster-large div { background-color: rgba(229, 66, 90, 0.9); }
/*
.marker-cluster div {
  color: white;
  font-size: 14px;
}
 */
.leaflet-bar a,
.leaflet-bar a:link,
.leaflet-bar a:active,
.leaflet-bar a:visited,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
}

.wrapper,
.wrapper a,
.leaflet-popup-content-wrapper,
.leaflet-popup-tip,
.leaflet-popup-content {
	background-color: white;
	color: black;
}

.leaflet-popup-content-wrapper  { border-radius: 0; padding: 0; }
.leaflet-popup-content-padding  { padding: 15px; }
.leaflet-popup-content {
	margin: 0;
	line-height: inherit;
}
.leaflet-container a.leaflet-popup-close-button {
	padding: 2px 0 0 0;
	color: gray;
	border: 1px solid gray;
	height: 1.3em;
}
.leaflet-control-container {
	height: 100%;
}
.leaflet-control-layers-expanded {
	min-height:48px;
}
.leaflet-control-layers-overlays input {
	width : auto;
	margin-right: 11px;
}
.leaflet-control-layers-overlays .leaflet-slider {
	width: 60px;
	display: inline-block;
}

.wrapper {
  margin: 0;
  width: 100%;
  font-family: sans-serif;
}
.wrapper h2 {
  font-size: 15px;
}
.wrapper p {
  margin: 0;
}
.tabs,
.tabs li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
}
.tabs {
	border-bottom: 2px solid #888;	
}
.tabs li {
  float: left;
	border-right: 1px solid #888;	
}
.tabs a {
	line-height: 19px;
  display: block;
  text-align: center;
  text-decoration: none;
  /*text-transform: uppercase;*/
  color: #626262;
  padding: 0 5px 0 5px;
  /*border-bottom: 2px solid #888;*/
  background: #ddd;
}
.tabs a:hover,
.tabs a.active {
  background: #f7f7f7;
}
.tabgroup>div {
  padding: 10px 8px 8px 8px;
  /*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);*/
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* *********************************************************************** maps */
.KOmap_container {
	position: absolute;
	/*height: 506px;
	width: 392px;
	top: 0;
	left: 0;
	background-color: #E5E3DF;
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	overflow: hidden;
	visibility: visible;
  color: #000000;
  line-height: normal;
}
.KOmap_container_groot {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #E5E3DF;
	background-image: url(img/maps/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	visibility: visible;
	z-index: 1000;
}

.KOmap_container .map_maximize,
.KOmap_container_groot .map_minimize {
	background-color: #fff;
	border-radius: 4px;
	border: 2px solid rgba(0,0,0,0.3);
	color: #000;
	font-family: Roboto,Arial,sans-serif;
	font-size: 11px;
	font-weight: 500;
	min-width: 26px;
	overflow: hidden;
	padding: .55em;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 42px;
	cursor: pointer;
	z-index: 500;
	height: 34px;
}
.KOmap_container .map_maximize:hover,
.KOmap_container_groot .map_minimize:hover{
	background-color: #ebebeb;
}

.KOmap_pijl {
	position: absolute;
	height: 44px;
	width: 60px;
	background-image: url(img/maps/gmap_pijl.png);
	background-repeat: no-repeat;
	bottom: -38px;
	left: 64px;
	z-index: 300;
}



/* *********************************************************************** maps KO */
div#KOmap_container {
	position: absolute;
	/*visibility: hidden;*/
	background-image: url(img/KO/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 8px #000000;
	-moz-box-shadow: 0px 0px 8px #000000;
	-webkit-box-shadow: 0px 0px 8px #000000;
	z-index: 100;
}
div#KOmap_container,
div#KOmap_container input {
	font-size: 9px;
	font-family: "verdana", arial, sans-serif;
}

div#KOmap_canvas_container  {
	position: absolute;
	width: 100%;
	/*height: 90%;*/
	top: 40px;
	bottom: 0px;
}
div#KOmap_container .KOmap_coordinaten {
	position: absolute;
  top: 0px;
	left: 0px;
	padding: 0px 0px 0px 3px;
}
div#KOmap_container .KOmap_coordinaat {
  width: 100px;
  height: 12px;
  background: none;
  border: none;
  cursor: default;
  text-align: right;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
div#KOmap_container .KOmap_legenda {
	position:absolute;
	top: 26px;
	left: 0px;
	padding: 0px 0px 0px 3px;
	line-height: 13px;
}
div#KOmap_container .KOmap_loc_coord,
div#KOmap_container .KOmap_loc_adres,
div#KOmap_container .KOmap_loc_choice {
	width: 8px;
	height: 8px;
	margin-top: 3px;
	float: left;
}
div#KOmap_container span { display: inline-block; float: left; margin-left: 5px; visibility: visible !important; }
div#KOmap_container .KOmap_loc_coord { background-color: #E60005; margin-left: 0px; }
div#KOmap_container .KOmap_loc_adres { background-color: #FFFF00; }
div#KOmap_container .KOmap_loc_choice{ background-color: #60D804; }

div#KOmap_container .KOmap_close,
div#KOmap_container .KOmap_maximize,
div#KOmap_container .KOmap_minimize{
	position: absolute;
	height: 16px;
	width: 16px;
	top: 5px;
	background-repeat: no-repeat;
	background-position: center;
	right: 5px;
	cursor: pointer;
}
div#KOmap_container .KOmap_close {
	background-image: url(img/KO/close.png);
	right: 5px;
}
div#KOmap_container .KOmap_maximize{
	background-image: url(img/KO/maximize.png);
	right: 25px;
}
div#KOmap_container .KOmap_minimize{
	background-image: url(img/KO/minimize.png);
	right: 25px;
}
div#KOmap_container div#KOmap_toepassen{
	position: absolute;
	right: 50px;
	top: 2px;
	padding: 2px 4px 2px 4px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	text-decoration: none;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #000000;
	box-shadow: 0px 2px 5px #9a9a9a;
	-moz-box-shadow: 0px 2px 5px #9a9a9a;
	-webkit-box-shadow: 0px 2px 5px #9a9a9a;
	cursor: pointer;
}
div#KOmap_container .KOmap_toepassen_off{
	opacity: 0.5;
}
div#KOmap_container .KOmap_toepassen_on{
	opacity: 1;
}
div#KOmap_container .KOmap_toepassen_on:hover{
	background-color: #eaeaea;
}

div.KOXmap {
	position:relative;
	display:inline;
	width: auto;
	top: 304px;
	left: 250px;
	padding: 10px 0px;
	border: 1px solid #adadad;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	color: #000000;
}

/* ********************************************************** maps KO dealer more info */
#dealer_more_info {
  border-top: 1px solid gray;
  width: 100%;
}

#dealer_more_info a.close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid gray;
  border-top: hidden;
  text-align: center;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: gray;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  line-height: 1.4em;
  padding: 0 3px;
}
#dealer_more_info a.close-button:hover {
  color: lightgray;
  cursor: pointer;
}


.more_info_txt {
  padding:15px 0 0 20px;
  float:left;
  width: 36%;
}
@media only screen and (max-width: 989px) {
  #slideshow { width: 95%;}
}
#slideshow { 
  /*margin: 50px auto; */
  position: relative;
  width: 60%;
  height: 300px;
  /* padding: 10px; */
  /* box-shadow: 0 0 20px rgba(0,0,0,0.4); */
  /* border: 1px solid; */
  float: right;
  margin-right: 20px;
}
@media only screen and (max-width: 989px) {
  .more_info_txt {width: 100%;}
  #slideshow { width: 96%; margin-right: 3%; }
}
#slideshow > div { 
  position: absolute; 
  top: 10px; 
  left: 10px; 
  right: 10px; 
  bottom: 10px; 
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }


#slideshow_prev,
#slideshow_next {
  position: absolute;
	display:block;
	padding:10px;
/*	background:#fff; */
	color:#000;
	text-decoration: none;
	width:  40px;
	height: 40px;
	font-size: 0.01em;
	background-image: url(img/nav-LR.png?v2);
	background-size: cover;
	margin: -5px 0 5px 0;
  top: 45.5%;
  z-index: 2;
	
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:    all 0.3s ease-in-out;
  -o-transition:      all 0.3s ease-in-out;
  transition:         all 0.3s ease-in-out;
}

#slideshow_next {background-position: 111% 0; right:-10px;}
#slideshow_prev {background-position: -11% 0; left: -10px;}

#slideshow_next:hover{background-position:  85% 0;}
#slideshow_prev:hover{background-position:  15% 0;}

.kachel_table td {
  padding:0;
  margin: 0;
}
.kachel_table span::after {
  margin: 0 2px;
  background-position: -10% 50%;
}

.kachel_0::after {
  content: url(img/icon-janco.png); 
  opacity:0.2;
}
.kachel_1::after {
  content: url(img/icon-janco.png); 
}
.kachel_2::after {
  content: url(img/icon-janco2.png); 
}