#citymap {
    position: absolute;
    top: 80px; /*100px*/
    left: 210px;
    max-height: 423px;
    max-width: 455px;
    padding: 3px;
    overflow: hidden;
    z-index: 1;
    border-style: solid;
    border-color: #777777;
    border-width: 2px;
    }

#mapmenu {
	position: absolute;
	min-height: 100px;
	max-height: 280px;
	width: 300px;
	min-width: 100px;
	max-width: 300px;
	height: 280px;
	overflow: hidden;
	position: absolute;
	top: 90px;
	left: 670px;
	font-size: 12px;
    line-height: 14px;
	z-index: 3;
	text-align: center;
	/*border-style: dotted;
    border-color: #777777;
    border-width: 1px;*/
    }
	
#distances  {
	position: absolute;
	min-height: 100px;
	max-height: 190px;
	width: 300px;
	min-width: 100px;
	max-width: 300px;
	height: 190px;
	overflow: hidden;
	top: 365px;
	left: 670px;
	z-index: 3;
	/*border-style: dotted;
    border-color: #777777;
    border-width: 1px;*/
	padding: 5px;
	}

#howtofind {
	height: 50px;
	max-height: 50px;
	width: 455px;
	max-width: 455px;
	position: absolute;
	top: 515px;
	left: 210px;
	z-index: 3;
	/*border-style: dotted;
    border-color: #777777;
    border-width: 1px;*/
	text-align: center;
	}

#howtofind p {
	padding: 8px;
	margin: 0;
	}
	
#distances  p {
	text-align: center;
	}
	
.howtofind_info {
	position: absolute;
    top: 310px;
    left: 228px;
	width: 415px;
	max-width: 415px;
	height: 185px;
	max-height: 185px;
	border-style: none;
	border-color: #cc0000; /*#bbbbbb*/
    border-width: 2px;
    color: #ffffff;
    background-color: #000000; 
    z-index: 2;
	overflow: auto;
	padding: 2px 0 0 0;
	}

.howtofind_info p {
	padding: 0px 5px 5px 5px;
	}
	
#howtofind_airport {
	display: none;
	}

#howtofind_centralstation {
	display: none;
	}

    
.button, .button_active {
	height: 45px;
	min-height: 40px;
	min-width: 76px;
    padding: 10px; /* wichtig für Darstellung in IE 7*/
 	overflow: visible;
	/*border-style: solid;
	border-width: 1px;
	border-color: #00ff00;*/
	}

	
.button a, .button_active a {
    height: 45px;
	min-height: 40px;
	min-width: 76px;
	width: 100px;
    padding: 20px;
	overflow: visible;
	/*border-style: solid;
	border-width: 1px;
	border-color: #0000ff;*/
}

.button a:hover, .button_active a, .button_active a:hover  {
    background-image: url(/images/button.png);
    background-position: center;
    background-repeat: no-repeat;
}
/* Positionen der Infobuttons auf der Karte der Seite 'Karte'*/

#atm1 {
	position: absolute;
	left: 185px;
	top: 266px;
	}

#atm2 {
	position: absolute;
	left: 220px;
	top: 278px;
	}

#supermarket1 {
	position: absolute;
	left: 98px;
	top: 112px;
	}

#supermarket2 {
	position: absolute;
	left: 269px;
	top: 84px;
	}

#supermarket3 {
	position: absolute;
	left: 228px;
	top: 295px;
	}

#supermarket4 {
	position: absolute;
	left: 245px;
	top: 332px;
	}

#supermarket5 {
	position: absolute;
	left: 182px;
	top: 161px;
	}

#pharmacy1 {
	position: absolute;
	left: 263px;
	top: 66px;
	}

#pharmacy2 {
	position: absolute;
	left: 148px;
	top: 176px;
	}

#pharmacy3 {
	position: absolute;
	left: 161px;
	top: 254px;
	}

#post_office1 {
	position: absolute;
	left: 255px;
	top: 195px;
	}

#drug_store1 {
	position: absolute;
	left: 125px;
	top: 104px;
	}

#drug_store2 {
	position: absolute;
	left: 200px;
	top: 301px;
	}

#bakery1 {
	position: absolute;
	left: 192px;
	top: 285px;
	}

#petrol_station1 {
	position: absolute;
	left: 62px;
	top: 237px;
	}

#german_food1 {
	position: absolute;
	left: 333px;
	top: 280px;
	}

#station1 {
	position: absolute;
	left: 345px;
	top: 167px;
	}

#emergency_hospital1 {
	position: absolute;
	left: 145px;
	top: 349px;
	}
	
#bus1 {
	position: absolute;
	left: 148px;
	bottom: 267px;
	}

#bus2 {
	position: absolute;
	left: 166px;
	top: 170px;
	}

#bus3 {
	position: absolute;
	right: 187px;
	bottom: 320px;
	}

#bus4 {
	position: absolute;
	right: 175px;
	top: 118px;
	}

#bus5 {
	position: absolute;
	left: 20px;
	bottom: 105px;
	}

#bus1 p, #bus2 p, #bus3 p, #bus4 p, #bus5 p {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	text-align: center;
	}
	
#bus1 img,#bus2 img, #bus3 img, #bus4 img, #bus5 img {
	vertical-align: middle;
	}
	
#sternschanze1 {
	position: absolute;
	left: 296px;
	bottom: 274px
	}

#sternschanze2 {
	position: absolute;
	left: 348px;
	bottom: 226px;
	}

#sternschanze1 p, #sternschanze2 p {
	padding: 1px 2px;
	margin: 0;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff ;
	background-color: #cc0000;
	text-align: center;
	}

#airport1 {
	position: absolute;
	right: 6px;
	top: 6px;
	}

#centralstation1 {
	position: absolute;
	right: 6px;
	top: 140px;
	}

#airport1 img, #centralstation1 img {
	border-style: none;
	}
	
/* Positionen der Legendeninfos auf der Seite 'Karte'*/

#atm {
	position: absolute;
    top: 1%;
    left: 10%;
}

#supermarket {
	position: absolute;
    top: 11%;
    right: 1%;
}

#pharmacy {
	position: absolute;
    top: 17%;
    left: 4%;
}

#post_office {
	position: absolute;
    top: 23%;
    left: 32%;
}

#drug_store  {
	position: absolute;
    top: 32%;
    right: 4%;
}

#bakery {
	position: absolute;
    top: 34%;
    left: 1%;
}

#petrol_station {
	position: absolute;
    top: 60%;
    left: 0%;
}

#german_food {
	position: absolute;
    top: 63%;
    right: 1%;
}

#station {
	position: absolute;
    top: 45%;
    left: 19%;
}

#emergency_hospital {
	position: absolute;
    top: 81%;
    left: 16%;
}