/*
=========================================================
CSS
---------------------------------------------------------
LOHMANN UND ROBINSKI
Gerhart-Hauptmann-Straße 15 Süd 1
03044 Cottbus
mail@lohmann-robinski.de
http://www.lohmann-robinski.de

Programmierung durch:
Leiv Bergmann
lb@lohmann-robinski.de
leivbergmann@yahoo.de (privat)
12.10.2007
=========================================================


=========================================================
HTML Tags
=========================================================
*/
body 		{ font-family:Arial, Helvetica, sans-serif; font-size:100.1%; color:#000000; background-color:#FFFFFF; text-align:center; margin:0; padding:0; }
img 		{ border:none; }
legend 		{ display:none; }
fieldset 	{ border:none; display:block; margin:0; padding:0; }
td			{ font-size:12px; }

/*
=========================================================
Positionierung der Seite
=========================================================
*/
#top 		{ width:81.5em; margin:auto; padding:0; text-align:left; font-size:0.75em; border-right:0.17em solid #D2E7F9; }
* html #top { width:81.67em; }

/*
=========================================================
Header
=========================================================
*/
#header		{ width:81.5em; height:12.91em; background-position:left top; background-repeat:no-repeat; position:relative; }
.head_link  { float:left; margin:1.58em 0 0 0.92em; }
.h2_print { display:none; }

/*
=========================================================
Standardnavi mit Links und Sprachen
=========================================================
*/
#snavi 			{ position:absolute; top:0; left:0; width:81.5em; height:1.58em; padding-top:0.42em; text-align:right; }
* html #snavi 	{ height:2em; }
#snavi span 	{ color:#FFFFFF; }
#snavi a		{ color:#000000; text-decoration:none; margin-left:0.5em; margin-right:0.5em; }
#snavi a:hover 	{ text-decoration:underline; }
#logout a		{ position:absolute; top:0; left:23.5em; float:left; text-align:center; margin-top:0.09em; padding:0.25em 0.5em 0.25em 0.5em; background-color:#C1041A; border:0.09em solid #FFFFFF; color:#FFFFFF; text-decoration:none; }
#logout a:hover	{ text-decoration:underline; }

/*
=========================================================
Hauptbereich der Seite
=========================================================
*/
#main 		 { width:79.5em; margin-left:1.92em; border-left:0.09em solid #D2E7F9; padding-top:0.09em; background-image:url(../images/main_bg.png); background-position:left; background-repeat:repeat-y; border-bottom:0.18em solid #D2E7F9; }
* html #main { width:79.59em; }

/*
=========================================================
Fuss des Headers
=========================================================
*/
#head_foot { width:100%; height:4.25em; position:relative; }

/*
=========================================================
Suchfeld
=========================================================
*/
#head_foot1 { width:18.33em; height:4.25em; border-right:0.09em solid #FFFFFF; float:left; background-color:#D2E7F9; }
* html #head_foot1 { width:18.42em; }
#head_foot1 form { display:block; margin:0.25em 0 0 0.33em; padding:0; }
#head_foot1 input { display:block; float:left; background-color:#FFFFFF;  font-size:0.92em; font-family:Arial, Helvetica, sans-serif; border:0.09em solid #1E89E3; }
#head_foot1 label { display:none; }
.suchbegriff	{ margin-right:5px; }

/*
=========================================================
Startseitenbutton
=========================================================
*/
#head_foot_home { width:18.33em; height:2.08em; float:left; position:absolute; left:0; bottom:0; border-top:0.09em solid #FFFFFF; }
* html #head_foor_home { height:2.17em; }
#head_foot_home a { display:block; float:left; width:100%; height:100%; color:#000000; font-size:1.08em; background-color:#D2E7F9; text-decoration:none; font-weight:bold; }
#head_foot_home a:hover { text-decoration:underline !important; background-color:#78B8EE !important; }
#head_foot_home span { display:block; padding-left:0.43em; padding-top:0.34em; }
.head_foot_home_aktiv { text-decoration:none !important; background-color:#78B8EE !important; }

/*
=========================================================
Brotkrumenpfad
=========================================================
*/
#head_foot2 { width:48.33em; height:2em; background-color:#D2E7F9; float:left; color:#000000; }
#head_foot2 span { display:block; margin:0.33em 0 0 0.33em; float:left; }
#head_foot3_abstand { position:absolute; right:0; top:0; background-color:#FF0000 }
#head_foot3 { width:12.67em; height:4.25em; background-color:#FF0000;  }
#head_foot4 { width:61em; height:2em; background-color:#D2E7F9; float:left; color:#000000; }
#head_foot4 span { display:block; margin:0.33em 0 0 0.33em; float:left; }


/*
=========================================================
ständige Anzeige des Warenkorbs
=========================================================
*/
#warenkorb { float:left; color:#FFFFFF; }
#warenkorb_abstand {  padding:0.15em 0 0 0.5em; }
.warenkorb_span { width:10.05em; height:4.14em; padding:0; display:block; font-size:0.92em; float:left; }
#warenkorb h2 { font-size:1.18em; font-weight:bold; display:block; float:none; padding:0; margin:0; }
#zurkasse { width:2.83em; height:4.17em; float:right; }
#zurkasse img { width:100%; height:100%; border:none; }

#warenkorb_rahmen { position:absolute; top:0; left:0;  }
#warenkorb_klick { width:12.41em; height:3.98em; }
#warenkorb_klick a { display:block; width:100%; height:100%; background-image:url(../images/empty.gif); background-repeat:repeat; }


/*
=========================================================
linker Teil des Hauptbereichs
=========================================================
*/
#links { width:18.33em; clear:both; float:left; margin-right:0.17em; background-color:#FFFFFF; }
#links h2 { display:none; }

/*
=========================================================
Fussbereich
=========================================================
*/
#footer { clear:both; float:left; width:100%; height:1.58em; background-color:#D2E7F9; text-align:right; border-top:0.09em solid #FFFFFF; border-bottom:0.09em solid #FFFFFF; overflow:hidden; padding-top:0.09em; }
* html #footer { height:1.85em; }

/*
=========================================================
Haupt- und Unternavigation
=========================================================
*/
#hnavi { list-style:none; margin:0 0 0.09em 0; padding:0; width:100%; display:block; float:left; }
#hnavi li { clear:left; width:100%; margin:0.09em 0 0 0; padding:0; background-color:#D2E7F9; float:left; }
#hnavi li a { display:block; width:100%; color:#000000; font-size:1.08em; font-weight:bold; text-decoration:none; }
#hnavi li a:hover { text-decoration:underline; background-color:#78B8EE; }
#hnavi li span { padding:0.55em 0 0.55em 0.43em; display:block; }
#unavi { list-style:none; margin:0; padding:0; width:100%; }
#unavi li { width:100%; margin:0; padding:0; background-color:#A5D0F4; border-top:0.09em solid #FFFFFF; }
#unavi li a { display:block; width:100%; color:#000000; font-weight:normal; text-decoration:none; }
#unavi li span { border-left:0.09em solid #FFFFFF; padding:0.16em 0 0.16em 0.36em; margin-left:1.17em; background-color:#A5D0F4; }
#unavi2 { list-style:none; margin:0; padding:0; width:100%; }
#unavi2 li { width:100%; margin:0; padding:0; background-color:#78B8EE; border-top:0.09em solid #FFFFFF; }
#unavi2 li a { display:block; width:100%; color:#000000; font-weight:normal; text-decoration:none; font-style:italic; }
#unavi2 li span { border-left:0.09em solid #FFFFFF; padding:0.16em 0 0.16em 0.36em; margin-left:2.34em; background-color:#A5D0F4; }
.hnavi_aktiv { background-color:#78B8EE; }
.unavi_aktiv { background-color:#78B8EE !important; font-weight:bold !important; }


#agb a { background-color:#C1041A; color:#FFFFFF !important; }
#agb a:hover { background-color:#C1041A !important; color:#FFFFFF !important; }
#agb li span { background-color:#FFE8E8 !important; color:#000000 !important; }
#agb li a { text-decoration:none; color:#000000 !important; background-color:#FFE8E8 !important; }
#agb li.agb_aktiv a { text-decoration:none; color:#000000 !important; background-color:#C1041A !important; }
#agb li a:hover { text-decoration:underline; color:#000000 !important; }
.agb_aktiv { background-color:#C1041A !important; }

/*
=========================================================
Verlinkung für Geschenkideen im linken Teil des Hauptbereichs
=========================================================
*/
#gift_ideas { clear:left; }
#gift_ideas1 { width:100%; height:15.67em; margin-top:0.09em; }
#gift_ideas1 img { width:100%; height:100%; }
#gift_ideas2 { position:absolute; z-index:99; width:18.25em; height:15.67em; }
#gift_ideas2 a { display:block; width:100%; height:100%; float:left; color:#000000; font-size:1.08em; font-weight:bold; text-decoration:none; text-align:right; }
#gift_ideas2 a:hover { text-decoration:underline; }
#gift_ideas2 span { padding:1.34em 1.10em 0 0; display:block;  }

/*
=========================================================
Inhaltbereich
=========================================================
*/
#content { width:60.82em; float:left; }
#content h1 { margin-left:0; margin-right:0; padding-left:0; padding-right:0; font-size:2em; margin-top:0; padding-top:0; }
.space_1em { margin-left:1em !important; margin-right:1em !important; padding:0; }
.space_2em { margin-left:0.5em !important; margin-right:0.5em !important; }
#content a { color:#000000; }
#content p { display:block; margin:0.16em 0 0.16em 0; padding:0; }

/*
=========================================================
Anzeige von Neuheiten, Sonderangeboten und Paketen
=========================================================
*/
#angebote { border:0.09em solid #E6EDD3; margin-right:0.09em; margin-top:5.35em; background-color:#FFFFFF; margin-bottom:1.5em; }
#angebote_bg { width:100%; height:12.17em; }
.angebot_neu { width:18.5em; height:12.17em; margin-left:1em; float:left; }
.angebot_sonst { width:18.5em; height:12.17em; margin-left:1.33em; float:left; }
.angebot_bg { position:absolute; margin-top:-4.08em; width:18.33em; height:16em; }
.angebot_inhalt { position:absolute; margin-top:-4.08em; width:10em; height:16em; margin-left:5.26em; }
.angebot_bg img { width:100%; height:100%; }
.angebot_headline { width:100%; height:4.17em; overflow:hidden; }
.angebot_headline h2 { display:block; float:left; padding:2em 0 0 0; margin:0; font-size:1.08em; font-weight:bold; }
.angebot_text { width:10.3em; height:4.15em; margin-top:0.28em; overflow:hidden; }
.angebot_preis { width:10.3em; height:2.84em; }
.angebot_preis1 { font-size:0.83em; position:absolute; display:block; }
.angebot_preis2 { font-size:1.83em; float:right; color:#C00418; font-weight:bold; margin-top:0.4em; margin-right:0.16em; display:block; }
.angebot_bestellen { width:10em; margin-top:0.24em; height:1.84em; font-weight:bold; background-image:url(../images/empty.gif); background-repeat:repeat; }
.angebot_bestellen a { color:#000000; text-decoration:none; background-image:url(../images/angebote/pfeil.png); background-position:right; background-repeat:no-repeat; display:block; width:100%; height:100%; }
.angebot_bestellen a:hover { text-decoration:underline; }
.angebot_bestellen span { padding-top:0.24em; display:block; }
.angebot_sonderpreis { position:absolute; font-size:1.17em; color:#FFFFFF; font-style:italic; font-weight:bold; width:3.57em; height:3.57em; margin-left:12em; margin-top:1.8em; }
.angebot_sonderpreis img { position:absolute; width:3.57em; height:3.57em; }
.angebot_sonderpreis span { position:absolute; text-align:center; display:block; width:100%; margin-top:1.14em; }

/*
=========================================================
Neu im Angebot und Rezepte
=========================================================
*/
.neua_left				{ width:30.25em; float:left; margin-left:0.09em; margin-top:0.18em; }
.neua_right				{ width:30.25em; float:right; margin-top:0.18em; }
.neua_head				{ border:0.09em solid #D2E7F9; padding:0.09em; background-color:#AED4F5; float:left; }
.neua_head a			{ text-decoration:none; }
.neua_head_groesse 		{ width:29.89em; height:2.08em; }
.neua_head h2 			{ display:block; float:left; font-size:1.08em; line-height:1.92em; color:#000000; padding:0 0 0 0.3em; margin:0; }
.neua_head_bottom				{ border:0.09em solid #D2E7F9; padding:0.09em; background-color:#AED4F5; float:left; margin-top:0.18em; }
.neua_head_bottom h2 			{ display:block; float:left; font-size:1.08em; line-height:1.92em; color:#000000; padding:0 0 0 0.3em; margin:0; }
.neua_bild 				{ border:0.09em solid #D2E7F9; float:left; margin-top:0.09em; padding:0.09em; }
.neua_bild_groesse 		{ width:14.17em; height:10.75em; overflow:hidden; }
.neua_bild img 			{ display:block; width:14.17em; min-height:10.75em; height:auto !important; height:10.75em; }
.neua_inhalt 			{ border-top:none; float:right; padding:0.09em; }
.neua_inhalt_groesse1 	{ width:15.5em; height:11.09em; position:relative; overflow:hidden; background-color:#D2E7F9; }
.neua_inhalt_groesse2 	{ width:15.5em; height:11.09em; position:relative; float:left; overflow:hidden; background-color:#D2E7F9; }
.neua_inhalt_abstand 	{ padding:0.42em 0 2em 0; }
.neua_inhalt_abstand2 	{ padding:0.42em 0.25em 5.5em 0.25em; float:left; }
.neua_inhalt_bild 		{ float:left; margin:1em 0.25em 0.25em 0; }
.neua_inhalt_text 		{ position:absolute; top:0.42em; right:0; width:15em; }
.neua_show 				{ position:absolute; bottom:0; right:0; width:15.5em; height:5.5em; display:block; float:left; }
.neua_show_preis		{ width:15.25em; height:3.83em; float:left; margin-left:0.25em; }
.neua_show_link a 		{ display:block; float:left; width:100%; height:1.67em; background-image:url(../images/angebote/pfeil.png); background-position:right; background-repeat:no-repeat; color:#FFFFFF !important; text-decoration:none; font-weight:bold;  background-color:#1E89E3; }
.neua_show_link span 		{ padding:0.24em 0.24em 0.24em 0.5em; display:block; }
#angebotspreis 			{ color:#CC0000; }

/*
=========================================================
Startseiteseitenzusatz
=========================================================
*/
.unten { margin-top:0.25em; margin-bottom:0.25em; float:left; }
.unten a { color:#000000; text-decoration:underline; }

/*
=========================================================
Startseitenzusatz
=========================================================
*/
.unten_links				{ width:30.10em; height:6em; overflow:hidden; float:left; margin-left:0.09em; border:0.09em solid #D2E7F9; }
.unten_links h1 			{ margin:0; padding:0; float:left; }
.unten_links h2 			{ display:block; width:100%; margin:0; padding:0.23em 0 0.23em 0; font-size:1.08em; font-weight:bold; background-color:#D2E7F9; }
.unten_links h2 span 		{ padding:0.3em; display:block; }
.unten_rechts				{ width:30.20em; height:6em; overflow:hidden; float:right; background-color:#D2E7F9; margin-left:0.24em; }
.unten_rechts p 			{ font-size:1em; margin:0; padding:1em !important; font-weight:bold; float:left; }

.unten_rechts form { display:block; margin:0; padding:0; }
.unten_rechts label { display:none; }
.unten_form, .unten_form_text, .unten_news_text, .unten_area_text, .unten_form_btn { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; color:#000000; border:0.09em solid #0084D6; margin-top:0; font-size:1em; color:#02286D; }
.unten_form_text { width:14em; margin-right:0.5em; }
.unten_news_text { width:20em; margin-right:0.5em; }
.unten_area_text { width:40em; }
#newsletter p { padding-top:0 !important; padding-bottom:0 !important; clear:both; margin-top:0 !important; margin-bottom:0 !important; }
.unten_form_btn { background-color:#D2E7F9; color:#02286D; font-weight:bold; }

#kontakt label { display:block !important; float:left !important; width:25em; }
#kontakt p { margin:0 !important; padding:10px 0 0 10px !important; }
#kontakt .unten_form_btn { clear:both !important; margin-bottom:20px !important; }
#kontakt input { clear:both !important; float:left !important; }

#kontakt { background-color:#FFFFFF !important; }
#kontakt br { clear:left; }

.headline					{ margin:0.5em 0 0 0; padding:0.5em 0 0.5em 0; border:0.09em solid #D2E7F9; background-color:#AED4F5; }
.headline span				{ padding-left:1em; }
.headline h1				{ margin:0; padding:0; }
.headline h1 span			{ padding-left:0.5em; }

/*
=========================================================
grafischer Fuss des Hauptbereichs
=========================================================
*/
#bottom { clear:both; width:100%; height:14.67em; }
#bottom img { width:100%; height:100%; }

/*
=========================================================
Adresszeile am Ende der Seite
=========================================================
*/
#address { width:100%; height:2.3em; text-align:center; font-size:0.83em; }
#address span { display:block; padding-top:0.2em; }
#address a { color:#000000; text-decoration:underline; }

/*
=========================================================
Seitenzähler
=========================================================
*/
.zaehler { clear:left; padding:0.24em; }
.zaehler a { color:#000000 !important; text-decoration:none;  }
.anzahl_auswahl { clear:left; float:right; padding:0.24em; }
.anzahl_auswahl a { color:#000000 !important; text-decoration:underline;  }

/*
=========================================================
Detailansicht von Shopartikeln
=========================================================
*/
.artikel_sprung 			{ width:100%; height:2.08em; background-color:#AED4F5; margin-top:0.25em; margin-bottom:0.17em; overflow:hidden; }
.artikel_sprung_abstand 	{ padding-top:0.41em; padding-left:0.5em; padding-right:0.5em; }
.artikel_sprung_left		{ width:33%; float:left; }
.artikel_sprung_left a 		{ color:#000000 !important; display:block; padding-left:1.83em; background-image:url(../images/pfeil_back.png); background-repeat:no-repeat; background-position:left; float:left; }
.artikel_sprung_middle		{ width:33%; float:left; text-align:center; }
.artikel_sprung_middle a 	{ color:#000000 !important; }
.artikel_sprung_right		{ float:right; text-align:right; }
.artikel_sprung_right a		{ color:#000000 !important; display:block; padding-right:1.83em; background-image:url(../images/pfeil_front.png); background-repeat:no-repeat; background-position:right; float:left; }
.artikel_sprung_back 		{ float:left; padding-top:0.41em; padding-left:2em; }
.artikel_sprung_back a 		{ color:#000000 !important; font-weight:bold; }

.artikel_anzeige { border:0.09em solid #D2E7F9; background-color:#FFFFFF; }
.artikel_anzeige_abstand { padding:0.25em; }
.artikel_anzeige_abstand label { float:left; }
.artikel_anzeige_bild { float:left; margin-right:1em; }
.artikel_anzeige_bild img { border:0.09em solid #1e89e3; }
.artikel_anzeige_link1 { display:block; padding-left:2.08em; background-image:url(../images/lupe.gif); background-position:left; background-repeat:no-repeat; height:20px; color:#1e89e3 !important; float:left; font-weight:bold; }
.artikel_anzeige_link2 { display:block; padding-left:2.08em; background-image:url(../images/weitere.gif); background-position:left; background-repeat:no-repeat; height:20px; color:#1e89e3 !important; clear:left; float:left; font-weight:bold; }
.artikel_anzeige h1 { display:block; margin-top:0; margin-bottom:0; }

.artikel_rechts { width:14em; float:right; display:block; }
.artikel_rechts_abstand { padding:0.09em; border:0.09em solid #1e89e3; background-color:#FFFFFF; position:relative; }
.artikel_rechts ul { display:block; margin:0; padding:0 0 1.67em 0; list-style:none; background-color:#aed4f5; }
.artikel_rechts li { display:block; width:100%; border-bottom:0.09em solid #FFFFFF; padding:0; margin:0; }
.artikel_rechts a { color:#000000; text-decoration:none; display:block; width:100%; }
.artikel_rechts a:hover { text-decoration:underline; }
.artikel_rechts a span { display:block; padding:0.25em; }
.artikel_rechts form { display:block; margin:0; padding:0; clear:both; position:relative; }
.artikel_rechts_einheit { font-size:0.83em; position:absolute; left:0.18em; }
.artikel_rechts_preis { font-size:1.83em; float:right; color:#000000; font-weight:bold; margin-top:0; margin-right:0.16em; display:block; margin-bottom:0.25em; position:relative; text-align:right; }

/*
=========================================================
Layer über der Seite
=========================================================
*/
#show_border_black { border:0.09em solid #000000; position:absolute; top:13em; margin-left:20em; }
#show_border 	{ border:0.5em solid #0082D6; float:left; }
#show 			{ width:52em; background-color:#F4F9FE; float:left; }
#show a			{ color:#000000; }
.show_close 	{ width:100%; float:left; }
.show_close a	{ text-decoration:none !important; padding:0.33em; border:0.09em solid #1E89E3; background-color:#FFFFFF; font-weight:bold; float:right; }
#show_abstand	{ padding:2.5em; float:left; }
#show h2 		{ font-size:2em; color:#1E89E3; font-weight:bold; }
#show label		{ display:block; clear:left; float:left; width:15em; margin-right:0.83em; }
#show input, #show textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#000000; }
#show textarea	{ display:block; width:30em; float:left; }
.friends_senden { display:block; background-color:#FFFFFF; border:0.09em solid #1E89E3; color:#1E89E3 !important; clear:left; cursor:pointer; padding-top:0.33em; padding-bottom:0.33em; font-weight:bold; margin-left:15.83em; margin-top:12em; }
.keineansicht 	{ display:none !important; }

/*
=========================================================
Merkzettelanzeige
=========================================================
*/
#merkzettel 	{ float:right; padding-right:1em; padding-top:0.33em; }
#merkzettel a 	{ color:#1e89e3; font-size:1.17em; font-weight:bold; }


.rez_start	{ width:48%; float:left; }
.rez_start a	{ text-decoration:underline; }

#form_see { display:none; }


.popup			{ position:absolute; width:250px; margin:0 auto; top:250px; left:250px; background-color:#44a22a; color:#FFFFFF; text-align:left; }
.popup	td		{ font-family:Arial, Helvetica, sans-serif; }

/*
=========================================================
Auswahl der Produktvarianten
=========================================================
*/
#varianten { padding-top:0.5em; }
#varianten label { font-size:0.75em; padding-right:1em; }
#varianten select, #varianten input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#000000; }