/* Leistungskarte */
/* Leistungskarte */
#obenrechts{
	height:44em;
}

div.content {
	padding:0;
	margin:0;
	position:relative;
	margin-top:2.5em;
	margin-left:12.4em;
/*	-margin-top:0.5em;
/	-margin-left:0;
*/	width:38em;
	height:38em;
}

div.karte {
	padding:0.8em;
	margin:0;
	font-weight:normal;
	position:absolute;
	top:0;
	left:0;
	float:left;
	background-color:#f9f9f9;
	border:1px solid #ddd;
}

div.karte .zeitstempel {
	font-size:75%;
	font-weight:lighter;
	float:right;
	color:#888;
	margin:0;
	padding:0;
	position:absolute;
	top:-2.6em;
	right:0;
}

div.karte ul.karte {
	float:none;
	margin:0;
	list-style:none;
	height:90%;
}

div.karte ul.karte li {
	margin:0;
	display:inline;
	background-color:#fffffa;
	font-size:65%;
	background-color:transparent;
	position:absolute;
	top:0;
}

/* ----------------------- Link auf die Region */
div.karte a.region {
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:inherit;
}

div.karte a.region:hover {
	padding:0;
	margin:0;
	text-decoration:none;
}


/* ---------------------------Leistungs-/Stoerungs-Icons */
img.symbol {
  width: 1.2ex;
  height:1.2ex;
  margin-left:4px;
  margin-right:4px;
  border:none;
  vertical-align:absmiddle;
}

img.symbol[src = '/xml/res/service.gif'] {
    width: 0.9em; 
    height:0.9em;
}

img.symbol[src = '/xml/res/ortschaft.gif'],
img.symbol[src = '/xml/res/im-bau.gif'],
img.symbol[src = '/xml/res/enertrag-self.gif'] {
    width: 1em; 
    height:1em;
}

/* --------------------------------Legende */
div.legende {
	position:absolute;
	padding:0;
	margin:0;
	width:100%;
}

div.legende p {
	font-size:72%;
	font-weight:normal;
	float:none;
	display:block;
	clear:both;
	margin-top:0;
	margin-bottom:1em;
}

div.legende li.label {
	font-weight:bold;
	float:left;
	padding:0;
	margin-left:0;
}

div.legende ul {
	background-color:#fffffa;
	margin:0;
	padding:0;
	float:none;
	clear:left;
}
div.legende ul li {
	font-size:72%;
	padding:0;
	padding-left: 12px;
	display:inline;
	float:left;
	background-repeat:no-repeat;
	background-position:0 50%;
	margin-right:1em;
	white-space:nowrap;
}

div.legende ul li .symbol {
  width: 1em;
  height:1em;
  margin-left:4px;
  margin-right:4px;
  vertical-align: absmiddle;
}