*{ margin: 0; padding: 0; }

html {
	margin-bottom: 1px; /* Ausblenden Bildlaufleiste in Safari, Firefox verhindern */
	background-color: #fef7c4;
	color: #000017;
	background-image: url(siteimg/verlauf_gelb.jpg);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS",trebuchet, verdana, helvetica, tahoma, arial, sans-serif;
	font-size: 100.01%;
	height: 100.1%;
}

body { height: 100.1%; }

#container-wrap {
	margin: 0 auto 50px auto; /* Wrapper für gesamten Seiteninhalt */
	width: 865px;
	line-height: 1.2em;
}

#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%;
	margin: 0;
}

#contentWrapperInnen { width: 100%; /* Wrapper für Inhalt-Div (ohne den SeitenKopf/SeitenFuss) */ }

/* ### Hintergrund Contentbereich */
#contentInnenKopf {
	margin-left: 3px;
	background-image: url(siteimg/main_01.png);
	background-position: center top; /* Hintergrund Content oben Bogen */
	height: 44px;
}

#contentBg2 {
	background-repeat: no-repeat;
	background-image: url(siteimg/main_bg_center_02.png); /* Hintergrund Content mitte blau mit Schatten außen */
	background-position: 7px 0;
}

#contentBg {
	background-repeat: repeat-y;
	background-image: url(siteimg/main_03.png); /* Hintergrund Content mitte Farbverlauf */
}

/* ---- ### Content Mitte ---- */
#content { margin: 0 0 0 13em; /* =Seitenspalten-Breite */ }

#contentInnen { padding: 15px 90px 30px 30px; min-height: 500px; }

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

#footer {
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	background-image: url(siteimg/main_04.png);
	background-position: bottom center; /*background-color: #f5deb3;*/
	height: 66px;
}

#footer .article-content { margin: 0 0 0 0; padding: 10px 0 0 0; }

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

#naviContent { padding: 60px 0 0 25px; }

/* ---- Spalte Rechts ---- */
#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: .2em; 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 -1em 1em 1em;
	border: 1px solid #ffffff;
	padding: 2px;
	font-size: 0.6em;
}

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

div.imageGallery{ float: right; margin-bottom: 1em; /* Bildergalerie rechtsbündig */ width: 190px; }

iframe { margin: 1em 0 0 0; border: 1px solid #ffffff; padding: 2px; }

/* 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: #005101; /* 	color: #AC2024; */
	font-weight: normal;
	font-family: georgia,"Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	line-height: 1.1em;
	letter-spacing: 1px;
}

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

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

h2:hover{ text-shadow: #f9ffff 3px 3px 5px; }

h3{ margin: 1.5em 0 .3em 0; font-size: 1.1em; text-shadow: #eaf5f8 2px 2px 5px; }

h3:hover{ text-shadow: #f9ffff 2px 2px 5px; }

h4{ margin-top: 1.8em; font-size: 1em; text-shadow: #e0ffff 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{ margin: 1em 0 1em 0; }

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

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

td.klein{ padding: .4em .4em .0em .4em; font-size: .8em; line-height: 1.4; }

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{
	background-image: url(siteimg/banner_top.png);
	background-position: center top; /* Hintergrund Content oben Bogen */
	background-repeat: no-repeat;
	height: 140px;
}

#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: 0; /* 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: 0; color: #313c44; line-height: 1.2em; /* Listenpunkt allgemein */ }

#navi li a{
	padding-left: 0; /* Link 1. Ebene   */
	width: 165px;
	padding: 9px 0 1px 14px;
	display: block;
	background-image: url(siteimg/buttons2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #000080;
	height: 25px;
}

#navi li a:visited{ color: #000080; }

#navi li a:hover{ background-position: 0 -50px; }

#navi li a:active{ background-position: 0 -99px; }

#navi li a.active_class{
	list-style-type: none;
	color: #004c01; /* aktueller Link */
	background-position: 0 -100px;
	font-weight: bold;
}

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

#navi input.suchFeld {
	padding: .2em .2em .2em .3em;
	margin: 0 0 0.3em 0;
	border: 1px solid #72a8f5;
	width: 150px;
	background-color: #dee9ff;
	color: #556371;
	position: relative;
	left: 0;
	top: 0;
}

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

#navi input.buttonFinden { }

/* ---- Footer ---- */
#footer p{
	margin: 0 63px 0 60px;
	padding: 13px 0 0 0;
	border-top: 1px solid #f0ffff;
	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: 0; padding-top: .5em; 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: #004c01; font-size: .7em; }

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