/* ------------------------------------------------------------------------------
 * RGSHOPS - ONLINE-SHOP & E-COMMERCE SYSTEM
 * (C) Robert Gnuschke
 * ------------------------------------------------------------------------------
 */

 /* Grau Rahmen: #90a0ca
     Blau: #b5c7d7
  */

/* Allgemeine Layout Regeln */

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

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  margin: 0;
  padding: 0px;
  background-color: #ededed;
}
img { border: none; } /* Alle Bilder ohne Rand darstellen! */
ul { margin: 0; padding: 0px;  margin-left: 15px; }
li { margin-left: 15px; }
h1 {
  color: #000000;
  font-size: 13pt;
  font-weight: bold;
  margin-top:inherit;
}
h2 {
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
  margin-top:inherit;
}
h3 {
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
  margin-top:inherit;
}
/* Allgemeine Definition von Linkfarben etc. */
a:link { text-decoration:none; color: #000000; font-weight:bold; }
a:visited { text-decoration:none; color: #000000; font-weight: bold; }
a:hover { text-decoration:underline; color: #004a8f; font-weight: bold; }
a:active { color: #000000; font-weight: bold; }

/* Shop-Spezifische Layouts */

div#MainCenter {
  position: relative;
  left: 50%;
  width: 1000px;
  margin-top: 0;
  margin-left: -500px;
  padding: 0;
  background-color: #ededed;
}

div#MainHead {
  clear: both;
  height: 190px;
  width: 1000px;
  padding: 0;
  background: url(images/mouldcam_top_back.png) no-repeat;
  background-position: 0px 0px;
}
div#MainHead #mouldcamlogo {
  width: 135px;
  height: 58px;
  cursor: pointer;
  float: left;
  margin: 8px 0 0 430px;
  padding:0;
}
div#MainLeft {
  float: left;
  width: 175px;
  margin-top: 0;
}
div#MainRight {
  float: right;
  width: 185px;
}
div#MainMiddle {
  margin: 0px 175px 0px 175px;
  padding: 0;
  margin-top: -10px;
}
div#MainFooter {
  clear: both;
}

div#NavigationTop { width: 1000px; padding: 143px 0 0 0; }
div#NavigationTop ul { list-style-type: none; white-space: nowrap; float: right; margin-right: 10px; }
div#NavigationTop li { display:inline; float:left; }
div#NavigationTop a { display:block; float:left; color:black; font-size: 10pt; font-weight:100; padding: 8px 10px 0 8px; text-decoration: none; }
div#NavigationTop a:hover { text-decoration:underline; color:#004a8f; }

/* Layout Regeln f�r das Layer "Shop_Sprachauswahl" */
div#Shop_Sprachauswahl { position: absolute; left:930px; top: 8px; 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; }

/* Hauptmen� */
div#Hauptmenue { position:relative; margin-top: 1em; z-index: 10; }
div#Hauptmenue * { margin: 0; padding: 0; }
div#Hauptmenue ul { list-style: none; width: 175px; border: none; background-color: #ededed; }
div#Hauptmenue ul ul { display: none; position: absolute; left: 171px; top: 0; background-color: #d9d9d9; }
div#Hauptmenue li { position: relative; width: 171px; border: none; border-left: 4px solid #ededed; }
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: 8px 6px 8px 6px; color: #000000; width: 159px; font-weight: bold; text-decoration:none; font-size: 9pt; }
div#Hauptmenue li a:hover { color:white; }
div#Hauptmenue li:hover { background-color: #25367c; border-left: 4px solid #b5c7d7; }
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; }

div#RechterBereich {
  float: right;
  width: 185px;
  line-height: 14px;
  font-size: 10px;
  text-align: left;
  vertical-align: top;
  margin: 0;
}
div#RechterBereich .BreiterKasten .Titel { font-size: 11px; }

div#Arbeitsbereich { margin: 12px 0 0 10px; width: 620px; padding: 0; }
div#Arbeitsbereich .Fusszeile { clear: both; font-size: 9px; text-align: center; margin: 2em 0 0 0; }
div#Arbeitsbereich .Fusszeile hr { color:#90a0ca; background-color:#90a0ca; height: 1px; margin: 0; width: 100%; border: none; }
div#Arbeitsbereich .Fusszeile p { margin: 0; padding: 0px; }
div#Arbeitsbereich .Fusszeile #Pflichtfelder { display:none; }

/* Layout Regeln für die Standard-Layer des Shops */
div#rgSuche { display: none; position:absolute; height:29px; z-index:6; left: 800px; top: 20px; width:120px; }

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

/* Layout Regeln f�r das Layer LoginInfos
   (Bereich, der anzeigt, ob und welcher Kunde eingeloggt ist.) */
div#LoginInfos {
  clear: both;
  float: left;
  width:140px;
  height:28px;
  font-size: 7pt;
  font-weight: 100;
  color: black;
  padding: 82px 5px 5px 15px;
  line-height: 1.4em;
  left: 10px;
}
div#LoginInfos a { text-decoration:none; color: black; }
div#LoginInfos a:hover { text-decoration:none; color: #004a8f; }

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

/* Layout Regeln f�r das Layer Umfrage */
div#Umfrage table { table-layout:fixed; border-collapse: collapse; }
div#Umfrage td { border-bottom: 1px dotted #000000; padding: 6px 0 3px 0; }
div#Umfrage td.colWert { width: 180px; font-weight: bold; }
div#Umfrage td.colErgebnis { width:350px; }

/* Layout Regeln f�r das Layer Artikelgitter */
div#Artikelgitter { margin: 0 0 1em 0; width: auto; left: 0px; }
div#Artikelgitter div.element { float: left; width: 293px; height: 100px; margin: 0 3px 3px 0; padding: 4px 2px 0 4px; background: url(images/artikelgitter.png); background-position: bottom; border: 1px solid #90a0ca; }
div#Artikelgitter div.element:hover { border: 1px solid black; }
div#Artikelgitter div.ZelleBild { float: left; width: 80px; vertical-align: top; }
div#Artikelgitter div.ZelleInfos { float: left; width: 205px; vertical-align: top; font-weight: bold; padding: 0 2px 0 5px;}
div#Artikelgitter p { clear: left; margin: 0; padding: 0; }

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

/* LoginFormular - Auswahl zwischen Kundenregistrierung, Login und Gastbestellung */
div#Arbeitsbereich .LoginFormular_Header { font-size: 12px; background: url(images/KastenTitel.png) 50% #90a0ca; color: white; font-weight: bold; }
div#Arbeitsbereich div#KdLoginForm_Reg { border: 1px solid #b4c3da; }
div#Arbeitsbereich div#KdLoginForm_Login { border: 1px solid #b4c3da; }

/* Layout Regeln f�r das Layer MeinKonto */
#Kunden table.MeinKonto_Bestellungen { width: 100%; border-collapse:collapse; margin: 10px 0 10px 0; border: 1px solid black; }
#Kunden table.MeinKonto_Bestellungen thead td { font-weight: bold; font-size: 8pt; background-color: #90a0ca; 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 { font-weight: bold; display: block; }
#Kunden table.MeinKonto_Bestellungen span.Artikelbezeichnung { }
#Kunden table.MeinKonto_Bestellungen span.Artikelpreis { }
#Kunden table.MeinKonto_Bestellungen span.Lieferadresse { margin: 5px 0 5px 0; min-width: 200px; display: block; }
#Kunden table.MeinKonto_Bestellungen span.Lieferadresse_Titel { font-weight: bold; display: block; }

#Kunden div#kv_adressliste { padding: 10px; }
#Kunden div#kv_adressliste div.kv_Adresse { margin: 0 0 0.8em 0; }
#Kunden div#kv_adressliste div.kv_Adresse img.Package { float: left; margin: 0 5px 1em 0; }
#Kunden div#kv_adressliste div.kv_Adresse_edit { margin: -0.5em 0 1em 20px; }
#Kunden div#Lieferanschrift_insert { margin: 0.5em 0 1em 10px; }

/* 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: 0; padding: 0 0 10px 0; background-color: #EBE8BB; 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: #90a0ca; 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: #E0D4A2; vertical-align: top; font-size: 9pt; }
#NewsletterHTML .ZelleBild { width: 80px; text-align: center; }
#NewsletterHTML .ZelleBeschreibung { text-align: left; }
#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: #111111; }
#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.
 */

/* Layout Regeln f�r die K�sten */
.BreiterKasten {
  border: solid 1px #90a0ca;
  margin: 0 0 1em 0;
  background: #FFFFFF;
  padding: inherit;
  position: relative;
}
.BreiterKasten .Titel {
  background: url(images/KastenTitel.png) 50% #90a0ca;
  color: white;
  font-weight: bold;
  padding: 3px 4px 4px 10px;
  border: none;
}
.BreiterKasten .Inhalt {
  padding: 0 6px 0px 6px;
  position: relative;
}

.SubmitButton {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #90a0ca;
  font-size: 11px;
  margin: 1px;
  padding: 0.4em 0.6em 0.4em 0.6em;
  overflow: visible;
  border: 1px solid black;
  cursor: pointer;
}

.SubmitButtonRechts {
  color: black;
  font-weight: bold;
  background-color: #90a0ca;
  font-size: 9px;
  border: 1px solid black;
  cursor: pointer;
  margin: 1px;
  padding: 0.3em 0.5em 0.3em 0.5em;
  overflow: visible;
}

.KleinerHinweis {
  font-size: 10px;
}