/* Hintergrund der Webseite */

.body
{
  background-color: #811e32;
  margin: 20px 0px 20px 0px;
  font-family: Verdana, Arial;
}

/* Bildlinks */

a
{
  outline: none;
}

/* Tabelle mit der Titelleiste und den Navigationsschaltflächen */

.titlebar
{
  width: 1000px;
  height: 120px;
  border: 1px solid #666666;
  border-collapse: collapse;
  background-image: url('images/title.jpg');
  background-repeat: no-repeat;
}

.logo
{
  cursor: pointer;
}

/* Zelle mit den Navigationsschaltflächen */

#listtabs td
{
  width: 110px;
  height: 19px;
  border: 1px solid #666666;
}

/* Navigationsschaltfläche */

#listtabs p
{
  width: 110px;
  height: 19px;
  margin: 0px;
  text-align: center;
  display: block;
  background-image: url('images/tab.jpg');
  background-repeat: no-repeat;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #B43C3F;
}

#listtabs p a
{
  width: 110px;
  height: 19px;
  padding-left: 0px;
  padding-top: 2px;
  display: block;
  background-image: url('images/tab.jpg');
  background-repeat: no-repeat;
  text-decoration: none;
  color: #b43c3f;
}

#listtabs p a:hover
{
  background-position: 0 -19px;
  text-decoration: none;
  color: red;
}

/* Aktive Navigationsschaltfläche */

#listtabs pre
{
  width: 110px;
  height: 19px;
  margin: 0px;
  text-align: center;
  display: block;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #B43C3F;
}

#listtabs pre a
{
  width: 110px;
  height: 19px;
  padding-left: 0px;
  padding-top: 2px;
  display: block;
  background-image: url('images/tab.jpg');
  background-repeat: no-repeat;
  text-decoration: none;
  color: #b43c3f;
}

#listtabs pre a:hover
{
  background-position: 0 -19px;
  text-decoration: none;
  color: red;
}

/* Suchen */

#findbar
{
  display: none;
  margin-top: 18px;
}

/* Eingabefeld zum Suchen */

#findstring
{
  margin: 0px 5px 0px 780px;
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid yellow;
  width: 132px;
}


/* Haupttabelle mit den 3 Spalten */

.main
{
  width: 1000px;
  border: 1px solid #666666;
  border-collapse: collapse;
  background-image: url('images/gray.jpg');
  background-repeat: no-repeat;
}

/* Spalte links aussen */

.left
{
  width: 196px;
  vertical-align: top;
  background-color: #efefef;
  border-right: 1px solid #e0e0e0;
}

/* Tabelle in der linken Spalte */

.left table
{
  width: 100%;
  border-spacing: 14px 14px;
}

.left table th
{
  border: 1px solid #cccccc;
  background-color: white;
  background-image: url('images/th.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  padding-bottom: 6px;
  text-align: left;
}

.left table th h1
{
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  color: #c4040d;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 6px;
}

.left table th p
{
  font-family: Verdana;
  font-size: 13px;
  font-weight: normal;
  margin-left: 6px;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-right: 6px;
}

.left table th p a
{
  text-decoration:none;
  color: darkred;
}

.left table th p a:hover
{
  text-decoration: underline;
  color: red;
}

/* Gruppenname im Navigationsmenü */

#listmenu h3
{
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: black;
  margin-top: 10px;
  margin-left: 8px;
  margin-bottom: 4px;
}

#listmenu h3 a
{
  text-decoration: none;
  color: black;
}

#listmenu h3 a:hover
{
  text-decoration: underline;
  color: red;
}

#listmenu h4
{
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: red;
  margin-top: 10px;
  margin-left: 8px;
  margin-bottom: 4px;
}

/* Untergruppenname im Navigationsmenü */

#listmenu h5
{
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: -1px;
  color: black;
  margin-top: 0px;
  margin-left: 26px;
  margin-bottom: 4px;
}

#listmenu h5 a
{
  text-decoration: none;
  color: black;
}

#listmenu h5 a:hover
{
  text-decoration: underline;
}

#listmenu h6
{
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: -1px;
  color: red;
  margin-top: 0px;
  margin-left: 13px;
  margin-bottom: 4px;
  padding-left: 13px;
  background-image: url('images/dot.gif');
  background-repeat: no-repeat;
  background-position: left center;
}

/* Spalte in der Mitte */

.middle
{
  width: 604px;
  vertical-align: top;
  background-color: white;
}

/* Tabelle in der mittleren Spalte */

.middle table
{
  width: 100%;
  border-spacing: 14px;
}

.middle table th
{
  border: 1px solid #cccccc;
  background-color: white;
  background-image: url('images/th.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  text-align: left;
}

.middle table th h1
{
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  color: #c4040d;
  margin-top: 1px;
  margin-bottom: 10px;
  margin-left: 6px;
}

.middle table th p
{
  font-family: Verdana;
  font-size: 13px;
  font-weight: normal;
  margin-left: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 6px;
  line-height: 130%;
}

.middle table th p a
{
  color: darkred;
}

.middle table th p a:hover
{
  color: red;
}

.middle table th ul
{
  margin-top: 5px;
  margin-bottom: 10px;
}

.middle table th li
{
  font-size: 13px;
  font-weight: normal;
}

.middle table tr h1
{
   font-size: 16px;
   font-weight: bold;
}

/* Spalte rechts aussen */

.right
{
  width: 196px;
  vertical-align: top;
  background-color: #efefef;
  border-left: 1px solid #e0e0e0;
}

.right img
{
  margin-left: 8px;
  border: none;
}

/* Tabelle in der rechten Spalte */

.right table
{
  width: 100%;
  border-collapse: collapse;
}

.right table th
{
  border: 1px solid #cccccc;
  background-color: white;
  background-image: url('images/th.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  text-align: left;
}

.right table th h1
{
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  color: #c4040d;
  margin-top: 1px;
  margin-bottom: 0px;
  margin-left: 6px;
}

/* Zelle mit Rahmen */

.box
{
  border: 1px solid #cccccc;
}

/* Tabelle mit der Gruppenliste in einer Hauptgruppenseite */

.category
{
  font-family: Verdana;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
}

.category h1
{
  color: darkred;
  font-size: 18px;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 0px;
  margin-left: 16px;
}

.category h2
{
  color: darkred;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.category h3
{
  color: black;
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
  margin-left: 16px;
  margin-right: 16px;
  line-height: 150%;
}

.category h3 a
{
  color: darkred;
}

.category h3 a:hover
{
  color: red;
}

/* Gruppenspalten 1 bis 3 der Hauptgruppenseiten */

.group1
{
  width: 196px;
  vertical-align: top;
}

.group2
{
  width: 196px;
  vertical-align: top;
}

.group3
{
  width: 212px;
  vertical-align: top;
}

.groupimage
{
  width: 178px;
  height: 178px;
  margin-top: 16px;
  margin-left: 16px;
  border: 1px solid #c0c0c0;
}

.groupimagetext
{
  margin-top: 2px;
  margin-bottom: 6px;
  margin-left: 16px;
  color: black;
  font-weight: bold;
  font-size: 11px;
}

.groupsubgroup
{
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: 16px;
  color: black;
  font-size: 11px;
}

.groupsubgroup em
{
  color: red;
  font-weight: bold;
}

.groupsubgroup a
{
  text-decoration: none;
  color: black;
}

.groupsubgroup a:hover
{
  text-decoration: underline;
}

/* Tabelle mit den Produkten einer Untergruppe */

.subgroup
{
  font-family: Verdana;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
}

.subgroup h1
{
  color: darkred;
  font-size: 18px;
  font-weight: bold;
  margin: 12px;
}

.subgroup h2
{
  color: darkred;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  margin: 12px;
}

.subgroup h3
{
  color: black;
  font-size: 13px;
  font-weight: bold;
  margin: 12px;
  line-height: 150%;
}

.subgroup h3 a
{
  color: darkred;
}

.subgroup h3 a:hover
{
  color: red;
}

/* Bild einer Untergruppe */

.subgrouplogo
{
  width: 304px;
  height: 296px;
  vertical-align: top;
}

.subgrouplogo img
{
  width: 282px;
  height: 282px;
  margin-top: 6px;
  margin-left: 12px;
  border: 1px solid #c0c0c0;
}

/* Untergruppenspalten 1 bis 4 der Untergruppenseiten */

.subgroup1a
{
  width: 148px;
  height: 196px;
  vertical-align: top;
}

.subgroup2a
{
  width: 148px;
  height: 196px;
  vertical-align: top;
}

.subgroup3a
{
  width: 148px;
  height: 196px;
  vertical-align: top;
}

.subgroup4a
{
  width: 156px;
  height: 196px;
  vertical-align: top;
}

.subgroup1b
{
  width: 148px;
  height: 100px;
  vertical-align: top;
}

.subgroup2b
{
  width: 148px;
  height: 100px;
  vertical-align: top;
}

.subgroup3b
{
  width: 148px;
  height: 100px;
  vertical-align: top;
}

.subgroup4b
{
  width: 156px;
  height: 100px;
  vertical-align: top;
}

/* Produktbilder einer Untergruppe */

.subgroupimage
{
  width: 134px;
  height: 134px;
  margin-top: 6px;
  margin-left: 12px;
  border: 1px solid #c0c0c0;
}

.subgroupimagefloat
{
  margin-top: 6px;
  margin-left: 12px;
  border: 1px solid #FFFFE6;
}

/* Teaser, Bezeichnung, Preis und Ersparnis der Produkte einer Untergruppe */

.subgroupteaser
{
  width: 136px;
  overflow: hidden;
  margin-left: 12px;
  margin-top: 12px;
  color: #BC7808;
  font-size: 11px;
  font-weight: bold;
}

.subgroupproduct
{
  width: 136px;
  margin-left: 12px;
  margin-right: 0px;
  margin-top: 12px;
  margin-bottom: 0px;
  font-size: 11px;
  font-weight: bold;
}

.subgroupproduct a
{
  color: black;
  text-decoration: none;
}

.subgroupproduct a:hover
{
  text-decoration: underline;
}

.subgroupprice
{
  margin-left: 12px;
  margin-right: 0px;
  margin-top: 4px;
  margin-bottom: 0px;
  font-size: 11px;
  font-weight: normal;
}

.subgroupdiscount
{
  margin-left: 12px;
  margin-right: 0px;
  margin-top: 4px;
  margin-bottom: 0px;
  color: green;
  font-size: 13px;
  font-weight: normal;
}

/* Tabelle mit den Produktdaten */

.page
{
  font-family: Verdana;
  margin-bottom: 10px;
  width: 100%;
  border-collapse: collapse;
}

.page h3
{
  color: black;
  font-size: 13px;
  font-weight: bold;
  margin: 12px;
  line-height: 150%;
}

.page h3 a
{
  color: darkred;
}

.page h3 a:hover
{
  color: red;
}

/* Zelle mit (neuem) Produkt */

.content
{
  vertical-align: top;
}

/* "Zurück zur Übersicht" auf einer Produktseite */

#back
{
  margin-left: 12px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-left: 24px;
  color: black;
  font-size: 11px;
  font-weight: bold;
  background-image: url('images/back.gif'); 
  background-repeat: no-repeat; 
  background-position: left center;
}

#back a
{
  color: black;
  text-decoration: none;
}

#back a:hover
{
  text-decoration: underline;
}

/* "Vorheriges Produkt" auf einer Produktseite */

#previous
{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-left: 24px;
  color: black;
  font-size: 11px;
  font-weight: normal;
  background-image: url('images/back.gif'); 
  background-repeat: no-repeat; 
  background-position: left center;
}

#previous a
{
  color: black;
  text-decoration: none;
}

#previous a:hover
{
  text-decoration: underline;
}

/* "Nächstes Produkt" auf einer Produktseite */

#next
{
  margin-left: 0px;
  margin-right: 12px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-right: 24px;
  text-align: right;
  color: black;
  font-size: 11px;
  font-weight: normal;
  background-image: url('images/forward.gif'); 
  background-repeat: no-repeat; 
  background-position: right center;
}

#next a
{
  color: black;
  text-decoration: none;
}

#next a:hover
{
  text-decoration: underline;
}

/* Zelle mit den Produktbildern */

.productimages
{
  width: 314px;
  vertical-align: top;
}

/* Bildliste über dem Produktbild einer Produktseite */

.productimagebar
{
  margin-left: 12px;
  margin-bottom: 12px;
  border: 1px solid #c0c0c0;
  width: 45px;
  height: 45px;
}

/* Produktbild mit bzw. ohne Rahmen */

.productimage
{
  margin-left: 12px;
  margin-bottom: 12px;
  border: 1px solid #c0c0c0;
  width: 282px;
}

.productimagefloat
{
  margin-left: 12px;
  margin-bottom: 12px;
  border: 1px solid #FFFFE6;
  width: 282px;
}

/* Produkttexte auf einer Produktseite */

.productteaser
{
  width: 225px;
  margin-left: 0px;
  margin-right: 12px;
  margin-top: 0px;
  margin-bottom: 18px;
  color: #BC7808;
  font-size: 11px;
  font-weight: bold;
}

.productcaption
{
  margin-left: 0px;
  margin-right: 12px;
  margin-top: 0px;
  margin-bottom: 12px;
  color: black;
  font-size: 11px;
  font-weight: bold;
}

.producttext
{
  margin-left: 0px;
  margin-right: 12px;
  margin-top: 0px;
  margin-bottom: 6px;
  color: black;
  font-size: 11px;
  font-weight: normal;
}

.productremark
{
  margin-left: 0px;
  margin-right: 12px;
  margin-top: 0px;
  margin-bottom: 6px;
  color: darkblue;
  font-size: 11px;
  font-weight: normal;
}

.productdeliverytime
{
  margin-left: 0px;
  margin-right: 12px;
  margin-top: 0px;
  margin-bottom: 6px;
  color: black;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}

/* Tabelle und Überschrift mit den Varianten eines Produkts */

#variants
{
  width: 596px;
  margin: 4px;
  border-collapse: collapse;
}

.variantheader
{
  height: 28px;
  background-color: #eef7f2;
  font-size: 11px;
  font-weight: bold;
}

.variantheaderkey
{
  margin-left: 8px;
}

.variantheaderprice
{
  text-align: right;
  margin-right: 8px;
}

/* Zeile mit den Daten einer Produktvariante */

.variantitem
{
  vertical-align: top;
  font-size: 11px;
}

.variantkey
{
  margin-top: 14px;
  margin-left: 8px;
}

.variantkey a
{
  color: blue;
  text-decoration: none;
}

.variantkey a:hover
{
  text-decoration: underline;
}

.varianttext
{
  margin-top: 14px;
  margin-right: 8px;
}

.varianttext a
{
  color: blue;
  text-decoration: none;
}

.varianttext a:hover
{
  text-decoration: underline;
}

.variantprice
{
  text-align: right;
  margin-top: 14px;
  margin-right: 8px;
}

.variantquantity
{
  margin-top: 12px;
}

/* Eingabefeld bzw. verstecktes Eingabefeld für die Menge */

.inputquantity
{
  font-family: Verdana, Arial;
  font-size: 11px;
  border: 1px solid black;
  width: 45px;
}

.soldoutquantity
{
  font-family: Verdana, Arial;
  font-size: 11px;
  border: 1px solid black;
  width: 45px;
  visibility: hidden;
}

/* Eingabefeld für die Benutzerangaben */

.inputspecs
{
  margin-top: 4px;
  font-family: Verdana, Arial;
  font-size: 11px;
  border: 1px solid black;
  width: 95%;
}

/* Button "In den Warenkorb" */

.buttonbasket
{
  text-align: right;
  margin-right: 10px;
  margin-bottom: 12px;
}

/* Formularfelder */

.forminput
{
  width: 100%;
  font-family: Verdana, Arial;
  font-size: 12px;
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
}

.formbutton
{
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Warenkorb Artikelzeile */

.basketimage
{
  margin-top: 10px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 0px;
  float: left;
  width: 32px;
  height: 32px;
  border-style: 0px;
}

.basketitem
{
  width: 115px;
  height: 32px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: darkblue;
  margin-top: 14px;
  margin-bottom: 0px;
  margin-left: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Anzahl der Warenkorbpositionen */

#basketcount
{
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  margin-top: 16px;
  margin-bottom: 0px;
  margin-left: 6px;
}

/* Warenkorbwert in EUR */

#basketvalue
{
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 6px;
}

/* Warenkorb "Zur Kasse gehen" */

.basketgoto
{
  font-family: Verdana;
  font-size: 11px;
  text-align: right;
  margin-top: 8px;
  margin-bottom: 4px;
  margin-right: 4px;
}

.basketgoto a:hover
{
  color: red;
}

/* Fusszeile */

.footleft
{
  width: 196px;
  height: 21px;
  background-color: #efefef;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #e0e0e0;
  font-size: 9px;
  text-align: center;
  color: darkred;
}

.contentfoot
{
  width: 604px;
  height: 21px;
  background-color: #efefef;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #e0e0e0;
  font-size: 9px;
  text-align: center;
  color: darkred;
}

.footright
{
  width: 196px;
  height: 21px;
  background-color: #efefef;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #e0e0e0;
  font-size: 9px;
  text-align: center;
  color: darkred;
}

/* Social Bookmarks */

.bookmarks
{
  background-color: #efefef;
  margin-top: 2px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Verdana, Arial;
  font-size: 12px;
  text-align: center;
  color: black;
}

.bookmarks a
{
  color: black;
  text-decoration: none;
}

.bookmarks a:hover
{
  color: red;
}

/* Sonderpreis */

em
{
  font-weight: bold;
  font-style: normal;
  color: red;
}

/* Tabelle mit den Suchergebnissen */

.results
{
  margin: 0px;
  border-collapse: collapse;
}

.resultheader
{
  height: 28px;
  background-color: #f1d7d8;
  font-size: 11px;
  font-weight: bold;
}

#resultcaption
{
  margin-left: 8px;
}

.resultprice
{
  text-align: right;
  margin-right: 8px;
}

.resulthidden
{
  display: none;
  height: 66px;
  font-size: 11px;
}

.resultoddrow
{
  height: 66px;
  font-size: 11px;
  background-color: white;
}

.resultevenrow 
{
  height: 66px;
  font-size: 11px;
  background-color: #faf0f1;
}

.resultimage
{
  width: 48px;
  height: 48px;
  margin-left: 8px;
  border: 1px solid black;
}

.resulttext a
{
  display: block;
  width: 390px;
  color: black;
  text-decoration: none;
}

.resulttext a:hover
{
  color: red;
}