/* 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: #Version#                                                                                     */
/*                                                                                               */
/* CVS-Version / Datum: $Id: csstemplate.txt,v 1.295 2015/12/31 08:47:57 luchsphi 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: 13px;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  
}

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

/* Entfernt alle Margin Eigentschaften (fuer TinyMCE) */
.content_td p.no_margin {
  min-height: 18px;
  margin-top:0;
  margin-bottom:0;
}

hr {
  margin-top:10px;
  margin-bottom:10px;
}
p, ul, li {
  font-size: 13px;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
}
img {
  border:0px;
}

/* Forms */
input[type="text"],
textarea,
select,
.textfeld,
select.form-control,
input.form-control,
textarea.form-control {
  color: #555555;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  border: 1px solid #D0CECE;
  background-color: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}

input[type="text"]:focus,
textarea:focus,
select:focus,
img:focus,
select.form-control:focus,
input.form-control:focus,
textarea.form-control:focus {
  outline: none;
  box-shadow: none;
  border: solid 1px #E94D1C;
}

div#katnav_td .textfeld_left,
div#katnav_td .textarea_left,
div#katnav_td .select_left,
div#katnav_td .dropdown_left {
  color: #000000;
  border: 1px solid #D0D0D0;
  background-color: #FFFFFF;
  margin: 0px;
}

/* alle Radio-Buttons Label aktiv */
input[type="radio"]:checked+label,
input[type="radio"]:checked+label a {
  font-weight: bold;
}
label {
  font-weight: normal;
}
.label_bold {
  font-weight: bold;
}

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

/* bs3 */
.text-middle {
  vertical-align: middle;
}
.text-top {
  vertical-align: top;
}
.nowrap {
  white-space: nowrap;
}

.debug,
.debug pre {
  font-size: 12px;
  font-family: monospace;
  color: black;
  background-color: white;
  border: none;
  padding: 0;
  margin: 0;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer shop_table (Komponenten des Shops)                       */
/* ----------------------------------------------------------------------------*/
.container {
  margin-left: auto;
  margin-right: auto;
}

.shop_table {
/* bs3: width: ; */
/* bs3: height: ; */
  margin-top: 0px;
  border-collapse: separate;
  border-spacing: 0px;
  /* bs3: table-layout: fixed;*/
  /*background-color: #FFFFFF;*/ /* bs3 */

  /* sticky footer */
  min-height: 100%;
  height: auto !important;
  height: 100%;

  /* Negativ margin Footer */
  margin-bottom: -230px;

  /* bottom footer height */
  padding: 0 0 230px;
}

a.back-to-top {
  display: none;
  cursor: pointer;
  position: fixed;
  color: #FFFFFF;
  text-align: center;
  line-height: 35px;
  border-radius: 2px;
  width: 38px;
  height: 35px;
  bottom: 20px;
  right: 20px;
  background: none repeat scroll 0 0 rgba(100, 100, 100, 0.7);
}

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

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

.hauptnav_td,
td.hauptnav_td {
  color: #000000;
  background: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left;
  /* background-attachment: ; */
  padding: 0;
  margin-bottom: 20px;
  box-shadow: 0px 1px 3px #DDD;
}

div.content_td,
td.content_td,
body.content_td {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  color: #000000;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  min-height: 400px;
}

div.footer,
td.footer {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  height: 230px;
  background-color: #D0CECE;
  background-image:none;
  background-repeat: repeat-x;
  /* background-position: ; */
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  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,
a.left:visited {
  color: #FFFFFF;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
a.left:hover {
  color: #000000;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
a.left:active {
  color: #ED3118;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

/* Farbe und Schriftart fuer die Tabs (Kategorienueberschriften)               */
.tabs {
  color: #FFFFFF;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

/* Farbe und Schrift fuer Aktiv-Zustand Kategorienbaum */
.kataktiv,
a.kataktiv,
a.kataktiv:visited,
a.kataktiv:hover,
a.kataktiv:active {
  color: #ED3118;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px; font-weight:bold;
  text-decoration: none;
  background-image: url(Bilder/kat_selected.gif);
  background-repeat: no-repeat;
}
.kat_inaktiv {
  background-image: url(Bilder/kat_leer.gif);
  background-repeat: no-repeat;
}
.kat_in_pfad {
  background-image: url(Bilder/kat_minus.gif);
  background-repeat: no-repeat;
}

/* Formatierung Box-Inhalte, eigene Links */
.boxlink_active {
  color: #ED3118;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  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: 3px solid #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left bottom; /* top oder bottom, x=left  */
}

div.left_nav ul li a,
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: 0px;
  height: 92px;
}

/* Titel-Tag Einstellungen fuer den Shopnamen in Hauptnavigation               */
div.top_titel {
  margin: 5px 0px 0px 0px;
}
.top_titel,
a.top_titel {
  color: #000000;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

/* Titel-Tag Einstellungen fuer den Administrationsstern in Hauptnavigation    */
div.top_stern {  
  text-align: right;
  float: right;
  margin: 1px 0px 0px 0px;
}
div.top_stern,
a.top_stern,
a.top_stern:visited,
a.top_stern:active {
  color: #000000;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

.header_subnav {
  padding: 5px 0;
  border-bottom: 1px solid #EEEEEE;
}

/* Mobile Dropdown-Menu Einstellungen in Hauptnavigation */
div.hauptnav_td .dl-menuwrapper > ul {
  box-shadow: 0px 5px 9px -2px #BBB;
  background-color: #FCFAFB;
}

div.hauptnav_td .dl-menuwrapper li.dl-static, 
div.hauptnav_td .dl-menuwrapper li a {
  color: #767F88;
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  background-color: #FCFAFB;
} 

div.hauptnav_td .dl-menuwrapper li.dl-static a:hover {
  color: #E6400C;
}

div.hauptnav_td .dl-menuwrapper .kat_in_pfad,
div.hauptnav_td .dl-menuwrapper .kat_aktiv,
div.hauptnav_td .dl-menuwrapper li:not(.dl-static) a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  background-color: #E6400C;
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li:not(.dl-static) > a[data-has-child-categories='true']:not(.kat_aktiv):after,
div.hauptnav_td .dl-menuwrapper li:not(.dl-static) > a:not(:only-child):not(.kat_in_pfad):not(.kat_aktiv):after {
  color: #767F88;
}

.dl-menuwrapper li.dl-back:hover:after,
.dl-menuwrapper li:not(.dl-static) > a[data-has-child-categories='true']:hover:after,
div.hauptnav_td .dl-menuwrapper li:not(.dl-static) > a:not(:only-child):not(.kat_aktiv):hover:after {
  color: #FFFFFF;
}

/* ----------------------------------------------------------------------------*/
/* 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: #000000;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  /* background-position: ; */
}

td.content,
div.content,
table.contenthaupt,
td.contenthaupt,
div.contenthaupt {
  color: #000000;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
}

.contenthaupt hr,
.content hr {
  border: 0px none;
  background-color: #D0CECE;
  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 {
  /*padding-left: 0px;*/
}

table.contenthaupt,
p.contenthaupt {
/*  margin-left: 0px;*/
}

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

.error,
a.error {
  color: #FF0000;
  font-style: normal;
  font-size:13px;
  font-weight: bold;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  text-decoration: none;
}

.error-message {
  margin-top: 10px;
  margin-bottom: 10px;
}

.erfolg {
  color: #00AA00;
  text-decoration: none;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

/* Farbe und Schriftart der Links                                              */
.fancybox-skin a,
.content_td a,
.content_td a:visited {
  color: #000000;
  font-style: normal;
  font-size: 13px;
  text-decoration: underline;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
}

/* Farbe und Schriftart der Ueberschriften                                     */
h1.content,
h1.content a,
h1.content a:visited,
h1.content a:active {
  color: #000000;
  font-style: normal;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
}
h1.content {
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin: 0 -0px 15px -0px;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  border-top: 0px solid #D20B0C;
  border-left: 0px solid #D20B0C;
  border-right: 0px solid #D20B0C;
  border-bottom: 2px outset #000000;
}

h2.content {
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  margin: 0px 0px 10px 0px;
}
h3.content,
a.h3 {
  color: #000000;
  font-style: normal;
  font-size: 20px;
  text-decoration: none;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  margin: 15px 0px 0px 0px;
}
a.h3 {
  text-decoration: underline;
}
.row h3:first-child {
  margin-top: 0; 
}

h4.content, 
a.h4,
legend {
  color: #000000;
  font-style: normal;
  font-size: 17px;
  text-decoration: none;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  margin: 15px 0px 5px 0px;
}
/* Preisformatierung */
h5.content {
  color: #000000;
  font-style: normal;
  font-size: 19px;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  margin: 10px 0;
}
.waehrung {
  font-size: 50%; 
}

/* Variation Preisformatierung */
.var_preis {
  color: #000000;
}

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

.lagerampel {
  vertical-align: middle;
}

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

.last_viewed_artikel {
  color: #000000;
  background-color: #FFFFFF;
}

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

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

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

.microbilder li img {
  cursor: pointer;
  box-shadow: 0px 0px 4px 0px #EEEEEE;
}

.artikel_zusatzanzeige {
  color: #000000;
  font-size: 80%;
  font-weight: normal;
}

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

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

.contentslider_wrapper {
  margin-right: -15px;
  margin-left: -15px;
}
.contentslider_wrapper + h1 {
  padding-top: 20px; 
}

.panel,
pre {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
pre { 
  color: #000000;
}

.checkbox label,
.product_detail .checkbox label {
  font-weight: normal; 
}
.checkbox-list .checkbox:first-child {
  margin-top: 0; 
}

.anzahl_inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.anzahl_inline_wrapper {
  width: 66px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}

div.bootstrap-touchspin button.btn.touchspin-spinner {
  border-radius: 0px;
}

.width_auto {
  width: auto;
}

/* ----------------------------------------------------------------------------*/
/* Spezielle Formatierungen fuer Artikeldetailansicht                          */
/* ----------------------------------------------------------------------------*/
.subartikel label {
  display: block;
  font-weight: bold;
  padding-top: 10px;
}

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

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

.subartikel_liste {
  width: 100%;
}

.subartikel .product_image {
  padding-right: 10px;
}

.subartikel .name {
  font-weight: bold;
}

.subartikel_liste_kaufen {
  max-width: 50px;
}

.subartikel_liste .artikel_preis,
.subartikel_liste .artikel_einheit {
    padding-right: 10px;
}

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

.anzahl_einheit {
  margin-top: 20px;
}

.artikel_eigenschaften dt {
  text-align: left;
}
.optionsartikel {
  margin: 0 0 30px 0;
}
.optionsartikel_titel {
  font-weight: bold;
  padding: 8px 0;
  margin-bottom: 5px;
  border-top: 1px solid #D0CECE;
  border-bottom: 1px solid #D0CECE;
}
.optionsartikel_bild,
.optionsartikel_name {
  display: table-cell;
  vertical-align: top;
}
.optionsartikel_bild img {
  width: 48px;
  padding-right: 10px;
}
.product_content_sub {
  padding: 5px 0; 
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 15px 4px;
  margin-right: 2px;
  border: none;
  border-radius: 0;
  background: #F4F4F4;
  outline: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #3E4D5C;
  color: #F4F4F4;
  border: none;
}

.panel-default > .panel-heading {
  background: transparent;
  border-top: 1px solid;
  border-radius: 0;
}
.panel-title > a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  outline: 0;
}
.panel-title > .in > a,
.panel-title > .in > a:hover,
.panel-title > .in > a:focus {
  color: #FFFFFF;
  text-transform: uppercase;
}
.panel-group .panel-heading + .panel-collapse .panel-body,
.panel-group .panel {
  border-radius: 0;
  border: none;
}

.panel-heading,
.panel-body {
  padding-left: 0;
  padding-right: 0;
}
.tab-content {
  padding: 10px 15px;
}
.panel-body .optionsartikel,
.tab-content .optionsartikel {
  margin-top: 0;
}
.panel-body .optionsartikel th,
.tab-content .optionsartikel th {
  border-top: none;
  padding-top: 0;
}
.textzusatz {
  margin-top: 20px;
}
.textzusatz input {
  float: left;
  width: auto;
}
.textzusatz_post {
  float: left;
  padding-left: 10px;
}

/* ----------------------------------------------------------------------------*/
/* einspaltige Artikelanzeige                                                  */
/* ----------------------------------------------------------------------------*/
.artikelliste_header {
  margin-bottom: 20px;
}
.artikelliste_einspaltig {
  border-top: 0px solid #BABABA;
  border-right: 0px solid #BABABA;
  border-bottom: 2px solid #000000;
  border-left: 0px solid #BABABA;
  margin-bottom: 20px;
  clear:both;
}
.artikelliste_einspaltig_image,
.artikelliste_einspaltig_content {
  min-height: 110px;
}
.artikelliste_einspaltig_image {
  float: left;
  padding-left: 10px;
  padding-top: 10px;
  margin-right: 10px;
}
.artikelliste_einspaltig_content {
  padding: 10px 10px 10px 10px; 
  overflow: hidden;
}
.artikelliste_einspaltig_preis {
  text-align: right; 
}

div.artikelliste_einspaltig_preis a.content {
  color: #000000;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}
div.artikelliste_einspaltig_preis del {
  opacity: 0.7;
}

.artikelliste_einspaltig_content hr {
  background-color: #BABABA;
  margin: 0 0 5px 0;
}
.einspaltig_sub {
  width: 100%;
  padding: 5px 0 0 0;  
}
.sub_item_left {
  display: inline;
  line-height:30px;
  margin-right: 20px;
}
.sub_item_right {
  float: right;
}

.product_image_micro {
  width: 48px;
}

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

div.artikel_box a.content {
  text-decoration: none;
  color: #000000;
}

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

div.artikel_box_trennlinie {
  border-bottom: 2px solid #E43228;
}

div.artikel_box_bild {
  /*height: ; bs3*/
  text-align: center;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}

img.artikel_box_bild {
  vertical-align: middle;
  margin: 0px auto;  
  max-width: 100%;
}

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: 45px;
  overflow: hidden;
}

a.artikel_box_name.content:link, 
a.artikel_box_name.content:visited,
div.artikelliste_einspaltig_name a.content,
div.artikelliste_einspaltig_name a.content:visited {
  color: #000000;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
}

div.artikel_box_kurzbeschr {
  height: 45px;
  overflow: hidden;
}

div.artikel_box_lager {
  height: 35px;
}

div.artikel_box_preis {
  height: 41px;
  color: #000000;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}

div.artikel_box_preis del {
  opacity: 0.7;
}

div.artikel_box_button {
  height: 35px;
}

div.artikel_box_direktkauf {
  height: 35px;
}


div.artikel_box_content_wrapper {
  padding: 10px 10px 10px 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:visited,
a.no_decoration:active {
  color: #000000;
  font-style: normal;
  font-size: 13px;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  text-decoration: none;
}

h2.no_decoration,
h3.no_decoration,
h4.no_decoration,
h5.no_decoration,
h6.no_decoration {
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  text-decoration: none;  
}

h2.no_decoration {
  color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
}
h3.no_decoration {
  color: #000000;
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
}
h4.no_decoration {
  color: #000000;
  font-style: normal;
  font-size: 17px;
  font-weight: normal;
}
h5.no_decoration {
  color: #000000;
  font-style: normal;
  font-size: 19px;
  font-weight: bold;
}
.link_cursor:hover {
  cursor: pointer;
}
a.no_underline,
a.no_underline:visited {
  text-decoration: none; 
}

/* ----------------------------------------------------------------------------*/
/* Tabellenformatierung (z.B fuer Warenkorb)                                   */
/* ----------------------------------------------------------------------------*/
table.tbl {
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
}
/* Titelzeile (Ueberschriftszeile)                                             */
.tbl_titel {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
/* Formatierung der ungeraden Zeilen (Zeile 1,3,5,7,..)                        */
div.tbl_ung,
td.tbl_ung {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
/* Links in ungeraden Zeilen (Zeile 1,3,5,7,..)                                */
a.tbl_ung,
a.tbl_ung:visited {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
}
/* Formatierung der geraden Zeilen (Zeile 2,4,6,8,..)                          */
div.tbl_ger,
td.tbl_ger {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
/* Links in geraden Zeilen (Zeile 2,4,6,8,..)                                  */
a.tbl_ger,
a.tbl_ger:visited {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
}
/* Formatierung der Zeilen mit speziellen Informationen                        */
div.tbl_info,
td.tbl_info {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
}
/* Formatierung fuer die Zeilen, die spezielle Informationen (z.B. Totalbetrag */
/* beinhalten                                                                  */
div.tbl_total,
td.tbl_total {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  /*border-top: 1px solid #D0CECE;*/
  /*border-bottom: 1px solid #D0CECE;*/
  padding: 10px 0px 10px 0px;
}

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

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

.wk_config {
  color: #000000;
  background-color: #FFFFFF;
  padding: 10px 0px 10px 0px;
}
.form-horizontal .wk_config label {
  text-align: left;
}

div.haendler_titel {
  font-weight: bold;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px #BABABA solid;
}
div.haendler .form-inline {
  margin: 10px 0;
}

div.haendler,
div.haendler .form-inline,
div.versandart {
  margin-bottom: 10px;
}

.wk_artikel {
  overflow: hidden;
}
.wk_artikel > .pull-left {
  margin-right: 10px;
}
.wk_artikel_body {
  overflow: hidden;
}
.wk_minibild {
  height: 60px;
  display: block;
}
.wk_artikelnummer {
  font-style: italic;
}
.wk_delete.btn.btn-default,
.wk_delete.btn.btn-default:hover,
.wk_delete.btn.btn-default:focus,
.wk_refresh.btn.btn-default,
.wk_refresh.btn.btn-default:hover,
.wk_refresh.btn.btn-default:focus {
  padding: 5px 4px;
}
.form-control.wk_input {
  padding: 4px;
}

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

/* ----------------------------------------------------------------------------*/
/* Listenformatierung fuer die Bestellpfadsanzeige (Bestellfortschritt)        */
/* ----------------------------------------------------------------------------*/

.bp_row  {
  background-color: #FFFFFF;
}
.bp_row .col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

div.bp {
  float: left;
  margin: 0 -0px 0 0;
  width: 100%;
}

h1.content.bp {
  padding-top: 20px; 
}

div.bp ul {
  width: 100%;
  padding: 0;
}

div.bp ul li {
  margin-right: 1%;
  padding: 2px;
  float: left;
  list-style: none;
}

div.bp ul.bemerkungszeile li {
  min-height: 45px;
}

div.bp ul li:last-child {
  margin-right: 0;
}

div.bp ul li.bp-li-6 {
  width: 15.8%;
}

div.bp ul li.bp-li-5 {
  width: 19.2%;
}

div.bp ul li.bp-li-4 {
  width: 24.25%;
}

/* Formatierungsangaben fuer alle li-Elemente im bp-Kontext                    */
div.bp ul li {
  vertical-align: top;
  text-align: left;
  border-style: solid;
  border-color: #A7B0B8;
  padding: 4px;
}
/* Hauptzeile-Formatierung fuer erledigte Positionen                           */
div.bp ul li.bp_bildzeile {
  /*background-color: #FFFFFF;*/
  padding: 0px;
  border: 0px;
}
/* Hauptzeile-Formatierung fuer erledigte Positionen                           */
div.bp ul li.bp_erledigt {
  border-width: 1px;
  color: #FFFFFF;
  background-color: #A7B0B8;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-size: 13px;
  white-space: nowrap;
}
/* Hauptzeile-Formatierung fuer die im Moment bearbeitete Positionen           */
div.bp ul li.bp_aktiv {
  border-width: 1px;
  color: #FFFFFF;
  background-color: #E6400C;
  font-weight: normal;
  text-decoration: none;
  font-style :normal;
  font-size: 13px;
  white-space: nowrap;
}
/* Hauptzeile-Formatierung fuer Positionen, die spaeter bearbeitet werden     */
div.bp ul li.bp_spaeter {
  border-width: 1px;
  color: #FFFFFF;
  background-color: #A7B0B8;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-size: 13px;
  white-space: nowrap;
}
/* Bemerkungszeile-Formatierung fuer erledigte Positionen                           */
div.bp ul li.bp_erledigt_bem {
  border-width: 1px;
  color: #5F6D7B;
  background-color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-size: 11px;
}
/* Bemerkungszeile-Formatierung fuer die im Moment bearbeitete Positionen           */
div.bp ul li.bp_aktiv_bem {
  border-width:1px;
  color:#5F6D7B;
  background-color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-size: 11px;
}
/* Bemerkungszeile-Formatierung fuer Positionen, die spaeter bearbeitet werden     */
div.bp ul li.bp_spaeter_bem {
  border-width: 1px;
  color: #5F6D7B;
  background-color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-size: 11px;
}
/* Bestellpfad xs */
@media (max-width: 767px) {
    div.bp ul li.bp_erledigt,
    div.bp ul li.bp_aktiv,
    div.bp ul li.bp_spaeter {
      font-size: 10px;
    }
}

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

/* Farbe und Schriftart der Links */
.footer a,
a.footer,
a.footer:visited,
a.footer:active {
  color: #000000;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px; font-weight:normal;
  text-decoration: none;
  font-weight: normal;
}

/* ----------------------------------------------------------------------------*/
/* Formatierung fuer die Informations-Boxen                                    */
/* ----------------------------------------------------------------------------*/
div.ibox {
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  font-weight: normal;
  border-top: 0px #E43228 solid;
  border-right: 0px #E43228 solid;
  border-bottom: 1px #000000 solid;
  border-left: 0px #E43228 solid;
  margin: 0px 0px 20px 0px;
}

input.ibox, textarea.ibox, select.ibox, button.ibox {
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  font-weight: normal;
}
div.ibox form {
  margin: 0px;
  padding: 0px;
}

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

/* Titelbereich der ibox */
div.ibox_top {
  color: #000000;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  padding: 0px 0px 5px 0px;
}

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

/* Content Bereich der ibox */
div.ibox_content {
  background-color: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  padding: 1px 1px 10px 0px;
}

/* Farbe und Schriftart der Links */
a.boxlink_in_path,
a.ibox_content,
a.ibox_content:visited,
a.ibox_content:active {
  color: #000000;
  font-style: normal;
  font-size: 13px;
  font-weight: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  text-decoration: underline;
}

/* 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 .header_subnav div.ibox {
  border-left: 1px #000000 solid;
}
.hauptnav_td .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: #000000;
  font-size: 11px;
}
.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: #000000;
  font-size: 11px;
} 
.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 .quicksearch_container {
  width: 200px;
}
.hauptnav_td #search-navbar-collapse {
  margin-bottom: 8px;
}
.hauptnav_td .quicksearch_container .ibox_content {
  width: 100%;
}
.hauptnav_td .suchformular input {
  border: 1px solid #F0F0F0;
  color: #000000;
  background-color: #FFFFFF;
}
.hauptnav_td .suchformular input.ibox[type="image"] {
  background: none;
  padding: 0 5px 0 0;
}

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

ul.ui-autocomplete.ui-menu li.ui-menu-item {
  padding-top: 3px;
  padding-bottom: 3px;
}

.ui-autocomplete.ui-menu li.ui-menu-item a img {
  width: 40px;
  margin-right: 10px;
  display: inline-block;
}

.ui-menu li.ui-menu-item a.ui-state-focus {
  text-decoration: none;
  border: 0;
  color: #000000;
  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: 4px 0 0 10px;
  vertical-align: middle;
}

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

.hauptnav_td div.cart_container .icon-cart3 {
  display:inline-block;
  transform:scale(-1, 1);
  font-size:20px
}

.hauptnav_button img {
  border: 0;
  margin-left: 10px;
}

.hauptnav_button .btn.btn-default,
.hauptnav_button .btn.btn-default:hover {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  margin-left: 10px;
}
.hauptnav_button .btn.btn-default:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.125) inset;
}

.navbar-brand {
  padding: 5px 0 0 15px;
  max-width: 45%;
}
.navbar-brand img {
  max-width: 100%;
}
div.hauptnav_td .navbar-toggle {
  margin-right: 0;
  padding: 5px 10px;
}
div.hauptnav_td .btn.navbar-toggle,
div.hauptnav_td .btn.navbar-toggle:focus,
div.hauptnav_td .btn.navbar-toggle:hover,
div.hauptnav_td .btn.navbar-toggle:active {
  color: #000000;
  font-size: 20px;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  padding: 3px 9px;
  margin-left: 3px;
  margin-right: 0;
}

div.hauptnav_td a.navbar-toggle:focus,
div.hauptnav_td a.navbar-toggle:hover,
div.hauptnav_td a.navbar-toggle:active {
  color: red;
}
div.hauptnav_td .navbar-toggle .icon-bar {
  background-color: #000000;
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
}

/* CSS Box Shadow */
.shadow {
  box-shadow:     #DDDDDD;
}

/* 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 #D0D0D0;
  padding: 3px;
} 

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

div.cart_container a.ibox_top {
  color :#000000;
  text-decoration: none;
  font-style: normal;
  font-size: 16px;
  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: #FFFFFF;    
}

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

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

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

.dl-static a.active,
.language_container a.active,
.currency_container a.active {
  font-weight: bold;
}
.language_container button {
  margin-left: 5px;
}
.language_container button:first-child {
  margin-left: 0;
}
.dl-static .language_container a.ibox_content:last-child {
  border-right: 1px solid #000000;
  padding-left: 8px;
  padding-right: 16px;
  margin-right: 10px;
}
.dl-static .language_container a.ibox_content {
  border-left: none;
}

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer Infolinks box_content                                    */
/* ----------------------------------------------------------------------------*/
a.box_content_label,
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 .box_content a.box_content_label,
.footer .box_content a.box_content_label:visited,
.footer .box_content a.box_content_label:active {
  font-weight: bold;
}

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

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

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

.footer .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 {
  padding-left: 0;
  list-style-type: none;
}

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_widget_content {
  width: 230px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

.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:active.katfilter_widget_title_active,
.content_td a:visited.katfilter_widget_title_active,
.katnav_td a.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: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

.katfilter_widget_title_deactivated,
.content_td a.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: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: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

.katfilter_widget_title_normal,
.content_td a.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: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: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

.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,
div.left_nav .katfilter_widget_elements li a,  
.katfilter_widget_elements li,
.katfilter_widget_elements li a { 
  background-repeat: no-repeat;
  background-position: left center;
}

.katfilter_widget_element_color {
  margin-right: 7px;
  margin-bottom: 3px;
  float:left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #aaaaaa;
  padding: 3px;
}

.katfilter_widget_element_color .katfilter_widget_element_color_inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.katfilter_widget_element_color_aktiv {
  border-width: 2px;
  border-color: #000000;
  padding: 2px;
}

.katfilter_widget_element_color_deaktiviert {
  opacity: 0.2;
}

.katnav_td li.filter_widget_table_element_normal_li,
.katnav_td li.filter_widget_table_element_deaktiviert_li,
.katnav_td li.filter_widget_table_element_aktiv_deaktiviert_li,
.content_td li.filter_widget_table_element_normal_li,
.content_td li.filter_widget_table_element_deaktiviert_li,
.content_td li.filter_widget_table_element_aktiv_deaktiviert_li {
  float:left;
  border-collapse:collapse;
  width:73px;
  display:table-cell;
  padding:5px;
  text-align: center;
  border:1px solid #EFEFEF;
  clear:none
}

.katnav_td li.filter_widget_table_element_aktiv_li,
.content_td li.filter_widget_table_element_aktiv_li {
  float:left;
  border-collapse:collapse;
  width:73px;
  display:table-cell;
  padding:5px;
  text-align: center;
  border:1px solid #EFEFEF;
  background-color: #dddddd;
  clear:none
}

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

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

.katfilter_aktiv_element {
  width: 100%;
  text-align: left;
  padding: 5px;
  margin-bottom: 3px;
  border: 1px solid #D0D0D0;
  background-color: transparent;
}
.katfilter_content .katfilter_aktiv_element {
  width: auto;
} 
.katfilter_aktiv_element .glyphicon {
  padding: 2px 0 0 4px;
  float: right;
}

div.mobile_filter_menu {
  display: none;
  box-shadow: 0px 5px 9px -2px #BBB;
  background-color: #FCFAFB;
  position: absolute;
  z-index: 999;
}

.katfilter_widget_element_normal,
.content_td a.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: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:'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

.katfilter_widget_element_active,
.content_td a.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: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: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

.katfilter_widget_element_deactivated,
.content_td a.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: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: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
}

.katfilter_auswahl_aufheben,
.content_td a.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: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: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;  
  text-align: right;
  padding-right: 2px;
  padding: 0px;
  margin: 0px;
}

.katfilter_manual_title_only {
  clear:both;
}

.katfilter_manual_title_only_element {
  border: 1px solid grey;
  float: left;
  padding: 8px;
  margin-top: 10px;
  margin-right: 8px;
}

.katfilter_manual_title_only_element_active {
  background-color: red;
}

.katfilter_manual_title_only_element_active a {
  color: white;
}

/* ----------------------------------------------------------------------------*/
/* 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: ;
  padding-bottom: ;
  padding-left: ;
  padding-right: ;
  border-top:   ;
  border-bottom:   ;
  border-left:   ;
  border-right:   ;
  background-color: transparent;
  cursor: pointer;
  color: ;
  font-style: ;
  font-size: ;
  text-decoration: ;
  font-weight: ;
}

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

/* ----------------------------------------------------------------------------*/
/* 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%;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}

/* ----------------------------------------------------------------------------*/
/*  Impressum 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;
  width: 100%;
}

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

div#haendler_liste table {
  border-collapse: collapse;
  width: 100%;
}

div#haendler_liste table td, div#haendler_liste table th {
  border-bottom: 1px solid #FFFFFF;
  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: #000000;
  border: 0px solid #000000;
  padding-left: 20px;
}

div#haendler_details div {
  display: none;
}

/* ----------------------------------------------------------------------------*/
/* Praemienanzeige                                                             */
/* ----------------------------------------------------------------------------*/

#praemienauswahl_formular {
  margin:0px 0px 20px 0px;
}
#praemienauswahl_formular h3.content {
  margin-top: 0px;
}
#praemienauswahl_formular button {
  margin-top: 5px;
}

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

.hauptnav_slidemenu {
  height: 33px;
  background-color: transparent;
  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: transparent;
  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: transparent;
  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: #000000;
  border-top: 0px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 0px solid transparent;
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 10px 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
}

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

/* Top level background of tabs */
.hauptnav_slidemenu ul.sf-menu li > a.kat_aktiv,
.hauptnav_slidemenu ul.sf-menu li > a.kat_in_pfad,
.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: #CACACA; 
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  color: #000000;
  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: 16px;
  font-weight: normal;
  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: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  opacity: 1;
}

.hauptnav_slidemenu ul.sf-menu li ul li a,
.hauptnav_slidemenu ul.sf-menu li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-menu li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-megamenu li ul li a {
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  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,
.hauptnav_slidemenu ul.sf-menu li ul li a:visited,
.hauptnav_slidemenu ul.sf-megamenu li ul li a,
.hauptnav_slidemenu ul.sf-megamenu li ul li a:visited {
  color: #000000;
}

/* sub menus hover style */
.hauptnav_slidemenu ul.sf-menu li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-menu li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-menu li ul li a:hover {
  background-color: #CACACA;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  color: #000000;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  border-top: 0px solid #DDDDDD;
  border-right: 0px solid #DDDDDD;
  border-left: 0px solid #DDDDDD;
  border-bottom: 0px solid #DDDDDD;
  border-radius: 0;
  opacity: 1;
}

/* Sub-Sub level menu links style */
.hauptnav_slidemenu .jqueryslidemenu ul li ul li ul li a {
  background-color: #FFFFFF;
  color: #767F88;
  text-decoration :none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  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: #FFFFFF;
}

.hauptnav_slidemenu ul.sf-menu li ul li ul li a {
  color: #767F88;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  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,
.hauptnav_slidemenu ul.sf-menu li ul li ul li a:visited {
  color: #767F88;
}

/* sub-sub menus hover style */
.hauptnav_slidemenu ul.sf-menu li ul li ul li a.kat_aktiv,
.hauptnav_slidemenu ul.sf-menu li ul li ul li a.kat_in_pfad,
.hauptnav_slidemenu ul.sf-menu li ul li ul li a:hover {
  background-color: #E6400C;
  color: #FFFFFF;
  text-decoration: none;
  font-style: normal;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  font-size: 13px;
  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: #FFFFFF;
  background-image:none;
  background-repeat: repeat;
  background-position: left top;
  padding: 15px 0;
  opacity: 1;
  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 #000000;
  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: #000000;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  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: #000000;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  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: #000000;
  text-decoration: none;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
}

/* Megamenu sub-sub: Section */
.hauptnav_slidemenu ul.sf-megamenu li li .sf-mega-section {
  color: #767F88;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;
  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: #767F88;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;
  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: #FFFFFF;
  text-decoration: none;
  font-style: normal;
  font-size: 13px;
  font-weight: normal;
}

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

/* Ratenzahlung GUI-Elemente Formatierungen */
#ratenzahlung_banner {
  margin-right: 10px;
  float: right;
}

.ratenzahlung_warenkorb {
  float: right;
}

.ratenzahlung_element_warenkorb {
  float: right;
}

.ratenzahlung_preis_artikel_liste {
  margin-top: 10px;
  font-size: 90%;
}

.ratenzahlung_infotext_artikel_liste a,
.ratenzahlung_infotext_artikel_liste a:link,
.ratenzahlung_infotext_artikel_liste a:active,
.ratenzahlung_infotext_artikel_liste a:hover,
.ratenzahlung_infotext_artikel_liste a:visited,
.ratenzahlung_infotext_kasse a,
.ratenzahlung_infotext_kasse a:link,
.ratenzahlung_infotext_kasse a:active,
.ratenzahlung_infotext_kasse a:hover,
.ratenzahlung_infotext_kasse a:visited,
.ratenzahlung_infotext_text_only a,
.ratenzahlung_infotext_text_only a:link,
.ratenzahlung_infotext_text_only a:active,
.ratenzahlung_infotext_text_only a:hover,
.ratenzahlung_infotext_text_only a:visited {  
  font-size: 90%;
  color: #0089CF;
}

.ratenzahlung_bestelluebersicht {
  margin-right: 5px;
}

.ratenzahlung_bestelluebersicht_right {
  float:right;
  margin-left: 5px;
}

.ratenzahlung_artikel_details {
  float: right;
}

.ratenzahlung_element_artikel_details {
  float: right;
}

.ratenzahlung_preis_div {
  font-weight: bold;
}

.ratenzahlung_infotext_div {
  float: left;
  vertical-align: top;
}

.ratenzahlung_infotext_div a,
.ratenzahlung_infotext_div a:active,
.ratenzahlung_infotext_div a:hover,
.ratenzahlung_infotext_div a:visited {
  color: #0089CF;
}

.ratenzahlung_psp_logo_div {
  float: right;
}

.ratenzahlung_infotext_kasse {                                                                                                                                                                                                                                                
  vertical-align: top;                                                                                                                                                                                                                                                         
}                                                                                                                                                                                                                                                                             
                                                                                                                                                                                                                                                                              
#ratenzahlung_banner_kasse {                                                                                                                                                                                                                                                  
  margin-top: 10px;                                                                                                                                                                                                                                                            
}                                                                                                                                                                                                                                                                             
  

/* Weitere Definitionen */
.payment_icon {
  vertical-align: middle;
  border: 0;
}

.bezahlungsart_zusatz_info {
  color: #000000;
  background-color: #FFFFFF;
  font-style: normal;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  margin-left: 68px;
  display: none;
}

/* BS3 Buttons */
.btn:not(.touchspin-spinner),
a.btn,
a.btn:active {
  font-size: 13px;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif;
  text-decoration: none; 
  border-radius: 0;
  height: 34px;
}

/* Important Override fuer jQuery-UI Widgets */
.ui-widget div,
.ui-widget span,
.ui-widget input,
.ui-widget select {
  font-size: 13px !important;
  font-family: 'Open Sans',Verdana,Geneva,Swiss,Sans-Serif !important;
}

.btn-default:not(.touchspin-spinner),
a.btn,
.btn-default,
a.btn-default,
.btn-default:visited,
a.btn-default:visited {
  height: auto;
  color: #333333;
  font-weight: normal;
  font-size: 13px;
  padding: 6px 12px 6px 12px;
  background-image: linear-gradient(#FFFFFF 1%, #EFEFEF 42%, #DFDFDF );
  border-top: 1px #BBBBBB solid;
  border-left: 1px #BBBBBB solid;
  border-right: 1px #BBBBBB solid;
  border-bottom: 1px #BBBBBB solid;
}

.btn-default:not(.touchspin-spinner):hover,
.btn-default:not(.touchspin-spinner):focus,
.btn-default:not(.touchspin-spinner):active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
a.btn:active {
  height: auto;
  color: #333333;
  font-weight: normal;
  font-size: 13px;
  background-image: linear-gradient(#FFFFFF 1%, #DFDFDF 42%, #DFDFDF );
  border-top: 1px #BBBBBB solid;
  border-left: 1px #BBBBBB solid;
  border-right: 1px #BBBBBB solid;
  border-bottom: 1px #BBBBBB solid;
}

.btn-primary:not(.touchspin-spinner),
.btn-primary,
a.btn-primary {
  height: auto;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 13px;
  padding: 6px 12px 6px 12px;
  background-image: linear-gradient(#80C780 1%, #5CB85C 6%, #0F730F );
  border-top: 1px #449D44 solid;
  border-left: 1px #449D44 solid;
  border-right: 1px #449D44 solid;
  border-bottom: 1px #449D44 solid;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  height: auto;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 13px;
  background-image: linear-gradient(#80C780 1%, #3C983C 6%, #0F730F );
  border-top: 1px #204D74 solid;
  border-left: 1px #204D74 solid;
  border-right: 1px #204D74 solid;
  border-bottom: 1px #204D74 solid;
}

.btn-footer {
  color: #555555;
}

.suchformular .btn,
.suchformular .btn:focus,
.suchformular .btn:hover,
.suchformular .btn:active,
#gutscheincode_btn {
  border-radius: 0;
  height: 34px;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
  color: #333333;
  background-color: #DFDFDF;
  text-decoration: none;
}

div.identity-provider-button {
    margin: 5px;
}

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

/* Druckansicht, Elemente / Styles ausblenden  */
@media print {
    .header_subnav,
    col#katnav_breite,
    .katnav_td_rechts,
    col#katnav_breite_rechts,
    .bp_row,
    div.top_stern,
    #agb_akzeptieren_buttons_div,
    #bestellung_drucken_widget,
    .diesen_artikel_bewerten_widget,
    .artikelinfo_tabs,
    .btn,
    .footer       {display:none;}
    #shop_table   {display:inline;}   /* Inline setzen fuer volle Content-Breite */
    #shop_table   {box-shadow:none;}
    .col_content  {width: 100%;}
    a[href]:after {content: none !important;}
    .tab-content > .tab-pane {display: block;}
    .panel > .panel-collapse {display: block;}
    .anzahl_einheit {display:none;}
    .col_content .box_content {display:none;}
}

div.geschenkservice_widget {
  margin-bottom: 7px;
}

div.geschenkservice_widget button {
  float: right;
}

div.geschenkservice_widget div.bottom {
  display: none;
  padding-top: 3px;
}

div.geschenkservice_widget img.grusskarte_preview {
  max-width: 100%;
  box-shadow: 1px 1px 4px #555;
}

div.print_at_home_widget {
  margin-bottom: 7px;
}

div.print_at_home_widget button {
  float: right;
}

div.print_at_home_widget div.bottom {
  display: none;
  padding-top: 3px;
}

#kasse_formular div.print_at_home_widget div.bottom {
  display: block;
}

div.print_at_home_widget img.gutschein_preview {
  max-width: 100%;
  box-shadow: 1px 1px 4px #555;
}

/* Artikel-Set XS */
@media (max-width: 767px) {
  div.artikel_set img {
    max-height: 230px;
  }
}

/* Fancybox Formatierungen */
.fancybox-skin {
  color: #000000;
  background-color: #F9F9F9;
}

/* Formatierung fuer Login bei Bestellung */
@media (min-width: 767px) {
    .login_box {
      border-right: 10px solid #FFFFFF;
      margin-top: -15px;
      margin-bottom: -20px;
      padding-top: 15px;
      padding-bottom: 15px;
    }

}
.login_identity_box {
  border-top: 10px solid #FFFFFF;
  margin-top: 15px;
  padding-top: 10px;
}
@media (max-width: 766px) {
    .login_direkt_box,
    .login_identity_box {
      border-top: 10px solid #FFFFFF;
      margin-top: 10px;
      padding-top: 10px;
    }
}

/* End of file $Dl: #dl_eu#$ --------------------------------------------------*/