/* ------------------------------------------------------------------------------------- */
/*                                                                                       */
/*               Copyright 2020 by Andreas Strysio - info@ads-media.de                   */
/*                                      -----                                            */
/*                Script darf nur mit gueltiger Lizenz genutzt werden!                   */
/*                                       ---                                             */
/*  Originale Lizenzen, Scripte, Addons und Interfaces nur auf ADS-Media.de erh�ltlich!  */
/*                                                                                       */
/* ------------------------------------------------------------------------------------- */


/* ============================== */
/* ==========> HEADER <========== */
/* ============================== */

/* ---> Buttons fuer breite Bildschirme */
a.header-nav-cart-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 36px; margin-left:7px; background-color:#b4b4b4; background-image:url(../../images/header_button_cart.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;}
a:hover.header-nav-cart-gross, a:focus.header-nav-cart-gross, a:active.header-nav-cart-gross {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 12px 12px 36px; margin-left:7px; background-color:#505050; background-image:url(../../images/header_button_cart.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;}

/* ---> Buttons fuer schmale Bildschirme*/
a.header-nav-cart-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 10px 12px 36px; margin-left:7px; background-color:#b4b4b4; background-image:url(../../images/header_button_cart.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;}
a:hover.header-nav-cart-klein, a:focus.header-nav-cart-klein, a:active.header-nav-cart-klein {font-family:Arial, serif; text-decoration: none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:12px 10px 12px 36px; margin-left:7px; background-color:#505050; background-image:url(../../images/header_button_cart.png); background-repeat:no-repeat; background-position:10px 10px; border:1px solid #ffffff; border-radius:6px;}


/* =============================================== */
/* ==========> FUER BREITE BILDSCHIRME <========== */
/* =============================================== */

@media (min-width: 1200px) {
div.header-shopsuche {min-width:260px; max-width:1200px; background-color:#202020; text-align:left; overflow:hidden; position:relative; padding:0; margin:0;}
.header-shopsuche-suchfeld {float:left; height:18px; width:1088px; padding:4px; margin-left:12px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#FFFFFF; border:1px solid #FFFFFF;}
.header-shopsuche-suchbutton {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#b4b4b4; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.header-shopsuche-suchbutton:hover {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#505050; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Box auf der Startseite */
div.startseitenbox-shopsuche {text-align:right; margin-top:20px;}
.startseitenbox-shopsuche-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.startseitenbox-shopsuche-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.startseitenbox-shopsuche-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Inhaltsseite des Warenkorbs / Kasse */
div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:left; text-align:left; width:52%; margin:0; padding:2px;}
div.warenkorb-preis {float:left; text-align:right; width:46%; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

.warenkorb-eingabefeld {width:160px; height:18px; margin-top:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-login {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-login:hover {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.warenkorb-eingabefeld-gutscheincode {width:210px; height:18px; margin-bottom:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

/* ---> Fuer Artikelauflistungen */
div.artikel-suchen {text-align:left; width:422px; float:left;}
.artikel-suchen-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-suchen-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-suchen-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-sortieren {text-align:right; width:422px; padding-right:1%; float:left;}
.artikel-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-liste-boxenrahmen {float:left; width:260px; padding:6px; margin:6px; border:1px solid #b4b4b4; position:relative;}

div.artikel-liste-boxenkopf {min-height:42px; margin-bottom:4px;}
div.artikel-liste-boxenkopf-titel_lang {float:left; width:93%; display:none; visibility:hidden;}
div.artikel-liste-boxenkopf-titel_kurz {float:left; width:93%;}
a.artikel-liste-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-liste-boxenkopf-titel:hover, a.artikel-liste-boxenkopf-titel:focus, a.artikel-liste-boxenkopf-titel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
div.artikel-liste-boxenkopf-favoritenfunktion {float:left; width:7%;}
img.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}
img:hover.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}

div.artikel-liste-boxeninhalt {padding:0px; margin-top:0px;}
div.artikel-liste-boxeninhalt-vorschaubild {float:left; width:57%;}
img.artikel-liste-boxeninhalt-vorschaubild {float:left; width:127px; height:100px; margin-right:8px; margin-bottom:4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 6px 6px 6px #888; -webkit-box-shadow: 6px 6px 6px #888; box-shadow: 6px 6px 6px #888;}
div.artikel-liste-boxeninhalt-artikelinfos {float:left; width:43%;}
div.artikel-liste-boxeninhalt-sterne {min-height:26px; border:0; margin:0; padding:0;}
img.artikel-liste-boxeninhalt-sterne {height:16px; width:16px; margin-bottom:4px;}
div.artikel-liste-infos-preis {min-width:30px;}
span.artikel-liste-preisangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-liste-preisangabe-alt {font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
.button-artikel-liste-kaufen {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-liste-kaufen:hover {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-liste-hinweis {clear:left; float:none; border:0; padding-top:10px; margin:0; width:100%; font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000;}
a.artikel-liste-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:14px; font-weight:bold;}
a.artikel-liste-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;}

/* ---> Detailseiten der Artikel */
div.artikel-details-name {float:left; width:90%; padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}
div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-infozeile {padding:0; margin-top:10px; font-family:Arial, serif; font-size:13px; color:#000000; display:inline;}

div.artikel-details-artikelbilder {float:left; width:50%; margin:0; padding:0; overflow:hidden;}
div.artikel-details-artikelbilder-infotext {padding:0; margin:0; text-align:center; font-family:Arial, serif; font-size:13px; color:#000000;}

div.artikel-details-bestellformular {float:left; padding-left:20px; margin:0;}
div.artikel-details-sterne {margin-bottom:24px;}
img.artikel-details-sterne {float:left; height:20px; width:20px;}
div.artikel-details-bestellformular-anzahl {margin-bottom:10px; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:68px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.artikel-details-bestellformular-preisangabe {margin-bottom:10px; padding:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-details-bestellformular-preisangabe-alt {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
span.artikel-details-bestellformular-hinweis {clear:left; float:none; border:0; padding:0; margin:0; width:100%; font-family:Arial, serif; font-size:10px; font-weight:normal; color:#000000;}
a.artikel-details-bestellformular-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:10px; font-weight:bold;}
a.artikel-details-bestellformular-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:10px; font-weight:bold;}
div.artikel-details-bestellformular-button {margin:0; padding:0;}
.button-artikel-details-bestellformular-gross {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}
}



/* ================================================ */
/*==========> FUER MITTLERE BILDSCHIRME <========== */
/* ================================================ */

@media (min-width: 990px) and (max-width: 1200px) {
div.header-shopsuche {min-width:260px; max-width:1200px; background-color:#202020; text-align:left; overflow:hidden; position:relative; padding:0; margin:0;}
.header-shopsuche-suchfeld {float:left; height:18px; width:878px; padding:4px; margin-left:12px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#FFFFFF; border:1px solid #FFFFFF;}
.header-shopsuche-suchbutton {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#b4b4b4; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.header-shopsuche-suchbutton:hover {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#505050; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Box auf der Startseite */
div.startseitenbox-shopsuche {text-align:right; margin-top:20px;}
.startseitenbox-shopsuche-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.startseitenbox-shopsuche-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.startseitenbox-shopsuche-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Inhaltsseite des Warenkorbs / Kasse */
div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:none; text-align:left; width:98%; margin:0; padding:2px;}
div.warenkorb-preis {float:none; text-align:right; width:98%; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

.warenkorb-eingabefeld {width:160px; height:18px; margin-top:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-login {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-login:hover {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.warenkorb-eingabefeld-gutscheincode {width:210px; height:18px; margin-bottom:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

/* ---> Fuer Artikelauflistungen */
div.artikel-suchen {text-align:left; width:440px; float:left;}
.artikel-suchen-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-suchen-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-suchen-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-sortieren {text-align:right; width:200px; padding-right:1%; float:left;}
.artikel-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-liste-boxenrahmen {float:left; width:300px; padding:6px; margin:6px; border:1px solid #b4b4b4; position:relative;}

div.artikel-liste-boxenkopf {min-height:42px; margin-bottom:4px;}
div.artikel-liste-boxenkopf-titel_lang {float:left; width:93%;}
div.artikel-liste-boxenkopf-titel_kurz {float:left; width:93%; display:none; visibility:hidden;}
a.artikel-liste-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-liste-boxenkopf-titel:hover, a.artikel-liste-boxenkopf-titel:focus, a.artikel-liste-boxenkopf-titel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
div.artikel-liste-boxenkopf-favoritenfunktion {float:left; width:7%;}
img.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}
img:hover.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}

div.artikel-liste-boxeninhalt {padding:0px; margin-top:0px;}
div.artikel-liste-boxeninhalt-vorschaubild {float:left; width:57%;}
img.artikel-liste-boxeninhalt-vorschaubild {float:left; width:127px; height:100px; margin-left:16px; margin-right:8px; margin-bottom:4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 6px 6px 6px #888; -webkit-box-shadow: 6px 6px 6px #888; box-shadow: 6px 6px 6px #888;}
div.artikel-liste-boxeninhalt-artikelinfos {float:left; width:43%;}
div.artikel-liste-boxeninhalt-sterne {min-height:26px; border:0; margin:0; padding:0;}
img.artikel-liste-boxeninhalt-sterne {height:16px; width:16px; margin-bottom:4px;}
div.artikel-liste-infos-preis {min-width:30px;}
span.artikel-liste-preisangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-liste-preisangabe-alt {font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
.button-artikel-liste-kaufen {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-liste-kaufen:hover {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-liste-hinweis {clear:left; float:none; border:0; padding-top:10px; margin:0; width:100%; font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000;}
a.artikel-liste-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:14px; font-weight:bold;}
a.artikel-liste-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;}

/* ---> Detailseiten der Artikel */
div.artikel-details-name {float:left; width:90%; padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}
div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-infozeile {padding:0; margin-top:10px; font-family:Arial, serif; font-size:13px; color:#000000; display:inline;}

div.artikel-details-artikelbilder {float:left; width:50%; margin:0; padding:0; overflow:hidden;}
div.artikel-details-artikelbilder-infotext {padding:0; margin:0; text-align:center; font-family:Arial, serif; font-size:13px; color:#000000;}

div.artikel-details-bestellformular {float:left; padding-left:20px; margin:0;}
div.artikel-details-sterne {margin-bottom:24px;}
img.artikel-details-sterne {float:left; height:20px; width:20px;}
div.artikel-details-bestellformular-anzahl {margin-bottom:10px; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:68px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.artikel-details-bestellformular-preisangabe {margin-bottom:10px; padding:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-details-bestellformular-preisangabe-alt {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
span.artikel-details-bestellformular-hinweis {clear:left; float:none; border:0; padding:0; margin:0; width:100%; font-family:Arial, serif; font-size:10px; font-weight:normal; color:#000000;}
a.artikel-details-bestellformular-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:10px; font-weight:bold;}
a.artikel-details-bestellformular-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:10px; font-weight:bold;}
div.artikel-details-bestellformular-button {margin:0; padding:0;}
.button-artikel-details-bestellformular-gross {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}
}



/* ================================================ */
/* ==========> FUER SCHMALE BILDSCHIRME <========== */
/* ================================================ */

@media (min-width: 800px) and (max-width: 990px) {
div.header-shopsuche {min-width:260px; max-width:1200px; background-color:#202020; text-align:left; overflow:hidden; position:relative; padding:0; margin:0;}
.header-shopsuche-suchfeld {float:left; height:18px; width:688px; padding:4px; margin-left:12px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#FFFFFF; border:1px solid #FFFFFF;}
.header-shopsuche-suchbutton {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#b4b4b4; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.header-shopsuche-suchbutton:hover {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#505050; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Box auf der Startseite */
div.startseitenbox-shopsuche {text-align:right; margin-top:20px;}
.startseitenbox-shopsuche-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.startseitenbox-shopsuche-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.startseitenbox-shopsuche-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Inhaltsseite des Warenkorbs / Kasse */
div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:none; text-align:left; width:98%; margin:0; padding:2px;}
div.warenkorb-preis {float:none; text-align:right; width:98%; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

.warenkorb-eingabefeld {width:160px; height:18px; margin-top:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-login {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-login:hover {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.warenkorb-eingabefeld-gutscheincode {width:210px; height:18px; margin-bottom:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

/* ---> Fuer Artikelauflistungen */
div.artikel-suchen {text-align:left; width:268px; float:left;}
.artikel-suchen-suchfeld {width:200px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-suchen-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-suchen-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-sortieren {text-align:right; width:188px; padding-right:1%; float:left;}
.artikel-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-liste-boxenrahmen {float:left; width:440px; padding:6px; margin:6px; border:1px solid #b4b4b4; position:relative;}

div.artikel-liste-boxenkopf {min-height:42px; margin-bottom:4px;}
div.artikel-liste-boxenkopf-titel_lang {float:left; width:96%;}
div.artikel-liste-boxenkopf-titel_kurz {float:left; width:96%; display:none; visibility:hidden;}
a.artikel-liste-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-liste-boxenkopf-titel:hover, a.artikel-liste-boxenkopf-titel:focus, a.artikel-liste-boxenkopf-titel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
div.artikel-liste-boxenkopf-favoritenfunktion {float:left; width:4%;}
img.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}
img:hover.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}

div.artikel-liste-boxeninhalt {padding:0px; margin-top:0px;}
div.artikel-liste-boxeninhalt-vorschaubild {float:left; width:57%;}
img.artikel-liste-boxeninhalt-vorschaubild {float:left; width:127px; height:100px; margin-left:32px; margin-right:8px; margin-bottom:4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 6px 6px 6px #888; -webkit-box-shadow: 6px 6px 6px #888; box-shadow: 6px 6px 6px #888;}
div.artikel-liste-boxeninhalt-artikelinfos {float:left; width:43%; }
div.artikel-liste-boxeninhalt-sterne {min-height:26px; border:0; margin:0; padding:0;}
img.artikel-liste-boxeninhalt-sterne {height:16px; width:16px; margin-bottom:4px;}
div.artikel-liste-infos-preis {min-width:30px;}
span.artikel-liste-preisangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-liste-preisangabe-alt {font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
.button-artikel-liste-kaufen {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-liste-kaufen:hover {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-liste-hinweis {clear:left; float:none; border:0; padding-top:10px; margin:0; width:100%; font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000;}
a.artikel-liste-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:14px; font-weight:bold;}
a.artikel-liste-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;}

/* ---> Detailseiten der Artikel */
div.artikel-details-name {float:left; width:90%; padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}
div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-infozeile {padding:0; margin-top:10px; font-family:Arial, serif; font-size:13px; color:#000000; display:inline;}

div.artikel-details-artikelbilder {float:left; width:100%; margin:0; padding:0; overflow:hidden;}
div.artikel-details-artikelbilder-infotext {padding:0; margin:0; text-align:center; font-family:Arial, serif; font-size:13px; color:#000000;}

div.artikel-details-bestellformular {float:left; padding-left:10px; margin:0;}
div.artikel-details-sterne {margin-bottom:24px;}
img.artikel-details-sterne {float:left; height:20px; width:20px;}
div.artikel-details-bestellformular-anzahl {margin-bottom:10px; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:68px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.artikel-details-bestellformular-preisangabe {margin-bottom:10px; padding:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-details-bestellformular-preisangabe-alt {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
span.artikel-details-bestellformular-hinweis {clear:left; float:none; border:0; padding:0; margin:0; width:100%; font-family:Arial, serif; font-size:10px; font-weight:normal; color:#000000;}
a.artikel-details-bestellformular-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:10px; font-weight:bold;}
a.artikel-details-bestellformular-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:10px; font-weight:bold;}
div.artikel-details-bestellformular-button {margin:0; padding:0;}
.button-artikel-details-bestellformular-gross {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}
}



/* =================================================================================== */
/* ==========> FUER DEN UEBERGANG VON SCHMALE AUF SEHR SCHMALE BILDSCHIRME <========== */
/* =================================================================================== */

@media (min-width: 600px) and (max-width: 800px) {
div.header-shopsuche {min-width:260px; max-width:1200px; background-color:#202020; text-align:left; overflow:hidden; position:relative; padding:0; margin:0;}
.header-shopsuche-suchfeld {float:left; height:18px; width:87%; padding:4px; margin-left:12px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#FFFFFF; border:1px solid #FFFFFF;}
.header-shopsuche-suchbutton {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#b4b4b4; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.header-shopsuche-suchbutton:hover {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#505050; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Box auf der Startseite */
div.startseitenbox-shopsuche {text-align:right; margin-top:20px;}
.startseitenbox-shopsuche-suchfeld {width:280px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.startseitenbox-shopsuche-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.startseitenbox-shopsuche-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Inhaltsseite des Warenkorbs / Kasse */
div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:none; text-align:left; width:98%; margin:0; padding:2px;}
div.warenkorb-preis {float:none; text-align:right; width:98%; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

.warenkorb-eingabefeld {width:160px; height:18px; margin-top:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-login {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-login:hover {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.warenkorb-eingabefeld-gutscheincode {width:210px; height:18px; margin-bottom:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

/* ---> Fuer Artikelauflistungen */
div.artikel-suchen {text-align:left; width:59%; float:left;}
.artikel-suchen-suchfeld {width:200px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-suchen-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-suchen-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-sortieren {text-align:right; width:39%; padding-right:1%; float:left;}
.artikel-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-liste-boxenrahmen {float:left; width:45%; padding:6px; margin:6px; border:1px solid #b4b4b4; position:relative;}

div.artikel-liste-boxenkopf {min-height:42px; margin-bottom:4px;}
div.artikel-liste-boxenkopf-titel_lang {float:left; width:93%; display:none; visibility:hidden;}
div.artikel-liste-boxenkopf-titel_kurz {float:left; width:93%;}
a.artikel-liste-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-liste-boxenkopf-titel:hover, a.artikel-liste-boxenkopf-titel:focus, a.artikel-liste-boxenkopf-titel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
div.artikel-liste-boxenkopf-favoritenfunktion {float:left; width:7%;}
img.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}
img:hover.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}

div.artikel-liste-boxeninhalt {padding:0px; margin-top:0px;}
div.artikel-liste-boxeninhalt-vorschaubild {float:left; width:57%;}
img.artikel-liste-boxeninhalt-vorschaubild {float:left; width:127px; height:100px; margin-right:8px; margin-bottom:4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 6px 6px 6px #888; -webkit-box-shadow: 6px 6px 6px #888; box-shadow: 6px 6px 6px #888;}
div.artikel-liste-boxeninhalt-artikelinfos {float:left; width:43%;}
div.artikel-liste-boxeninhalt-sterne {min-height:26px; border:0; margin:0; padding:0;}
img.artikel-liste-boxeninhalt-sterne {height:16px; width:16px; margin-bottom:4px;}
div.artikel-liste-infos-preis {min-width:30px;}
span.artikel-liste-preisangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-liste-preisangabe-alt {font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
.button-artikel-liste-kaufen {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-liste-kaufen:hover {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-liste-hinweis {clear:left; float:none; border:0; padding-top:10px; margin:0; width:100%; font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000;}
a.artikel-liste-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:14px; font-weight:bold;}
a.artikel-liste-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;}

/* ---> Detailseiten der Artikel */
div.artikel-details-name {float:left; width:90%; padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}
div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-infozeile {padding:0; margin-top:10px; font-family:Arial, serif; font-size:13px; color:#000000; display:inline;}

div.artikel-details-artikelbilder {float:left; width:50%; margin:0; padding:0; overflow:hidden;}
div.artikel-details-artikelbilder-infotext {padding:0; margin:0; text-align:center; font-family:Arial, serif; font-size:13px; color:#000000;}

div.artikel-details-bestellformular {float:left; padding-left:20px; margin:0;}
div.artikel-details-sterne {margin-bottom:24px;}
img.artikel-details-sterne {float:left; height:20px; width:20px;}
div.artikel-details-bestellformular-anzahl {margin-bottom:10px; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:68px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.artikel-details-bestellformular-preisangabe {margin-bottom:10px; padding:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-details-bestellformular-preisangabe-alt {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
span.artikel-details-bestellformular-hinweis {clear:left; float:none; border:0; padding:0; margin:0; width:100%; font-family:Arial, serif; font-size:10px; font-weight:normal; color:#000000;}
a.artikel-details-bestellformular-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:10px; font-weight:bold;}
a.artikel-details-bestellformular-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:10px; font-weight:bold;}
div.artikel-details-bestellformular-button {margin:0; padding:0;}
.button-artikel-details-bestellformular-gross {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}
}



/* ============================================================================ */
/* ==========> FUER SEHR SCHMALE BILDSCHIRME WIE HANDYS UND TABLETS <========== */
/* ============================================================================ */

@media (max-width: 600px) {
div.header-shopsuche {min-width:260px; max-width:1200px; background-color:#202020; text-align:left; overflow:hidden; position:relative; padding:0; margin:0;}
.header-shopsuche-suchfeld {float:left; height:18px; width:73%; padding:4px; margin-left:12px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#FFFFFF; border:1px solid #FFFFFF;}
.header-shopsuche-suchbutton {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#b4b4b4; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.header-shopsuche-suchbutton:hover {float:left; height:28px; width:40px; padding:4px; margin-right:10px; margin-bottom:16px; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#505050; border:1px solid #FFFFFF; border-radius:0 6px 6px 0; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Box auf der Startseite */
div.startseitenbox-shopsuche {text-align:right; margin-top:20px;}
.startseitenbox-shopsuche-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.startseitenbox-shopsuche-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.startseitenbox-shopsuche-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}

/* ---> Fuer die Inhaltsseite des Warenkorbs / Kasse */
div.warenkorb-artikelzeile {background-color:#EFEFEF; text-align:left; padding:0; margin:0; overflow:hidden; position:relative;}
.warenkorb-anzahlfeld {width:34px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.warenkorb-artikel {float:none; text-align:left; width:98%; margin:0; padding:2px;}
div.warenkorb-preis {float:none; text-align:right; width:98%; margin:0; padding:2px;}
.warenkorb-loeschbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_remove_item.png); background-repeat:no-repeat; background-position:6px 5px;}
.warenkorb-aendernbutton {height:25px; width:25px; padding:4px; margin:0; font-family:Arial,sans-serif; color:#000000; font-size:14px; background-color:#EFEFEF; border:1px solid #EFEFEF; cursor:pointer; background-image:url(../../images/shoppingcart_edit_item.png); background-repeat:no-repeat; background-position:6px 5px;}
div.warenkorb-summegesamt {float:none; text-align:right; margin:0; padding:2px 10px 2px 2px; background-color:#DFDFDF;}

.warenkorb-eingabefeld {width:160px; height:18px; margin-top:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-login {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-login:hover {padding-right:26px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/formular_button_login.png); background-repeat:no-repeat; background-position:80px 5px; width:110px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.warenkorb-bezahlen {float:none; text-align:right; margin:0; padding:4px;}
.warenkorb-eingabefeld-gutscheincode {width:210px; height:18px; margin-bottom:10px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px;}
.button-warenkorb-bezahlen {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-warenkorb-bezahlen:hover {float:right; padding-right:30px; margin-left:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; width:180px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

/* ---> Fuer Artikelauflistungen */
div.artikel-suchen {text-align:left; width:100%; margin-bottom:20px;}
.artikel-suchen-suchfeld {width:190px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
.artikel-suchen-suchbutton {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#505050; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
.artikel-suchen-suchbutton:hover {height:28px; width:40px; padding:4px; margin-right:8px; font-family:Arial,sans-serif; color:#FFFFFF; font-size:14px; background-color:#b4b4b4; border:1px solid #ffffff; border-radius:6px; cursor:pointer; background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position:12px 5px;}
div.artikel-sortieren {text-align:right; width:100%; padding-right:1%;}
.artikel-sortieren-auswahlfeld {width:160px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin-bottom:20px;}

div.artikel-liste-boxenrahmen {float:left; width:96%; padding:6px; margin-left:0px; margin-top:3px; margin-right:0px; margin-bottom:3px; border:1px solid #b4b4b4; position:relative;}

div.artikel-liste-boxenkopf {min-height:42px; margin-bottom:4px;}
div.artikel-liste-boxenkopf-titel_lang {float:left; width:93%; display:none; visibility:hidden;}
div.artikel-liste-boxenkopf-titel_kurz {float:left; width:93%;}
a.artikel-liste-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-liste-boxenkopf-titel:hover, a.artikel-liste-boxenkopf-titel:focus, a.artikel-liste-boxenkopf-titel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
div.artikel-liste-boxenkopf-favoritenfunktion {float:left; width:7%;}
img.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}
img:hover.artikel-liste-boxenkopf-favoritenfunktion {width:16px; height:16px;}

div.artikel-liste-boxeninhalt {padding:0px; margin-top:0px;}
div.artikel-liste-boxeninhalt-vorschaubild {float:left; width:57%;}
img.artikel-liste-boxeninhalt-vorschaubild {float:left; width:127px; height:100px; margin-right:8px; margin-bottom:4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 6px 6px 6px #888; -webkit-box-shadow: 6px 6px 6px #888; box-shadow: 6px 6px 6px #888;}
div.artikel-liste-boxeninhalt-artikelinfos {float:left; width:43%;}
div.artikel-liste-boxeninhalt-sterne {min-height:26px; border:0; margin:0; padding:0;}
img.artikel-liste-boxeninhalt-sterne {height:16px; width:16px; margin-bottom:4px;}
div.artikel-liste-infos-preis {min-width:30px;}
span.artikel-liste-preisangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-liste-preisangabe-alt {font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
.button-artikel-liste-kaufen {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-liste-kaufen:hover {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-liste-hinweis {clear:left; float:none; border:0; padding-top:10px; margin:0; width:100%; font-family:Arial, serif; font-size:14px; font-weight:normal; color:#000000;}
a.artikel-liste-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:14px; font-weight:bold;}
a.artikel-liste-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:14px; font-weight:bold;}

/* ---> Detailseiten der Artikel */
div.artikel-details-name {float:left; width:90%; padding:0; margin:0; font-family:Arial, serif; font-size:18px; color:#000000; font-weight:bold; display:inline;}
div.artikel-details-favoritenfunktion {float:left; overflow:hidden; position:relative; width:10%; height:24px; text-align:right; padding:0; margin:0;}
img.artikel-details-favoritenbild {width:20px; height:20px;}
img:hover.artikel-details-favoritenbild {width:24px; height:24px;}

div.artikel-details-infozeile {padding:0; margin-top:10px; font-family:Arial, serif; font-size:13px; color:#000000; display:inline;}

div.artikel-details-artikelbilder {width:100%; margin:0; padding:0; overflow:hidden;}
div.artikel-details-artikelbilder-infotext {padding:0; margin:0; text-align:center; font-family:Arial, serif; font-size:13px; color:#000000;}

div.artikel-details-bestellformular {width:100%; margin-top:20px; padding:0;}
div.artikel-details-sterne {margin-bottom:24px;}
img.artikel-details-sterne {float:left; height:20px; width:20px;}
div.artikel-details-bestellformular-anzahl {margin-bottom:10px; padding:0;}
.artikel-details-bestellformular-anzahlfeld {width:68px; height:18px; font-family:Arial,sans-serif; color:#000000; font-size:14px; border:1px solid #505050; background-color:#ffffff; padding:4px; margin:0;}
div.artikel-details-bestellformular-preisangabe {margin-bottom:10px; padding:0;}
span.artikel-details-bestellformular-preisangabe {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-details-bestellformular-preisangabe-alt {padding-top:5px; font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
span.artikel-details-bestellformular-hinweis {clear:left; float:none; border:0; padding:0; margin:0; width:100%; font-family:Arial, serif; font-size:10px; font-weight:normal; color:#000000;}
a.artikel-details-bestellformular-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:10px; font-weight:bold;}
a.artikel-details-bestellformular-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:10px; font-weight:bold;}
div.artikel-details-bestellformular-button {margin:0; padding:0;}
.button-artikel-details-bestellformular-gross {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-details-bestellformular-gross:hover {padding-right:30px; margin-top:10px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}

div.artikel-details-fehlermeldung {clear:left; font-family:Arial, serif; font-size:14px; color:#8B0000; font-weight:normal; background-color:#FFDADA; border:1px solid #8B0000; text-align:left; padding:16px; margin:0; overflow:hidden; position:relative;}
div.artikel-details-listenspalte {float:left; width:240px; padding:4px; margin:0;}
}



/* ========================================================= */
/* ==========> NAVIGATIONSBOXEN FUER LINKE SEITE <========== */
/* ========================================================= */

/* ---> Fuer die ProduktTipps Box */
div.artikel-tipp-boxenrahmen {float:left; width:90%; padding:6px; margin-left:6px; margin-top:3px; margin-right:0px; margin-bottom:3px; border:1px solid #b4b4b4; position:relative;}
div.artikel-tipp-boxenkopf {min-height:42px; margin-bottom:4px;}
div.artikel-tipp-boxenkopf-titel {float:left; text-align:left; width:93%;}
a.artikel-tipp-boxenkopf-titel {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:16px; font-weight:bold;}
a.artikel-tipp-boxenkopf-titel:hover, a.artikel-tipp-boxenkopf-titel:focus, a.artikel-tipp-boxenkopf-titel:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:16px; font-weight:bold;}
div.artikel-tipp-boxenkopf-favoritenfunktion {float:left; width:7%;}
img.artikel-tipp-boxenkopf-favoritenfunktion {width:16px; height:16px;}
img:hover.artikel-tipp-boxenkopf-favoritenfunktion {width:16px; height:16px;}
div.artikel-tipp-boxeninhalt {padding:0px; margin-top:0px;}
div.artikel-tipp-boxeninhalt-vorschaubild {float:left; width:57%;}
img.artikel-tipp-boxeninhalt-vorschaubild {float:left; width:127px; height:100px; margin-right:8px; margin-bottom:4px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #F0F0F0; border: 0px solid #CCC; -moz-box-shadow: 6px 6px 6px #888; -webkit-box-shadow: 6px 6px 6px #888; box-shadow: 6px 6px 6px #888;}
div.artikel-tipp-boxeninhalt-artikelinfos {float:left; width:43%;}
div.artikel-tipp-boxeninhalt-sterne {min-height:26px; border:0; margin:0; padding:0;}
img.artikel-tipp-boxeninhalt-sterne {height:16px; width:16px; margin-bottom:4px;}
div.artikel-tipp-infos-preis {min-width:60px;}
span.artikel-tipp-preisangabe {font-family:Arial, serif; font-size:16px; font-weight:bold; color:#006400;}
span.artikel-tipp-preisangabe-alt {font-family:Arial, serif; font-size:16px; font-weight:bold; text-decoration:line-through; color:#8B0000;}
.button-artikel-tipp-kaufen {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#505050; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
.button-artikel-tipp-kaufen:hover {padding-right:30px; margin-top:8px; font-size:14px; color:#FFFFFF; font-weight:normal; font-style:normal; background-color:#b4b4b4; background-image:url(../../images/shoppingcart_add_item.png); background-repeat:no-repeat; background-position:80px 5px; width:104px; height:28px; cursor:pointer; border:1px solid #ffffff; border-radius:6px;}
div.artikel-tipp-hinweis {clear:left; float:none; border:0; padding-top:10px; margin:0; width:100%; font-family:Arial, serif; font-size:12px; font-weight:normal; color:#000000;}
a.artikel-tipp-hinweis {font-family:Arial, serif; text-decoration: none; color:#505050; font-size:12px; font-weight:bold;}
a.artikel-tipp-hinweis:hover, a.artikel-tipp-hinweis:focus, a.artikel-tipp-hinweis:active {font-family:Arial, serif; text-decoration: underline; color:#b4b4b4; font-size:12px; font-weight:bold;}



/* ========================================================= */
/* ==========> ALLGEMEINES FUER INHALTE, CONTENT <========== */
/* ========================================================= */

/* ---> Fuer Artikelbewertungen */
div.review_box {clear:left; padding:6px; margin:0; border:1px solid #b4b4b4; overflow:hidden; position:relative;}
div.review_titel {float:left; padding:0; margin:0; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold;}
div.review_text {clear:left; padding:0; margin:0; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:normal;}
div.review_adminantwort {padding:8px; margin-top:10px; margin-left:20px; font-family:Arial, serif; font-size:14px; color:#000000; font-weight:normal; border:1px dashed #000000; overflow:hidden; position:relative; }



/* ==================================================== */
/* ==========> SLIDESHOW FUER ARTIKELBILDER <========== */
/* ==================================================== */

#slider {width:100%; height:auto; position:relative; overflow:hidden; background-color:#f7f7f7;}
.slide {position:absolute; top:0; left:0; width:100%; height:auto; display:none; text-align:center; margin:0; padding:0;}
.slide img {vertical-align: middle; max-width:98%; height:auto; max-height:300px; margin:0; padding:0;}

a.prev, a.next {position:absolute; font-size:40px; cursor:pointer; top:50%; margin-top:-20px; z-index:1000; color:#FFFFFF; background-color:#505050;}
a:hover.prev, a:hover.next {position:absolute; font-size:40px; cursor:pointer; top:50%; margin-top:-20px; z-index:1000; color:#FFFFFF; background-color:#b4b4b4;}
a.prev {left:1px;}
a.next {right:1px;}

.dots {width:100%; margin: 0 auto; text-align:center; position:absolute; z-index:10000; bottom:0; left:0;}
.dot {display:inline-block; background:#505050; width:10px; height:10px; border:1px solid #505050; border-radius:50%; margin:3px; cursor pointer;}
.dot:hover, .dot.active {background:#b4b4b4;}