/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003         nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   -----------------------------------------------------------------------------------------

   XTC-Design Template & Stylesheet
   -----------------------------------------------------------------------------------------
   (c) XTC-Design - Thorsten Maurer
       http://www.xtc-design.de
   ---------------------------------------------------------------------------------------*/

/* BODY */
* { margin: 0; padding: 0 }
body { font-family: Verdana, Arial, Sans-serif; font-size: 11px; margin: 0; padding: 0; color: #000000; line-height: 20px; background: #9a9997 url(img/tempteria-design/bgneu.jpg) repeat-y center; }
/* HEADINGS */

h2 { color: #000000; font-weight: bold; font-size: 12px; margin: 15px 0px 8px 0px; padding: 0px; }
h3 { color: #000000; font-weight: bold; font-size: 12px; margin: 15px 0px 8px 0px; padding: 0px; }
h4 { color: #404040; font-weight: bold; line-height: 23px; background: #ccc; padding: 5px 5px 5px 5px; }
/* LINKS GLOBAL */
a, a:link, a:link, a:link, a:hover { background: transparent; text-decoration: none; cursor: pointer }
a:link { color: #000000 }
a:visited { color: #000000 }
a:hover, a:active { color: #000000 }
a img { border: none }
/* PARAGRAPH GLOBAL */
p { margin: 8px 0px 8px 0px; font-size: 11px; }
ul, ol { padding: 20px }
/* TABLE GLOBAL */
table td { padding: 2px; }
#navtrail { padding: 0; color: #999; font-size: 9px; text-align: left; margin: 0 0 20px 0; }
#navtrail a { color: #9E9E9E; font-size: 9px; }
/* CATEGORY MENU */

ul#categorymenu { padding: 0 0 2px 0; margin: 0px 5px 0 0px; }
ul#categorymenu a { font-size: 12px; text-decoration: none; display: block; font-family: Verdana;  }
/* 1st TIER */
ul#categorymenu li.level1 { list-style-type: none; padding: 0; min-height: 17px; margin: 5px 0 5px 0; border-top: 1px solid #FFFFFF; white-space:nowrap; }
ul#categorymenu li.level1 a { bordertdisplay: block; text-decoration: none; text-transform:uppercase;}
ul#categorymenu li.level1 a:hover, ul#categorymenu li.level1 a.selected { bordertdisplay: block; text-decoration: none; text-transform:uppercase; color:#1251a0;}
/* ul#categorymenu li.level1:last-child { list-style-type: none; padding: 4px 0px 4px 7px; min-height: 17px; margin: 5px 0 5px 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF } */
/* 2nd TIER */
ul#categorymenu li.level2 { list-style-type: none; padding: 1px 0px 1px 7px; }
ul#categorymenu li.level2 a { padding: 1px 0; }
ul#categorymenu li.level2 a:hover, ul#categorymenu li.level2 a.selected  { color:#1251a0; }
/* 3rd TIER */
ul#categorymenu li.level3 { list-style-type: none; padding: 1px 0px 1px 20px; }
ul#categorymenu li.level3 a {  }
ul#categorymenu li.level3 a:hover, ul#categorymenu li.level3 a.selected { color:#1251a0; }
/* 4th TIER */
ul#categorymenu li.level4 { list-style-type: none; padding: 1px 0px 1px 33px; }
ul#categorymenu li.level4a {  }
ul#categorymenu li.level4 a:hover, ul#categorymenu li.level4 a.selected { color:#1251a0; }


/* PRODUCT PREVIEW */
#listingheader { padding: 7px 0px 0px 10px; margin: 0 0 5px 0; height: 22px; font-size: 12px; color: #FFFFFF; font-weight: bold; background: #ff8600; }
.cateimg { max-width: 300px; float: left; margin-right: 20px; }
.cate_desc { overflow: hidden; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; padding: 0 0 20px 0; }
.cate_desc p { padding: 0px 10px 0 0; margin: 0px; }
.content { width: 100%; }
.listingbox { border: 1px solid #E1E1E1; width: 236px; min-height: 440px; height: 440px;  /*für den IE */ padding: 5px; float: left; margin: 2px; background-color: #FFFFFF; color: #000000; }
.listingbox img { max-width: 140px; max-height: 150px; }
.listingbox:hover { background: #e7e7e7; }
ul.productPreview { padding: 0; margin: 10px 0 0 0; list-style-type: none; border-top: 1px solid #ccc; overflow: hidden; }
ul.productPreview li { overflow: hidden; padding: 20px 10px; clear: both; }
ul.productPreview li:nth-child(2n+2) { background-color: #e2e2e2; }
.productPreviewContent { vertical-align: top; float: left; width: 42% }
.productPreviewPricing { vertical-align: top; float: right; width: 18% }
.productPreviewContent h2 { font-size: 11px; padding: 0; margin: 0px 0px 5px 0px; }
.productPreviewContent h2 a { font-size: 12px; font-weight: bold; text-decoration: underline; }
.productPreviewImage { vertical-align: top; padding: 3px 15px 0px 0px; float: left; width: 190px; }
.productPreviewImage img { border: solid 1px #999999; }
.productPreviewPricing .price { font-size: 12px; font-weight: bold; padding: 0; margin: 0 }
.productPreviewPricing .taxandshippinginfo { font-size: 11px; font-weight: normal; color: #999999; padding: 0; margin: 0 }
.productPreviewPricing .vpe { font-size: 11px; font-weight: normal; color: #999999; padding: 0; margin: 0 }
.productPreviewPricing .shippingtime { font-size: 11px; font-weight: normal; color: #999999; padding: 0; margin: 0 }
.productPreviewPricing .stockimage { margin: 0; padding: 0; }
.stockimagetext { margin: 0; padding: 0; height: 30px; font-size: 11px; font-weight: normal; color: #999999; }
.productOldPrice { font-size: 11px; font-weight: bold; color: #18b5fc; }
.productPreviewContent .taxandshippinginfo a { font-size: 11px; font-weight: normal; color: #999999; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .listingbox { width: 175px; }
/* End hide from IE5/mac */

.listing { margin: 0px 0px 10px 0px; font-size: 12px; color: #000000; font-weight: bold; height: 100px }
.listing a { color: #7A7A7A; }
.listing a:visited { color: #7A7A7A }
.listing a:hover, a:active { color: #7A7A7A }
.listprice { font-size: 14px; color: #000; font-weight: bold; }
small { font-size: 10px }
#products_bottom { padding-top: 10px; height: 20px; font-size: 12px; font-weight: bold; margin: 0 auto; text-align: center }
.catlist_main { width: 775px; }
.catlist { width: 30%; padding: 16px 8px; float: left; margin-top: 5px; margin-right: 5px; height: 120px; border: 1px solid #CACACA; background-color: #EFEFEF; }
.catlist:hover { background-color: #ccc; }
/* PRODUCT INFO / PRODUCT DETAILS */
.product_productname { border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-top:10px;padding-bottom:10px; font-size: 14px;}
.product_pricearea_headline {color:#928f86; float:left;width:25%; font-size: 12px; font-weight: bold;}
.product_pricearea_content {color:#000000; float:left;width:25%; font-size: 12px; font-weight: bold;}
.product_hrlightgrey { margin-top: 0px; margin-bottom: 6px; border-top: 1px solid #ccc; }
#productinfowrap { display: table; width: 100% }
#productinfoimages { float: left; background-color: #FFFFFF; text-align: center; width: 300px; padding: 10px; margin: 0px 10px 10px 0px; border: solid 1px #CACACA; }
#productinfoimages .productimage { }
#productinfoimages .hrlightgrey { margin-top: 6px; margin-bottom: 6px; }
#productinfopricewithimages { float: right; width: 220px }
#productinfopricewithimages img { cursor: pointer }
#productinfopricewithoutimages { width: 100% }
#productinfopricewithoutimages img { cursor: pointer }
#productinfoprice { padding: 10px;padding-top:0px; }
#productinfoprice .hrlightgrey { margin-top: 6px; margin-bottom: 6px; border-top: 1px solid #ccc; }
#productinfoprice .productprice { margin: 0; padding: 0; font-size: 14px; font-weight: bold; }
#productinfoprice .productOldPrice { color: #999999; margin: 0; padding: 0; font-size: 12px; font-weight: bold; }
#productinfoprice .taxandshippinginfo { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #666666; }
#productinfoprice .taxandshippinginfo a { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #666666; }
#productinfoprice .shippingtime { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #666666; }
#productinfoprice .stockimage { margin: 0; padding: 0; }
#productinfoprice .stockimagetext { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #666666; }
p.productinfoproductadded { font-size: 11px; color: #999999; font-style: italic; }
.productoptions { padding: 2px; }
.addtobasket { padding: 5px 0px; text-align: right; }
.input_qty input { height: 20px; line-height: 20px; text-align: center; font-weight: bold; }
td.input_qty { padding: 0px; }
html .ui-corner-all { margin-top: 20px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
/* POPUPS PRODUCTINFO */
body.popupproductinfo { padding: 15px; background: none; background-color: #fff }
/* POPUP print_order.html */
body.popupprintorder { font-family: Verdana, Arial, Sans-serif; font-size: 13px; padding: 15px; background: none; background-color: #fff }
body.popupprintorder .products tr.header td { font-weight: bold; background-color: #EDEDED; }
body.popupprintorder .products .total { text-align: right }
body.popupprintorder .products .quantity { vertical-align: top }
body.popupprintorder .productname { vertical-align: top }
body.popupprintorder .model { vertical-align: top }
body.popupprintorder .singleprice { vertical-align: top }
body.popupprintorder .totalprice { vertical-align: top }
/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox { padding: 15px; background-color: #EFEFEF; border: solid #CACACA 1px; color: #000000; margin-bottom: 20px; }
div.highlightbox ul { margin-left: 15px; padding: 0; display: block; list-style-type: square; line-height: 20px; color: #000000 }
div.highlightbox li, a { color: #000000 }
div.highlightbox h1 { color: #000000; padding: 0px 0px 10px 0px; margin: 0; border: none; font-size: 12px }
div.highlightbox div.hr { height: 1px; line-height: 1px; margin: 0; padding: 0; display: block; border-bottom: solid 1px #000000; }
/* PAYMENT TYPE SELECTION */
table.paymentblock { background-color: #fff; color: #000; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #CACACA; margin-bottom: 15px;  }
table.paymentblock tr td.header2 { background-color: #EFEFEF; color: #000; font-size: 12px; padding: 2px; padding-left: 5px; font-weight: bold; }
table.shippingblock2 { background-color: #fff; color: #000; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #CACACA; margin-bottom: 15px;  }
table.shippingblock2 tr td.header2 { background-color: #EFEFEF; color: #000; font-size: 12px; padding: 2px; padding-left: 5px; font-weight: bold; }
/* SHIPPING TYPE SELECTION */
table.shippingblock { background-color: #FFFFFF; color: #000000; color: #999999; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #cccccc; margin-bottom: 15px; }
table.shippingblock tr td.header { background-color: #FFFFFF; color: #000000; padding: 2px; padding-left: 5px; color: #000000; font-weight: bold; }
table.shippingblock tr td { vertical-align: top; }
table.shippingblock tr td.description { width: 80%; vertical-align: top; padding-left: 6px; }
table.shippingblock tr td.radiobutton { vertical-align: top; white-space: nowrap; padding: 4px; }
table.shippingblock tr td.radiobutton input { margin: 0; padding: 0; }
table.shippingblock tr td.price { vertical-align: top; white-space: nowrap }
/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td { vertical-align: top }
table.accounthistoryinfoorderdetails tr.header td { font-weight: bold }
/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body { width: 130px; }
/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox { padding: 5px; background-color: #CACACA; border: solid #000000 1px; margin-bottom: 8px; }
table.downloadbox tr td.icon { padding-right: 15px; }
table.downloadbox tr td.downloadlink { width: 100%; }
/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice { font-size: 11px; text-align: left; margin-top: 5px; }
table.graduatedprice tr td.header { font-size: 12px; font-weight: bold; text-align: left }
/* ORDER DETAILS */
table.orderdetails { font-size: 11px; background-color: #CACACA; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #CACACA; }
table.orderdetails tr td { padding: 4px }
table.orderdetails tr.headerrow td { background-color: #ff8600; color: #ffffff; font-weight: bold }
table.orderdetails tr.headerrow td.left { text-align: left }
table.orderdetails tr.headerrow td.center { text-align: center }
table.orderdetails tr.headerrow td.right { text-align: right }
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td { background-color: #FFFFFF; color: #000000; vertical-align: top }
table.orderdetails tr.contentrow1 td.quantity { text-align: center }
table.orderdetails tr.contentrow1 td.quantity input { font-size: 11px; padding: 2px; border: solid #CACACA 1px; }
table.orderdetails tr.contentrow1 td.productname { text-align: left }
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td { background-color: #EFEFEF; color: #000000; vertical-align: top }
table.orderdetails tr.contentrow2 td.quantity { text-align: center }
table.orderdetails tr.contentrow2 td.quantity input { font-size: 11px; padding: 2px; border: solid #CACACA 1px; }
table.orderdetails tr.contentrow2 td.productname { text-align: left }
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice { text-align: right; white-space: nowrap }
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice { text-align: right; white-space: nowrap }
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete { text-align: center; white-space: nowrap }
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes { margin-top: 3px; }
table.orderdetails tr td.productname table.productattributes tr td { padding: 0px; }
table.orderdetails tr td.productname table.productattributes tr td.attribute { padding-right: 4px; }
table.orderdetails tr td.productname table.productattributes tr td.value { width: 100%; }
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal { background-color: #ffffff; text-align: right; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #CACACA; ; color: #000000 }
/* PRODUCT NAVIGATOR */
div.productnavigator { background-color: #FFFFFF; padding: 8px; border: #CACACA 1px solid }
/* REVIEW LIST */
table.reviewlist { background-color: #CACACA; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #000000; }
table.reviewlist tr td { padding: 4px; white-space: nowrap }
table.reviewlist tr.header td { background-color: #CACACA; color: #FFFFFF; font-weight: bold }
table.reviewlist tr.contentrow1 td { background-color: #CACACA; }
table.reviewlist tr.contentrow2 td { background-color: #FFFFFF; }
textarea#review { width: 100% }
/* MEDIA LIST */
table.medialist { background-color: #CACACA; border-style: solid; border-width: 1px; border-color: #000000; font-size: 11px }
table.medialist tr td { padding: 6px; white-space: nowrap; vertical-align: top }
table.medialist tr.contentrow1 td { background-color: #CACACA; }
table.medialist tr.contentrow2 td { background-color: #FFFFFF; }
/* SITEMAP */
.sitemapwrap { }
.sitemapwrap .sitemapleft { background-color: #EFEFEF; display: table; float: left; width: 235px; margin-bottom: 15px; }
.sitemapwrap .sitemapright { background-color: #EFEFEF; display: table; float: right; width: 235px; margin-bottom: 15px; }
.sitemapheader { padding: 3px; background-color: #CACACA; color: #000000; font-weight: bold }
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover { color: #FFFFFF; text-decoration: none }
.sitemapcontent { padding: 6px }
.sitemapcontent li { list-style-type: none }
/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea { width: 100% }
/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails { padding: 0; margin: 0px 0px 10px 0px; border: none }
table.checkoutconfirmationorderdetails tr td.productname { width: 100%; font-weight: bold; }
table.checkoutconfirmationorderdetails tr td.shippingtime { padding: 0px 0px 0px 30px; color: #666666; font-size: 11px; font-weight: normal; white-space: nowrap }
table.checkoutconfirmationorderdetails tr td.productattributes { padding: 0px 0px 0px 30px; color: #666666; font-size: 11px; font-weight: normal; }
table.checkoutconfirmationorderdetails tr td.productprice { white-space: nowrap; text-align: right }
table.checkoutconfirmationorderdetailstotal { padding: 0; margin: 10px 0px 0px 0px; border: none }
table.checkoutconfirmationorderdetailstotal tr td.name { width: 100%; text-align: right }
table.checkoutconfirmationorderdetailstotal tr td.value { white-space: nowrap; text-align: right }
/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea { width: 100% }
/* CHECKOUT NAVIGATION */
ul#checkoutnavigation { }
ul#checkoutnavigation li { height: 80px; list-style-type: none; float: left; width: 152px; margin: 10px 7px 10px 7px; border: solid 1px; padding: 8px }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html ul#checkoutnavigation li { width: 108px; }
ul#checkoutnavigation li.active { background-color: #EFEFEF; border-color: #ff8600 }
ul#checkoutnavigation li.active .number { font-size: 11px; font-weight: bold; color: #22034E }
ul#checkoutnavigation li.active .title { font-size: 11px; font-weight: bold; color: #22034E }
ul#checkoutnavigation li.active .description { font-size: 11px; color: #22034E }
ul#checkoutnavigation li.inactive { color: #CACACA; background-color: #FFFFFF; border-color: #CACACA }
ul#checkoutnavigation li.inactive .number { font-size: 11px; font-weight: bold }
ul#checkoutnavigation li.inactive .title { font-size: 11px; font-weight: bold }
ul#checkoutnavigation li.inactive .description { font-size: 11px }
/* ERROR MESSAGES */
p.errormessage { border: dotted #CACACA 2px; padding: 15px; background-color: #ffffff; color: #000000 }
/* SUCCESS MESSAGE */
.messageStackSuccess { padding: 4px; background-color: #FFFFFF }
div.agbframe { width: 97%; height: 200px; overflow: auto; padding: 10px; background: url(img/input_bg.gif) no-repeat; border: 1px solid #666; color: #000000; }
/*new checkout*/
div.checkout_infos { width: 750px; border: 0px solid red; }
div.checkout_infos h2 { font-family: Arial, Sans-serif; color: #333; /*#1e3630;*/ font-weight: bold; font-size: 15px; margin: 0px; float: left; }
div.checkout_infos a { font-style: italic; color: #0b59a1; /*#1e3630;*/ }
div.checkout_infos div.text, p.text { margin-top: 0px; }
div#address_block div.address { width: 220px; float: left; height: 140px; padding: 5px; margin: 0 15px 15px 0; border: solid 1px #a3a3a3; background: #F8F8F8; }
div#address_block input { vertical-align: middle; }
div.checkoutInfoBoxes { width: 330px; border: 0px solid #a3a3a3; padding: 5px; margin-right: 20px; float: left; }
div.checkoutInfoBoxes a.more_info { color: red!important; }
div.checkoutNavBoxes { width: 340px; border: 1px solid #a3a3a3; /*background:#F8F8F8;*/ padding: 5px; margin-right: 20px; float: left; height: 120px; }
div.checkoutNav2Boxes { width: 340px; border: 1px solid #a3a3a3; padding: 5px; margin-right: 20px; min-height: 70px; float: left; }
div.checkoutbox { margin-right: 30px; border: 2px solid #999!important; background: #EFEFEF!important; /*diese Farbe muss sich erheblich abheben*/ }
div.checkoutbox .image { max-width: 80px; }
div.checkoutbox td.main_row { border-top: 1px solid #666; }
div.checkoutbox div.hr { border: none; border-top: 1px solid #666; color: #E3F4DA; /*wie hintergrundfarbe*/ background-color: #E3F4DA; /*wie hintergrundfarbe*/ height: 1px; }
div.checkoutbox .details { padding: 0 12px 0 0; background: url(img/external.gif) no-repeat 100% 0px; color: #000; font-weight: bold; }
div.checkoutbox .total table td { padding: 0px; }
div.checkoutbox .small { font-size: 11px; }
/* XTC COPYRIGHT */
.copyright2 { margin: 0 auto; width: 960px; text-align: center; border-top: 1px solid #666666; color: #666666; font-size: 11px; padding: 0px 0px 10px 0px; }
.copyright2 a { color: #666666; font-size: 11px; }
.aboutascasa { margin: 0 auto; width: 1000px; text-align: center; border-top: 0px solid #ff6600; color: #ff6600; font-size: 11px; padding: 15px 0px 0px 0px; }
.aboutascasa a { color: #ff6600; font-size: 11px; text-decoration: underline;}

/* XTC ParseTime */
.parseTime { margin: 0 auto; width: 1000px; text-align: center; color: #666666; font-size: 11px; padding: 0px 0px 10px 0px; }
/************************************************
-nderungen für das Lexikon
************************************************/
.lexikon_keyword { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; background-color: #FF0; }
#lexAlphabet { background-color: none; text-align: left; padding: 0px 10px 0px 10px; margin: 0px 0px 20px 0px; list-style-type: none; height: 25px; font-size: 15px; font-weight: bold; letter-spacing: 0.1em; }
ul#lexAlphabet li { height: 25px; float: left; padding: 0px 5px 0px 0px; margin: 0; }
ul#lexAlphabet a, ul#lexAlphabet a:link, ul#lexAlphabet a:visited { line-height: 25px; text-decoration: none; margin: 0px; padding: 0px; }
ul#lexAlphabet a:hover { color: #F60; text-decoration: none; }
ul#lexAlphabet a.active { font-weight: bold; }
#lexName { font-family: "Verdana", "sans-serif"; font-weight: bold; font-size: 16px; color: #333; border-bottom-style: solid; padding-bottom: 3px; border-bottom-width: thin; border-bottom-color: #999; padding-top: 15px; }
#lexDescription { margin: 5px 0px 20px 10px; padding: 5px; background-color: none; font-family: "Verdana", "sans-serif"; }
span.lex { border-bottom-style: dotted; padding-bottom: 0px; border-bottom-width: thin; border-color:#FF761B;color:#FF761B; }
span.lex:hover { cursor: help; background-color: #F90; color: #333; border-bottom-style: none; font-weight: none; letter-spacing: none; }
a.tooltip { text-decoration: none; }
span.lex span.lex_details { display: none; }
span.lex:hover span.lex_details { display: block; position: absolute; width: auto; height: auto; margin-left: -100px; margin-top: 10px; background-color: #fff; text-indent: 0; font-size: 11px; line-height: 13px; border: 1px solid #000; color: #000; text-decoration: none; text-align: left; padding: 10px; text-decoration: none; z-index: 999999; }
/* tempteria® mods */

/*#mainwrap { width: 980px; overflow: hidden; margin: 10px auto 0 auto; background:#fff; padding:10px;-webkit-box-shadow: 0 0 3px 3px #333;
box-shadow: 0 0 3px 3px #ccc; }*/

#mainwrap { width: 1020px; overflow: hidden; margin: 5px auto 0 auto; background: transparent; padding: 0 10px 10px 10px; }
*:first-child+html body { margin-top: 40px; }
.nav ul { line-height: auto; padding: 0px 0; margin: 0px; list-style-type: none; text-align: left; }
.nav ul li { display: inline-block; margin-left: 20px; }
*:first-child+html .nav ul li { float: left; margin-left: 20px; }
*:first-child+html .nav { overflow: hidden; }
.nav ul li a { color: #fff; }
.header { overflow: hidden; background: url(img/tempteria-design/h_bg.jpg) top repeat-x; height: 140px; position: relative; }
#slider_out { width: 1020px; height: 70px; line-height: auto; border: 0px; position: relative; padding-left: 20px; margin-bottom: 10px; border: 1px solid #ccc; padding: 0px 0; padding-top: 15px; }
#slider { width: 1020px; height: 70px; line-height: auto; border: 0px; position: relative; padding-left: 20px; margin-bottom: 10px; border: 1px solid #ccc; padding: 0px 0; padding-top: 15px; }
#slider ul { padding: 0px; margin: 0px; list-style-type: none; }
#slider ul li { float: left; }

#slider_big { width: 1020px; height: 299px; line-height: auto; border: 0px; position: relative; padding-left: 20px; margin-bottom: 0px; border: 1px solid #ccc; padding: 0px 0; padding-top: 0px; }
#slider_big ul { padding: 0px; margin: 0px; list-style-type: none; }
#slider_big ul li { float: left; }


.scrollable { position: relative; overflow: hidden; width: 960px; height: 40px; float: left; }
.scrollable .items { width: 20000em; position: absolute; clear: both; }
.items div { float: left; }
.scrollable a { display: block; float: left; line-height: 40px; margin-right: 20px; }
a.browse { display: none; background: url(img/hori_large.png) no-repeat; width: 19px; height: 40px; float: left; margin: 0px 10px; }
a.right { background-position: -38px -52px; clear: right; margin-right: 0px; height: 40px; }
a.right:hover { background-position: -19px -52px; }
a.right:active { background-position: 0 -52px; }
a.left { margin-left: 10px; }
a.left:hover { background-position: -19px 0; }
a.left:active { background-position: -38px 0; }
h1.logo { float: left; width: 183px; height: 45px; margin: 20px 0 0 0px; }
.h_manu { font-weight: bold; font-size: 12px; }
.index #navtrail { display: none; }
#main { width: 760px; float: right; }
.aside { float: left; width: 240px; padding-top: 0px;}
.footer { overflow: hidden; clear: both; margin-top: 5px; background: #333; color: #ccc; }
.footer a { color: #ccc!important; }
.footer a:hover { color: #fff!important; }
.footer ul { padding: 0px; margin: 0px; list-style-type: none; }
.layer { width: 980px; float: none; margin: 0px auto 0px auto; overflow: hidden; padding: 20px 0; }
.footer .section { float: left; width: 190px; }
.footerbox_headline { font-size: 14px; font-weight: bold; color: #fff; }                                                                                                  
.layer span { font-size: 14px; font-weight: bold; display: block; color: #fff; margin-bottom: 10px; }
.fa-shopping-cart { position: absolute; right: 10px; top: 8px; font-size: 33px; }
.hotline { margin-top: 38px; width: 205px; float: left; color: #fff; font-size: 13px; }
.hotline span, .hotline a { display: block; color: #fff; }

.topnav { margin-top: 38px; width: 150px; float: left; color: #fff; font-size: 13px; }
.topnav span, .topnav a { display: block; color: #fff; }

#cartbox { }
#search { width: 220px; float: left; background: #fff; position: relative; margin: 58px 15px 0 20px; }
input#searchbox { padding: 5px; border: 0px; width: 200px; }
.s_button { position: absolute; right: 5px; top: 3px; }
#cart { position: absolute; color: #fff; top: 36px; padding: 5px; height: 50px; width: 170px; background: #555; right: 0px; border: 1px solid #444; padding-top: 15px; }
#cart a { color: #fff; }
ul.badges_f { padding: 0px; margin: 0px; list-style-type: none; text-align: center; }
ul.badges_f li { }
ul.badges_f h3 { padding: 0px; margin: 0px; }
ul.badges_f img { margin-top: 0px; width: auto; height: 30px; }
.tooltip { margin-top: 300px; display: none; background: #fff; border: 1px solid #eee; font-size: 12px; height: auto; width: 200px; padding: 18px; z-index: 3000; color: #000; -webkit-box-shadow: 0 0 0px 5px #ccc; box-shadow: 0 0 0px 5px #ccc; }
.content h1 { font-size: 13px; margin-bottom: 10px; }
.con_head { background: #ff8600; color: #fff; font-size: 14px; padding: 5px; }
.con_head a { color: #fff; text-decoration: underline; }
/* container for slides */
.images { width: 780px; overflow: hidden; height: 228px; }
/* single slide */
.images div { display: none; width: 780px; height: 228px; }
/* tabs (those little circles below slides) */
.slidetabs { clear: both; }
.menucontentcenter { text-align: center; border: 1px solid #ccc; }
.top_info { background: #333; border-bottom: 1px solid #444; color: #fff; position: fixed; width: 100%; padding: 5px 0; top: 0px; z-index: 1000; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; }
.top_info2 { background: #333; border-bottom: 0px solid #444; color: #fff; width: 100%; padding: 2px 0; top: 0px; z-index: 1000; font-size: 14px; letter-spacing: 0px; text-transform: normal; }
.top_info ul { padding: 0px; list-style-type: none; width: 1000px; margin: 0px auto; }
.top_info ul li { display: inline-block; width: 33%; }
*:first-child+html .top_info ul li { float: left; overflow: hidden; width: 33%; }
*:first-child+html .top_info { width: 100%; text-align: left; }
*:first-child+html .top_info ul { overflow: hidden; margin: 0px; width: 1000px; }
.top_info ul li.l { text-align: left; }
.top_info ul li.c { text-align: center; }
.top_info ul li.r { text-align: right; }
.top_info ul li.r2 { text-align: center;}
.top_info ul li.r3 { text-align: right; }


.top_info a { color: #fff; }
.top_info a:hover { text-decoration: underline; }
.trust_icons { text-align: center; }
.trust_icons img { margin: 10px 0; }
#checkoutnavigation { padding: 0px; margin: 0px; }
.popupContainer { z-index: 2300; }
ul.thumbs { overflow: hidden; clear: both; list-style-type: none; padding: 0px; margin: 0px; }
ul.thumbs li { float: left; margin: 0 10px 10px 0px; width: 70px; height: 76px; }
ul.thumbs li a { display: block; }
/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;
}
.bx-wrapper ul { padding: 0px; margin: 0px; list-style-type: none; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/

.bx-wrapper .bx-viewport { }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url(img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev { left: 10px; background: url(img/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(img/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 2200; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(img/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(img/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
.ssl_l { text-align: left; margin: 10px 0 0 0; }


.calculatePriceUpdater {
  display:none;
  margin: 10px 2px;
}             

.extra_article_info_ul {
background: #f89637 !important; /* Old browsers */
background: -moz-linear-gradient(top, #f89637 1%, #f89637 24%, #dc7927 69%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f89637), color-stop(24%,#f89637), color-stop(69%,#dc7927)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f89637 1%,#f89637 24%,#dc7927 69%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f89637 1%,#f89637 24%,#dc7927 69%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f89637 1%,#f89637 24%,#dc7927 69%) !important; /* IE10+ */
background: linear-gradient(to bottom, #f89637 1%,#f89637 24%,#dc7927 69%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89637', endColorstr='#dc7927',GradientType=0 ) !important; /* IE6-9 */
}

#extra_article_info a { text-decoration: underline; }

.social { overflow: hidden; clear: both; background: #333; color: #ccc; }
.social_area { float: left; width: 325px; }  
.social_area a { font-size: 14px; font-weight: bold; display: block; color: #fff; margin-bottom: 10px; }

.commerz-finanz-listing {font-style: italic}
.commerz-finanz-lz {font-weight: 700; color: #b20000}
.commerz-finanz-fs85 {font-size: 85%}
.commer-finanz-listingshort{ color:#666666;}
.commer-finanz-proddetails .commer-finanz-listingshort{ color:#666666;}
.commerz-finanz-big{font-weight: 700; font-size: 160%;color:#fd8701;}
.commerz-finanz-desc {border: 1px solid #ccc; padding: 5px; margin: 5px}
.commerz_finanz_table {border-collapse: separate;border-spacing: 0;border: 0; width: 100%; }
.commerz_finanz_table td,.commerz_finanz_table th {text-align: center;padding: 5px}
.commerz_finanz_table th {background-color: #e3e3e3}
.commerz_info_teaser{float:left;width:450px;padding:10px;font-family:Verdana;font-size:12px;}
.commerz_info_teaser .headline {font-weight: 700; font-size: 119%;color:#fd8701;}
.commerz_info_periods{float:left;width:580px;padding:10px;font-family:Verdana;font-size:12px;}
.hrlightgrey { margin-top: 6px; margin-bottom: 6px; border-top: 1px solid #ccc; }


/*TOOLTIPS TOPBAR*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:200px;
  color: #FFFFFF;
  background: #000000;
  height: auto;
  line-height: 17px;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
  padding: 10px;
  font-size: 13px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: 0px;
  width: 0; height: 0;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  top: 30px;
  left: 50%;
  margin-left: -100px;
  z-index: 999;
}


#tabbed_product_info .ui-state-default a:after {content:'\A(mehr erfahren)';white-space: pre;font-size:75%; }
#tabbed_product_info .ui-corner-top {-moz-border-radius-topleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-topright: 4px;-webkit-border-bottom-right-radius: 4px}
#tabbed_product_info .ui-state-active a:after {	content:'';}
#tabbed_product_info .ui-tabs-nav {	height:29px;}
#tabbed_product_info .ui-tabs-panel { padding: 1.5em 0.4em;}

#slider-prev { margin-left: 10px; background: url(img/controls.png) no-repeat 0 -32px; height:32px;width:40px; margin-top:10px }
#slider-prev a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 2200;} 
#slider-next { margin-right: 10px; background: url(img/controls.png) no-repeat -43px -32px; height:32px;width:40px;margin-top:10px}
#slider-next a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 2200;} 

#cookieChoiceInfo{background-color:#fff;padding:10px;z-index:1000;text-align:center; opacity:0.5;position:fixed;width:100%;left:0;bottom:0;overflow:auto;z-index:30000}
div#cookieChoiceInfo{background-color:#EEE;padding:10px;z-index:1000;text-align:center; opacity:0.8;font-weight:bold;border:1px solid;position:fixed;width:100%;left:0;bottom:0;overflow:auto}  
#cookieChoiceInfo a{box-sizing:border-box;padding:4px 13px;margin-bottom:5px;display:inline-block;clear:both;border:2px solid transparent;font-weight:400;text-transform:uppercase}
#cookieChoiceInfo a:hover{font-weight:400;color:rgba(255,255,255,.85);background:rgba(0,0,0,.7);text-decoration: none;outline:0}
-

.smeg_desc { overflow: hidden; margin: 0 0 10px 0; padding: 0 0 0px 0; }
.smeg_desc p { padding: 0px 10px 0 0; margin: 0px; }

.orange2 { color: #5f6064; text-decoration: none; line-height: 20px; }
a.orange2:link { color: #5f6064; text-decoration: none; }
a.orange2:visited { color: #5f6064; text-decoration: none; }
a.orange2:hover { color: #5f6064; text-decoration: none; }
a.orange2:active { color: #5f6064; text-decoration: none; }

.orange { color: #5f6064; text-decoration: none; line-height: 20px; }
a.orange:link { color: #5f6064; text-decoration: none; }
a.orange:visited { color: #5f6064; text-decoration: none; }
a.orange:hover { color: #5f6064; text-decoration: none; }
a.orange:active { color: #5f6064; text-decoration: none; }