/* ------------------------------------------------------------------------------
 * RG.SHOPS - ONLINE-SHOP & E-COMMERCE SYSTEM
 * (C) Robert Gnuschke, rob@gmx.de
 * Das Kopieren des Shops im einzelnen, wie im ganzen ist ausdrücklich untersagt.
 * ------------------------------------------------------------------------------
 */

/*
 * BASIS STYLESHEET FÜR DAS FRONTEND (ONLINE-SHOP)
 * Dieses Stylesheet können Sie anpassen, dass das Layout Ihren Wünschen entspricht.
 */

/* Allgemeine Layout Regeln */

html {
	height: 101%;
	min-height: 101%;
}

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0px;
	background: #f1f1f1; /* #f3f1d4; */
}
img { border: none; }

/* Allgemeine Definition von Linkfarben etc. */
a { text-decoration:none; color: #005991; font-weight:bold; }

/* Layout Regeln für die Kästen */
.BreiterKasten {
	border: 1px solid #b4c3da;
	margin: 0 0 1em 0;
	background: white;
	/*padding: inherit;*/
	padding: 0;
}
.BreiterKasten .Titel {
	/*background: url(images/KastenTitel.png) 50% #005991;*/
	background: white;
	border-left: 2em solid #005991;
	border-bottom: 1px solid #b4c3da;
	color: #005991;
	font-weight: bold;
	padding: 3px 4px 4px 10px;
	margin: 0px;
}
.BreiterKasten .Inhalt {
	padding: 0 6px 0px 6px;
}

#MainCenter {
	position: absolute;
	left: 50%;
	width: 950px;
	min-height: 300px;
	margin-left: -475px;
}

/* Layout Regeln für das Layer MenueHorizontal
   (Infofelder nebeneinander aufgelistet zusätzl. Gästebuch, Mein Konto und Warenkorb) */
#MenueHorizontal { position:relative; width:948px; height:1.7em; left:0; top:0; border: 1px dotted #AAAAAA; border-top: none; border-bottom: none; background: white; }
#MenueHorizontal ul { margin: 0px; padding: 0px; }
#MenueHorizontal li { list-style: none; float:left; margin: 0px; padding: 0px; height: 1.5em; white-space: nowrap; font-size: 11px; line-height: 1.5em; }
#MenueHorizontal a { text-decoration: none; display: block; float:left; height:1.7em; padding: 0.2em 1.4em 0.2em 1.4em; font-weight: bold; background: #FFFFFF; color: #AAAAAA; border-right: 1px dotted #cccccc; }
#MenueHorizontal li.last a {  }
#MenueHorizontal a:hover { background: #FFFFFF; color: #FFFFFF; border-left: 1em solid #005991; padding-left: 0.4em; color: #005991; }

#Hauptlogo { position:relative; width:950px; height:150px; border:none; margin: 0; padding: 0; background: url(images/words_logo_1.png) no-repeat #005991; }

#Suche { display: none; position:absolute; height:28px; z-index:6; left: 740px; top: 0px; width:160px; }
#Suche input.form { height: 15px; }
#Suche input.button { height: 20px; width: 60px; padding: 0; margin: 0; font-size:9px; }

#Arbeitsbereich { position:absolute; width:41em; z-index:5; left: 14.2em; top: 13em; padding: 0.5em 1.5em 0 1em; line-height: 1.5em; text-align:justify; background: #f1f1f1; }
#Arbeitsbereich h1 { color: #000000; font-size: 12pt; font-weight: bold; margin-top:inherit; }
#Arbeitsbereich h2 { color: #000000; font-size: 11pt; font-weight: bold; margin-top:inherit; }
#Arbeitsbereich h3 { color: #000000; font-size: 10pt; font-weight: bold; margin-top:inherit; }
#Arbeitsbereich .Fusszeile { display: block; font-size: 9px; text-align: center; margin: 2em 0 2em; 0; line-height: 1em; }
#Arbeitsbereich .Fusszeile hr { color:#005991; background-color:#005991; height: 1px; width: 100%; border: none; }
#Arbeitsbereich .Fusszeile #Pflichtfelder { display: none; }

/* Layout Regeln für das Layer Hauptmenue
   (Liste der Kategorien) */
div#Hauptmenue { position:relative; float:left; width:14em; left: 1px; top:1px; margin: -1px 0 0 -1px; line-height: 1.5em; z-index: 10; }
div#Hauptmenue ul { margin: 0; padding: 0; width: 14em; border: 1px solid #CCCCCC; background: white; }
div#Hauptmenue li { position: relative; list-style: none; margin:0; border-bottom: 1px solid #CCCCCC; border-left: 1em solid #b4c3da; }
div#Hauptmenue li:hover { background: #EEEEEE; border-left: 1em solid #005991;  }
div#Hauptmenue li.submenu { background: url(images/pfeil_einzelblau.png) 99% 50% no-repeat; }
div#Hauptmenue li.submenu:hover { background-color: #EEEEEE; }
div#Hauptmenue li a { display:block; padding: 0.3em 0 0.3em 0.5em; text-decoration:none; font-weight:100; font-size: 8pt; }
div#Hauptmenue ul a { width: 15.5em; }
div#Hauptmenue ul ul { position:absolute; top:0; left:13em; display: none; background-image:none; }

/* Layout Regeln für das Layer "Shop_Sprachauswahl" */
div#Shop_Sprachauswahl { position: absolute; left:625px; top: 10px; height: 16px; width: auto; border: 0px solid white; }
div#Shop_Sprachauswahl ul { margin: 0; padding: 0; }
div#Shop_Sprachauswahl li { margin: 0; padding: 0 2px 0 2px; list-style: none; float: left; }

/* Layout Regeln für das Layer Zusatzinfos
   (Weitere Informationen über Artikel) */
#Zusatzinfos { margin: 10px; }
#Zusatzinfos h1 { color: #000000; font-size: 12pt; font-weight: bold; margin-top:inherit; }
#Zusatzinfos p { clear: left; margin: 0; padding: 0; }
#Zusatzinfos .Text { font-family: "Courier New", Courier, mono; margin: 15px; }
#Zusatzinfos .Tabellen { position:relative; left:22px; }
#Zusatzinfos table { font-size: 10pt; position:relative; left:20px; }
#Zusatzinfos .Fusszeile { text-align: center;}

/* Layout Regeln für das Layer Druckversion */
#Druckversion { margin: 10px; }

/* Layout Regeln für das Layer RechterBereich
   (Elemente innerhalb der Info-Kästchen rechts vom Hauptbereich) */
#RechterBereich { position:absolute; width:180px; z-index:7; left: 770px; top: 14em; line-height: 14px; text-align: left; vertical-align: top; }
#RechterBereich .BreiterKasten .Titel { font-size: 12px; }
#RechterBereich ul { margin: 0px; padding: 0px;  margin-left: 15px; }
#RechterBereich li { margin-left: 15px; }
#RechterBereich form { margin: 0px; padding: 0px; }
#RechterBereich hr { color: #000000; background-color:#000000; height: 1px; border: none; }

#RechterBereich #prom_warenkorb { margin: 0.5em 0 0.5em 0; padding: 0px; font-size: 11px; }
#RechterBereich #prom_warenkorb ul { margin: 0px; padding: 0px; }
#RechterBereich #prom_warenkorb input { margin: 0.5em 0 0 0; padding: 0.3em 0 0.3em 0; }

#RechterBereich #prom_paypalinfo { }

#RechterBereich #prom_events { margin: 0.5em 0 0.7em 0; padding: 0px; font-size: 11px; }
#RechterBereich #prom_events ul { margin: 0px; padding: 0px; }

#RechterBereich #prom_neue_artikel { margin: 0.5em 0 0.7em 0; padding: 0px; font-size: 11px; }
#RechterBereich #prom_neue_artikel ul { margin: 0px; padding: 0px; }

#RechterBereich #prom_beliebte_artikel { margin: 0.5em 0 0.7em 0; padding: 0px; font-size: 11px; }
#RechterBereich #prom_beliebte_artikel ul { margin: 0px; padding: 0px; }

#RechterBereich #prom_newsletter_artikel { margin: 0.5em 0 0.7em 0; padding: 0px; font-size: 11px; }
#RechterBereich #prom_newsletter_artikel ul { margin: 0px; padding: 0px; }

#RechterBereich #prom_kuerzlich_angesehene_artikel { margin: 0.5em 0 0.7em 0; padding: 0px; font-size: 11px; }
#RechterBereich #prom_kuerzlich_angesehene_artikel ul { margin: 0px; padding: 0px; }

#RechterBereich #prom_umfrage { margin: 0.5em 0 0.5em 0; padding: 0px; font-size: 11px; }

/* Layout Regeln für das Layer InfofelderVertikal
   (Infofelder (Pflichtfelder) untereinander aufgelistet zusätzl. Kontakt) */
#InfofelderVertikal { display:none; }
#InfofelderVertikal ul { margin: 0px; padding: 0px; list-style-type: none; }
#InfofelderVertikal li { margin: 0px; padding: 0px; }

/* Layout Regeln für das Layer LoginInfos
   (Bereich, der anzeigt, ob und welcher Kunde eingeloggt ist.) */
#LoginInfos {
	position:relative;
	width:12.5em;
	left: 0px;
	top: 0px;
	color: #005991;
	line-height: 1.4em;
	padding: 0.3em 0 0.3em 0.5em;
	border: solid 1px #b4c3da;
	border-left: 1em solid #005991;
	margin: 1em 0 0 0;
	background: white;
}
#LoginInfos .inhalt { font-size:11px; }
#LoginInfos a { text-decoration:none; font-weight:bold; color: #005991; }


/* Layout Regeln für das Layer Gaestebuch*/
#Gaestebuch table.Anzeigen { width: 100%; border-spacing:2px; border: none; }
#Gaestebuch table.Anzeigen th { border: 1px solid #b4c3da; border-left: 2em solid #005991; padding: 0 0 0 0.5em; color: #005991; background: white; }
#Gaestebuch table.Anzeigen td { border: 1px solid #b4c3da; padding: 0.2em 0.2em 0.2em 0.5em; color: #000000; text-align:left; font-size:11px; background: white; }
#Gaestebuch .Autor { font-weight: bold; }
#Gaestebuch .AutorInfos { font-size: 10px; }
#Gaestebuch table.Formular { font-weight: bold; }

/* Layout Regeln für das Layer Kontakt*/
#Kontakt table { width: 100%; }

/* Layout Regeln für das Layer Umfrage */
#Umfrage table { text-align:left; } /*table-layout:fixed; border-collapse: collapse; */
#Umfrage td { border-bottom: 1px dotted #005991; padding: 6px 0 0.5em 0; margin: 0 0 1em 0; }
#Umfrage td.colWert { width: 180px; font-weight: bold; }
#Umfrage td.colErgebnis { width:350px; }

/* Layout Regeln für das Layer Artikelgitter */
#Artikelgitter { position: relative; margin: 0 0 1em 0; text-align:left; font-size:11px; }
#Artikelgitter div.element { float: left; width: 258px; height: 90px; margin: 0 3px 3px 0; padding: 4px 2px 0 4px; background: url(images/artikelgitter.png) no-repeat white; border: 1px solid #CCCCCC; }
#Artikelgitter div.ZelleBild { float: left; width: 80px; vertical-align: top; }
#Artikelgitter div.ZelleInfos { float: left; width: 170px; vertical-align: top; font-weight: bold; padding: 0 2px 0 5px;}
#Artikelgitter p { clear: left; margin: 0; padding: 0; }

/* Layout Regeln für die ARTIKELDETAILS */
#Artikeldetails { position:relative; width:100%; top: 0px; margin: 0 0 2em 0; }
#Artikeldetails #Details {  width:475px; top: 15px; }
#Artikeldetails #Details table { width: 100%; table-layout: fixed; text-align: center; margin: 5px 0 5px 0; padding: 1px 0 1px 0;  }
#Artikeldetails #Details p { margin: 1px 0 1px 0; padding: 1px 0 1px 0; }
#Artikeldetails #Details ul.Download { margin: 5px 0 5px 0; padding: 1px 0 1px 0; list-style-type: none; }
#Artikeldetails #Details ul.Download li { margin: 0; padding: 0.25em 0 0.25em 20px; list-style-type: none; background: url(images/page_green.png) no-repeat 0 2px; }
#Artikeldetails #Details td { margin: 0; padding: 0; }
#Artikeldetails #Details form { margin: 0; padding: 0; }
#Artikeldetails #Details .SelectAnzahl { text-align: center; }
#Artikeldetails #Details .FragezumArtikel { text-align: center; }
#Artikeldetails #Details .ZurueckButton { text-align: center; }
#Artikeldetails #Details .weitere_infos { display: block; height: 16px; }
#Artikeldetails #Details .weitere_infos span { vertical-align:top; }
#Artikeldetails #Details .weitere_infos img { margin: 0 5px 0 0; }
#Artikeldetails #Details .weitere_infos { margin: 0 0 0.5em 0; }
#Artikeldetails #Details .lieferzeit span { vertical-align: top; }
#Artikeldetails #Details .lieferzeit img { margin: 0 5px 0 0; }
#Artikeldetails #Bilder { position:absolute; width:90; left: 420px; top: 45px; text-align:left; }
#Artikeldetails #Kategorie { position:absolute; width:540px; height:16px; left: 0px; top: -14px; }
#Artikeldetails .Button_ArtikelInWarenkorb { padding-left: 22px; font-size: 9pt; background-image: url(images/warenkorb_einfuegen.png); background-repeat: no-repeat; background-position: 5 5; }
/* Artikeldetails - Preisangaben */
#Artikeldetails #Details #Preise { border: none; }
#Artikeldetails #Details #Artikelpreis { font-weight: bold; }
#Artikeldetails #Details #AlterPreis { color: #BD1515; text-decoration: line-through; }
#Artikeldetails #Details #EinzelPreis { }
#Artikeldetails #Details #Extraversand { }
#Artikeldetails #Details #Staffelmenge { font-size: 8pt; }

/* Layout Regeln für das Layer Kategoriegitter */
#Kategoriegitter { position: relative; margin: 0 0 1em 0; }
#Kategoriegitter ul { margin: 0.5em 0 0 1.5em; list-style-type:none; }
#Kategoriegitter li { float: left; margin: 0.4em 0 0.4em 0; }
#Kategoriegitter a { display: block; width: 250px; text-decoration: none; padding: 0; margin: 0; }
#Kategoriegitter a:hover { text-decoration:underline; }
#Kategoriegitter p { clear: left; margin: 0; padding: 0; font-weight: bold; }

/* Layout Regeln für das Layer Kunden */
#Kunden table.Kundenanmeldung { table-layout:fixed; margin: 1em 0 1em 0; text-align:left; }
#Kunden table.Kundenanmeldung tr.rowTitel { font-weight: bold; text-align: center; color: #FFFFFF; background-color: #005991; }
#Kunden table.Kundenanmeldung tr.rowInhalt { vertical-align: top; }
#Kunden table.Kundenanmeldung td.colTitel_1 { width: 50%; }
#Kunden table.Kundenanmeldung td.colTitel_2 { width: 50%; }
#Kunden table.Kundenanmeldung form { margin: 1em 0 0 0; padding: 0px; }
#Kunden table.LoginFormular td.colTitel { vertical-align:top; font-weight: bold; }
#Kunden table.LoginFormular td.colFormular { }

#Kunden table.MeinKonto_Bestellungen { width: 100%; border-collapse:collapse; margin: 10px 0 10px 0; border: 1px solid #b4c3da; }
#Kunden table.MeinKonto_Bestellungen thead td { font-weight: bold; font-size: 8pt; background-color: #005991; color: white; padding: 4px; }
#Kunden table.MeinKonto_Bestellungen tbody td { vertical-align: top; font-size: 8pt; font-weight: 100; padding: 5px 5px 0 8px; }
#Kunden table.MeinKonto_Bestellungen span.Zahlung { font-weight: bold; display: block; }
#Kunden table.MeinKonto_Bestellungen span.BestellungVom { font-weight: bold; font-size: 9pt; }
#Kunden table.MeinKonto_Bestellungen span.BestellungDatum { font-weight: bold; font-size: 9pt; }
#Kunden table.MeinKonto_Bestellungen span.BestellungGesamt { }
#Kunden table.MeinKonto_Bestellungen span.BestellungGesmatbetrag { }
#Kunden table.MeinKonto_Bestellungen span.VersandInfo {  }
#Kunden table.MeinKonto_Bestellungen span.Artikelbezeichnung { }
#Kunden table.MeinKonto_Bestellungen span.Artikelpreis { }
#Kunden table.MeinKonto_Bestellungen span.Lieferadresse { }
#Kunden table.MeinKonto_Bestellungen span.Lieferadresse_Titel { }

#KundenLoginErfolgreich h2 {
	margin-top: 0.5em;
}

#MeinKonto_Start ul li a:hover { background-color: #4a72b2; border: 1px solid black; color: white; text-decoration: none; }
#MeinKonto_Start p { padding: 0; margin:0; clear: left; }

/*#Kunden ul.MeinKonto_Start li { margin: 0.5em; }*/
#Kunden .SubmitButton { margin: 0; padding: 0.4em 0.2em 0.4em 0.2em; }

/* Layout Regeln für das Layer WarenkorbAnsicht
	Anzeige des Warenkorbes im Shop */
#WarenkorbAnsicht {}
#WarenkorbAnsicht table { table-layout: fixed; width: 100%; border-collapse:collapse; border: 1px solid #b4c3da; margin: 0 0 1em 0; }
#WarenkorbAnsicht table thead { font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #005991; }
#WarenkorbAnsicht table td { padding: 1px 2px 1px 2px; }
#WarenkorbAnsicht table tbody a { color: black; font-weight:100; }
#WarenkorbAnsicht table tbody td { border-bottom: 1px solid #CCCCCC; }
#WarenkorbAnsicht table tfoot td { padding: 0.3em 0 0.2em 0; }
#WarenkorbAnsicht .sp_1 { width: 15px; text-align: center; }
#WarenkorbAnsicht .sp_2 { width: 50px; text-align: center; }
#WarenkorbAnsicht .sp_3 { text-align: left; }
#WarenkorbAnsicht .sp_4 { width: 100px; text-align: right; }
#WarenkorbAnsicht .sp_5 { width: 25px; text-align: right; }

/* Layout-Regeln für den Bestellvorgang (inc_shop_bestellung2.php) */
/* --------------------------------------------------------------- */
div#Bestellung_Step1_Lieferadresse { margin: 1em 0 1.5em 0; }
div#Bestellung_Step1_LieferadressenListe { text-align:left; }
div#Bestellung_Step1_LieferadressenListe div.Adressblock { float: left; width: 220px; min-height: 8em; padding: 0; margin: 0; }
div#Bestellung_Step1_LieferadressenListe div.Adressblock input { float: left; }
div#Bestellung_Step1_LieferadressenListe div.Lieferadresse { padding: 0 1.5em; }
div#Bestellung_Step1_LieferadressenListe_Clear { clear: both; }

/* Layout Regeln für das Layer Bild-Vorschau */
#Bild-Vorschau { text-align: center; }

/* Layout Regeln für den Newsletter
 * Hinweis: Beim Newsletter werden NUR diese Zeilen eingelesen, daher muessen(!) die Eintraege in je einer Zeile stehen!
 */
#NewsletterHTML { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; margin: 0px; padding: 0 0 10px 0; background: #FFFFFF; text-align: center; }
#NewsletterHTML #Body { font-size: 10pt; margin: 0 40px 0 40px; width: 700px; }
#NewsletterHTML h1 { font-size: 13pt; font-weight: bold; margin: 10px 0 5px 0; padding: 0px 0 5px 0; }
#NewsletterHTML h2 { font-size: 12pt; font-weight: bold; margin: 0px 0 5px 0; padding: 0px 0 5px 0; }
#NewsletterHTML a { text-decoration:none; color: #005991; font-weight: bold; }
#NewsletterHTML a:hover { text-decoration:underline; }
#NewsletterHTML .NLText { margin: 1em 0 2em 0; text-align: left; }
#NewsletterHTML table { table-layout: fixed; width: 100%; }
#NewsletterHTML .Artikelzeile { background-color: #FFFFFF; vertical-align: top; font-size: 9pt; }
#NewsletterHTML .ZelleBild { width: 80px; text-align: center; }
#NewsletterHTML .ZelleBeschreibung { }
#NewsletterHTML .ZellePreis { width: 80px; text-align: right; font-weight: bold; }
#NewsletterHTML .AlterPreis { width: 80px; color: #BD1515; text-decoration: line-through; }
#NewsletterHTML .NLFuesszeile { margin: 10px 0 10px 0; text-align: left; font-size: 9pt; }
#NewsletterHTML .NLImpressum { margin: 10px 0 10px 0; text-align: left; font-size: 8pt; color: #555555; }
#NewsletterHTML .NLImpressum hr { color:#555555; background-color:#555555; height: 1px; border: none;  }
#NewsletterHTML .NLImpressum table { width: 100%; }
#NewsletterHTML .NLImpressum table td { width: 50%; vertical-align: top; }


/*
 * Ab diesem Abschnitt folgen Klassendefifinitionen, die durch das Shop-System
 * eingesetzt werden. Änderungen sind möglich, jedoch werden sämtliche Klassen
 * als solches benötigt.
 */

.AlterPreis {
	color: #BD1515;
	text-decoration: line-through;
}

.SubmitButton {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #005991;
	font-size: 11px;
	margin: 0;
	padding: 0.4em 0.6em 0.4em 0.6em;
	overflow: visible;
	border: 1px double;
	cursor: pointer;

}

.SubmitButtonKlein {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #005991;
	font-size: 9px;
	border: 0px;
	height: 12px;
	cursor: pointer;
	margin: 0;
	padding: 0.3em 0.5em 0.3em 0.5em;
	overflow: visible;
}

.SubmitButtonRechts {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #005991;
	font-size: 9px;
	border: 1px double;
	cursor: pointer;
	margin: 0.25em 0 0.25em 0;
	padding: 0.3em 0.6em 0.3em 0.6em;
	overflow: visible;
}

.TabellenHeadCenter1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #005991;
}

.TabellenHeadLinks1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #005991;
}

.TabellenHeadRechts1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
	background-color: #005991;
}

.TabellenInhaltCenter1 {
	font-size: 13px;
	text-align: center;
	padding: 2px;
	vertical-align: top;
}

.TabellenInhaltLinks1 {
	font-size: 13px;
	text-align: left;
	padding: 2px;
	vertical-align: top;
}

.TabellenInhaltRechts1 {
	font-size: 13px;
	text-align: right;
	padding: 2px;
	vertical-align: top;
}

.KleinerHinweis {
	font-size: 10px;
}

.TabelleFarbeZeile1 {
	vertical-align: top;
}
.TabelleFarbeZeile2 {
	background-color: #EEEEEE;
	vertical-align: top;
}

.TabellenFormular {
	font-weight: bold;
}