div#container {
  width: 730px;
  height: 430px;
  border: 1px solid gray;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden;
}

div#karte {
	position: absolute;
  cursor: move;
}

div.karte0 {
	top: -260px;
	left: -180px;
  width: 910px;
  height: 871px;
  background: transparent url(../img/karten/free_100.jpg) scroll no-repeat top left;
}

div.karte1 {
	top: -100px;
	left: -60px;
  width: 910px;
  height: 650px;
  background: transparent url(../img/karten/umgebung_100.jpg) scroll no-repeat top left;
}

div#legend {
  margin-top: 0px;
  background-color: #CDDDEA;
  border: 1px solid #AFC7DE;
  width: 730px;
  height: 50px;
  color: gray;
  font-family: verdana;
  font-size: 8pt;
}

div#legend td {
  padding: 4px 0px;
}

div#legend img {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}


div#bike {
  background-color: none; 
  z-index:99; 
  position: absolute; 
  width:60px; 
  height:60px; 
  background: transparent url(../img/bikeani.gif) scroll no-repeat right top;
  cursor: pointer;
  right: 0px;
  top: 0px;
}

div#back2card {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 32px;
	height: 32px; 
	background: transparent url(../img/points/back2card.png) scroll no-repeat center center;
	cursor: pointer;
	z-index: 99;
}

div.tooltip_content span.link {
	cursor: pointer;
}

div.tooltip_content span.link:hover {
	text-decoration: underline;
}