/* Horizontale und vertikale Zentrierung der Seiteninhalte
   Die Lösung ist deshalb so kompliziert, damit die Zentrierung mit (fast) allen Browsern funktioniert.
   Mit Stylesheets ist es nämlich nicht einfach möglich, Inhalte einer ganzen Seite vertikal zu zentrieren. */

/* Zuerst werden html und body auf 100% Höhe und die Randabstände auf 0 gesetzt. */
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* Weil folgende Eigenschaften für beide Elemente identisch sind, werden diese gemeinsam definiert. */ 
#spacer, #center {
  position: absolute;
  margin: 0px;
  padding: 0px;
}

#spacer {
  /* Sorgt für das Einblenden von Scrollleisten, falls erforderlich. */
  width: 100%; /* Genauso breit, wie der Anzeigebereich */
  height: 100%; /* Genauso hoch, wie der Anzeigebereich */

  /* Hier werden die notwendigen bzw. gewünschten Mindestmaße definiert. */
  min-width: 1003px; /* Breite von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */ 
  min-height: 590px; /* Höhe von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */
}

* html #IEspacer {
  /* Sorgt dafür, dass die Zentrierung im Internet Explorer auch bei deaktiviertem Javascript funktioniert. */ 
  width: 1003px; /* Breite von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */ 
  height: 590px; /* Höhe von #center (Falls gewünscht, mit zusätzlichem Abstand zu den Inhalten.) */
}

#center {
  /* Dies ist der Seiteninhalt, welcher zentriert werden soll. */
  padding: 0px; /* Es sind auch andere Angaben möglich, die dann allerdings bei der Breite und Höhe mit berücksichtigt werden müssen. */

  /* Angaben zu Breite und Höhe, diese können auch in em angegeben werden. */
  width: 1003px; /* Tatsächliche Breite des zu zentrierenden Inhaltes */
  min-height: 590px; /* Tatsächliche Höhe des zu zentrierenden Inhaltes. Bei genau dieser Höhe funktioniert die vertikale Zentrierung. */
  
  /* Hier wird die linke obere Ecke des Seiteninhaltes vertikal und horizontal zentriert. */
  position: absolute;
  left: 50%;
  top: 50%;
  
  /* Durch negative margins wird nun die linke obere Ecke um jeweils die Hälfte der Inhaltsbreite und Inhaltshöhe nach links und oben verschoben. */
  /* Jeweils die Hälfte der tatsächlichen Breite und Höhe des zu zentrierenden Seiteninhaltes */
  margin-left: -501px;
  margin-top: -295px;
}

/* min-height für den Internet Explorer */
* html #center {
  height: 590px; /* Hier das selbe Maß wie oben bei min-height einsetzen. */
}

/* Ende der horizontalen und vertikalen Zentrierung der Seiteninhalte */

html, body {
	background-color: #FCFCF5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #58585A;
}

/* Für HTML-Tabellen werden Schriftformatierungen mit Ausnahme der Farbe nicht von der CSS-Anweisung für "html, body" übernommen. */
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #58585A;
}

/* Färbung der Scrollbars für den Internet Explorer */
html, body, textarea {
	scrollbar-face-color: #F1F1D4; /* Innere Flächen der Scrollbar sowie der "Nach oben"- und "Nach unten"-Schalftflächen */
	scrollbar-arrow-color: #D2CE74; /* Pfeile der "Nach oben"- und "Nach unten"-Schalftflächen */
	scrollbar-highlight-color: #F1F1D4; /* Linke und obere Randlinien der Scrollbar sowie der "Nach oben"- und "Nach unten"-Schalftflächen */
	scrollbar-shadow-color: #F1F1D4; /* Rechte und untere Randlinien der Scrollbar sowie der "Nach oben"- und "Nach unten"-Schalftflächen */
	scrollbar-3dlight-color: #FFFFFF; /* Schatten links und oben */
	scrollbar-darkshadow-color: #FFFFFF; /* Schatten rechts und unten */
	scrollbar-track-color: #FCFCF5; /* Hintergrundfläche der Scrollbar */
}

/* ---------- Absatzabstände ---------- */

p {
	margin-top: 0px;
	margin-bottom: 8px;
}

.absatzabstand0pixel {
	margin-top: 0px;
	margin-bottom: 0px;
}

.absatzabstand50prozent {
	margin-top: 0px;
	margin-bottom: 4px;
}

.absatzabstand100prozent {
	margin-top: 0px;
	margin-bottom: 8px;
}

.absatzabstand150prozent {
	margin-top: 0px;
	margin-bottom: 12px;
}

.absatzabstand200prozent {
	margin-top: 0px;
	margin-bottom: 16px;
}

.absatzabstand300prozent {
	margin-top: 0px;
	margin-bottom: 24px;
}

/* ---------- Allgemeine Schriftformatierungen ---------- */

.fett {
	font-weight: bold;
}

.kursiv {
	font-style: italic;
}

.unterstrichen {
	text-decoration: underline;
}

/* ---------- Headlines ---------- */

h2 {
	font-size: 11px;
	font-weight: bold;
	color: #830628;
	margin-top: 0px;
	margin-bottom: 17px;
}


/* ---------- Standardlinks ---------- */

a:link {
	color: #58585A;
}

a:visited {
	color: #58585A;
}

a:hover {
	color: #58585A;
}

a:active {
	color: #58585A;
}

/* ---------- eMail-Link in der Fusszeile ---------- */

a.emailfuss:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #830628;
	text-decoration: none;
}

a.emailfuss:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #830628;
	text-decoration: none;
}

a.emailfuss:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #830628;
	text-decoration: underline;
}

a.emailfuss:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #830628;
	text-decoration: underline;
}

/* ---------- Struktur ---------- */

#container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1003px;
	height: 590px;
	background-color: #FFFFFF;
}

#kopf {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1003px;
	height: 135px;
	background-image: url(../pics/kopf/hintergrund_kopf.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	background-color: #FCFCF5;
}

#logo {
	position: absolute;
	left: 18px;
	top: 24px;
	width: auto;
	height: auto;
}

#fotos {
	position: absolute;
	left: 197px;
	top: 25px;
	width: auto;
	height: auto;
}

#plan {
	position: absolute;
	left: 0px;
	top: 135px;
	width: auto;
	height: auto;
}

#mainnavioben {
	position: absolute;
	left: 16px;
	top: 11px;
	width: auto;
	height: auto;
}

#planzoombutton {
	position: absolute;
	left: 529px;
	top: 301px;
	width: auto;
	height: auto;
}

#mainnaviunten {
	position: absolute;
	left: 335px;
	top: 344px;
	width: auto;
	height: auto;
}

#subnaviuntendiv {
	position: absolute;
	left: 402px;
	top: 287px;
	width: auto;
	height: auto;
}

#subnaviunteniframe {
	width: 133px;
	height: 57px;
	border: 0px;
}

#menuepunktbezeichner {
	position: absolute;
	left: 281px;
	top: 364px;
	width: auto;
	height: auto;
}

#content {
	position: absolute;
	left: 671px;
	top: 150px;
	width: 308px;
	height: 383px;
	padding: 14px 12px 0px 12px;
	overflow: auto;
}

#fuss {
	position: absolute;
	left: 0px;
	top: 562px;
	width: auto;
	height: auto;
}

#emailimfuss {
	position: absolute;
	left: 901px;
	top: 7px;
	width: auto;
	height: auto;
}

/* Extrawurst für IE Version 7 */
*+html #emailimfuss {
	top: 6px;
}

/* Extrawurst für IE Versionen vor 7 */
* html #emailimfuss {
	top: 6px;
}