@charset "UTF-8";

    body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: auto; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #CCCCCC;
	margin-top: 10px;
	background-image: url(../bilder/elemente/muster_adeni_01.png);
	background-color: #99CCCC;
    }
    #container {
	width: 1024px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	height: 768px;
	background-color: #FFF9AF;
    }
#container2 {
	width: 1024px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	height: 768px;
	background-color: #FFF9AF;
}
#container_makro {
	width: 1024px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	height: 768px;
	border: 1px solid #eeeeee;
	background-image: url(../bilder/elemente/hg/golf_map_real.jpg);
}
#container_mikro {
	width: 1024px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	height: 768px;
	border: 1px solid #eeeeee;
	background-image: url(../bilder/elemente/hg/hg_capecoral_map_real.jpg);
	background-color: #fefcf4;
}
    #header {
	padding: 0 10px 0 10px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	position: absolute;
	width: 1004px;
	height: 116px;
    }
    #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
#mainContentIndex {
	width: 1024px;
	float: right;
	position: absolute;
	padding: 30px 0 40px 0;
	margin-top: 200px;
	height: auto;
	font-size: 11px;
	text-align: center;
	background-image: url(../bilder/elemente/1px_whitetrans.png);
}
    #mainContent {
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	width: 1024px;
	float: right;
	position: absolute;
	padding: 15px 0;
	margin-top: 130px;
	text-align: center;
	top: 10px;
    }
#mainContent2 {
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	width: 925px;
	float: right;
	position: absolute;
	padding: 30px 30px 0 70px;
	margin-top: 130px;
	height: 609px;
	font-size: 11px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#mainContent_tour {
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	width: 1024px;
	float: right;
	position: absolute;
	margin-top: 130px;
	height: 558px;
	padding: 80px 0 0 0;
}
#nav_touren {
	padding: 0 20px 0 10px;
	width: 993px;
	height: 20px;
	position: absolute;
	top: 96px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}
    #footer {
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	position: absolute;
	padding: 25px 20px 0px 20px;
	height: 145px;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	width: 984px;
	margin-top: 600px;
	top: 10px;
    }
    #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
#logo {
	padding: 15px 0 0 0;
}
#nav {
	padding: 0 20px 0 10px;
	width: 993px;
	height: 20px;
	float: right;
	position: absolute;
	top: 96px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}
#container_2 {
	width: 1024px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	height: 768px;
	background-color: #3366CC;
	background-image: url(../bilder/golfkarte.jpg);
}
#textfeld {
	padding: 2px 5px 2px 5px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	position: absolute;
	top: 155px;
	font-size: small;
	width: 260px;
	height: auto;
	margin-left: 679px;
}
#textfeld_mikro {
	padding: 2px 5px 2px 5px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	position: absolute;
	top: 127px;
	font-size: small;
	width: 262px;
	height: auto;
	margin-left: 679px;
}
#textfeld_makro {
	padding: 2px 5px 2px 5px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	position: absolute;
	top: 127px;
	font-size: small;
	width: 262px;
	height: auto;
	margin-left: 679px;
}
#textfeld_kurz {
	padding: 2px 5px 2px 5px;
	position: absolute;
	font-size: small;
	width: 225px;
	height: auto;
	left: 733px;
	top: 143px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{
	width: 113px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#linkfeld {
	padding: 5px 5px 5px 5px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(../bilder/elemente/1px_whitetrans.png);
	position: absolute;
	top: 379px;
	font-size: small;
	width: auto;
	height: auto;
	left: -653px;
}
#wettermodul {
	background-color: #FFF9AF;
	left: 735px;
	top: -9px;
	position: absolute;
	height: 140px;
	width: 230px;
}
a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}
a:active {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}

.Stil1 {font-size: 14px}
.Stil7 {font-size: 14px; color: #333333; }
.Stil5 {font-size: 12px}
#container_touren {
	width: 1024px;
	margin: auto;
	text-align: left;
	background-repeat: no-repeat;
	height: 768px;
	background-color: #FFF9AF;
}
#lilie {
	padding: 15px 20px 20px 0;
	width: 1005px;
	position: absolute;
	top: 560px;
	margin: auto;
	text-align: right;
	height: 173px;
}