/* Lavenda-Schaff.de | Screen | 11-2-2010 
*/
html {
	background-repeat: repeat-y; /* bg: Hintergrund links spalte Verlauf */
	background-image: url(/siteimg/lomi-lomi_hg_links.jpg);
	background-position: 0px 110px;
	background-color: #ffd497;
	color: #273115;
	min-height: 100.2%;
}

body{
	padding: 0;
	margin: 0;
	background-repeat: repeat-y; /* bg: Hintergrund links spalte Verlauf ### Braucht beide!! */
	background-image: url(./siteimg/lomi-lomi_hg_links.jpg);
	background-position: 0px 110px;
	font-size: 100.01%;
	font-family: "Trebuchet MS",trebuchet, verdana, helvetica, tahoma, arial, sans-serif;
}

#container-wrap { width: 100%; /* Wrapper für gesamten Seiteninhalt */ }

#container {
	display: inline-block; /* Gesamte Seite */
	background-color: transparent;
	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%;
}

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

#contentInnen { margin-left: 5%; }

#contentArticles {
	margin-right: 4%;
	/* Hintergr Schildkröte */
	background-image: url(/siteimg/lomi-lomi_turtle_re.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 500px;
	max-width: 60em;
}

#contentArticlesInnen { padding: 35px 2% 0px 1%; max-width: 43em; min-width: 35em; }

 
/* ---- Content Links (Navi) ---- */
#navi { float: left; /* Navispalte */ margin-left: -100%; width: 210px; padding: 30px 0 0 0; }

#naviContent { margin-top: 0; }

#naviInnen{ padding: 0; }

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

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

/* ======= Generelle Auszeichungen Blockelemente,Text,Bilder...  =======  */
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 cite, 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 1em; padding-left: 0; /* padding für Moz nullen */ }

li + li {margin-top:.3em;}
ul ul  {margin-top:0em;
}
blockquote{ margin: 0 0 0 1em; font-variant: inherit; font-style: italic; }

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

p.kleiner { margin-top: -.5em; font-size: 0.7em; }

/* -- Links -- */
a { color: #8a4c00; font-weight: normal; }

a:visited { color: #603500; }

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

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

a:focus { }

/* -- Bilder --  */
img {
	float: right;
	margin: .5em 0 .5em .3em;
	border: 1px solid transparent;
	padding: 2px;
	background-color: transparent;
}

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

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

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

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

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

/* -- Überschriften -- */
/* Titel der Seite / Logo */
h1{
	font-family: Georgia,"Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif; /*  im Kopf */
	font-size: 2.2em;
}

h1 a, h1 a:visited { color: #384290; text-decoration: none; text-shadow: #eee7b2 1px 1px 3px; }

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

h2, h3, h4{
	color: #384290;
	font-weight: normal;
	font-family: Georgia,"Trebuchet MS",verdana, helvetica, tahoma, arial,  sans-serif;
	line-height: 1.1em;
	
	word-spacing: 0px;
}

/* Artikel-Überschriften  Ebene 1 (Artikel-Titel) */
h2{
	margin: 0 0 .3em 0;
	padding-top: 0; /* Ebene 1 Text */
	font-size: 1.35em;
	text-shadow: #eee7b2 2px 2px 5px;letter-spacing: 1px;
}

h2 a, h2 a:visited{ color: #384290; text-decoration: none; }

h2 a:hover, h2 a:active{ color: #384290; }

/* Artikel-Überschriften  Ebene 2 (im Artikel) */
h3{ margin: 1.5em 0 .3em 0; font-size: 1.15em; text-shadow: #eee7b2 2px 2px 5px; }

h3 a, h3 a:visited{ color: #384290; text-decoration: none; }

h3 a:hover, h3 a:active { color: #c86e00; }

/* Artikel-Überschriften  Ebene 3 (im Artikel) */
h4{ margin: 1.5em 0 .3em 0; font-size: 1em; text-shadow: #eee7b2 2px 2px 5px; }

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

th{ border-bottom: 2px solid #006400; 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 ====== */
.weg{
	width: 0; /* verbergen (fuer Screenrader,etc.) */
	display: inline;
	position: absolute;
	left: -1000px;
	top: -100px;
	height: 0;
	overflow: hidden;
}

.mailWeg, .nix,.noDispl { display: none; /* spans in Mailangabe nicht zeigen */ }

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

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

/* ===== Layout in einzelnen Bereichen ===== */
/* ---- KOPF ---- */
#kopf{
	width: 100%;
	/* Kopfbereich mit Welle rechts als HGrund */
	background-color: #e1f0e9;
	background-image: url(./siteimg/lomi-lomi_kopf_re.jpg);
	background-repeat: no-repeat;
	background-position: 598px 1px;
	height: 134px;
	top: 1px;
	left: 0;
}

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

#kopfLinks{
	width: 227px;
	/* Kopfbereich mit Hibiscus als HGrund */
	background-color: #daa520;
	background-image: url(./siteimg/lomi-lomi_kopf_li.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	height: 134px;
	top: 1px;
	left: 1px;
	position: absolute;
}

#kopfLogoLink{ width: 260px; position: absolute; top: 25px; left: 250px; height: 60px; }

#kopfLogoLink a, #kopfLogoLink a:visited, #kopfLogoLink a:active, #kopfLogoLink a img{ border: none; }

#kopfLogoLink img{ margin: 0; width: 260px; height: 60px; }

#kopfMitte{
	width: 370px; /* Namens-Schriftzug */
	background-image: url(./siteimg/lomi-lomi_kopf_mi.jpg);
	background-repeat: no-repeat;
	height: 134px;
	position: absolute;
	top: 1px;
	left: 228px;
}

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

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

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

div.artImage img{ margin-top: -.5em; /* Artikelbild */ }

div.image img{ margin-top: -.2em; /* weitere Bilder im Text */ }

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

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

#crumbbar{
	margin-top: 0em;
	padding-top: .5em;
	background-image: url(./siteimg/lomi-lomi_bg_wellen.jpg);
	background-position: 30px 20px;
	background-repeat: no-repeat;
	line-height: 1.2;
	height: 100px;
	max-width: 60em;
}

#crumbbar p{ margin: 0; padding: .5em 0 1em 1%; color: #313c44; font-size: .7em; }

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

/* #### 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 #ac2024;
	padding: 1em;
	margin: 2em 0 1em 0;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	background-color: #ffd497;
	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: #273115; font-size: .7em; }

/* ====== Content Links (Navi) ====== */
#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: 0; }

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

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

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

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


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

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

#navi a:hover{
	color: #006400;
	background-image: url(./siteimg/turtle_menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: underline;
}

#navi li a.active_class, 
#navi ul.artList li.current a  , #navi ul.mainmenu  li.menu_article_active a  
{
 /* aktueller Link 1. ebene */
	background-image: url(./siteimg/turtle_menu.gif);
	background-repeat: no-repeat;
	background-position: left center;	color: #006400;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: #eee7b2 2px 2px 5px; /* aktueller Link */

}


#navi ul.mainmenu  li.menu_article_active a  
{
 /* aktueller Link 2. Ebene */

	/* aktueller Link */
	padding-left:  22px;
	margin-left:-22px;
}

/* --- 2. Ebene --- */
#navi li.menuparent ul {

	margin: .1em 0 .3em 28px; /* Liste 2. Ebene */
	padding: 0 0 0 0;
	width: 10.3em; /* sonst in IE Abstand davor */
	font-size: 1em;
	-moz-border-radius: 5px;
}

#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: .3em 0 .3em 0; width: 10.3em; }

#navi li.menuparent li.menu_article a:hover{
	background-image: none;
}
/* Ende 2. Ebene */

/* Schildkröte unter Navi */
#naviTurtle { margin: 36px 0 30px 0; }

#naviTurtle img { border: none; margin: 0; float: none; }

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

#navi input.suchFeld {
	padding: .2em .1em .2em .3em;
	margin: 0 0 0.3em 0;
	border: 1px solid #abb3df;
	width: 160px;
	background-color: #dfefe5;
	color: #5d6c7a;
	position: relative;
	left: 0;
	top: 0;
}

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

#navi input.buttonFinden { float: left; }

/*  ======  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;
}

	
/*  ======  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; }

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