.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

/* er wordt een polygon getekend on hover; geen idee waarom*/
svg.leaflet-zoom-animated g {
	display: none;
}

.marker-cluster-small {
	background-color: rgba(190, 190, 190, 0.6)
}

	.marker-cluster-small div {
		background-color: rgba(90,90,90, 0.6)
	}

.marker-cluster-medium {
	background-color: rgba(190, 190, 190, 0.6)
}

	.marker-cluster-medium div {
		background-color: rgba(90,90,90, 0.6)
	}

.marker-cluster-large {
	background-color: rgba(190, 190, 190, 0.6)
}

	.marker-cluster-large div {
		background-color: rgba(90,90,90, 0.6)
	}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(1, 130, 107);
}

	.leaflet-oldie .marker-cluster-small div {
		background-color: rgb(1, 130, 107);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(1, 130, 107);
}

	.leaflet-oldie .marker-cluster-medium div {
		background-color: rgb(1, 130, 107);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(1, 130, 107);
}

	.leaflet-oldie .marker-cluster-large div {
		background-color: rgb(1, 130, 107);
	}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
}

	.marker-cluster div {
		text-align: center;
		border-radius: 30px;
		margin: 3px 3px;
		font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

.marker-cluster-large {
	border: 2px solid #fff;
	width: 65px !important;
	height: 65px !important;
	border-radius: 50px;
}

	.marker-cluster-large span {
		font-weight: bold !important;
		font-size: 16px !important;
		color: #fff;
		line-height: 55px !important;
	}

.marker-cluster-medium {
	border: 2px solid #fff;
	width: 55px !important;
	height: 55px !important;
	border-radius: 40px;
}

	.marker-cluster-medium span {
		font-weight: bold !important;
		font-size: 16px !important;
		color: #fff;
		line-height: 45px !important;
	}

.marker-cluster-small {
	border: 2px solid #fff;
	width: 47px !important;
	height: 47px !important;
	border-radius: 35px;
}

	.marker-cluster-small span {
		font-weight: bold !important;
		font-size: 16px !important;
		color: #fff;
		line-height: 37px !important;
	}

.marker-cluster span {
	line-height: 30px;
}
