@charset "UTF-8";
/* CSS Document */
ul li {
	text-decoration:none;
}
/*
ul li .dotinfo {
	left:-10px;
	background-color:#000000;
	color:#ffffff;
	padding:7px;
	text-align:left;
	border-radius:3px;
	display:inline-block;
	overflow:hidden;
	position:absolute;
	text-decoration:none;
	max-height:20px;
	white-space:nowrap;
	font-size:1em;
}


ul li .dotbox {
	left:0px;
	top:-13px;
	margin:0;
	border:9px solid #000000;
	border-bottom:none;
	border-left-color:transparent;
	border-right-color:transparent;
	display:block;
	position:absolute;
}
*/
.dotinfo {
	left:-10px;
	background-color:#000000;
	color:#ffffff;
	padding:7px;
	text-align:left;
	border-radius:3px;
	display:inline-block;
	overflow:hidden;
	position:absolute;
	text-decoration:none;
	/*max-height:20px;*/
	white-space:nowrap;
	font-size:1em;
}
.dotbox {
	left:0px;
	top:-13px;
	margin:0;
	border:9px solid #000000;
	border-bottom:none;
	border-left-color:transparent;
	border-right-color:transparent;
	display:block;
	position:absolute;
}
.dotinfo ul {
	padding:0;
	margin:0;
}
.dotinfo ul li{
	list-style:none;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}
.dotinfo ul li:hover{
	background-color:#cccccc;
	color:#000000;
	text-decoration:none;
}
.bildinfo {
	background-color:rgba(255,255,255,.7);
	z-index:3;
	position:absolute;
	font-size:.7em;
	width:150px;
	left:0;
}

.dotinfoJSON ul {
	padding:0;
	margin:0;

	
}
.dotinfoJSON ul li{
	list-style:none;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	cursor: default;
	padding: .1em .5em;
}
.dotinfoJSON ul li:hover{
	background-color:#cccccc;
	color:#000000;
	text-decoration:none;
}
.dotinfoJSON {
	left:-20px;
	bottom: 9px;
	background-color:#000000;
	color:#ffffff;
	padding:7px;
	text-align:left;
	border-radius:3px;
	display:inline-block;
	overflow:hidden;
	position:absolute;
	text-decoration:none;
	/*max-height:20px;*/
	white-space:nowrap;
	font-size:1em;
}