.kundenkarte{
	background-image:		url(images/deutschlandkarte.png);
	background-repeat:		no-repeat;
	width:					421px;
	height:					613px;
	overflow:				visible;
	position:				relative;
	margin-left:			auto;
	margin-right:			auto;
}
.kundenkarte a{
	position:				absolute;
	cursor:					pointer;
	padding:				0;
	display:				block;
	overflow:				visible;
	line-height:			0;
	width:					0px;
}

/* override the arrow image of the tooltip */
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:				none;
	background:				transparent url(images/black_arrow.png);
	font-size:				12px;
	height:					142px;
	width:					259px;
	padding:				0px;
	color:					#2e2e2e;
	font-family:			arial, verdana, sans-serif;	
	text-align:				left;
	overflow:				hidden;
}
.tooltip p{
	margin-left:			20px;
	margin-top:				0px;
	width:					210px;
	margin-bottom:			5px;
}
.tooltip img{
	margin-left:			20px;
}
.tooltip h3{
	margin:					0;
	padding:				0;
	margin-left:			20px;
	margin-top:				20px;
	width:					210px;
	font-size:				13px;

}
/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


.tooltip.bottom {
	background:url(images/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(images/black_arrow_bottom.png);
}