@import url("http://ecn.dev.virtualearth.net/mapcontrol/v6.3/css/bin/6.3.20091207154938.04/de/mapcontrol.css") all;

/* start - neue map styles für virtual earth | swe, 20.08.07 */
.mobs_hoteldetail_content_maps .map-2col {
	width: 100%;
}

.mobs_hoteldetail_content_maps #TravelMap {
	border-right: #dcddd3 2px solid;
	border-top: #dcddd3 2px solid;
	vertical-align: top;
	border-left: #dcddd3 2px solid;
	border-bottom: #dcddd3 2px solid;
	position: relative;
	background-color: #f8f9ef;
}

.mobs_hoteldetail_content_maps .travel_map {
	background-image: url(/images/symb_waitwheel_52px.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.mobs_hoteldetail_content_maps .travel_map_without_waitwheel {
	background-image: none;
}

.mobs_hoteldetail_content_maps td.legend-close,
.mobs_hoteldetail_content_maps td.legend-open {
	background-color: #f8f9ef;
	width: 10px;
	border-right: 1px solid #dcddd3;
	border-top: 1px solid #dcddd3;
	border-bottom: 1px solid #dcddd3;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.mobs_hoteldetail_content_maps td.legend-open {
	background-image: url(/images/symb_map_legend-open.gif);
}

.mobs_hoteldetail_content_maps td.legend-close{
	background-image: url(/images/symb_map_legend-close.gif);
}

.mobs_hoteldetail_content_maps td.legend {
	width:145px;
	vertical-align: top;
	padding: 0px 5px 5px 5px;
}

.mobs_hoteldetail_content_maps .legend h4 {
	padding: 2px 0px 2px 0px;
	margin-top: 2px;
	border-bottom: 1px dashed #bdbeb5;
}

.mobs_hoteldetail_content_maps td.legend .separator {
	padding-top: 1px;
	clear:both;
	border-bottom: 1px dashed #dcddd3;
	background-image: none;
	font-size:1px;
	height: 1px;
}

.mobs_hoteldetail_content_maps td.legend .layer {
	padding: 2px 0px 0px 0px; 
}

.mobs_hoteldetail_content_maps td.legend .input {
	float: left;
}

.mobs_hoteldetail_content_maps td.legend .input input {
	cursor: pointer;
}

.mobs_hoteldetail_content_maps td.legend .input input.off {
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .star {
	cursor:pointer; 
	display: block;
	float: left;
	width: 120px;
	background-repeat:no-repeat;
	background-position: 0px 2px;
	padding: 3px 0px 3px 0px;
}

.mobs_hoteldetail_content_maps td.legend .five {
	background-image:url(/images/mobs_symb_star5.gif);
}

.mobs_hoteldetail_content_maps td.legend .five_off {
	background-image:url(/images/mobs_symb_star5_off.gif);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .four {
	background-image:url(/images/mobs_symb_star4.gif);
}

.mobs_hoteldetail_content_maps td.legend .four_off {
	background-image:url(/images/mobs_symb_star4_off.gif);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .three {
	background-image:url(/images/mobs_symb_star3.gif);
}

.mobs_hoteldetail_content_maps td.legend .three_off {
	background-image:url(/images/mobs_symb_star3_off.gif);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .two {
	background-image:url(/images/mobs_symb_star2.gif);
}

.mobs_hoteldetail_content_maps td.legend .two_off{
	background-image:url(/images/mobs_symb_star2_off.gif);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .one {
	background-image:url(/images/mobs_symb_star1.gif);
}

.mobs_hoteldetail_content_maps td.legend .one_off {
	background-image:url(/images/mobs_symb_star1_off.gif);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .symb {
	cursor:pointer; 
	display: block;
	float: left;
	width: 100px;
	padding: 3px 0px 3px 24px;
	background-repeat:no-repeat;
	background-position: top left;
}

.mobs_hoteldetail_content_maps td.legend .hotel {
	background-image:url(/images/symb_map_house-blue.png);
}

.mobs_hoteldetail_content_maps td.legend .hotel-outofrange {
	background-image:url(/images/symb_map_house-grey.png);
}

.mobs_hoteldetail_content_maps td.legend .hotel-outofrange_off {
	background-image:url(/images/symb_map_house-blue_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .sightseeing {
	background-image:url(/images/symb_map_camera.png);
}

.mobs_hoteldetail_content_maps td.legend .sightseeing_off {
	background-image:url(/images/symb_map_camera_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .trainstation {
	background-image:url(/images/symb_map_train.png);
}


.mobs_hoteldetail_content_maps td.legend .trainstation_off {
	background-image:url(/images/symb_map_train_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .airport {
	background-image:url(/images/symb_map_airplane.png);
}

.mobs_hoteldetail_content_maps td.legend .airport_off {
	background-image:url(/images/symb_map_airplane_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .mess {
	background-image:url(/images/symb_map_suitcase.png);
}

.mobs_hoteldetail_content_maps td.legend .mess_off {
	background-image:url(/images/symb_map_suitcase_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .tf-restaurant {
	background-image:url(/images/symb_map_tf-cutlery.png);
}

.mobs_hoteldetail_content_maps td.legend .tf-restaurant_off {
	background-image:url(/images/symb_map_tf-cutlery_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .tf-nightlife {
	background-image:url(/images/symb_map_tf-glass+sound.png);
}

.mobs_hoteldetail_content_maps td.legend .tf-nightlife_off {
	background-image:url(/images/symb_map_tf-glass+sound_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .tf-sightseeing {
	background-image:url(/images/symb_map_tf-camera.png);
}

.mobs_hoteldetail_content_maps td.legend .tf-sightseeing_off {
	background-image:url(/images/symb_map_tf-camera_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .tf-shopping {
	background-image:url(/images/symb_map_tf-cart.png);
}

.mobs_hoteldetail_content_maps td.legend .tf-shopping_off {
	background-image:url(/images/symb_map_tf-cart_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .tf-sport {
	background-image:url(/images/symb_map_tf-ballgame.png);
}

.mobs_hoteldetail_content_maps td.legend .tf-sport_off {
	background-image:url(/images/symb_map_tf-ballgame_off.png);
	color: #bdbeb5;
	cursor: default;
}

.mobs_hoteldetail_content_maps td.legend .tf-generel {
	background-image:url(/images/symb_map_tf-star.png);
}

.mobs_hoteldetail_content_maps td.legend .tf-generel_off {
	background-image:url(/images/symb_map_tf-star_off.png);
}

.map_tooltip {						/*ok*/
	padding: 0px;
	z-index: 1000;
}

.map_tooltip table td {				/*tag spaeter loeschen*/
}

.map_tooltip .thumb {
	background-repeat: no-repeat;
	background-position: center center;
	border:1px solid #DEDEDE !important;
	margin:0px 5px 0px 0px;
	padding:4px;
	vertical-align:middle;
}

.map_tooltip .links {
	clear: both;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: left;
}

.map_tooltip .links .link_ul {
	margin:0px;
	padding:0px;	
}

.map_tooltip .links .link_ul .city {
	list-style:none;
}

.map_tooltip .links .link_ul .world {
	list-style:none;
}

.map_tooltip .thumb img {			/*tag spaeter loeschen*/
	display: block;
}

.map_tooltip .price {
	background-color: #FFEDAE;
	width: 75px;
	color: #009933;
	text-align: right;
	vertical-align: top;
	background-image: url(/images/box_Xtra_lu.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 70px;
	float:right;
}

.map_tooltip .price .label {
	padding: 0px 5px 5px 0px;
}

.map_tooltip .hotel {
	float:left;
}

.map_tooltip .misc {
	padding: 5px 0px 5px 5px;
}

.map_tooltip .hotel h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	margin: 0px;
	padding: 5px 0px 0px 5px;
	color: #444444;
}

.map_tooltip .misc h1 {
	color:#36332F;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	margin:0px;
	padding:0px;
}

.map_tooltip .misc .separator5 {
	clear:none;
	height:5px;
	line-height:1px;
}


.map_tooltip .hotel .stars {
	padding: 2px 0px 0px 5px;
}

.map_tooltip .hotel .stars img{
	margin: 0px 1px 0px 0px;
	display: block;
	float: left;
}

.map_tooltip .price h1 {
	color: #009933;
	font-size: 14px;
	margin: 0px;
	padding: 5px 5px 0px 0px;
}

.map_tooltip .descr {
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	clear: both;
}

.map_tooltip h1.title {
	 border-bottom: 1px dashed #bdbeb5;
	 padding: 0px 0px 2px 0px;
}

.map_tooltip td.image {
	 vertical-align:top;
	 width: 91px
}

.map_tooltip div.hotel_price {
	margin-top: 5px;
	padding: 5px;
	background-color:#e0f0fd;
}

.map_tooltip td.hotel_price_text {
	height: 25px;
	vertical-align: middle;
}

.map_tooltip td.hotel_price_value {
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	font-size:16px;
	font-weight:bold;
	line-height: 16px;
	text-align:right;
}

.map_tooltip div.choose {
	padding-top: 5px;
	text-align: right;
}

/* ende - neue map styles für virtual earth */

/* start - neue tooltip styles für virtual earth */

.customInfoBox-noBeak,
.customInfoBox-with-rightBeak,
.customInfoBox-with-leftBeak {
	border:0 solid black;
	color:#646461;
	display:block;
	font-size:1.2em;
	position:absolute;
	z-index:500 !important;
	background:transparent;
 }

.customInfoBox-with-rightBeak {
	padding:0 10px 0 0;
}

.customInfoBox-with-leftBeak {
	padding:0 0 0 10px;
}

.customInfoBox-noBeak {
	padding:0 4px;
}
	  
.customInfoBox-body {			/*swe - Tooltipp Fenster */
	border:1px solid #000000 !important;
	left:-2px;
	overflow:hidden;
	position:relative;
	top:-2px;
	width:300px;    			/*swe - Breite des Fensters */
	background:#fff;
	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;
}

.customInfoBox-shadow {			/*swe - Schatten (Transparenz nicht moeglich) */
	float:left;
	position:relative;
	background:#ebebeb !important;			/*swe - Schattenfarbe */
	-moz-border-radius-bottomleft:0.3em;
	-moz-border-radius-bottomright:0.3em;
	-moz-border-radius-topleft:0.3em;
	-moz-border-radius-topright:0.3em;
}

.customInfoBox-previewArea {
	width:100%;
	background:#fff;			/*swe - nutzbarer Bereich innerhalb des Tooltipps */
}

.customInfoBox-previewArea p {
	font-size:1.1em;
	margin:0;
	padding:0 0px 0px 0;
	background-color:#009900;
}

.customInfoBox-previewArea div.firstChild {
	margin:0px;						/*swe *DEBUG* von 12px auf 0px gestellt */
	overflow:hidden;
}

.customInfoBox-previewArea .title {
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 8px
}

.customInfoBox-previewArea .ero-previewArea-image
{
	display:block;
	float:left;
	height:80px;
	padding:3px 10px 5px 0;
	position:relative;
	width:80px;
}

.customInfoBox-actionsBackground {
	margin:4px;
	background:#111;
}

.customInfoBox-beak,.customInfoBox-progressAnimation {
	visibility:visible;
}

.customInfoBox-actions {
	padding:4px 8px 0;
}

* html .customInfoBox-actions {
	padding-top:8px;
}

.customInfoBox-actions ul {
	list-style-image:none;
	margin:0;
	padding:0;
	list-style:none outside none;
}

.customInfoBox-actions ul a,.customInfoBox-actions ul a:link,
.customInfoBox-actions ul a:visited {
	color:#0088E4;
	text-decoration:none;
}

.customInfoBox-actions ul a:hover {
	text-decoration:underline;
}

.customInfoBox-actions ul li {
	margin-bottom:4px;
}

.customInfoBox-paddingHack {
	font-size:8px;
	height:8px;
	width:1px;
	background-color: #00FF99;
}

.customInfoBox-beak {
	height:34px;
	position:absolute;
	top:10px;
	width:19px;
}

.customInfoBox-with-leftBeak .customInfoBox-beak {
	background:transparent url(http://maps.live.com/i/bin/1.3.20070327220207.22/ero/beakLeft.gif) no-repeat scroll 0;
	left:0;
}

.customInfoBox-with-rightBeak .customInfoBox-beak {
	background:transparent url(http://maps.live.com/i/bin/1.3.20070327220207.22/ero/beakRight.gif) no-repeat scroll 0;
	right:4px;
}

.customInfoBox-noBeak .customInfoBox-beak {
	display:none;
}

.customInfoBox-progressAnimation {
	font-size:0;
	height:3px;
	overflow:hidden;
	position:absolute;
	width:13px;
	z-index:500;
}

.customInfoBox-progressAnimation div {
	font-size:0;
	height:100%;
	position:absolute;
	width:3px;
	background:#54CE43;
}

.customInfoBox-progressAnimation div.frame0 {left:-3px}
.customInfoBox-progressAnimation div.frame1 {left:0}
.customInfoBox-progressAnimation div.frame2 {left:5px}
.customInfoBox-progressAnimation div.frame3 {left:10px}

.customInfoBox-with-leftBeak{
	z-index:1000;
}

.txt {
	text-align: left;
}

.MapLoadingSpace{
	width:495px;
	height:495px;
}

.MapLoading {
	position:relative;
	top:231px;
	left:231px;
	height: 32px;
	width:32px;
	text-align: center;
	background: url(../Images/loading.gif) center no-repeat;
}


/* ende - neue tooltip styles für virtual earth */
