* {
		padding:			0;
		border:			none;
		margin:			0;
		background-color:	transparent;
		z-index:			0;
}

body {
		background-color:	#1d110a;				/*sehr dunkles braun, Ausgleich opt. Täuschung zu Storchenflügeln */
		color:			#494949;				/* schriftgrau */
		font-family:		Arial, Verdana, "Nimbus Sans L", Garuda, sans-serif;		/* letzten beiden für Linux*/
		font-size:			13px;							/* FONT-SIZE*/
}

img[alt] {
		font-style:			italic;
		color:			#2d88c7;				/* blau des picture-Logos in Safari */
}

#antiflacker {									/* sandfarbener Hintergrund muß oben in body stehen sonst blitzt dunkler body-Hinter-*/
											/* grund beim Laden/Refresh auf */
		position:			absolute;
		bottom:			0;
		right:				70%;					/* selbe Daten wie #Basisbox; Extrabox erforderlich, weil IE6 unfähig, */
		width:			12em;				/* 100%-Höhenangabe in Bezug auf body zu verstehen. */
		min-width:			154px;
		height:			80em;
}

#Hintergrund {
		position:			absolute;
		bottom:			0;
		left:				0;					
		width:			54em;				/* analog Kopfzeile */
		min-width:			700px;				/* dto.  */		
		height:			100%;
		background-color:      #f6d09d;				/* sand */
}

#Basisbox {
		z-index:			150;
		position:			absolute;
		width:			12em;				/* =Breite der Navigationsspalte + Rand */
		min-width:			154px;				/* >22% von 700px: Buttons */
		height:			100%;
		top:				0;
		right:				70%;					/* stabile Position des rechten Randes der Navigationsspalte */
											/* etwa mittig bei 1024er Browserfenster */
}

#Rand_links, #Rand_linksLang {					/* typ. Fall für class... funktioniert aber nicht !!?	 */		
		position:			absolute;
		top:				0;
		left:				-33px;
		width:			33px;
		height:			100%;
		background-color:	#372117;			/* flügelbraun */
}

#Rand_rechts, #Rand_rechtsLang {								
		position:			absolute;
		top:				0;
		left:				0;
		margin-left:		100%;
		width:			35px;
		height:			100%;
		background-color:	#372117;			/* flügelbraun */
}

#Kopfzeile {
		z-index:			290;
		position:			absolute;
		top:				0;
		left:				0;
		width:			54em;
		min-width:			700px;		
		height:			120px;
		background:		url(../rahmen-bilder/verlauf5x120.jpg) top left repeat-x;
}

#Bogen_links {
		z-index:			350;
		position:			absolute;
		top:				0;
		left:				-37px;
		width:			55px;				/* Bogen links noch 4px Hintergrund, damit bei Pixelfehlern */ 
		height:			120px;				/* keine senkrechte Linie sichtbar */
		background:		url(../rahmen-bilder/bogen_links55x120.gif) top left no-repeat;
}

#Bogen_rechts {
		z-index:			350;
		position:			absolute;
		top:				0;
		right:				-37px;				/* richtig -39px; 1px Versatz für Darstellungsfehler in IE5.5 und IE6 */
		width:			57px;				/* s.o. */
		height:			180px;
		background:		url(../rahmen-bilder/bogen_rechts57x120.gif) top right no-repeat;
}

html > body #Bogen_rechts {						/* schließt IE<=6 und Netscape4 aus */
		right:				-39px;				/* richtiger Wert für w3c-konforme Browser */
}

#Landschaft {
		position:			absolute;
		width:			54em;
		min-width:			700px;
		height:			100%;
		top:				0;
		left:				0;
		background:		url(../rahmen-bilder/kopflandschaft.jpg) top left no-repeat;		
}

#Logo {
		position:			absolute;
		top:				6px;
		left:				0;
		width:			178px;
		height:			72px;
}
		
#Buttons {			
		position:			relative;
		z-index:			300;	
		top:				80px;
		left:				0;
		margin-left:		auto;
		margin-right:		auto;
		width:			700px;
}

#Buttons table {
		width:			100%;
		padding:			0;
		margin:			0;
		border-collapse:		collapse;
}

#Buttons a {
		font-size:			0.5em;
		color:			#372117;			/* flügelbraun */
}

.hervor {
		top:				85px;
		/*background:		url(../rahmen-bilder/button-hervor.gif) top left no-repeat;*/
}

#Buttons img:hover {
		background:		url(../rahmen-bilder/button-hover.gif) top left no-repeat;
}

#Inhaltsbreite {
		z-index:			200;
		position:			absolute;
		top:				0.5em;
		left:				14em;
		margin-top:		117px;
		width:			38.8em;
}

#Inhalt {
		z-index:			300;
		position:			relative;
		top:				0;
		left:				0;
		text-align:			justify;
		width:			100%;
}

#IE6brauchtabsolute {
		position:			absolute;
		top:				0;
		left:				0;
		width:			100%;
}

#min_height {							/* Mindestabstand der Fußzeile bei kleinen Bildschirmen/Fenstern oder ohne JavaScript;
										wichtig bei Inhaltslänge < Mindestabstand (Fußzeile hängt i.d.R. am unteren Inhaltsrand) */
		min-height:		51.5em;
		height:			auto	!important;	/* minheight-Konstrukt für IE < 7 */
		height:			51.5em;
		padding-bottom:	2.5em;
}

.Boxbezug {
		position:			relative;
		top:				0;
		left:				0;
}

h1 {
		font-size:			1.25em;
		line-height:		1.4em;
		margin-top:		0.5em;
		text-align:			left;
		line-height:		1.2em;		/* hinzu für mehrzeilige Überschriften (17.12.2008) */
}		

h2 {
		font-size:			1.1em;
		margin-top:		0.5em;
		margin-bottom:		0.25em;
		text-align:			left;
		line-height:		1.2em;		/* hinzu für mehrzeilige Überschriften (17.12.2008) */
}

h3 {
		font-size:			1em;
		font-weight:		bold;
}		

h4 {
		font-size:			0.8em;
		font-weight:		bold;
}

.von_rechts {
		margin-top:		-0.1em;
		text-align:			right;
}
/* Schriftgrößen */

.Schrift80 {
		font-size:			0.8em;
}

.Schrift110 {
		font-size:			1.1em;
}

.Schrift120 {
		font-size:			1.2em;
}

.Anmerkung {
		font-size:			0.85em;
}

.neuerAbsatz {
		margin-top:		0.5em;
}

.Listentitel {
		margin-bottom:		-0.4em;
}

.fett {
		font-weight:		bold;
}

.kursiv {
		font-style:			italic;
}
	
.eingerueckt {
		text-indent:		1em;
}

/* Verweise */
a {
		text-decoration:		none;
		color:			#853c1b;			/* orange-braun */
}

a:visited {
		color:			#9c6648;			/* hellbraun */
		text-decoration:		none;
}

a:hover {
		color:			#f1f1f1;			/* fastweiß */
		text-shadow:		#f1f1f1 0 0 0.2em;
}

#Inhalt a {
		color:			#556f8d;			/* dunkles blau vom Bergkamm über Zuheros */
}

#Inhalt a:visited {
		color:			#717e88;			/* ca. 40% in einem Farbverlauf von beige (#bdb9a4 aus Kompasslinien, links oben/Sitemap)
											nach blau/sand-invertiert */
		text-decoration:		none;
}

#Inhalt a:hover {
		color:			#125989;			/* blau links unten im Sherryglas-Bild */
		text-shadow:		none;
}

#Inhalt .Anker, #Inhalt .Anker:visited, #Inhalt .Anker:hover {
		color:			#494949;			/* schriftgrau */
		text-shadow:		none;
}

.active {
		border:			1px solid;
		border-top-color:	#ffe4c2;			/* sand, aufgehellt */
		border-right-color:	#e6be8a;			/* sand, abgedunkelt */
		border-bottom-color:	#e6be8a;
		border-left-style:	none;
		padding-right:		2px;
		background:		url(../rahmen-bilder/raster-hell.gif) top left repeat;
}

a.active {
		color:			#853c1b;			/* orange-braun */
}

a.active:hover {
		color:			#f1f1f1;			/* fastweiß */
		text-shadow:		#f1f1f1 0 0 0.2em;
}

.extra {
		padding:			0.1em 0.25em 0.1em 0.25em;
		background:		url(../rahmen-bilder/raster-hell.gif) top left repeat;
}

.js_link:hover {
		cursor:			pointer;
}		

.rechts {
		text-align:			right;
		padding-top:		0.5em;
		padding-bottom:	0.5em;
}

.rechts_eng {
		text-align:			right;
		margin-top:		-0.2em;
		padding-right:		0.5em;
		padding-bottom:	0.5em;
}

.Untertitel {
		margin-top:		0;
}

.Abstand_ff {
		margin-bottom:		1.2em;
}

.Schaltflaeche {
		float:				right;
		margin-top:		0.5em;
		margin-bottom:		0.5em;
		border-collapse:		collapse;
		font-style:			italic;
}

.nichtumfliessen {
		clear:				both;		
}

.Strich_unten, .Strich_oben {
		height:			6px;
		background:		url(../rahmen-bilder/trennstrich.gif) 50% 50% no-repeat;
}

.Strich_unten {
		height:			9px;
}

.TextTrennung {
		margin-left:		12.5em;
}

.Bild_links,  .Bild_rechts {
		margin-top:		0.5em;
		margin-bottom:		0.5em;
		line-height:		0;
}

.Bild_links {
		float:				left;
		margin-right:		1.2em;
}

.Bild_rechts {
		float:				right;
		margin-left:		1.2em;
}

.Bild_Zeile {
		position:			relative;
		margin-top:		0.5em;
		margin-left:		0.75em;
		margin-bottom:		1.2em;
		line-height:		0;
}

.Bild_inline {
		position:			relative;
		top:				0;
		left:				0;
		width:			100%;
		margin-top:		1em;
		margin-bottom:		3em;
}

.inlineBild {
		position:			absolute;
		top:				0;
}

.Inhaltsbild {
		position:			relative;			/* als Bezug für absolut positionierten Schatten */
		top:				0;
		left:				0;
		/*width:			Angabe im HTML-Dokument per php-Funktion analog Bildgröße erforderlich,
		/*height:			da diverse Browser leider unfähig, die Größe der umgebenden Box zu erkennen */
		line-height:		0;
}

.Schttn {
		position:			absolute;
		font-size:			1px;
		bottom:			-6px;
		right:				-6px;
		width:			60%;
		height:			90%;
		background:		url(../rahmen-bilder/schatten.gif) right bottom no-repeat;
}

.oSchttn {
		position:			absolute;
		top:				0;
		right:				-6px;
		width:			6px;
		height:			60%;
		background:		url(../rahmen-bilder/schatten.gif) right top no-repeat;
}

.uSchttn {
		position:			absolute;
		bottom:			-6px;
		left:				0;
		width:			60%;
		height:			6px;
		font-size:			0.1em;		/* für IE5.5 und IE6, nehmen sonst Mindesthöhe größer 6px an*/
		background:		url(../rahmen-bilder/schatten.gif) left bottom no-repeat;
}

.gruen {
		color:			#517c2d;
		font-weight:		bold;
}

.gelb {
		color:			#e37037;
		font-weight:		bold;
}

.rot {
		color:			#bd2938;
		font-weight:		bold;
}

.blau {
		color:			#203e98;		/* hinzu am 28. Mai 2008 */
		font-weight:		bold;
}

ol, ul {
		list-style-position:	outside;
		margin:			0.5em 0 0.5em 2em;
		font-weight:		bold;
		
}

ol {
		list-style-type:		upper-roman;		
}

ul {	
		list-style-image:		url(../rahmen-bilder/bullet.gif);
}

dl {
		line-height:		1.25em;
}

.ohneBullet {
		list-style-type:		none;
		list-style-image:		none;
		margin-top:		0.2em;
}

.square {
		list-style-type:		square;
		list-style-image:		none;
}

.Ringe {
		list-style-image:		url(../rahmen-bilder/ringe.gif);
}

.Pfeil {
		cursor:			default;
}

.Zahlengruppe {
		padding-left:		0.25em;
}

#ktip {
		margin-top:		0.75em;
		margin-left:		1em;
		text-align:			left;
}

#ktip h2 {
		margin-top:		0;
		line-height:		1.2em;
}

#ktip li {
		margin-bottom:		1em;
}

.Listentext {
		font-weight:		normal;
}

.liAbstand {
		margin-bottom:		0.5em;
}

.Text_links {
		text-align:			left;
}

.sichtbar {
		visibility:			visible;
}

.unsichtbar {
		display:			none;
}

.kleiner_Wortabstand {
		word-spacing:		-0.2em;
}

.simpletabelle {
		margin-top:		1.5em;
		vertical-align:		top;
		padding-bottom:	0.75em;
		border-collapse:		collapse;
}

.simpletabelle th {
		text-align:			left;
		vertical-align:		top;
		padding-right:		0.75em;
}

.mehrLaufweite {
		letter-spacing:		0.2em;
}

.Frage {								/* für Frage-Antwort-Absätze  (Dezember2008) */
		font-style:			italic;
		font-weight:		bold;
		margin-top:		0.25em;
}

#Inhaltunterkante {
		float:				right;
		height:			1em;			/* enspricht 1 Abstandzeile unter Inhalt */
		width:			100%;
		/*background-color:	white;*/
}

#LangtextHgAnker {
		z-index:			-200;
		position:			relative;
		top:				0;
		left:				0;
		width:			100%;
}

#absolute_fuerIE5 {
		z-index:			-500;	
		position:			absolute;
		top:				0;
		left:				0;
		width:			100%;
}

#LangtextHintergrund {	
		position:			absolute;
		left:				-14em;
		width:			54em;
		min-width:			700px;
		bottom:			-4em;			/* Leerzeilen unter Text */
		height:			640em;		
		background-color:	#f6d09d;			/* sand */
}

#partner {
		z-index:			180;
		position:			absolute;			/* für IE5/6 */
		width:			172px;				
		left:				30%;				/* passend zu 'right: 70%' der Basisbox */
		margin-left:		46em;
		bottom:			0.5em;
		height:			104px;
}

html > body #partner {						/* schließt IE<=6 und Netscape4 aus */
		position:			fixed;
}

#footer {
		z-index:			180;
		position:			absolute;			
		width:			12em;				
		left:				-13em;
		top:				-3.75em;
		height:			6.5em;
		text-align:			center;
		letter-spacing:		0.1em;
}

/* Footer abhängig von der Fenstergröße fixed am unteren Bildschirmrand (JavaScript -> DOM) */
#footer_fix {
		z-index:			180;
		position:			absolute;			/*für IE5/6 */
		width:			12em;				
		right:				70%;
		margin-right:		-1em;
		bottom:			1.2em;
		height:			6.5em;			/* 25.03.2009: 5.5 > 6.5, weil Seiten-Übersicht hinzu */
		text-align:			center;
		letter-spacing:		0.1em;
		background:		url(../rahmen-bilder/raster.gif) right bottom repeat;
}

html > body #footer_fix {						/* schließt IE<=6 und Netscape4 aus */
		position:			fixed;
}

#footerKante {
		z-index:			200;
		position:			relative;			/* Opera 8 stellt mit 'absolute' in 'fixed'-Box nichts dar */
		margin-top:		5%;
		margin-left:		3%;
		width:			94%;
		height:			94%;
		border-right:		solid 1px #e6be8a;
		border-bottom:		solid 1px #e6be8a;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#Anschrift {
		font-size:			0.75em;
		line-height:		1.1em;
		padding-bottom:	0.5em;
		color:			#494949;
}

.sand {
		background-color:	#f6d09d;			/* sand */
}

#footer a, #footer_fix a {
		font-size:			0.75em;
		line-height:		1.5em;
		background-color:	#f6d09d;			/* sand */
		color:			#853c1b;			/* orange-braun */
}

#footer a:visited {
		color:			#9c6648;			/* hellbraun */
}

#footer a:hover {
		color:			#f1f1f1;			/* fastweiß */
		text-shadow:		#f1f1f1 0 0 0.2em;
}