/* map hover show hide */

.map ul{
	margin:0;
	padding:0;
	list-style:none inside;
}
.map li {
	position:absolute; 
	padding:0; 
	margin:0;
}
.map li img{
	opacity:0;
	transition:opacity 1s ease-in-out ;
	-moz-transition:opacity 1s ease-in-out ;
	-webkit-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
}
.map li:hover img{
	opacity:1;
	transition:opacity 0.5s ease-in-out ;
	-moz-transition:opacity 0.5s ease-in-out ;
	-webkit-transition:opacity 0.5s ease-in-out;
	-o-transition:opacity 0.5s ease-in-out;
}


/* infobox hover show hide */

.map li > a {
	position:absolute;
}
.map li:hover > a {
	z-index:25;
}
.map li:hover > div {
	z-index:24;
	visibility:visible;
}


/* styling infoboxes */

.map .infobox {
	position:absolute;
	visibility:hidden;
	margin:0;
	width:388px;
	background:rgba(113,202,244,0.8);
	color:#000; 
	border:3px solid #4787c9;
	border-radius: 16px;
	padding:16px;
	box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
}
.map .infoimage {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height: 250px;
	width:388px;
	box-shadow:0px 0px 3px #333;
	-webkit-box-shadow:0px 0px 3px #333;
	border-radius: 8px;
}
.infobox > h4 {
	margin-top:0px;
	display: inline;
}


/* infobox orientation */
.map .kleinbasel > div {
	left:-410px;
	bottom:-290px;
}
.map .grossbasel > div {
	left:14px;
	bottom:-290px;
}


/* infobox position */

.map #erlenmatt {
	left:1073px; 
	top:323px;
}
.map #bläsiring {
	left:874px; 
	top:425px; 
}
.map #off {
	left:776px; 
	top:395px; 
}
.map #novartis {
	left:547px; 
	top:336px; 
}
.map #wasserstrasse {
	left:507px; 
	top:371px; 
}
.map #vogesen {
	left:293px; 
	top:343px; 
}
.map #voltamatte {
	left:423px; 
	top:310px; 
}