/* Formate für den generellen Seitenaufbau */

a:active { color: #000000; text-decoration: none}
a:link { color: #000000; text-decoration: none}
a:visited { color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: none}

.hervorgehoben {
	font-weight: bold;
}

.div_table_indent {
	position: relative;
	width: 400px;
	left: 40px;
}

.body {								/* Formatierungs-Standards für die Site, Positionierung des body im Browser */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F5EFD6;
	padding: 0px;
	margin: 0px;
}


.content_outer_border {						/* Rahmen für äußeren Content-Block für die gesamte Site */
	width: 850px;							/* Breite des äußeren Content-Blocks (inkl. Rahmen und Abstand Rahmen - äußere Ecke) */
	text-align: center;
	background-color: #FFFFFF;
	margin: 15px;							/* Abstand des äußeren Contentbereichs inkl. Rahmen vom linken oberen Eck */
        padding: 10px;							/* Abstand Rahmen vom äußeren Rand des Contentbereiches */
}

.content_outer {						/* Äußerer Content-Block für die gesamte Site (innerhalb des Rahmens) */
	position: relative;						/* wird benötigt als Bezugspunkt für Positionsangaben der Subelemente */
	width: 850px;							/* Breite des äußeren Content-Blocks (noch margin ABZIEHEN !!!) */
	text-align: center;
	background-color: #FFFFFF;
        border-width:1px;						/* äußerer Rahmen des äußeren Blocks */
        border-style:solid;
        border-color:#DCD8CE;
	padding: 0px;
	margin: 0px;
}


/* Formate für den Kopfzeilenbereich */

.logo {								/* Logo (Wappen) */
	padding-top: 15px;
	padding-bottom: 20px;
}

.promo {							/* Hinweis NEU in 2008 (später ausblenden über JavaScript) */
	position: absolute;
	text-align: left;
	top: 10px;
	left: 20px;
	visibility: visible;
}


.nav_upper {							/* Obere Navigation */
	position: absolute;
	text-align: right;
	top: 10px;
	right:20px;
	visibility: visible;
	vertical-align: middle;
	color: #DCD8CE
}

.nav_upper_img {						/* Obere Navigation Image */
	position: absolute;
	z-index: 3;
	margin-top: 15px;
	margin-left: 50px;
	text-align: right;
}
/* Navigation oben Link-Einträge 
.nav_upper a:active { color: #BCD16A; text-decoration: none}
.nav_upper a:link { color: #000000; text-decoration: none}
.nav_upper a:visited { color: #000000; text-decoration: none}
.nav_upper a:hover { color: #BCD16A; text-decoration: underline}
*/

.nav_middle {								/* Navigation Mittelzeile */
	position: relative;						/* Positionsangaben als Referenz für Sub-Elemente  */
	left: 0px; 
	top: 0px;								/* // gelöscht GB */
	background-image: url(img/nav_middle_bkgrd.jpg); /* // gelöscht GB */
}

.nav_middle_schnoerkel_links {						/* Schnoerkel links für Navigation Mittelzeile */
	width: 45px;
	height: 35px;
	float: left;
	position: relative;
	left: 0px;
}

.nav_middle_schnoerkel_rechts {						/* Schnoerkel rechts für Navigation Mittelzeile */
	width:45px;
	height: 35px;
	float: right;
	position: relative;
	right: 0px;
}

.nav_middle_item {						/* Menüeinträge in Navigation Mittelzeile */
	margin: 0px;						/* gelöscht // */
	padding: 0px;						/* gelöscht // */
	height: 35px;
	background-image: url(img/nav_middle_bkgrd.jpg);
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: top;
	line-height: 100%;
	text-align: center;
	float: none;
	width: auto;	
	position: relative; 				/* gelöscht // */
	z-index: -3; 						/* gelöscht // */
	bottom: 0px;						/* gelöscht // */
}

.nav_middle_item a {
	text-align: center;					/* gelöscht // */
	height: 35px;						/* gelöscht // */
	line-height: 100%;					/* gelöscht // */
	position: relative;
	bottom: 14px;
	top: 0px;				/* drin lasssen wg. IE */
}

.nav_middle_item a:active { color: #FFFFFF; vertical-align: middle; text-decoration: underline}
.nav_middle_item a:link { color: #FFFFFF; vertical-align: middle}
.nav_middle_item a:visited { color: #FFFFFF; vertical-align: middle}
.nav_middle_item a:hover { color: #FFFFFF; vertical-align: middle; text-decoration: underline}


.nav_middle_item_img {
	vertical-align: middle;				/* gelöscht // */
	height: 35px;						/* gelöscht // */
	padding: 0px;
	margin:0px;
	position: relative;
	bottom: 0px;
}

	
.img_bar {								/* Bildleiste ÜBERARBEITEN */
	padding: 0px;						/* gelöscht // */
	margin: 6px 10px 6px 10px;
	width: 830px;
	background-color: #F5EFD6;
}


/* Formate für den Inhaltsblock inkl. Navigation links */

.content_middle_incl_nav {					/* Rahmen um Inhaltsblock inkl. Nav. */
	float: left;
	padding-bottom: 10px;
}

.nav_left {							/* Navigation links */
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	margin: 0px 0px 0px 5px;				/* drin lassen wegen IE */
	float: left;
	width: 227px;
	background-color: #F5EFD6; 
}

.nav_left_header {						/* Navigation links Überschrift Block-Einträge */
	font-weight: bold;
	padding: 14px 0px 0px 10px;
	margin-bottom: 5px;
	color: #990000;
}

.nav_left_items {						/* Navigation links Block-Einträge */
	position: relative;
	width: 227px;
	z-index: 4;
}

.nav_left li {							/* Navigation links Block-Einträge */
	list-style-image:url(img/raute_black.gif);
	padding: 2px 0px 0px 0px;
	line-height: 16px;
}

.nav_left a:active { color: #000000; text-decoration: underline} /* Navigation links Link-Einträge */
.nav_left a:link { color: #000000}
.nav_left a:visited { color: #000000}
.nav_left a:hover {
	text-decoration: underline;
	font-size: 12px;
}

.nav_left_table_items { 						/* Navigation links Farbe Tabeleneinträge Suiten */
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.nav_left_table_items a:active {color: #92141A; text-decoration: underline; font-size: 11px;}					
.nav_left_table_items a:link {color: #92141A; font-size: 11px;}	
.nav_left_table_items a:visited {color: #92141A; font-size: 11px;}			
.nav_left_table_items a:hover {color: #000000; text-decoration: underline; font-size: 11px;}					


.nav_left_block_1 {						/* Navigation links Block 1 */
	padding: 0px;
	margin: 0px;
}

.nav_left_block_2 {						/* Navigation links Block 2 */
	height: 142px;
	background-color: #BCD16A;
	background-image: url(img/nav_left_block2_bkgrd.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

.nav_left_block_3 {						/* Navigation links Block 3 (Bild) */
	padding: 0px;
	margin: 0px;
}

.nav_left_separator1 img {						/* Navigation links Trennlinie oben */
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

.nav_left_separator2 img {						/* Navigation links Trennlinie unten */
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

.content_middle_o_nav {						/* Rahmen um Inhaltsblock ohne Navigationsblock */
	/* margin-left: 10px; */
	/* padding-right: 10px; */
	border-top: 1px solid #DCD8CE;
}


.header {							/* Überschrift innerhalb des Inhaltsblocks */
	font-weight: bold;
	color: #990000;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.headerline {							/* Linie zur Überschrift innerhalb des Inhaltsblocks */
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 50px;
}

/* START PROBLEM */

.content_inner {						/* Inhaltsblock für den eigentlichen Text */
	text-align: justify;
	margin: 0px 0px 0px 265px; 
	padding: 0px;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
	z-index: 2;							/* damit vor logo_transparent */
}

/* END PROBLEM */


.content_inner form {
	float: left;
	position: relative;
	top: 0px;
} 



.content_inner p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	padding: 2px 0px 10px 0px;
	margin: 0px 40px 0px 0px;
}

.content_inner h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
	margin: 0px;
}


.content_inner h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.content_inner table, tr, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}



/* Alternative Formatierungen Vordergrund-Bild im Text: 
	   - allgemeine Formatierung für Bilder
	   - Elfe im Garten
	   etc.  				*/
.content_inner_img img {						/* Formatierung Bilder innerhalb des Inhaltsblocks */
	float: right;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
	z-index: 2;							/* damit vor logo_transparent */
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 0px;
}

.content_inner_img_elfe img {						/* Formatierung Bild ELFE innerhalb des Inhaltsblocks */
	float: right;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
	z-index: 2;							/* damit vor logo_transparent */
	margin-top: 70px;
	margin-left: 35px;
	margin-right: 0px;
}

.content_inner_img_einhorn img {					/* Formatierung Bild EINHORN innerhalb des Inhaltsblocks */
	float: right;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
	z-index: 2;							/* damit vor logo_transparent */
	margin-top: 75px;
	margin-left: 35px;
	margin-right: 10px;
}

.content_inner_img_schmetterlinge img {						/* Formatierung Bild SCHMETTERLINGE innerhalb des Inhaltsblocks */
	float: right;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
	z-index: 2;							/* damit vor logo_transparent */
	margin-top: 110px;
	margin-left: 35px;
	margin-right: 0px;
}




/* Alternative Formatierungen Logo-Einblendung: 
	   - Wappen unten transparent (unten rechts)
	   - Garten mit versch. Motiven (Elfe etc.)
	   etc.					*/
.logo_transparent {						/* Logo Hintergrund Hauptseite: Wappen transparent */
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	visibility: visible;						/* später ausblendbar über JavaScript */
}

.logo_garten {						/* Logo Hintergrund Hauptseite: Garten mit versch. Motiven */
	position: absolute;
	z-index: 1;
	top: 790px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	visibility: visible;						/* später ausblendbar über JavaScript */
}



/* Formatierungen der Fusszeile */
/*
// .slogan {							/* Slogan Fusszeile permanent sichtbar */
/*
//	clear: both;
//	float: right;
//	align: right;
//	margin: 15px 120px 0px 0px;
//	position: relative;						/* damit z-index erkannt wird */
/* //	bottom: 75px;							/* damit z-index erkannt wird */
/* //	right: 0px;
//	z-index: 2;							/* damit vor logo_transparent */
/* //	width: 209px;
//} */

.slogan {							/* Slogan Fusszeile permanent sichtbar */
	clear: both;
	margin: 0px 0px 0px 0px;
	position: relative;						/* damit z-index erkannt wird */
	bottom: 0px;
	left: 240px;
	z-index: 2;							/* damit vor logo_transparent */
	width: 100%;
}

.slogan img {							/* Slogan Fusszeile permanent sichtbar */
	padding-top: 30px;
}


.contact {							/* Kontaktdaten Fusszeile permanent sichtbar */
	margin: 5px;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
	z-index: 2;							/* damit vor logo_transparent */
	line-height: 20px
}

.schnoerkel {							/* Schnoerkel Fusszeile permanent sichtbar */
	margin: 0px;
	padding: 5px 0px 0px 0px;
	position: relative;						/* damit z-index erkannt wird */
	top: 0px;							/* damit z-index erkannt wird */
/*	width: 100.01%; */
	width:inherit;
	z-index: 2;							/* damit vor logo_transparent */
	text-align: center;
}

/*
.copyright {							/* Formatierung Copyright-Angabe */
/*	color: #000000;
	text-align: center;
	margin-left: 240px;
	width: 400px;
	position: relative;						
	bottom: 10px;
	right: 320px;
	z-index: 8;						
} */

.clearfloat { 						/* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.loading {							/* Formatierung für Loading Nachricht hinter Panoramen Zaubergarten */
	position: absolute;
	z-index: 1;
	top: 490px;
	right: 0px;
	margin-right: 230px;
	margin-top: 25px;
	padding: 0px;
	visibility: visible;						/* später ausblendbar über JavaScript */

}

.loading p {							/* im Ladebereich graue Schrift */
	color: #F1F1F1;	
}