/* für eine Auflösung von 1024 * 768 */
body {
color: black; 
background-color:#ffffff;    
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
overflow:hidden;
}

h1 {
font-size: 1.5em;
margin: 0 0 0.7em; padding: 0.3em;
text-align: center;
background-color: #fed;
border: 2px ridge silver;
}

/******************	Oben	******************/		
#DivTop {
background-image:url(../images/background/header.png);
background-repeat:no-repeat;
position:absolute;
top: 0px;
left: 0px;
width: 1024px;
height: 175px;
margin: 0;
padding: 0;
overflow:hidden;
}
/*****************	Mitte Links	*****************/
#DivLeft
{
background-image: url(../images/background/hintergrund_links_weiss.png); 
background-repeat:no-repeat;	
position:absolute;
top: 175px;
left: 0px;
width: 195px;
height: 593px;
margin: 0;
padding: 0;
overflow:hidden;
}

#btnAdresssuche
{
position:absolute; 
top:43px;
left:34px; 
width:123px; 
height:29px; 
cursor:pointer; 
}

#btnNaturreiseplaner
{
position: absolute; 
top: 122px; 
left: 9px;
width: 161px; 
height: 40px; 
cursor: pointer; 
}					

#btnTourennavigation
{
position: absolute; 
top: 166px;
left: 1px; 
width: 161px; 
height: 29px;
cursor: pointer; 
}


#btnUnterkuenfte
{
position: absolute; 
top: 199px;
left: 9px; 
width: 161px; 
height: 29px;
cursor: pointer; 
visibility:hidden;

}




/**********************		Mitte Mitte		***********************/  
#DivCenter 
{
position:absolute;
top:0px;
left:0px;
width: 544px;
height:593px;
margin: 0;
padding: 0;
overflow:hidden;
}
#Kartenrahmen
{
height:467px; 
width: 467px; 
position: absolute;
overflow:hidden; 
background-color:#FDECD7;
}
#Impressum
{
Position: absolute;
top: 30px;
left: 40px; 	
}

/***********************	Mitte Rechts	***************************/
#DivRight {
position:absolute;
top:175px;
left:483px;
width: 285px;
height:593px;
overflow:hidden;
background-color:#ffffff;
}

#ContainerTournavigation
{
background-image: url('../mapcontrol/images/routing.png'); 
position: fixed; 
left: -7px; 
top: 232px;
width: 200px; 
height: 157px;
display:none;
z-index:400;
}

#PoiAndTour
{
position:absolute; 
top:0px; 
right:0px; 
width:280px; 
height:505px; 
}

#PoiKatContainer
{
position:absolute; 
top:0px; 
right:5px; 
width:280px; 
height:285px; 
display:block;
}

#Tourbeschreibung
{
position:absolute;
right: 5px; 
top: 290px; 
height: 225px; 
width: 280px; 
display:block;
}

#adresssuche
{
position:fixed; 
top: 245px; 
left: 5px; 
height: 412px; 
width: 248px; 
visibility:hidden;
background-image: url('../mapcontrol/images/suchergebnisse.png');
z-index:400;
}


/************************	Unten	**********************/

#DivBottom
{
position:absolute;
left:0px;
width: 1024px;
bottom:0px;
height:80px;
margin: 0;
padding: 0;
overflow:hidden;
}

#bg_search
{
	position:absolute;	
	left:7px;
	top:35px;
	width:187px;
	height:28px;
	background-image:url(../mapcontrol/images/suche.png);
}
#input_search
{
	position:absolute;
	left:5px;
	top:4px;
	width:158px;
	background-color:Transparent;
	border:0px;
}

#search_button
{
	position:absolute;
	left:166px;
	top:4px;
	width:20px;
	height:20px;
	cursor:pointer;
	
}
#btn_oben
{
	position:absolute;
	left:7px;
	top:60px;

}

#button_luftbild
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../mapcontrol/images/button_luftbild.png);
	display:block;
	width:86px;
	height:25px;
	visibility:hidden;
}

#button_luftbild_default
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../mapcontrol/images/button_luftbild_grau.png);
	display:block;
	width:86px;
	height:25px;
	visibility:hidden;
}

#button_karte
{	
	position:absolute;
	left:85px;
	top:0px;
	background-image:url(../mapcontrol/images/button_karte.png);
	display:blocK;
	width:86px;
	height:25px;
}

#btn_unten
{
	position:absolute;
	left:7px;
	top:180px;
}

#button_drucken
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(../mapcontrol/images/button_drucken.png);
	display:blocK;
	width:86px;
	height:25px;
}
#button_dimmen
{
	position:absolute;
	left:85px;
	top:0px;
	background-image:url(../mapcontrol/images/button_dimmen.png);
	display:blocK;
	width:86px;
	height:25px;
}
#button_routing
{
	position:absolute;
	left:0px;
	top:20px;
	background-image:url(../mapcontrol/images/button_routing.png);
	display:blocK;
	width:87px;
	height:29px;
}
#button_no_routing
{
	position:absolute;
	left:0px;
	top:20px;
	background-image:url(../mapcontrol/images/button_no_routing.png);
	display:blocK;
	width:87px;
	height:29px;
}

#button_merkliste
{
	position:absolute;
	left:85px;
	top:20px;
	background-image:url(../mapcontrol/images/button_merkerliste.png);
	display:blocK;
	width:87px;
	height:29px;
}

#button_luftbild:hover
{
	background-image:url(../mapcontrol/images/button_luftbild2.png);
	cursor:pointer;
}
#button_karte:hover
{	
	background-image:url(../mapcontrol/images/button_karte.png);
	cursor:pointer;
}
#button_drucken:hover
{
	background-image:url(../mapcontrol/images/button_drucken2.png);
	cursor:pointer;
}
#button_dimmen:hover
{
	background-image:url(../mapcontrol/images/button_dimmen2.png);
	cursor:pointer;
}
#button_routing:hover
{
	background-image:url(../mapcontrol/images/button_routing2.png);
	cursor:pointer;
}
#button_merkliste:hover
{
	background-image:url(../mapcontrol/images/button_merkerliste2.png);
	cursor:pointer;
}

#reiterPOI_inaktiv:hover
{
	background-image:url(../mapcontrol/images/button_auswahl_POI_hover.png);
	cursor:pointer;
}

#reiterTouren_inaktiv:hover
{
	background-image:url(../mapcontrol/images/button_auswahl_touren_hover.png);
	cursor:pointer;
}

#reiterInfo_inaktiv:hover
{
	background-image:url(../mapcontrol/images/POI_Info_hover.png);
	cursor:pointer;
}

#AuswahlStarten:hover
{
	background-image:url(../mapcontrol/images/button_auswahl-anzeigen_hover.png);
	cursor:pointer;
}

#btnAlleEin:hover
{
	background-image:url(../mapcontrol/images/button_alle_einschalten_hover.png);
	cursor:pointer;
}

#btnAlleAus:hover
{
	background-image:url(../mapcontrol/images/button_alle_ausschalten_hover.png);
	cursor:pointer;
}

#plusButton,#minusButton,#slider
{
	background-image:url(../mapcontrol/images/spacer.gif);
}


#plusButton:hover
{
	background-image:url(../mapcontrol/images/zoom_oben.png);
}


#plusButton
{
	position:absolute;
	top:-2px;
	left:-2px; 
	height:24px;
	width:24px;
	cursor:pointer;
	background-image:"";
	z-index: 400;
}


#minusButton:hover
{
	background-image:url(../mapcontrol/images/zoom_unten.png);
}


#minusButton
{
	position:absolute;
	top:98px;
	left:-2px; 
	height:22px;
	width:22px;
	cursor:pointer;
	background-image:"";
	z-index: 400;
}
	
	
#infoButton
{
	position:fixed;
	cursor:pointer;
	width:50px;
	height:80px;
	left:170px;
	top:183px;
	background-image:url(../mapcontrol/images/i2.png);
	z-index:401;
	}
	
#POIAuswahl
{ 	
	position:fixed;
	width:772px;
	height:587px;
	left:218px;
	top:20px;
	z-index:402;
	display:none;
}

#TourenAuswahl
{ 	
	position:fixed;
	width:772px;
	height:587px;
	left:218px;
	top:20px;
	z-index:403;
	display:none;
}

#POIInfo
{ 	
	position:fixed;
	width:772px;
	height:587px;
	left:218px;
	top:20px;
	z-index:404;
	display:none;
}
	
#container_unten
{
	position:fixed;
	top:227px;
	left:-6px;
	height:450px;
	width:250px;
	overflow:hidden;
	z-index:400;
}

.reiterPOI_aktiv
{
	position:absolute; 
	width:184px; 
	height:24px; 
	left:0px; 
	top:0px;
	background-image: url(../mapcontrol/images/button_auswahl_POI_1.png);
	z-index:400;
}

.reiterPOI_inaktiv
{
	cursor:pointer;
	position:absolute; 
	width:184px; 
	height:24px; 
	left:0px; 
	top:0px;
	background-image: url(../mapcontrol/images/auswahl_POI_0.png);
}

.reiterTouren_aktiv
{
	position:absolute; 
	width:184px; 
	height:24px; 
	left:184px; 
	top:0px;
	background-image: url(../mapcontrol/images/button_auswahl_touren_1.png);
	z-index:400;
}

.reiterTouren_inaktiv
{
	cursor:pointer;
	position:absolute; 
	width:184px; 
	height:24px; 
	left:184px; 
	top:0px;
	background-image: url(../mapcontrol/images/auswahl_Touren_0.png);
}

.reiterInfo_aktiv
{
	position:absolute; 
	width:184px; 
	height:24px; 
	left:368px; 
	top:0px;
	background-image: url(../mapcontrol/images/button_POI_info_1.png);
	z-index:400;
}

.reiterInfo_inaktiv
{
	cursor:pointer;
	position:absolute; 
	width:184px; 
	height:24px; 
	left:368px; 
	top:0px;
	background-image: url(../mapcontrol/images/POI_Info_0.png);
}

#InfoHintergrund
{
	position:absolute; 
	width:772px; 
	height:532px; 
	left:0px; 
	top:20px; 
	background-color:#FDECD6;
}

#InfoClose
{
	cursor:pointer;
	position:absolute; 
	width:22px; 
	height:22px; 
	right:3px; 
	top:0px; 
	background-image: url(../mapcontrol/images/button_schliessen.png);
}

#InfoClose:hover
{
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_schliessen_hover.png);
}

#AuswahlStarten
{
	cursor:pointer;
	position:absolute; 
	width:120px; 
	height:25px; 
	right:25px; 
	bottom:0px; 
	background-image: url(../mapcontrol/images/button_auswahl-anzeigen.png);	
}

#FlaecheInfoRechts
{
	position:absolute; 
	width:277px; 
	height:505px; 
	right:15px; 
	top:10px; 
	background-image: url(../mapcontrol/images/flaeche_info_rechts.png);	
}

#btnAlleEin
{
	position:absolute; 
	width:120px; 
	height:25px; 
	right:25px; 
	bottom:0px;
	background-image: url(../mapcontrol/images/button_alle_einschalten.png);
}


#btnAlleAus
{
	position:absolute; 
	width:120px; 
	height:25px; 
	right:25px; 
	bottom:0px;
	background-image: url(../mapcontrol/images/button_alle_ausschalten.png);
	visibility:hidden;	
}

#btnDruckenImg
{
	position:absolute;
	width:86px; 
	height:25px; 
	right:5px; 
	bottom:3px;
	z-index:406;
	background-image: url(../mapcontrol/images/button_drucken.png);	
}


#btnDruckenImg:hover
{
	background-image: url(../mapcontrol/images/button_drucken2.png);
	cursor:pointer;
}

#butMerliste
{
	position:absolute;
	width:150px; 
	height:50px; 
	left:50px;	 
	bottom:5px;
	background-image: url(../mapcontrol/images/merkliste_triple.png);
}

#butTagebuchErstellen
{
	position:absolute;
	width:70px; 
	height:15px; 
	left:0px;	 
	bottom:6px;
	cursor:pointer;
	
}
#butGPXWaypoints
{
	position:absolute;
	width:66px; 
	height:15px; 
	left:79px;	 
	bottom:6px;
	cursor:pointer;
	
	}

#btnRouteDrucken
{
	position:absolute;
	width:86px; 
	height:25px; 
	left:30px; 
	bottom:4px;
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_drucken.png);
	visibility:hidden;
}

#btnRouteDrucken:hover
{
	background-image: url(../mapcontrol/images/button_drucken2.png);
	cursor:pointer;
}

#btnRouteGPX
{
	position:absolute;
	width:86px; 
	height:25px; 
	right:30px; 
	bottom:4px;
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_GPX.png);
	visibility:hidden;
}

#btnRouteGPX:hover
{
	background-image: url(../mapcontrol/images/button_GPX_hover.png);
	cursor:pointer;
}


#TourMerken
{
	position:absolute;
	width:86px; 
	height:25px; 
	left:9px; 
	bottom:-17px;
	cursor:pointer;
	visibility:hidden;	
	background-image: url(../mapcontrol/images/button_merken.png);
}


#TourMerken:hover
{
	background-image: url(../mapcontrol/images/button_merken_hover.png);
	cursor:pointer;
}


#TourInfoDrucken
{
	position:absolute;
	width:86px; 
	height:25px; 
	right:9px; 
	bottom:-17px;
	cursor:pointer;
	visibility:hidden;
	background-image: url(../mapcontrol/images/button_drucken.png);
}


#TourInfoDrucken:hover
{
	background-image: url(../mapcontrol/images/button_drucken2.png);
	cursor:pointer;
}


.ViewerMenu
{
	position:absolute;
}

.btnMinButton
{
	position:absolute;
	width:22px; 
	height:22px; 
	right:51px; 
	top:2px;
	cursor:pointer;
	z-index:407;
	background-image: url(../mapcontrol/images/button_min.png);
}

.btnMinButton:hover
{
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_min_hover.png);
}

.btnNormalButton
{
	position:absolute;
	width:22px; 
	height:22px; 
	right:25px; 
	top:2px;
	cursor:pointer;
	z-index:407;
	background-image: url(../mapcontrol/images/button_normal.png);
}

.btnNormalButton:hover
{
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_normal_hover.png);
}

.btnViewerClose
{
	cursor:pointer;
	position:absolute; 
	width:22px; 
	height:22px;
	right:0px; 
	top:1px;
	z-index:406; 
	background-image: url(../mapcontrol/images/button_schliessen.png); 
	
}

.btnViewerClose:hover
{
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_schliessen_hover.png);
}

#btnViewerBig
{
	cursor:pointer;
	position:absolute; 
	width:22px; 
	height:22px;
	right:25px; 
	top:1px;
	z-index:406; 
	background-image: url(../mapcontrol/images/button_verbreitern.png); 
	display:block;
}

#btnViewerBig:hover
{
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_verbreitern_hover.png);
}

#btnViewerSmall
{
	cursor:pointer;
	position:absolute; 
	width:22px; 
	height:22px;
	right:25px; 
	top:1px;
	z-index:406; 
	background-image: url(../mapcontrol/images/button_verkleinern.png); 
	display:none;
}

#btnViewerSmall:hover
{
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_verkleinern_hover.png);
}


.areaViewerMove
{
	position:absolute; 
	cursor:pointer; 
	left:0px; 
	top:0px;
	z-index:405; 
}


#btnTourBeschreibungMerken
{
	position:absolute;
	width:86px; 
	height:25px; 
	left:30px; 
	bottom:4px;
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_merken.png);
	visibility:hidden;
}

#btnTourBeschreibungMerken:hover
{
	background-image: url(../mapcontrol/images/button_merken_hover.png);
	cursor:pointer;
}

#btnTourBeschreibungDrucken
{
	position:absolute;
	width:86px; 
	height:25px; 
	right:30px; 
	bottom:4px;
	cursor:pointer;
	background-image: url(../mapcontrol/images/button_drucken.png);
	visibility:hidden;
}

#btnTourBeschreibungDrucken:hover
{
	background-image: url(../mapcontrol/images/button_drucken2.png);
	cursor:pointer;
}

#overlay {
	background-color:#000000;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	z-index:999;
	margin:0;
	width:100%;
}