/* Filename: shopstyles.css (wird aus Admin/shopstyles.txt generiert)                            */
/*                                                                                               */
/* Modul: CSS                                                                                    */
/*                                                                                               */
/* Autoren: Jose Fontanil & Reto Glanzmann                                                       */
/*                                                                                               */
/* Zweck: Beinhaltet alle Schrift-, Farb-, und Hintergrundeinstellungen                          */
/*                                                                                               */
/* Sicherheitsstatus:        *** ADMIN ***                                                       */
/*                                                                                               */
/* Version: 4.0.0                                                                                     */
/*                                                                                               */
/* CVS-Version / Datum: $Id: csstemplate.txt,v 1.178 2013/11/07 11:08:41 roli Exp $           */
/*                                                                                               */
/* ----------------------------------------------------------------------------------------------*/
/* ! ! ! ! ! ! ! ! ! ! ! ! ! W I C H T I G E R   H I N W E I S ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! */
/* ----------------------------------------------------------------------------------------------*/
/* Wenn Sie die CSS-Einstellungen direkt im CSS-File auf Ihre Beduerfnisse anpassen wollen, be-  */
/* arbeiten Sie keinesfalls das File "shopstyle.css". Dieses wird bei jedem Aufruf des Layout-   */
/* management-Tools ueberschrieben. Manuelle Änderungen der CSS-Einstellungen duerfen deshalb    */
/* nur im CSS-Template-File (csstemplate.txt) gemacht werden. Alle Angaben in < < > > sind Werte */
/* die in der Datenbank gespeichert sind. Nachdem Sie manuelle Änderungen gemacht haben, muessen */
/* Sie das Web-Layoutmanagementtool aufrufen, um damit das neue "shopstyle.css" File zu erzeugen!*/
/* ----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* ----------------------------------------------------------------------------------------------*/
/* Stylesheetdatei fuer Webshop                                                                  */
/* ----------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------*/
/* Globale Einstellungen                                                       */
/* ----------------------------------------------------------------------------*/
/* Fontfamilie und Textgroesse fuer die Standardeinstellung und <p>-tag        */
html {
  height: 100%;
}

body {
  height: 100%;
  margin:0px;
  padding:0px;
  font-size:16px;
  font-family: 'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  background-color:#EFEFEF;
  background-image:url(Bilder/bg_main_table.jpg);
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  
}

body.mce-content-body {
  padding-top: 10px;
}

hr {
  margin-top:5px;
}
p, ul, li {
  font-size:16px;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}
img {
  border:0px;
}
input,
textarea,
select,
button {
  color:#555555;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}

input:focus,
textarea:focus,
select:focus,
img:focus,
.content_td a:focus {
  outline: none;
}

.textfeld,
textarea,
select {
  border: 1px solid #D0CECE;
  color: #555555;
  background-color: #FFFFFF;
  margin: 2px;
}

.textfeld_left,
.textarea_left,
.select_left,
.dropdown_left {
  color: #555555;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  margin: 2px 0px;
}

/* alle Radio-Buttons vertikal middle */
input[type="radio"] {
  margin:3px 3px 4px 3px;
  padding:0px;
  border:0;
  width:18px;
  height:18px;
  vertical-align:middle
}
input[type="radio"]:checked+label,
input[type="radio"]:checked+label a {
  font-weight: bold;
}
label {
  vertical-align: middle;
  cursor: pointer;
}

.box_sizing_border {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer main_table (Haupttabelle um Shop herum)                  */
/* ----------------------------------------------------------------------------*/
/*
table.main_table {
  width:100%;
  height:100%;
}
td.main_table {
  vertical-align:top;
}
*/

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer shop_table (Komponenten des Shops)                       */
/* ----------------------------------------------------------------------------*/
table.shop_table {
  width:980px;
  height:720px;
  padding:0px;
  margin-top:40px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  border-collapse: separate;
  border-spacing:0px;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#CCCCCC;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#CCCCCC;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#CCCCCC;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#CCCCCC;
  table-layout:fixed;
/* vertikal zentrieren: */
/*
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
*/
/* unten ausgerichten: */
/*
  position: absolute;
  bottom: 0;
*/
}

td.katnav_td {
  color:#555555;
  background:#FFFFFF;
  background-image:none;
  background-repeat: repeat;
  /* background-position: ; */
  /* background-attachment: ; */
  padding: 0 0 20px 25px;
}

td.katnav_td_rechts {
  color:#555555;
  background:#FFFFFF;
  background-image:none;
  background-repeat: repeat;
  /* background-position: ; */
  /* background-attachment: ; */
  padding: 0 25px 0 0;
}

td.hauptnav_td {
  color:#D20B0C;
  background:#FFFFFF;
  background-image:none;
  background-repeat: repeat;
  /* background-position: ; */
  /* background-attachment: ; */
}

td.content_td, body.content_td {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  color:#151515;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
}

td.footer_td {
  margin:0px;
  padding:0px;
  height:38px;
  background-color:#FFFFFF;
  background-image:none;
  background-repeat: repeat-x;
  /* background-position: ; */
  color:#888888;
  text-decoration:none;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:11px;
  font-weight:normal;
  border-top: 0px #D20B0C solid;
  border-left: 0px #D20B0C solid;
  border-right: 0px #D20B0C solid;
  border-bottom: 0px #D20B0C solid;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Kategoriennavigation (Left Page-Teil)                    */
/* ----------------------------------------------------------------------------*/
/* Farbe und Schriftart der Links */
a.left {
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
}

a.left:link {
  color:#555555;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px; font-weight:normal;
  text-decoration:none;
}
a.left:visited {
  color:#555555;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px; font-weight:normal;
  text-decoration:none;
}
a.left:hover {
  color:#D20B0C;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
  text-decoration:none;
}
a.left:active {
  color:#555555;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
  text-decoration:none;
}

/* Farbe und Schriftart fuer die Tabs (Kategorienueberschriften)               */
.tabs {
  color:#555555;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}

/* Farbe und Schrift fuer Aktiv-Zustand Kategorienbaum */
.kataktiv, a.kataktiv, a.kataktiv:link, a.kataktiv:visited, a.kataktiv:active {
  color:#555555;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px; font-weight:bold;
  text-decoration:none;
  background-image:url(Bilder/kat_selected.gif);
}
.kat_inaktiv {
  background-image:url(Bilder/kat_leer.gif);
}
.kat_in_pfad {
  background-image:url(Bilder/kat_minus.gif);
}

/* Formatierung Box-Inhalte, eigene Links */
.boxlink_active {
  color:#555555;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px; font-weight:bold;
  text-decoration:none;
}

div.left_nav ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

/* Level 1 */
div.left_nav ul li {
  clear:both;
  display:block;
  padding:3px 0px 3px 0px;
  border-top:0px dashed #D20B0C;
  background-image:none;
  background-repeat: repeat;
  background-position: left bottom; /* top oder bottom, x=left  */
}

div.left_nav ul li a:link, div.left_nav ul li a:visited {
  /*text-decoration:none;*/
  background-repeat:no-repeat;
  display:block;
}

/* Level 1 Link */
div.left_nav ul li a.left,
div.left_nav ul li.tabs {
  background-position: 0px center;
  padding-left: 15px;
}
/* Level 2 Link */
div.left_nav ul li ul li a.left,
div.left_nav ul li ul li.tabs {
  background-position: 15px center;
  padding-left: 30px;
}
/* Level 3 Link */
div.left_nav ul li ul li ul li a.left,
div.left_nav ul li ul li ul li.tabs {
  background-position: 30px center;
  padding-left: 45px;
}
/* Level 4 Link */
div.left_nav ul li ul li ul li ul li a.left,
div.left_nav ul li ul li ul li ul li.tabs {
  background-position: 45px center;
  padding-left: 60px;
}
/* Level 5 Link */
div.left_nav ul li ul li ul li ul li ul li a.left,
div.left_nav ul li ul li ul li ul li ul li.tabs {
  background-position: 60px center;
  padding-left: 75px;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Hauptnavigation (Top Page-Teil)                          */
/* ----------------------------------------------------------------------------*/
div.top {
  padding-left:0px;
  padding-right:20px;
  height:180px;
  position: relative;
}

/* Titel-Tag Einstellungen fuer den Shopnamen in Hauptnavigation               */
div.top_titel {
  /*float:left;*/
  position: absolute;
  margin:30px 0px 0px 35px;
}
div.top_titel, a.top_titel {
  color:#D20B0C;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:35px;
  font-weight:bold;
  text-decoration:none;
}

/* Titel-Tag Einstellungen fuer den Administrationsstern in Hauptnavigation    */
div.top_stern {
  color:#777777;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
  text-decoration:none;
  text-align:right;
  float:right;
  margin:15px 0px 0px 0px ;
}
a.top_stern:link {
  color:#777777;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
  text-decoration:none;
}
a.top_stern:visited {
  color:#777777;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
  text-decoration:none;
}
a.top_stern:active {
  color:#777777;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:16px;
  font-weight:normal;
  text-decoration:none;
}

.header_subnav {
  float: right;
}
.header_mainnav {
  float: right;
  margin-top: 30px;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Haupt Page-Teil (z.B. Shopartikel / PopUps)              */
/* ----------------------------------------------------------------------------*/
/* Hintergrundfarbe und Hintergrundbild                                        */
/* Wird auch fuer den Body definiert - z.B. fuer PopUps                        */
body.content {
  margin:0px;
  padding:0px;
  border-collapse: collapse;
  color:#151515;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  /* background-position: ; */
}

.content_td a, td.content, div.content, table.contenthaupt, td.contenthaupt, div.contenthaupt, td.content_box {
  color:#151515;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}

.contenthaupt hr, .content hr {
   border: 0px none;
   background-color: #151515;
   height: 1px;
}

ul.kat_content {
   padding-left:0px;
}

ul.kat_content li {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 5px;
}

.content_td ul.kat_content li a {
    font-weight: bold;
}

td.contenthaupt, div.contenthaupt, td.content_box {
  padding-left:15px;
}

table.contenthaupt, table.content_box, p.contenthaupt {
  padding-left:15px;
}

table.content_box, td.content_box  {
  background-color: transparent;
  background-image:none;
  background-repeat: repeat;
  border-top: 0px solid #D20B0C;
  border-left: 0px solid #D20B0C;
  border-right: 0px solid #D20B0C;
  border-bottom: 0px solid #D20B0C;
}

div.error {
    border: 2px solid #D20B0C;
    padding: 4px;
    background-color: #FFEFEF;
    margin: 10px 0;
}

.error {
  color:#D20B0C;
  text-decoration:none;
  font-style:normal;
  /* font-size:16px; */
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}

.erfolg {
  color:#00AA00;
  text-decoration:none;
  font-style:normal;
  /* font-size:16px; */
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

/* CSS-Buttons im Content-Bereich                                              */
.content_button{
  background-color: #F7F7F7;
  background-image:url(Bilder/bg_content_css_button.gif);
  background-repeat: repeat;
  border-top: 1px #DDDDDD solid;
  border-left: 1px #DDDDDD solid;
  border-right: 1px #DDDDDD solid;
  border-bottom: 1px #DDDDDD solid;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  color:#222222;
  text-decoration:none;
  font-size:11px;
  font-style:normal;
  font-weight:bold;
}

/* Farbe und Schriftart der Links                                              */
.content_td a:link,
.content_td a:visited,
.content_td a:active {
  color:#D20B0C;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}

a.error {
  color:#D20B0C;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}

/* Farbe und Schriftart der Ueberschriften                                     */
h1.content,
.content_td h1.content a {
  color:#343434;
  font-style:normal;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  margin: 5px 2px 5px 0px;

}
h2.content {
  color:#D20B0C;
  font-style:normal;
  font-size:30px;
  text-decoration:none;
  font-weight:bold;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  margin: 0px 0px 10px 0px;
}
h3.content {
  color:#555555;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  margin: 15px 0px 0px 0px;
}
a.h3 {
  color:#555555;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
}
h4.content, .h4 {
  color:#555555;
  font-style:normal;
  font-size:16px;
  text-decoration:none;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  margin: 15px 0px 5px 0px;
}
/* Preisformatierung */
h5.content {
  color:#555555;
  font-style:normal;
  font-size:14px;
  text-decoration:none;
  font-weight:bold;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  margin: 10px 0;
}

input.content, textarea.content, select.content, button.content {
  border: 1px solid #D0CECE;
}

.lagerampel {
  vertical-align:middle;
}

div.lagerampel {
  /* margin-bottom:5px; */  
}

.optionsartikel_als_optionen {
  margin-top:15px;
}

.optionsartikel_als_optionen label {
  font-weight:bold;
}

.last_viewed_artikel {
  color:#555555;
  background-color:#F6F3F3;
}

.kleinbild {
  text-align: center;   
  width: 10px;
}

.microbilder {
  padding: 0px;
  margin: 5px 0 0 0;
  width: 10px;
}

.microbilder li {
  float:left;
  list-style-type: none;
  margin: 0px 2px 2px 0px;
}

.microbilder li img {
  cursor: pointer;
}

.artikel_zusatzanzeige {
  font-size: 80%;
}

.content_td .artikel_zusatzanzeige a {
  font-size: 100%;
}

.grundpreis {
  font-size: 80%;
  font-weight: normal;
}

/* ----------------------------------------------------------------------------*/
/* Spezielle Formatierungen fuer Artikeldetailansicht                          */
/* ----------------------------------------------------------------------------*/
.product_detail form label{
  font-weight: bold; 
}

.subartikel label {
  display: block;
  font-weight: bold;
  padding-top:10px;
}

.subartikel tr.active {
  outline: #FF0000 solid 2px;
}

.subartikel tr.active td {
  font-weight: bold;
}

.product_image_container {
  float:left;
  margin-bottom: 5px;
}

.product_content_container {
  margin-left: 10px;
}

.anzahl_einheit {
  margin-top: 20px;
}

/* ----------------------------------------------------------------------------*/
/* einspaltige Artikelanzeige                                                  */
/* ----------------------------------------------------------------------------*/
td.product_image img.product_image_micro {
  width: 0px;
}

/* ----------------------------------------------------------------------------*/
/* Klasse für die mehrspaltige Artikelanzeige                                  */
/* ----------------------------------------------------------------------------*/
div.artikel_box{
  border-top: 1px solid #BABABA;
  border-right: 1px solid #BABABA;
  border-bottom: 1px solid #BABABA;
  border-left: 1px solid #BABABA;
  background-image:none;;
  background-repeat: repeat;
  background-color: #FFFFFF;
  width: 200px;
  float:left;
  margin-right:20px;
  overflow:hidden;
}

div.artikel_box:hover {
  box-shadow: 0 0 5px 2px #BABABA;
  cursor:pointer;
  /*border-color: transparent;*/
}

div.artikel_box_last{
  margin-right: 0px;
}

div.artikel_box_trennlinie{
  border-bottom: 1px solid #BABABA;
}

div.artikel_box_bild{
  height: 293px;
  text-align:center;
  padding: 0px 0px 0px 0px;
}

img.artikel_box_bild{
  vertical-align:middle;
  margin:0px auto;  
}

div.flag_bild_wrapper{
  position: relative;
}

div.promo_corner{
  position: absolute;
  left: 0px;
  top: 0px;
}

div.aktion_corner{
  position: absolute;
  left: 0px;
  top: 0px;
}

div.artikel_box_name{
  height: 35px;
  text-decoration:none;
  font-weight:bold;
}

a.artikel_box_name, a.artikel_box_name:link, a.artikel_box_name:visited {
  text-decoration:none;
  font-weight:bold;
}

div.artikel_box_kurzbeschr{
  height: 55px;
}

div.artikel_box_lager{
  height: 35px;
}

div.artikel_box_preis{
  height: 30px;
  font-weight: bold;
}

div.artikel_box_button{
  height: 35px;
  text-align: center;
}

div.artikel_box_direktkauf{
  height: 35px;
}


div.artikel_box_content_wrapper{
  padding: 10px 10px 0px 10px; 
}
/* ----------------------------------------------------------------------------*/
/* Spezielle Linkklasse, wo der Link nicht unterstrichen wird (Suchresultat)   */
/* ----------------------------------------------------------------------------*/
body.no_decoration {
  background: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  /* background-position: ; */
  /* background-attachment: scroll; */
}

body.no_decoration,
td.no_decoration,
a.no_decoration,
a.no_decoration:link,
a.no_decoration:visited,
a.no_decoration:active {
  color:#151515;
  font-style:normal;
  font-size:16px;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  text-decoration:none;
}

h1.no_decoration,
h2.no_decoration,
h3.no_decoration,
h4.no_decoration,
h5.no_decoration,
h6.no_decoration {
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  text-decoration:none;  
}

h1.no_decoration {
  color:#343434;
  font-style:normal;
  font-size:24px;
  font-weight:bold;
}
h2.no_decoration {
  color:#D20B0C;
  font-style:normal;
  font-size:30px;
  font-weight:bold;
}
h3.no_decoration {
  color:#555555;
  font-style:normal;
  font-size:16px;
  font-weight:normal;
}
h4.no_decoration {
  color:#555555;
  font-style:normal;
  font-size:16px;
  font-weight:normal;
}
h5.no_decoration {
  color:#555555;
  font-style:normal;
  font-size:14px;
  font-weight:bold;
}
.link_cursor:hover {
  cursor: pointer;
}
a.no_underline, a.no_underline:link, a.no_underline:visited {
  text-decoration:none; 
}

/* ----------------------------------------------------------------------------*/
/* Tabellenformatierung (z.B fuer Warenkorb)                                   */
/* ----------------------------------------------------------------------------*/
table.tbl {
  border-spacing:0px;
  border-collapse:collapse;
}
/* Titelzeile (Ueberschriftszeile)                                             */
td.tbl_titel {
  color:#555555;
  background-color:#E1DCDC;
  padding:2px 2px 2px 10px;
  font-style:normal;
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
}
/* Formatierung der ungeraden Zeilen (Zeile 1,3,5,7,..)                        */
td.tbl_ung {
  color:#555555;
  background-color:#F4F0F0;
  padding:2px 2px 2px 10px;
  font-style:normal;
  font-size:12px;
  text-decoration:none;
  font-weight:normal;
}
/* Links in ungeraden Zeilen (Zeile 1,3,5,7,..)                                */
.tbl_ung a.tbl_ung {
  color:#555555;
  background-color:#F4F0F0;
  font-style:normal;
  font-size:12px;
  text-decoration:none;
  font-weight:normal;
}
/* Formatierung der geraden Zeilen (Zeile 2,4,6,8,..)                          */
td.tbl_ger {
  color:#555555;
  background-color:#F8F6F6;
  padding:2px 2px 2px 10px;
  font-style:normal;
  font-size:12px;
  text-decoration:none;
  font-weight:normal;
}
/* Links in geraden Zeilen (Zeile 2,4,6,8,..)                                  */
.tbl_ger a.tbl_ger {
  color:#555555;
  background-color:#F8F6F6;
  font-style:normal;
  font-size:12px;
  text-decoration:none;
  font-weight:normal;
}
/* Formatierung der Zeilen mit speziellen Informationen                        */
td.tbl_info {
  color:#555555;
  background-color:#F6F3F3;
  font-style:normal;
  padding:2px 2px 2px 10px;
  font-size:12px;
  text-decoration:none;
  font-weight:normal;
}
/* Formatierung fuer die Zeilen, die spezielle Informationen (z.B. Totalbetrag */
/* beinhalten                                                                  */
td.tbl_total {
  color:#555555;
  background-color:#E7E3E3;
  font-style:normal;
  padding:10px 2px 10px 10px;
  font-size:12px;
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
}

/* ----------------------------------------------------------------------------*/
/* Inhalte in Warenkorb                                                        */
/* ----------------------------------------------------------------------------*/
.versandart_zusatzinfo {
  color: #888888;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 10px;
  text-decoration: none;
  text-align: justify;
  font-weight: normal;
  padding-right: 20px;
  margin-bottom: 10px;
}

div.landliefer_radio .versandart_zusatzinfo {
  margin-left: 25px;
}

div.landliefer_select .versandart_zusatzinfo {
  margin-left: 5px;
}

td.wk_config {
  color:#555555;
  background-color:#FFFFFF;
  border-top: 1px #BABABA solid;
  padding-top: 15px;
  padding-bottom: 15px;
}

td.wk_config_bottom {
  border-bottom: 1px #BABABA solid;
}

select + .versandart_zusatzinfo {
  margin-left: 3px;
}

div.landliefer_radio {
  margin-top: -5px;
}

div.landliefer_select {
  margin-top: -5px;
}

/* ----------------------------------------------------------------------------*/
/* Inhalte in Kasse                                                            */
/* ----------------------------------------------------------------------------*/
td.kasse_versandart {
  padding: 10px 0 20px 0;
}

/* ----------------------------------------------------------------------------*/
/* Tabellenformatierung fuer die Bestellpfadsanzeige (Bestellfortschritt)      */
/* ----------------------------------------------------------------------------*/
table.bp {
  border-spacing:0px;
  border-collapse:collapse;
  margin:10px 0 0 0;
}
/* Formatierungsangaben fuer alle td-Elemente im bp-Kontext                    */
table.bp td {
  vertical-align:top;
  text-align:left;
  border-style:solid;
  border-color:#BABABA;
  padding:2px;
}
/* Hauptzeile-Formatierung fuer erledigte Positionen                           */
table.bp td.bp_bildzeile {
  background-color: #FFFFFF;
  padding:0px;
  border:0px;
}
/* Hauptzeile-Formatierung fuer erledigte Positionen                           */
td.bp_erledigt {
  border-width:1px;
  color:#FFFFFF;
  background-color:#B0B465;
  font-weight:bold;
  text-decoration:none;
  font-style:normal;
  font-size:11px;
  white-space: nowrap;
}
/* Hauptzeile-Formatierung fuer die im Moment bearbeitete Positionen           */
td.bp_aktiv {
  border-width:1px;
  color:#FFFFFF;
  background-color:#A13E52;
  font-weight:bold;
  text-decoration:none;
  font-style:normal;
  font-size:11px;
  white-space: nowrap;
}
/* Hauptzeile-Formatierung fuer Positionen, die spaeter bearbeitet werden     */
td.bp_spaeter {
  border-width:1px;
  color:#FFFFFF;
  background-color:#999999;
  font-weight:bold;
  text-decoration:none;
  font-style:normal;
  font-size:11px;
  white-space: nowrap;
}
/* Bemerkungszeile-Formatierung fuer erledigte Positionen                           */
td.bp_erledigt_bem {
  border-width:1px;
  color:#555555;
  background-color:#F8F6F6;
  font-weight:normal;
  text-decoration:none;
  font-style:normal;
  font-size:11px;
}
/* Bemerkungszeile-Formatierung fuer die im Moment bearbeitete Positionen           */
td.bp_aktiv_bem {
  border-width:1px;
  color:#555555;
  background-color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
  font-style:normal;
  font-size:11px;
}
/* Bemerkungszeile-Formatierung fuer Positionen, die spaeter bearbeitet werden     */
td.bp_spaeter_bem {
  border-width:1px;
  color:#555555;
  background-color:#F8F6F6;
  font-weight:normal;
  text-decoration:none;
  font-style:normal;
  font-size:11px;
}

/* ----------------------------------------------------------------------------*/
/* Link fuer Footer                                                            */
/* ----------------------------------------------------------------------------*/

/* Farbe und Schriftart der Links */
a.footer_td:link {
  color:#888888;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:11px; font-weight:normal;
  text-decoration:none;
}
a.footer_td:visited {
  color:#888888;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:11px; font-weight:normal;
  text-decoration:none;
}
a.footer_td:active {
  color:#888888;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:11px; font-weight:normal;
  text-decoration:none;
}
a.footer_td {
  color:#888888;
  text-decoration:none;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:11px;
  font-weight:normal;
}

/* ----------------------------------------------------------------------------*/
/* Formatierung fuer die Informations-Boxen                                    */
/* ----------------------------------------------------------------------------*/
div.ibox{
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:12px;
  font-weight:normal;
  border-top: 0px #D20B0C solid;
  border-right: 0px #D20B0C solid;
  border-bottom: 0px #D20B0C solid;
  border-left: 0px #D20B0C solid;
  margin: 0px 0px 10px 0px;
}

input.ibox, textarea.ibox, select.ibox, button.ibox{
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size:12px;
  font-weight:normal;
}
div.ibox form{
  margin: 0px;
  padding: 0px;
}

input.ibox, button.ibox {
  background-color: #EFEFEF;
  background-image:none;
  color: #000000;
  background-repeat: repeat;
  border-top: 1px #D0CECE solid;
  border-left: 1px #D0CECE solid;
  border-right: 1px #D0CECE solid;
  border-bottom: 1px #D0CECE solid;
  padding:0px;
}

input.ibox[type="submit"] {
  margin: 5px 0 5px 0;
  padding: 2px;
  cursor: pointer; 
}

/* Titelbereich der ibox */
div.ibox_top {
  color:#353535;
  font-style:normal;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
  background-color:#FFFFFF;
  background-image:none;
  background-repeat: repeat;
  padding:5px 2px 5px 15px;
}

/* Farbe und Schriftart der Links im Titelbereich der ibox */
a.ibox_top,
a.ibox_top:link,
a.ibox_top:visited {
  color:#353535;
  font-style:normal;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
}

/* Content Bereich der ibox */
div.ibox_content{
  background-color:#FFFFFF;
  background-image:none;
  background-repeat: repeat;
  padding:5px 2px 5px 15px;
}

/* Farbe und Schriftart der Links */
a.boxlink_in_path,
a.ibox_content,
a.ibox_content:link
a.ibox_content:visited,
a.ibox_content:active {
  color:#555555;
  font-style:normal;
  font-size:16px;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  text-decoration:none;
}

/* Spezielle Formatierungen Informations-Boxen in Hauptnavigation */
.hauptnav_td div.ibox {
  float: left;
  border: none;
  margin-left: 15px;
  margin-bottom: 0;
  margin-right: 0;
  background-color: transparent;
  padding: 0 0 0 15px;
}

.hauptnav_td div.header_subnav div.ibox {
  border-left: 1px #777777 solid;
}
.hauptnav_td div.header_subnav div.ibox:first-child {
  border-left: none;
}

.hauptnav_td div.ibox:first-child {
  padding-left: 0;
  margin-left: 0;
}

.hauptnav_td div.ibox div.ibox_top {
  float: left;
  padding:0;
  background-color: transparent;
}

.hauptnav_td div.ibox div.ibox_top div.ibox_content:first-child {
  padding-left: 5px;
}

.hauptnav_td div.ibox .ibox_top,
.hauptnav_td div.ibox .ibox_top a.ibox_top {
  color: #777777;
  font-size: 16px;
}
.hauptnav_td div.ibox div.ibox_content {
  float: left;
  padding:0;
  background-color: transparent;
}
.hauptnav_td div.ibox .ibox_content,
.hauptnav_td div.ibox .ibox_content a.ibox_content {
  color: #777777;
  font-size: 16px;
} 
.hauptnav_td div.ibox input,
.hauptnav_td div.ibox select {
  margin: 0;
}
.hauptnav_td div.ibox .cart_info_list {
  position: absolute;
  display: none;
}
.hauptnav_td form.suchformular {
  border: 1px solid #D0CECE;
  padding: 0;
  height: 27px;
  background-color: #FFFFFF;
}
.hauptnav_td .suchformular input {
  border: none;
  color: #000000;
  vertical-align: middle;
}
.hauptnav_td .suchformular input.ibox[type="image"] {
  background: none;
  padding: 0 5px 0 0;
}
.hauptnav_td #quicksearch_suchstring {
  width: 180px;
  height: 100%;
  padding: 0 5px;
}
/* JQuery Autocomplete formatierungen */
ul.ui-menu {
  margin-left: -1px;
}
.ui-menu.ui-corner-all {
  border-radius: 0;
}
.ui-menu .ui-autocomplete-category {
  border-top: 1px dotted #000000;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-top: 10px;
}
.ui-menu .ui-autocomplete-category:first-child {
  border-top: none;
  margin-top: 5px;
}
.ui-menu li.ui-menu-item a {
  padding-left: 5px;
}

.ui-menu li.ui-menu-item a.ui-state-focus {
  text-decoration: underline;
  border: 0;
  background-image: none;
  background-color: transparent;
  margin: 0;
}

.hauptnav_td div.cart_container {
  padding: 4px 0 0 0;
}

.hauptnav_td div.cart_container div.ibox_content {
  padding: 2px 0 0 10px;
  vertical-align: middle;
}

.hauptnav_td div.cart_container a.ibox_top {
  vertical-align: middle;
}

.hauptnav_button {
  margin-left: 10px;
}

.hauptnav_button img {
  border: 0;
}

/* CSS Box Shadow */
.shadow{
  box-shadow: 0px 5px 5px 0px #555555;
}

/* Clearfix */
.cf:after {  /* Firefox, IE8 */
  content: ".";  
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height:0;
}
 
* + html .cf { /*  IE7 */
  display: inline-block;
}

/* vertikal, horizontal center */
.center_center {
  margin: 0 auto;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

/* ----------------------------------------------------------------------------*/
/* Infobox Suchformular Spalte                                                 */
/* ----------------------------------------------------------------------------*/
.katnav_td div.quicksearch_container input.suchformular {
  border: 1px solid #FFFFFF;
  padding: 3px;
} 

/* ----------------------------------------------------------------------------*/
/* Infobox Warenkorb                                                           */
/* ----------------------------------------------------------------------------*/
div.cart_container div.ibox_top{
  background-color:#999999;
}

div.cart_container a.ibox_top{
  color:#FFFFFF;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:bold;
}
div.cart_container a.ibox_top img{
  vertical-align:middle;
}

/* Content Bereich des ibox-Warenkorbs */
div.cart_container div.ibox_content{
  background-color:#ECE2D4;    
}

div.cart_container, div.cart_container a.ibox_content{
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:normal;
}

div.cart_container .cart_info_total{
  width: 100%;
}

/* ----------------------------------------------------------------------------*/
/* Infobox Sprachwahl                                                          */
/* ----------------------------------------------------------------------------*/
div.language_container a.ibox_content {
  text-decoration: none;
  border-left: 1px solid #555555;
  padding-left: 8px;
  padding-right: 4px;
}
.hauptnav_td div.language_container a.ibox_content {
  border-left: 1px solid #777777;
}
div.language_container a.ibox_content:first-child {
  border-left: none;
  padding-left: 0;
}

div.language_container a.active{
  font-weight: bold;
}
div.language_container button {
  margin-left: 5px;
}
div.language_container button:first-child {
  margin-left: 0;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Infolinks box_content                                    */
/* ----------------------------------------------------------------------------*/
a.box_content_label,
a.box_content_label:link,
a.box_content_label:visited,
a.box_content_label:active {
  text-decoration: none;
  cursor: default;
}

div.box_content ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.box_content ul li {
  padding: 3px 0px 1px 0px;
}

/* Level 2 Box-Content */
div.box_content ul li ul li {
  padding-left: 10px;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Footer box_content                                       */
/* ----------------------------------------------------------------------------*/
.footer_td .box_content a.box_content_label,
.footer_td .box_content a.box_content_label:link,
.footer_td .box_content a.box_content_label:visited,
.footer_td .box_content a.box_content_label:active {
  font-weight: bold;
}

.footer_td .box_content{
  text-align:left;
  padding: 10px;
}

.footer_td .box_content ul li {  
  float:left;
  width:150px;
  border-right:0px solid #000000;
  padding-left:20px;
}

.footer_td .box_content ul li ul li{  
  border-right:none;
  padding-left:0px;
}

.footer_td .box_content ul li.box_content_last{
  border-right:none;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Kategorienfilter Formatierungen                          */
/* ----------------------------------------------------------------------------*/
/* 1.) Optionale Anzeige aktiver Filter im Content Bereich, wenn Filterauswahl bei Kategorien ist */
ul.katfilter_content_info_anzeige_long {
}

li.katfilter_content_info_anzeige_long {
  padding-bottom:3px;
}

a.katfilter_content_info_anzeige_long {
  text-decoration:none !important;
}

ul.katfilter_content_info_anzeige_short {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display:inline;
}

li.katfilter_content_info_anzeige_short {
  float:left;
  display:inline;
}

a.katfilter_content_info_anzeige_short {
  text-decoration:none !important;
}


/* 2.) Filterklassen fuer Rahmen und Titel, X_content gelten nur, wenn Filterauswahl im Content-Bereich ist */
.katfilter_content {
}

.katfilter_title {
}

.content_katfilter_title {
}

.katfilter_widget_title{
}

.katfilter_content .katfilter_widget_title{
  display: block;
  list-style-type: none;    
  background-color:#EFEFEF;
  background-image:none;
  background-repeat: repeat;
  padding:2px 0px;
  margin:10px 0px 2px 0px;
}
.katfilter_content ul.katfilter_widget_title li a{
  display:block;
}

.katfilter_widget_title_active,
.content_td a.katfilter_widget_title_active,
.content_td a:link.katfilter_widget_title_active,
.content_td a:active.katfilter_widget_title_active,
.content_td a:visited.katfilter_widget_title_active,
.katnav_td a.katfilter_widget_title_active,
.katnav_td a:link.katfilter_widget_title_active,
.katnav_td a:active.katfilter_widget_title_active,
.katnav_td a:visited.katfilter_widget_title_active {
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:bold;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

.katfilter_widget_title_deactivated,
.content_td a.katfilter_widget_title_deactivated,
.content_td a:link.katfilter_widget_title_deactivated,
.content_td a:active.katfilter_widget_title_deactivated,
.content_td a:visited.katfilter_widget_title_deactivated,
.katnav_td a.katfilter_widget_title_deactivated,
.katnav_td a:link.katfilter_widget_title_deactivated,
.katnav_td a:active.katfilter_widget_title_deactivated,
.katnav_td a:visited.katfilter_widget_title_deactivated {
  color:#BBBBBB;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:bold;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

.katfilter_widget_title_normal,
.content_td a.katfilter_widget_title_normal,
.content_td a:link.katfilter_widget_title_normal,
.content_td a:active.katfilter_widget_title_normal,
.content_td a:visited.katfilter_widget_title_normal,
.katnav_td a.katfilter_widget_title_normal,
.katnav_td a:link.katfilter_widget_title_normal,
.katnav_td a:active.katfilter_widget_title_normal,
.katnav_td a:visited.katfilter_widget_title_normal {
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:bold;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

.katfilter_widget_title_small {
  font-size: 80%;
}

div.left_nav ul li.katfilter_openclose, li.katfilter_openclose {
  background-repeat: no-repeat;
  background-position: right center;
}


/* 3.) Filterklassen fuer die Elemente eines Filterauswahl Widgets - und noch einige Zusatzdefinitionen */
.katfilter_content ul.katfilter_widget_elements, .katfilter_content .katfilter_widget_elements form{
  padding:0px !important;
  margin:0;
}

.katfilter_content #slider-range-preisslider{
  margin:5px 9px 5px 7px !important;
}

.katfilter_widget_elements {
  white-space:nowrap;
  list-style-type: none;
}

div.left_nav .katfilter_widget_elements li a, 
div.left_nav .katfilter_widget_elements li, 
.katfilter_widget_elements li a, 
.katfilter_widget_elements li{
  background-repeat: no-repeat;
  background-position: left center;
}

.content_katfilter_select {
  margin: 0px 0px 2px 0px;
  padding: 0px;
}

.katfilter_select {
  margin: 0px 0px 2px 0;
  padding: 0px;
  border: 0px;
}

.katfilter_widget_element_normal,
.content_td a.katfilter_widget_element_normal,
.content_td a:link.katfilter_widget_element_normal,
.content_td a:active.katfilter_widget_element_normal,
.content_td a:visited.katfilter_widget_element_normal,
.katnav_td a.katfilter_widget_element_normal,
.katnav_td a:link.katfilter_widget_element_normal,
.katnav_td a:active.katfilter_widget_element_normal,
.katnav_td a:visited.katfilter_widget_element_normal {
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

.katfilter_widget_element_active,
.content_td a.katfilter_widget_element_active,
.content_td a:link.katfilter_widget_element_active,
.content_td a:active.katfilter_widget_element_active,
.content_td a:visited.katfilter_widget_element_active,
.katnav_td a.katfilter_widget_element_active,
.katnav_td a:link.katfilter_widget_element_active,
.katnav_td a:active.katfilter_widget_element_active,
.katnav_td a:visited.katfilter_widget_element_active {
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

.katfilter_widget_element_deactivated,
.content_td a.katfilter_widget_element_deactivated,
.content_td a:link.katfilter_widget_element_deactivated,
.content_td a:active.katfilter_widget_element_deactivated,
.content_td a:visited.katfilter_widget_element_deactivated,
.katnav_td a.katfilter_widget_element_deactivated,
.katnav_td a:link.katfilter_widget_element_deactivated,
.katnav_td a:active.katfilter_widget_element_deactivated,
.katnav_td a:visited.katfilter_widget_element_deactivated {
  color:#BBBBBB;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
}

.katfilter_auswahl_aufheben,
.content_td a.katfilter_auswahl_aufheben,
.content_td a:link.katfilter_auswahl_aufheben,
.content_td a:active.katfilter_auswahl_aufheben,
.content_td a:visited.katfilter_auswahl_aufheben,
.katnav_td a.katfilter_auswahl_aufheben,
.katnav_td a:link.katfilter_auswahl_aufheben,
.katnav_td a:active.katfilter_auswahl_aufheben,
.katnav_td a:visited.katfilter_auswahl_aufheben {
  color:#555555;
  text-decoration:none;
  font-style:normal;
  font-size:12px;
  font-weight:normal;
  font-family:'Gotham Book',Arial,Helvetica,Geneva,Swiss;  
  text-align: right;
  padding-right: 2px;
  padding: 0px;
  margin: 0px;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Blaettern-Anzeige                                        */
/* ----------------------------------------------------------------------------*/
/* Blaettern Liste                                                             */
ul.blaettern {
  list-style: none;
  padding: 0px;
  margin: 5px 0 10px 0;
}

ul.blaettern li:first-child a {
  margin-left: 0px;
}

/* Blaettern kundenseitig kein_link                                            */
.blaettern_no_link {
  text-decoration: none;
}
/* Blaettern kundenseitig normal                                               */
.blaettern_no_link,
.content_td a.blaettern {
  float: left;
  margin: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  background-color: transparent;
  cursor: pointer;
  color: #222222;
  font-style: normal;
  font-size: 11px;
  text-decoration: none;
}

/* Blaettern kundenseitig aktiv                                                */
a.blaettern.active,
a.blaettern:hover {
  background-color: #F7F7F7;
}

/* ----------------------------------------------------------------------------*/
/* Hidden Input-File CSS-Definitionen                                          */
/* ----------------------------------------------------------------------------*/
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper input {
  cursor: pointer;
  font-size: 100px;
  height: 100%;
  filter: alpha(opacity=1);
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}

/* ----------------------------------------------------------------------------*/
/*  Impressum Div-Bereich-Formatierung                                         */
/* ----------------------------------------------------------------------------*/
.impressum {
  margin-bottom: 11px;
  display:block;
}
.impressum table {
  border-spacing: 0px;
  display:block;
}
.ga_datenschutz {
  padding-top: 10px;
}

/* ----------------------------------------------------------------------------*/
/*  Haendlerwahl Tabelle                                                       */
/* ----------------------------------------------------------------------------*/

div#haendlerwahl {
  text-align: left;
}

div#haendler_liste {
  float: left; 
  width: 55%;
}

div#haendler_liste table {
  border-collapse: collapse;
}

div#haendler_liste table td, div#haendler_liste table th {
  border-bottom: 1px solid #F4F0F0;
  padding: 2px 5px 2px 5px;
  vertical-align: top;
}
div#haendlerwahl div#haendler_liste label {
  white-space: nowrap;
}

div#haendler_liste table td.check {
  width: 20px;  
}

.haendler_plz {
  vertical-align: middle;
  margin: 5px 0 10px 0;
}

div#haendler_details {
  float: right;
  color: #555555;
  border: 0px solid #555555;
  padding-left: 20px;
}

div#haendler_details div {
  display: none;
}

/* ----------------------------------------------------------------------------*/
/* Slidermenu in Hauptnavigation                                               */
/* ----------------------------------------------------------------------------*/

.hauptnav_slidemenu {
  height: 33px;
  background-color: #777777;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#box_content_hauptnav div.box_content ul li {
  padding: 0;
}

.hauptnav_slidemenu .nav_slidemenu {
  background-color: #777777;
  float: left;
}

.hauptnav_slidemenu ul.sf-menu,
.hauptnav_slidemenu ul.sf-megamenu {
  margin: 0;
}
.hauptnav_slidemenu .sf-arrows a.sf-with-ul {
  padding-right: 22px;
}
.hauptnav_slidemenu .sf-arrows a.sf-with-ul:after {
  border: none;
  content: url('Bilder/kat_minus_hauptnav.gif');
  background-repeat: no-repeat;
}
.hauptnav_slidemenu .sf-arrows ul .sf-with-ul:after {
  content: url('Bilder/kat_selected_hauptnav.gif');
}
.hauptnav_slidemenu .kat_in_pfad {
  background-image: none;
}

/* Top level menu link items style */
.hauptnav_slidemenu ul.sf-menu li,
.hauptnav_slidemenu ul.sf-megamenu li {
  background-color: #777777;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  opacity: 1;
}

.hauptnav_slidemenu ul.sf-menu li a,
.hauptnav_slidemenu ul.sf-megamenu li a {
  color: #FFFFFF;
  border-top: 0px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 0px solid transparent;
  border-bottom: 0px solid #FFFFFF;
  padding: 8px 10px 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}

.hauptnav_slidemenu ul.sf-menu li a:link,
.hauptnav_slidemenu ul.sf-menu li a:visited,
.hauptnav_slidemenu ul.sf-megamenu li a:link,
.hauptnav_slidemenu ul.sf-megamenu li a:visited {
  color: #FFFFFF;
}

/* Top level background of tabs */
.hauptnav_slidemenu ul.sf-menu li a:hover,
.hauptnav_slidemenu ul.sf-megamenu li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-megamenu li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-megamenu li a:hover {
  background-color: #EEEEEE; 
  background-image:url(Bilder/bg_slidemenu_hover.png);
  background-repeat: repeat;
  background-position: left top;
  color: #F6F6F6;
  border-top: 0px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 0px solid transparent;
  border-bottom: 0px solid #FFFFFF;
  opacity: 1;
  text-decoration: none;
  border-radius: 0;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}

/* Sub level menu links style */
.hauptnav_slidemenu ul.sf-menu li ul li,
.hauptnav_slidemenu ul.sf-megamenu li ul li {
  background-color: #F5F5F5;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  opacity: 0.94;
}

.hauptnav_slidemenu ul.sf-menu li ul li a,
.hauptnav_slidemenu ul.sf-megamenu li ul li a {
  color: #555555;
  text-decoration: none;
  font-style: normal;
  font-family: 'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size: 11px;
  font-weight: bold;
  border-top: 0px solid #DDDDDD;
  border-right: 0px solid #DDDDDD;
  border-left: 0px solid #DDDDDD;
  border-bottom: 0px solid #DDDDDD;
  padding: 8px 8px;
}

.hauptnav_slidemenu ul.sf-menu li ul li a:link,
.hauptnav_slidemenu ul.sf-menu li ul li a:visited,
.hauptnav_slidemenu ul.sf-megamenu li ul li a:link,
.hauptnav_slidemenu ul.sf-megamenu li ul li a:visited {
  color: #555555;
}

/* sub menus hover style */
.hauptnav_slidemenu ul.sf-menu li ul li a:hover {
  background-color: #F5F5F5;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  color: #D02C19;
  text-decoration: none;
  font-style: normal;
  font-family: 'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size: 11px;
  font-weight: bold;
  border-top: 0px solid #DDDDDD;
  border-right: 0px solid #DDDDDD;
  border-left: 0px solid #DDDDDD;
  border-bottom: 0px solid #DDDDDD;
  border-radius: 0;
  opacity: 0.94;
}

/* Sub-Sub level menu links style */
.hauptnav_slidemenu .jqueryslidemenu ul li ul li ul li a {
  background-color: #F5F5F5;
  color: #555555;
  text-decoration :none;
  font-style: normal;
  font-family: 'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size: 11px;
  font-weight: normal;
  border-top: 0px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

.hauptnav_slidemenu ul.sf-menu li ul li ul li {
  background-color: #F5F5F5;
}

.hauptnav_slidemenu ul.sf-menu li ul li ul li a {
  color: #555555;
  text-decoration: none;
  font-style: normal;
  font-family: 'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size: 11px;
  font-weight: normal;
  border-top: 0px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

.hauptnav_slidemenu ul.sf-menu li ul li ul li a:link,
.hauptnav_slidemenu ul.sf-menu li ul li ul li a:visited {
  color: #555555;
}

/* sub-sub menus hover style */
.hauptnav_slidemenu ul.sf-menu li ul li ul li a:hover {
  background-color: #F5F5F5;
  color: #D02C19;
  text-decoration: none;
  font-style: normal;
  font-family: 'Gotham Book',Arial,Helvetica,Geneva,Swiss;
  font-size: 11px;
  font-weight: normal;
  border-top: 0px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

/* Megamenu sub */
.hauptnav_slidemenu .sf-megamenu .sf-mega {
  background-color: #F5F5F5;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  padding: 15px 0;
  width: 980px;
  opacity: 0.94;
  z-index: 1000;
}
.hauptnav_slidemenu .sf-mega-section {
  border-right: 0px solid #DDDDDD;
}
.hauptnav_slidemenu .sf-mega-section:last-child {
  border-right: none;
}

.hauptnav_slidemenu ul.sf-megamenu li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.hauptnav_slidemenu ul.sf-megamenu li ul li {
  background-color: transparent;
  background-image: none;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #555555;
  opacity: 1;
}

/* Megamenu sub-sub */
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li {
  border-bottom: none;
}

/* Megamenu sub: Section */
.hauptnav_slidemenu ul.sf-megamenu li .sf-mega-section {
  color: #555555;
  font-size: 11px;
  font-weight: bold;
  background-color: #F5F5F5;
  background-image: none;
}
/* Megamenu Layer sub: Text */
.hauptnav_slidemenu ul.sf-megamenu li .sf-mega-section a,
.hauptnav_slidemenu ul.sf-megamenu li ul li a,
.hauptnav_slidemenu ul.sf-megamenu li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-megamenu li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-megamenu li ul li a:hover {
  color: #555555;
  font-size: 11px;
  font-weight: bold;
  background-color: #F5F5F5;
  background-image: none;
  border-width: 0;
  padding: 0;
}
/* Megamenu Layer sub: Schrift-Hover, Aktiv */
.hauptnav_slidemenu ul.sf-megamenu li .sf-mega-section a:hover,
.hauptnav_slidemenu ul.sf-megamenu li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-megamenu li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-megamenu li ul li a:hover {
  color: #D02C19;
  text-decoration: none;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
}

/* Megamenu sub-sub: Section */
.hauptnav_slidemenu ul.sf-megamenu li li .sf-mega-section {
  color: #555555;
  font-size: 11px;
  font-weight: normal;
  background-color: #F5F5F5;
  background-image: none;
}
/* Megamenu Layer sub-sub: Text */
.hauptnav_slidemenu ul.sf-megamenu li .sf-mega-section li li a,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a:hover {
  color: #555555;
  font-size: 11px;
  font-weight: normal;
  background-color: #F5F5F5;
  background-image: none;
  border-width: 0;
  padding: 0;
}
/* Megamenu Layer sub-sub: Schrift-Hover, Aktiv */
.hauptnav_slidemenu ul.sf-megamenu li .sf-mega-section li li a:hover,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-megamenu li ul li ul li a:hover {
  color: #D02C19;
  text-decoration: none;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
}

.hauptnav_slidemenu ul.sf-megamenu li ul ul {
  padding: 0 0 0 20px;
}

/* JQuery Transform Formatierungen */
.ui-effects-transfer {
  border: 2px dotted #BABABA;
}

/* Druckansicht, Elemente / Styles ausblenden  */
@media print {
    td.katnav_td,
    col#katnav_breite,
    td.katnav_td_rechts,
    col#katnav_breite_rechts,
    div.top_stern,
    td.footer_td                {display:none;}
    table#shop_table            {display:inline;}   /* Inline setzen fuer volle Content-Breite */
    #shop_table                 {box-shadow:none;}
    /*div.top_titel             {display:none;}*/
}

/* End of file $Dl: 07.01.14 14:42:05$ --------------------------------------------------*/
