*{ margin: 0; padding: 0; }

html {
	margin-bottom: 1px; /* Ausblenden Bildlaufleiste in Safari, Firefox verhindern */
	height: 100%;
}

html, body {
	background-color: #fff5bb;
	color: #273115;
	font-family: "Trebuchet MS",trebuchet, verdana, helvetica, tahoma, arial, sans-serif;
	font-size: 100.01%;
}

#container-wrap {
	border: 1px solid #b9b9b9; /* Wrapper für gesamten Seiteninhalt */
	width: 94%;
	margin: 12px auto 50px auto;
	background-color: #f5f8e7;
	line-height: 1.2em;
	min-width: 900px;
	max-width: 70em;
}

#container {
	display: inline-block; /* Gesamte Seite */
	min-width: 100%; /* für Opera */
}

#container:after {
	clear: both; /* fuer FF,Opera,etc. */
	display: block;
	content: '.';
	height: 0;
	visibility: hidden;
}

#contentWrapper {
	float: left; /* Wrapper für Inhalt-Div (ohne den SeitenKopf/SeitenFuss) */
	width: 100%;
	background-repeat: repeat-y;
	background-color: #f5f8e7; /* bg: Hintergrund (2. und) 3. Spalte */
}

/* ---- Content Mitte ---- */
#content {
	margin: 0 13em 0 13em; /* =Seitenspalten-Breite */
	border-right: 1px solid #e5e4e6;
	border-left: 1px solid #e5e4e6;
}

#contentInnen {
	padding: 50px 30px 30px 30px;
	background-color: #fbfbf4; /* Hintergrund Mitte */
}

#contentArticles { min-height: 500px; /* Content ohne Crumbbar */ }

/* ---- Content Links (Navi) ---- */
#navi {
	float: left; /* Navispalte */
	margin-left: -100%;
	width: 13em; /*background-color: #ADD8E6;*/
}

#naviContent { padding: 60px 1em 0 1em; }

/* ---- Spalte Rechts ---- */
#side {
	float: right; /* 3. Spalte */
	margin-left: -100%;
	width: 13em;
}

#sideContent { padding: 20px 1em 0 1em; }

/* ===== Generelle Auszeichungen Blockelemente,Text,Bilder... ===== */
/* nur hier em-angaben! 
*/
p, li, input, label, textarea, select, table, dt, dd {
	font-family: verdana, helvetica, tahoma, arial, sans-serif;
	font-size: .8em; /* Zentrale Schriftgrößen für frei definierbare Elemente */
	line-height: 1.3em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a, td a, th a, label a, input a,
li h2, li h3, li h4, li h5, li h6, li p, li a, li code, li pre, li li, dd a, dt a, 
p pre, p code, p label, td p, td li, td code, td pre {
	font-size: 100%; /* Vererbung zentral individuell aufheben */
}

p,ul{ margin: 0; padding-bottom: .5em; padding-top: .4em; }

ul,ol{
	margin: 0 2em 0 2.4em;
	padding-left: 0; /* padding f?r Moz nullen */
}

blockquote{
	margin: 0 0 0 1 em;
	font-variant: inherit;
	font-style: italic;
}

p cite{
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: 1em;
}

img {
	float: right;
	margin: .5em 0 2em 2em;
	border: 1px solid #ffffff;
	padding: 2px;
}

a:hover img {
	border: 1px solid #f0e68c; /* Hover-Rahmen,wenn Bild verlinkt ist */
}

/* Links */
a:link { color: #bd6800; font-weight: normal; }

a:visited { color: #955200; }

a:hover { color: #ec8200; text-decoration: none; }

a:active { color: #ec8200; text-decoration: none; }

a:focus { }

/* Ueberschriften */
h1,h2,h3,h4{
	margin: 2.8em 0 1em 0;
	color: #006400; /* 	color: #AC2024; */
	font-weight: bold;
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	line-height: 1.1em;
}

h1{ /*  Kopf */
	margin: 0;
	color: #f5efd4;
	font-family: Georgia, verdana, helvetica, tahoma, arial, "sans-serif";
	font-size: 2.2em;
}

h2{ /* Ebene 1 Text */
	padding-top: 0;
	margin: 0 0 .5em 0;
	font-size: 1.35em;
	text-shadow: #eee7b2 2px 2px 5px;
}

h3{
	margin-top: 1.8em;
	font-size: 1.15em;
	text-shadow: #eee7b2 2px 2px 5px;
}

h4{
	margin-top: 1.8em;
	font-size: 1em;
	text-shadow: #eef1c9 2px 2px 5px;
}

/* Seitentitel */
h1 a:link, h1 a:visited {
	color: #f5efd4;
	text-decoration: none;
	text-shadow: #eee7b2 1px 1px 3px;
}

h1 a:hover, h1 a:active {
	color: #f9f6e7;
	text-decoration: none;
	text-shadow: #eee7b2 1px 1px 8px;
}

/* verlinke Artikel-Überschriften */
h2 a{ color: #ac2024;  text-decoration: none; }

h2 a:visited{ color: #313c44; text-decoration: none; }

h2 a:active{ color: #ffa933; text-decoration: none; }

h3 a{ color: #ac2024; text-decoration: none; }

h3 a:hover { color: #d9393d; text-decoration: none; }

h3 a:visited { color: #ac2024; }

/* ===== Tabelle */
table{
	border: 1px solid #8b0000;
	margin: 1em auto;
	background-color: #fffddf;
}

th{
	border-bottom: 2px solid #ac2024;
	padding: .3em;
	vertical-align: top;
}

td{
	padding: .4em .4em .4em .4em;
	text-align: center;
	vertical-align: top;
}

td img{ margin: 0; padding: 0; }

td img.left{ float: none; margin: 0 auto; }

td img.leftClear{ float: none; clear: left; }

table h2{
	margin: .2em auto 0 auto;
	padding: 0;
	color: #ac2024;
	font-size: 1.3em;
	text-align: center;
}

td.small{ font-size: .89em; line-height: 1.3em; }

/* ##### allgemein anwendbare Klassen ##### */
p img.left, p img.links{ float: left; margin: 1.4em 1.4em .7em 0; }

img.left, img.links{ float: left; margin: 0.4em 1.4em .7em 0; }

p img.centerClear{
	margin: 1.4em auto .7em auto;
	float: none;
	clear: both;
	display: block;
}

p img.leftClear{
	clear: both;
	float: none;
	margin: 1.4em 0 .7em 0;
	display: block;
}

.adminEdit{ color: #550000; font-size: .7em; text-align: right; }

.weg{
	width: 0; /* verbergen (fuer Screenrader,etc.) */
	display: inline;
	position: absolute;
	left: -1000px;
	top: -100px;
	height: 0;
	overflow: hidden;
}

p.clearer, p.clear{
	clear: both; /* fuer FF,Opera,etc. */
	font-size: 1px;
	line-height: 1px;
}

.nix,.noDispl{ display: none; }

div.mailError{
	padding: .5em;
	margin: 1em 0;
	border: 1px solid #b75252;
	background-color: #ffe3e3; /* Fehler-div bei eMailform */
}

/* ===== Layout in einzelnen Bereichen ===== */
/* ---- KOPF ---- */
#kopf{
	border-bottom: 1px solid #b9b9b9;
	background-color: #daa520;
	height: 100px;
}

#kopf p{
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
}

#kopf img{ padding: 0; margin: 0; border: 0; }

#kopfLogo{
	float: right;
	width: 240px;
	position: relative;
	top: 10px;
	right: 0;
}

#kopfSlogan{
	float: left;
	width: 440px;
	position: relative;
	top: 20px;
	left: 13em;
}

#kopfSlogan p{ margin: 0 0 0 .2em; color: #83641d; }

#kopfLogo img{ padding-right: 20px; }

/* ---- Content Links (Navi) ---- */
#naviInnen{ padding: 10px 10px 10px 0; }

#navi a{
	color: #273115;
	font-weight: bold;
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	text-decoration: none; /* Navi-Link */
}

#navi a:visited{ color: #273115; }

#navi a:hover{ color: #cc7100; text-decoration: underline; }

#navi li a.active_class, #navi li.menuparent a.active_class, 
#navi li li.menu_article_active a {
	color: #006400;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: #eee7b2 2px 2px 5px; /* aktueller Link */
}

#navi ul{
	margin: 0; /* Navi-Liste */
	padding: 0; /* padding f?r Moz nullen */
	margin-top: -.6em; /* Ausgleich marg. 1. Menüpunkt */
	list-style-type: none;
}

#navi ul.mainmenu { margin-bottom: .7em; }

#navi ul ul, #navi ol ul{ font-size: 1em; /* Unterliste in Liste */ }

#navi li{
	padding-left: 22px;
	color: #313c44;
	line-height: 1.2em; /* Listenpunkt allgemein */
}

#navi li.abstand{ margin-top: .9em; /* Neuer Navi-Block */ }

#navi li a.current, #navi ul.unterNavi a.current, #navi ul.artList li.current a{
	list-style-type: disc;
	color: #ac2024; /* aktueller Link */
	font-weight: bold;
}

#navi li a{
	padding-left: 0; /* Link 1. Ebene   */
	width: 11.2em;
	padding-bottom: .3em;
	padding-top: .4em;
	display: block;
}

#navi li.menuparent li{ padding-left: 8px; /* Liste 2. Ebene einträge */ }

#navi li.menuparent li.menu_article a{
	margin-left: 0; /* Link 2. Ebene */
	padding: .4em 0 .3em 0;
	width: 10.3em;
}

#navi li.menuparent ul {
	border-left: 2px solid #ffffff;
	margin: .1em 0 0 0; /* Liste 2. Ebene */
	padding: 0 0 0 0;
	width: 10.3em; /* sonst in IE Abstand davor */
	font-size: 1em;
	-moz-border-radius: 5px;
}

/* ---- Content Rechts ---- */
#sideContent{ padding: 40px 14px 0 16px; }

#sideContent p,#sideContent ul,#sideContent ol{ color: #313c44; font-size: 71%; }

#sideContent h1{
	margin-top: 2em;
	padding-left: 0;
	background-image: none;
	font-size: .9em;
}

#sideContent h2{ font-size: .8em; }

#sideContent ul,ol{ margin-left: 1.5em; margin-right: 0; }

#sideContent img{
	margin: 1em auto .4em auto;
	float: none;
	display: block; /* ?ber disp:block zentrierbar */
	max-width: 11.5em;
}

/* Suchformular */
#navi form.schnellsuche{
	padding: 10px 0 20px 22px;
	margin-top: 30px;
	margin: 0;
	font-size: 94%;
	line-height: 1.1;
	text-align: left;
	height: 30px;
}

#navi input.suchFeld {
	padding: .1em .1em .1em .3em;
	margin: 0 0 0.3em 0;
	border: 1px solid #708090;
	width: 11.4em;
	background-color: #f5efd4;
	color: #313c44;
	position: relative;
	left: 0;
	top: 0;
}

#navi input.suchFeld:focus{ color: #273115; background-color: #ffffff; }

#navi input.buttonFinden { }

	
/* ---- Footer ---- */
#footer{
	margin: 0;
	padding: .7em 0 .8em 0;
	border-top: 1px solid #b9b9b9;
	background-color: #b8860b;
}

#footer p{
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 0.7em;
	font-weight: bold;
	font-family: "Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	text-align: center;
	line-height: 1.2em;
}

#footer a, #footer a:visited{ color: #ffffff; }

/* ===== spezielle Bereiche im Content ===== */
div#accessibility{ display: none; }

div.trenner{
	width: 99%;
	border-bottom: 1px solid #fff5bb;
	margin: 0;
	padding: 0; /* Trenner zwischen Artikeln */
}

#crumbbar{
	margin-top: 2em;
	padding-top: .5em;
	border-top: 1px solid #e5e4e6;
	font-size: .85em;
	line-height: 1.2;
}

#crumbbar p{ margin: 0; padding: 0; color: #313c44; }

#crumbbar a,#crumbbar a:visited{ color: #ac2024; }

p.box{
	padding: .5em;
	background-color: #e5e4e6;
	font-size: .9em;
}

p.box a{ font-weight: bold; }

div.artikelDiv{ margin-bottom: 2em; }

div.artikelDiv:after {
	clear: both; /* fuer FF,Opera,etc. */
	display: block;
	content: '.';
	height: 0;
	visibility: hidden;
}

/* #### Forms #### */
div#formMail p.hinweis{
	margin: 0; /* Mailform Startseite */
	margin-left: 2em;
	font-size: .7em;
}

div#formMail label, div#formMail select, div#formMail input { margin: 0.2em 0; padding: 0; line-height: 1.2em; }

div#formMail label.txtInp, div#formMail label.txtInpKurz {
	width: 14em;
	float: left;
	padding: .2em 0;
	text-align: right;
	vertical-align: top; /*background-color: #F5DEB3;*/
}

div#formMail input, div#formMail select{ }

div#formMail input.button{ margin-left: 13em; }

input:focus, textarea:focus, select:focus, checkbox:focus{ background-color: #fffddf; }

div#formMail input.buttonKurz{ margin-left: 8em; }

div#formMail span.pflicht{ color: #8b0000; }

p.formRight {
	margin-left: 14em; /* Einzug auf rechts Splte (FormFelder) */
}

/* ---- eMail-Formular ---- */
#block1Content ul.fehler{ color: #8b0000; /* Fehlermeldung eMail-Form */ }

br.clear { clear: left; }

span#mailSpan { display: none; }

/* --- Kommentare ---- */
p#txpCommentInputForm { padding: 1em; background-color: #fffddf; }

div.comments td { text-align: left; }

	
div.comments label { font-size: 1em; text-align: right; }

div.comments input, div.comments textarea { margin: 0; font-size: 1em; }

	
ul.comments_error {
	border: 1px solid #d9393d;
	padding: 1em;
	margin: 2em 0 1em 0;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	background-color: #ffe3e3;
	font-style: italic;
	font-weight: bold;
}

	
.comments h3{ margin: 0; }

	
ol.comments{ font-size: .9em; }

	
ol.comments li{
	border-bottom: 1px solid #b9b9b9;
	margin: 1em 0 0 0;
	padding-top: .5em;
	font-size: 1em;
}

	
ol.comments p.commData{ color: #5a5a5a; font-size: .7em; }

		
/* ====== */
/* Nice 2CU  here! */
/* (c) 2009 Ingo Sparr | DeutscheLebensArt.de */