/* Stylesheet-Datei für sämtliche Shop-Seiten */

/* Text der Kategorienübersicht */
#inhalt p.sc-kategorien-text {margin-top: 0em;}

/* Begrüßung im Shop */
#inhalt span.sc-kategorien-text h3 {padding: 0em 0em 0em 0em; margin: 0em;}

table.sc-kategorien
{
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: hide;
  text-align: center;
  margin-top: 1em;
}

.sc-kategorien td
{
  padding: 1em 0em;
  border-right: 1.5em solid #FFF;
  border-bottom: 1.5em solid #FFF;
  background-color: #EEF;
  vertical-align: top;
}

.sc-kategorien td.ende {border-right: 0em;}


/* Bilder der Kategorienübersicht sollen keinen Unterstrich erhalten */
.sc-kategorien a.bild, .sc-kategorien-start a.bild {border: none;}

.sc-kategorien a.text, .sc-kategorien-start a.text
{
  white-space: normal;
  font-weight: bold;
  border: none;
}

.sc-kategorien a.text:hover, .sc-kategorien-start a.text:hover
{
  white-space: nowrap;
  text-decoration: underline;
}


/* Artikelübersicht einer Kategorie */
span.sc-artikel-text {}

table.sc-artikel
{
  table-layout: fixed;
  border-collapse: collapse;
  margin: 2em 0em 1em 0em;
  width: 100%;
  border: none;
  clear: none;
}

.sc-artikel td
{
  padding: 1em 0em;
  text-align: center;
  vertical-align: top;
  border-right: 1.2em solid #FFF;
  border-bottom: 1.2em solid #FFF;
  background-color: #EEF;
}

.sc-artikel td.ende
{
  border-right: 0em;
}

/* Bilder der Kategorieübersicht sollen keinen Unterstrich erhalten */
.sc-artikel a.bild
{
  margin-bottom: 1em;
  border: none;
}

.sc-artikel a.text
{
  margin-top: 0.5em;
  font-weight: bold;
  border: none;
}

.sc-artikel a.text:hover
{
  text-decoration: underline;
}


/* Verschiedene Bereiche in den Artikelbeschreibungen */

/* Kurzbeschreibung ganz oben in der Beschreibung des Artikels */
span.sc-artikel-kurzbeschreibung
{
  font-size: 120%;
  font-style: italic;
  color: #55F;
  padding: 1em 0em;
}

/* Bildertabelle in der Artikelbeschreibung */
table.sc-artikelbilder
{
  border-collapse: collapse;
}

table.sc-rahmen
{
  border-style: solid;
  border-width: 1px;
  border-color: #888;
}

.sc-artikelbilder td
{
  padding: 0em 2em 0.5em 0em;
  text-align: center;
  vertical-align: top;
}

.sc-rahmen td
{
  padding: 1em;
}

/* Bilder sollen keinen Unterstrich erhalten */
.sc-artikelbilder a.sc-bild
{
  border: none;
}

.sc-artikelbilder img
{
  margin-bottom: 0.3em;
}

.sc-artikelbilder .sc-beschreibung
{
  text-align: left;
}

/* Links zu Galerie-/Forumsbildern */
.sc-artikelbilder .sc-bildverweise
{
  padding-right: 1em;
}


/* Technische Daten des Artikels */
table.sc-artikel-techdaten
{
  border-collapse: collapse;
  border: 1px dotted #AAA;
}

td.sc-artikel-techdaten-1
{
  text-align: right;
  vertical-align: top;
  padding: 0.2em 1em;
  background: #DDD;
}

td.sc-artikel-techdaten-2
{
  text-align: left;
  vertical-align: top;
  padding: 0.2em 1em;
  background: #EEE;
}

table.sc-artikel-techdaten .rahmen-unten
{
  border-bottom: 1px dotted #AAA;
}

/* Artikelbeschreibung */
#inhalt p.artikelbeschreibung
{
  padding: 1em 0em 0em 0em;
}

/* Tabelle, die die Liste aller Artikel für den Einkauf enthält */
table.sc-artikel-liste
{
  margin: 1.5em 0em 0.5em 0em;
  border-collapse: collapse;
}

/* Kategorie, in der Artikel zusammengefasst werden können (z.B. M5-Schrauben) */
td.sc-artikelzeile-kat-ungerade {text-align: center; vertical-align: middle; font-size: 140%; background-color: #DDF;}
td.sc-artikelzeile-kat-gerade {text-align: center; vertical-align: middle; font-size: 140%; background-color: #BBF;}

/* Container für die Aufnahme einer Artikelzeile (Artikelnummer, Beschreibung, Preis, Mengenfeld etc.) */
tr.sc-artikelzeile-ungerade {background: #E8E8FF;}
tr.sc-artikelzeile-gerade {background: #F8F8FF;}

/* Ein Feld in dieser Liste */
div.sccart
{
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-size: 100%;
  width: auto;
  clear: both;
  background-color: #DDD;
}

/* Beschreibungstexte (sollen nicht angezeigt werden) */
div.scproduct, div.scunitpricetext, div.scqtytext, div.cartoptions
{
  display: none;
}

/* Überschrift für Kategorie links */
div.scprodcat {clear: both; text-align: center; width: 70px; padding: 0.5em 5px; margin: 0;}

/* Produktcode */
div.scprodcode {clear: both; text-align: center; width: 80px; padding: 0.5em 5px; margin: 0;}

/* Überschriften der Artikeltabelle */
tr.sc-artikel-ueberschrift
{
  border-bottom: 1px solid #444;
  background-color: #EEE;
}

th div.scprodcode, th div.scshorttext, th div.scunitprice, th div.scqty, th div.atczone
{
  padding: 0.2em 5px;
  font-weight: bold;
  font-size: 100%;
}

th div.scqty, th div.atczone
{
  padding: 0.2em 10px;
}

/* Artikelbeschreibung (kurz) */
div.scshorttext {width: 20em; float: left; clear: none; text-align: left; padding: 0.5em 5px; margin: 0em;}
/* Einzelpreis */
div.scunitprice {width: 230px; text-align: left; padding: 0.5em 5px; margin: 0em; font-weight: bold; color: #008;}

/* Preise in jeder Artikelzeile: */
/* Bruttopreis */
span.sctotalprice {font-weight: bold; color: #008;}
/* Nettopreis */
span.scunitprice {float: none; padding-left: 5px; color: #666; font-style: italic;}
/* Kg-Preis */
span.sckgprice {padding: 0; color: #000; font-size: 80%; font-weight: normal;}
/* Mengenfeld */
.scqty {clear: none; float: left; width: 50px; text-align: center; padding: 0.45em 10px; margin: 0em;}

/* Feld für Optionen und Schaltfläche */
.atczone {float: left; clear: none; padding: 0.5em 10px; margin: 0em; width: auto;}

/* Hinweis auf konstante Preisgestaltung */
div.preiskonstanz {margin-top: 1em;}
span.preiskonstanz {font-style: italic; padding: 0.5em; color: #666; background: #EEE;}

/* Hinweis auf Versandkosten in der Artikelbeschreibung */
div.sc-versandkostenhinweis {}
span.sc-versandkostenhinweis {font-style: italic; color: #666;}


/* Kleiner Warenkorb im Inhalt */
#inhalt div.warenkorb {text-align: center; margin: 0em 0em 20px 20px; padding: 0em; background-color: #F8F8FF;
                       border: 1px dotted #444; float: right;}

/* Überschrift des kleinen Warenkorbs */
#inhalt div.warenkorb div.header {width: 100%; padding: 0.2em 0em; background-color: #EEF; font-weight: bold;
                                  font-size: 100%; font-variant: small-caps; letter-spacing: 0.05em; border-bottom: 1px dashed #444;}

/* Angabe der Anzahl der Artikel im kleinen Warenkorb */
#inhalt div.warenkorb td.anzahlartikel
{
  padding: 0.3em 0.5em;
}

/* Gesamtsumme im kleinen Warenkorb */
#inhalt div.warenkorb td.total
{
  color: #008;
  font-weight: bold;
}


/* Beschreibungstexte der Beträge */
#inhalt div.warenkorb td.text-subtotal,
#inhalt div.warenkorb td.text-tax,
#inhalt div.warenkorb td.text-total
{
  text-align: right;
  padding: 0em 0em 0em 0.5em;
}

#inhalt div.warenkorb td.subtotal,
#inhalt div.warenkorb td.tax,
#inhalt div.warenkorb td.total
{
  padding: 0em 0.5em 0em 0.2em;
  text-align: left;
}

#inhalt div.warenkorb total
{
  color: #008;
  font-weight: bold;
}

/* Schaltfläche zur Anzeige des großen Warenkorbs */
#inhalt div.warenkorb form
{
  padding: 0.8em 0em 1em 0em;
}


/* Großer Warenkorb */
table.sc_cart {border-collapse: collapse;}

/* Bei hervorgehobenem Warenkorb */
table.sc_emph {border: 1px #000 solid; background-color: #EFE;}

.sc_cart td {padding-top: 0.4em; padding-bottom: 0.4em;}

/* Leerer Warenkorb */
div.emptycart {font-size: 130%; font-weight: bold; color: #008; background-color: #EEE; border: 1px #888 solid; padding: 1em;}
span.emptycart {font-size: 76%; font-weight: normal; color: #000;}

/* Kopfzeile mit Überschriften */

/* Für alle Kopfzellen gilt: */
.cartheading th {background-color: #EEE; padding-top: 0.3em; padding-bottom: 0.3em; font-weight: normal; font-size: 90%;}
/* Bei hervorgehobenem Warenkorb */
.sc_emph .cartheading th {background-color: #DDD; font-weight: bold;}

/* Zeilen unterschiedlich färben */
.sc_cart .ungerade {background-color: #EEF;}
.sc_cart .gerade   {background-color: #DDF;}
/* Bei hervorgehobenem Warenkorb */
.sc_emph .ungerade {background-color: #EFE;}
.sc_emph .gerade {background-color: #DFD;}

/* Spalten der Auflistung */
.code_col    {clear: none; float: none; width: auto; height: auto; text-align: center; padding-left: 1em; padding-right: 1em;}
.desc_col    {float: none; width: auto; height: auto; text-align: left; padding-left: 0em; padding-right: 1em;}
.price_col   {float: none; width: auto; height: auto; text-align: right; padding-left: 1em; padding-right: 0em;}
.qty_col     {float: none; width: auto; height: auto; text-align: center; padding-left: 1em;}
.total_col   {float: none; width: auto; height: auto; text-align: right; padding-left: 1em;}
.actions_col {float: none; width: auto; padding-left: 1em;}
.tax_col     {width: auto;}

.fill_col {clear: none; width: auto; display: table-cell;}
.sc_cart .linieoben {border-top: 1px solid #888;}
.sc_cart .linieunten {border-bottom: 1px solid #888;}

.fill_col_total {clear: none; width: auto; display: table-cell;}
.fill_left {float: none; display: table-cell; text-align: right;}
.sc_cart .fett {font-weight: bold; color: #008;}
.right_col {float: none; display: table-cell;}
.sc_cart .chf{padding-left: 2em; color: #008;}

.btnchange {margin-left: 0em; margin-right: 1em;}
.btnremove {margin-right: 0.5em;}

.change_order {padding-left: 1em;}

.cartactions td {clear: none; width: auto; padding: 1em 0em;}

.sc_cart form.inline {display: inline; margin-right: 2em;} 

/* Abstand zu den anderen Schaltflächen */
input.btnemptycart {margin: 0em 1em;}
input.btnback {margin-right: 1em;}



/* Eingabemaske Adressedetails */
.sc_details {font-weight: normal;}
.sc_details table {border-collapse: collapse;}

/* Trenner */
.sc_details td.divider {background-color: #CCC; color: #008; padding: 0.2em 0em 0.2em 1em;}

/* Feldbeschreibung */
.sc_details td {padding-top: 3px; padding-left: 5px;}
.sc_details td.desc {text-align: right; vertical-align: middle; padding-right: 0.5em; padding-left: 1em;}

/* Benutzerdefinierte Eingabefelder etc. */
.sc_details .desc-title {padding-top: 0.7em;}
.sc_details .title {margin-top:0.6em;}
.sc_details .desc-country {padding-bottom: 1em;}
.sc_details .country {margin-bottom: 1em;}
.sc_details .desc-identical {padding: 1em;}
.sc_details .identical {margin: 1em 0.3em 1em 0.3em;}
.sc_details .no {margin-left: 1.5em;}
.sc_details .desc-email {padding-bottom: 0.7em;}
.sc_details .email {margin-bottom: 0.6em;}
.sc_details .desc-payment {padding-top: 0.7em; padding-bottom: 0.7em;}
.sc_details .payment {margin-top: 0.7em; margin-bottom: 0.7em;}
.sc_details .desc-customerno {padding-top: 0em;}
.sc_details .customerno {margin-top: 0em;}
.sc_details td.desc-comment {vertical-align: top;}
.sc_details .comment {margin-bottom: 1em;}
.sc_details .warnung {text-align: left; color: #A00; padding-top: 0.6em;}

/* Pflichtfelder */
.sc_details td.reqfield {color: #008; font-weight: normal;}
.sc_details input.reqfield {background-color: #FFFFF0;}
.sc_details span.reqfield {color: #F44; padding-left: 0.5em; font-weight: normal;}

/* Schaltfläche */
.sc_details td.button1 {border-top: 1px solid #000;}
.sc_details .button {margin-top: 1em;}

/* Eingabefehler bei Adressdaten */
div.eingabefehler {margin-top:1em; margin-bottom: 1em; padding: 0.7em 1em; border: 1px solid #A00; background-color: #FFFFA0;}
.errormsg {color: #A00; padding: 0;}
.errormsg2 {font-weight: bold; color: #A00; padding: 1em 0em;}

/* Zusammenfassung */

/* Kundendaten */
table.sc_customerdata {margin-bottom: 1.5em; border-collapse: collapse;}
sc_customerdata tr.title {border-bottom: 1px solid #888;}
.sc_customerdata .title td {background-color: #DDF; padding: 0.2em 1em; font-weight: bold;}
.sc_customerdata .data {vertical-align: top; background-color: #EEF; padding: 0.5em 1em;}
.sc_customerdata .data1 {text-align: right; vertical-align: top; background-color: #EEF; padding: 0.5em 1em;}
.sc_customerdata .data2 {vertical-align: top; background-color: #EEF; padding: 0.5em 1em 0.5em 0em;}
.rr {border-right: 1px solid #888;}

/* Widerrufsbelehrung und eventuelle AGB */
#inhalt div.widerrufsbelehrung {padding: 1em; border: 1px solid #A00; background-color: #FFFCFC;}
#inhalt div.widerrufsbelehrung h2 {background-image: none; margin: 0em 0em 0.8em 0em; padding: 0; font-weight: bold; color: #A00;}
#inhalt div.widerrufsbelehrung h3 {font-size: 110%; background-image: none; margin: 0em 0em 0.8em 0em; padding: 0; font-weight: bold; color: #A00;}
#inhalt div.widerrufsbelehrung p {color: #A00; margin: 0.8em 0em;}
#inhalt div.widerrufbeschreibung {margin-bottom: 1em;}
#inhalt div.widerruffehler {padding: 1em; border: 1px solid #E00; color: #C00; background-color: #FFC; margin-bottom: 1em; font-weight: bold;}
#inhalt div.widerrufsbelehrung li {color: #A00; margin-top: 0.5em;}

.sc-widerruf {margin-top: 1.5em;}
.sc-widerruf span {padding-left: 0.5em; font-weight: bold;}
.sc-widerruf .button {margin-top: 1.5em;}

/* Hinweis auf gelesene Widerrufsbelehrung */
form.revocation_hint {margin: 2em 0em;}
.revocation_hint input {border: none; padding: 0; margin: 0; text-decoration: none; font-weight: bold; color: #448;
                        font-size: 11pt; font-family: Helvetica, Arial, sans-serif; background-color: transparent; border-bottom: 1px dotted #448;}
/*.revocation_hint input:active input:hover, input:active, input:focus {color: #008; background-color: transparent; border-bottom: 1px solid #008;}*/

/* Abschluss der Bestellung */
div.abschluss {padding: 1em; border: 1px dotted #888; background-color: #EEE;}
div.abschluss span.danke {font-size: 130%; font-weight: bold; color: #008;}
div.abschluss span.email {font-size: 120%; font-weight: bold; padding: 0.3em 0.5em; background-color: #DDD; color: #080; border: 1px dotted #888;}
div.abschluss span.refno {font-size: 120%; font-weight: bold; padding: 0.3em 0.5em; background-color: #DDD; color: #080; border: 1px dotted #888;}