/* ------------------------------------------------------------------------------
 * rgShopsystems - Onlineshop & E-Commerce Lösungen
 * (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 */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-image: url(images/hintergrund.png);
	background-repeat: repeat-y;
	background-color: #EBE8BB;
}

h1 {
	color: #000000;
	font-size: 14pt;
	font-weight: bold;
}

h2 {
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
}

h3 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

/* Allgemeine Definition von Linkfarben etc. */
a:link { text-decoration:none; color: #006700; font-weight:bold; }
a:visited { text-decoration:none; color: #006700; font-weight: bold; }
a:hover { text-decoration:underline; color: #006700; font-weight: bold; }
a:active { color: #006700; font-weight: bold; }

/* Layout Regeln für die Kästen */
.BreiterKasten {
	border: solid 1px #006700;
	background: #FFFFF4;
}
.BreiterKasten .Titel {
	background: url(images/KastenTitel.png) 50% #006700;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 4px 4px 10px;
	border: 0px;
}
.BreiterKasten .Inhalt {
	padding: 0 6px 0px 6px;
}

/* Layout Regeln für die Standard-Layer des Shops */
#rgSuche {
	position: absolute;
	height: 29px;
	left: 7px;
	top: 145px;
	width: 200px;
}
#rgSuche input.rgSuche_Textfeld {
  width: 158px;
}

/* Hauptmenü */
div#Hauptmenue { position: relative; margin-top: 50px; width: 200px; }
div#Hauptmenue * { margin: 0; padding: 0; }
div#Hauptmenue ul { list-style: none; width: 200px; border: 1px solid #004400; border-bottom: none; background: #006700; }
div#Hauptmenue ul ul { display: none; position: absolute; left: 192px; top: 0; }
div#Hauptmenue li { position: relative; width: 192px; border-bottom: 1px solid #004400; border-left: 8px solid #004400; }
div#Hauptmenue li.submenu { background-image: url(images/pfeil_einzel.png); background-position: 99% 50%; background-repeat: no-repeat; }
div#Hauptmenue li a { display:block; padding: 5px 6px 5px 6px; color: #FFFFFF; width: 180px; font-weight: 100; text-decoration:none; font-size: 9pt; }
div#Hauptmenue li:hover { background-color: #008800; border-left: 8px solid #002A00; }
div#Hauptmenue li:hover ul { display: block; }
/* Hauptmenü -> Unterebenen (nicht verändern) */
div#Hauptmenue li:hover ul ul { display: none; }
div#Hauptmenue li li:hover ul { display: block; }
div#Hauptmenue li:hover ul ul ul { display: none; }
div#Hauptmenue li li li:hover ul { display: block; }
div#Hauptmenue li:hover ul ul ul ul { display: none; }
div#Hauptmenue li li li li:hover ul { display: block; }
div#Hauptmenue li:hover ul ul ul ul ul { display: none; }
div#Hauptmenue li li li li li:hover ul { display: block; }

/* Layout Regeln für das Layer "Shop_Sprachauswahl" */
div#Shop_Sprachauswahl { position: absolute; left:625px; top: 10px; height: 16px; width: auto; border: none; }
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 .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;}

#Arbeitsbereich { position:absolute; left: 230px; right: 190px; top: 75px; }
#Fusszeile { position:relative; display: block; clear: both; font-size: 9px; text-align: center; margin: 2em 0 2em 0; padding: 2em 0 0 0; }
#Fusszeile hr { color:#000000; background-color:#000000; height: 1px; width: 80%; border: none; }

#Pflichtfelder { position:relative; display: block; margin: 0; padding: 0; }
#Pflichtfelder ul { list-style-type: none; white-space: nowrap; display:inline-block; margin: 5px 0 0 0; padding: 0; }
#Pflichtfelder ul li { display:inline; float:left; text-align: left; margin: 0; padding: 0; background-repeat: no-repeat; background-position:center; }
#Pflichtfelder ul li a { display: block; float: left; color: #000000; border: 1px solid #EBE8BB; text-decoration: none; font-weight: 100; padding: 3px 10px 3px 28px; background-repeat: no-repeat; background-position: 8px 0px; }
#Pflichtfelder ul li a:hover { background-color: #008800; color: #FFFFFF; border: 1px solid black; }

/* Layout Regeln für das Layer RechterBereich
   (Elemente innerhalb der Info-Kästchen rechts vom Hauptbereich) */
#RechterBereich { position:absolute; width:185px; right: 0px; top: 110px; font-size: 10px; text-align: left; vertical-align: top; }
#RechterBereich .BreiterKasten .Titel { font-size: 11px; }
#RechterBereich form { margin: 0px; padding: 0px; }

/* Layout Regeln für das Layer InfofelderVertikal
   (Infofelder (Pflichtfelder) untereinander aufgelistet zusätzl. Kontakt) */
#InfofelderVertikal { position: absolute; left:670px; top:2px; width: 108px; height: 50px; }
#InfofelderVertikal ul { margin: 0px; padding: 0px; list-style-type: none; }
#InfofelderVertikal li { margin: 0px; padding: 0px; }

/* Layout Regeln für das Layer MenueHorizontal
   (Infofelder nebeneinander aufgelistet zusätzl. Gästebuch, Mein Konto und Warenkorb) */
#MenueHorizontal { position:absolute; width:490px; left: 238px; top:1px; text-align: center; }
#MenueHorizontal ul { list-style-type: none; white-space: nowrap; margin: 0px; padding: 0px; }
#MenueHorizontal li { display:inline; float:left; margin: 0 1.0em 0 0; padding: 0 0 0 0; border: 0px solid #FFFFFF; height: 45px; background-repeat: no-repeat; background-position:center; }
#MenueHorizontal a { display: block; float: left; border: 1px solid #006700;  color: #FFFFFF; text-decoration: none; font-weight: 100; width: 80px; padding: 23px 0 3px 0; background-repeat: no-repeat; background-position: 30px 6px; }
#MenueHorizontal a:hover { background-color: #008800; border: 1px solid black; }
#MenueHorizontal a.gaestebuch { background-image: url(images/comments.png); }
#MenueHorizontal a.meinkonto { background-image: url(../sysimages/button_user.png); }
#MenueHorizontal a.kontakt { background-image: url(images/user_edit.png); }
#MenueHorizontal a.warenkorb { background-image: url(../sysimages/cart.png); }

#logo2_top { position:absolute; width:700px; height:100px; left: 200px; top:0px; background-image: url(images/logo2_top.png); background-repeat: no-repeat; }


/* Layout Regeln für das Layer LoginInfos
   (Bereich, der anzeigt, ob und welcher Kunde eingeloggt ist.) */
#LoginInfos {
	position:absolute;
	width:150px;
	height:28px;
	left: 735px;
	top: 3px;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	line-height: 1.4em;
}

#LoginInfos a:link { text-decoration:none; color: #FFFFFF; }
#LoginInfos a:visited { text-decoration:none; color: #FFFFFF; }
#LoginInfos a:hover { text-decoration:underline; color: #FFFFFF; }
#LoginInfos a:active { color: #FFFFFF; }


/* Layout Regeln für das Layer Gaestebuch */
#Gaestebuch table.Anzeigen { border: 1px; border-color: #006700; border-style: solid; border-spacing: inherit; }
#Gaestebuch th { font-weight: bold;	text-align: left; color: #FFFFFF; background-color: #006700; padding: 4px; }
#Gaestebuch td { padding: 4px; }
#Gaestebuch .Autor { font-weight: bold; }
#Gaestebuch .AutorInfos { font-size: 10px; }
#Gaestebuch table.Formular { font-weight: bold; }

/* Layout Regeln für das Layer Artikelgitter */
#Artikelgitter div.element { background: url(images/artikelgitter.png); border: 1px solid #C59A61; }

/* ------------------------------------------------------------------------------ */
/* Layout Regeln für die rgKategoriedetails */
/* ------------------------------------------------------------------------------ */
#rgKategoriedetails #Kategorien_Master a {
  background-image: url(images/artikelgitter.png);
  background-position: 0 50%;
  border: 1px solid #C59A61;
}

/* ------------------------------------------------------------------------------ */
/* Layout Regeln für das Layer Kunden */
/* ------------------------------------------------------------------------------ */

/* LoginFormular - Auswahl zwischen Kundenregistrierung, Login und Gastbestellung */
div#Arbeitsbereich .LoginFormular_Header { background: url(images/KastenTitel.png) 50% #006700; }
div#Arbeitsbereich div#KdLoginForm_Reg { border: 1px solid #006700; }
div#Arbeitsbereich div#KdLoginForm_Login { border: 1px solid #006700; min-height: 150px; }

#Kunden table.LoginFormular td.colTitel { vertical-align:top; font-weight: bold; }
#Kunden table.LoginFormular td.colFormular { }
#Kunden table.MeinKonto_Bestellungen { border: 1px solid #006700; }
#Kunden table.MeinKonto_Bestellungen thead td { font-weight: bold; font-size: 8pt; background-color: #006700; color: white; }
#Kunden table.MeinKonto_Bestellungen tbody td { font-size: 8pt; font-weight: 100; }
#Kunden table.MeinKonto_Bestellungen span.BestellungVom { font-size: 9pt; }
#Kunden table.MeinKonto_Bestellungen span.BestellungDatum { 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 ul li { background-color: #FFFFFF; border: 0px solid #006700; }
#KundenLoginErfolgreich ul li a:hover { background-color: #008800; color: white; }

#MeinKonto_Start ul li { background-color: #FFFFFF; border: none; }
#MeinKonto_Start ul li a { border: 1px solid #FFFFFF; }
#MeinKonto_Start ul li a:hover { background-color: #008800; color: white; text-decoration: none; }

/* Layout Regeln für das Layer WarenkorbAnsicht
	Anzeige des Warenkorbes im Shop */
#WarenkorbAnsicht table { background-color: #FFFFFF; }
#WarenkorbAnsicht table td { }
#WarenkorbAnsicht table thead { color: #FFFFFF; background: url(images/KastenTitel.png) 50% #006700; }
#WarenkorbAnsicht table thead td { }
#WarenkorbAnsicht table tbody td { }
#WarenkorbAnsicht table tbody a { }
#WarenkorbAnsicht table tfoot td { padding: 0.6em 0 0.5em 0; font-size: 14px; border-top: 1px solid #AAAAAA; background-color: #EEEEEE; }
#WarenkorbAnsicht .TabelleFarbeZeile1 { background-color: #FFFFFF; vertical-align: top; border-bottom: 1px solid #AAAAAA; }
#WarenkorbAnsicht .TabelleFarbeZeile2 { background-color: #DDDDDD; vertical-align: top; border-bottom: 1px solid #AAAAAA; }

/* ------------------------------------------------------------------------------ */
/* Definition diverser CLASS-Elemente */
/* ------------------------------------------------------------------------------ */
.SubmitButton {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #006700;
	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: #006700;
	font-size: 9px;
	border: 0px solid black;
	height: 16px;
	cursor: pointer;
	margin: 0;
	padding: 0.3em 0.5em 0.3em 0.5em;
	overflow: visible;
}

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

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

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

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

.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: #E0D4A2;
	vertical-align: top;
}

.TabellenFormular {
	font-weight: bold;
}