/* ----------------------------------------------------------------------------------------- $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 ---------------------------------------------------------------------------------------*/ BODY {color:#58585a; margin:auto; margin:0px; font-family: Arial, Geneva, sans-serif; font-size:12px; background:#fff;} img{ border:none; } a {color:#58585a; text-decoration:underline;} a:hover {color:#58585a; text-decoration:none;} a:focus {outline:none;} h1 {font-size:1.6em; font-weight:normal; color:#a5722f; padding:0px; margin:12px 0px 10px 0px;text-transform:uppercase;} h2 {font-size:15px;} h3 {} p{ line-height:19px; margin:0px 0px 19px 0px; padding:0px;} hr {border-bottom: #d8d8d8 1px solid; border-top:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; margin:10px 0px 10px 0px; padding: 0px;} .clearer {clear:both} .desc_bottom {} .wrp {width: 980px; margin: auto;} #bg_1 {background:url(img_aufbau/bg_top_patter.png) top center repeat-x; margin:0px; padding:0px;} #bg_2 {background:url(img_aufbau/bg_top.png) top center no-repeat; margin:0px; padding:0px;} #wrapper {margin: auto; width:980px;} #header {height:150px; position:relative;} #header .col_left { width:490px; float:left;} #header .col_left .logo {height:95px; width:490px;} #header .col_left .logo a { font-size:12px; text-indent:-9000px; display:block; width:255px; height:95px; padding:0px; margin:0px;} #header .col_left .navtrail {line-height:23px; color:#8f8f8f; font-size:11px; padding-top:1px;} #header .col_left .navtrail a { color:#8f8f8f; text-decoration:none;} #header .col_left .navtrail a:hover { color:#8f8f8f; text-decoration:underline;} #header .col_right { width:480px; float:right;} #header .col_right .box_cart {width:190px; float:left; margin: 24px 0px 0px 220px; color:#1a171b; font-size:11px; line-height:14px; height:49px;} #header .col_right .box_cart .cart1 {width:45px; text-align:left; float:left;} #header .col_right .box_cart .cart2 {width:85px; text-align:right; float:left; padding-top:14px;} #header .col_right .box_cart .cart3 {width:50px; float:right;} #header .col_right .box_cart .cart3 a{width:50px; height:50px; display:block;} #header .col_right .box_lang { width:30px; float:right; padding:25px 10px 0px 0px; text-align:right; } #header .col_right .box_lang a {padding:3px; margin:0px;} #header .col_right .account {line-height:23px; text-align:right; padding:23px 10px 0px 0px; font-size:11px;} #header .col_right .account a {text-decoration:none; } #header .col_right .account a:hover {text-decoration:underline; } #header .box_search { width:250px; position: absolute; top:38px; left:414px; border:1px solid #d9b27f; background:#fff;border-radius:3px;} #header .box_search .submit { width:25px; float:left; background:none} #header .box_search .input { width:225px; float:left; padding:0px;} #header .box_search .input input { border:none; background:#fff;width:200px; margin:0px; color:#999; padding:5px 8px; } #header .box_search .input input:focus, #header .box_search .input input.focused { border-color:#bc8236; color: #58585a; } #header .sub_menu { width:255px; float:right; padding:1px 10px 0px 0px; text-align:right; line-height:25px; color:#FFF; font-size:11px;} #header .sub_menu a {text-decoration:none;color:#FFF;} #header .sub_menu a:hover {text-decoration:underline;} .versandfrei {color:#fff; position:absolute; top:124px; right:10px; font-weight:bold;} #col_left {width:155px; float:left; margin:0px; padding:0px 0px 15px 0px;} hr {border-bottom: #c8c8c8 1px solid; border-top:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; margin:10px 15px 10px 0px; padding: 0px;} .boxes { width:155px; margin-bottom:9px;} .boxes .heading { padding:0px; font-size:12px; font-weight:bold; margin:3px 0px 3px 0px;} .boxes .heading_2 { padding:0px; font-size:12px; font-weight:bold; color:#a5722f; margin:3px 0px 3px 0px;} .boxes .content { padding:0px} .boxes .content_info { padding:0px; font-size:11px;} .boxes .content_info .col_left { width:50px; float:left;} .boxes .content_info .col_left p {margin:0px;} .boxes .content_info .col_right { width:90px; float:right; text-align:right; padding:0px 15px 0px 0px;} .boxes .content_info .col_right p {margin:0px;} .boxes .content_info a {font-size:11px; text-decoration:none; line-height:16px;} .boxes .content_info a:hover {font-size:11px; text-decoration:underline;} .boxes .content_info .paylink a {text-decoration:none; border:none;} .boxes .content_info .paylink a:hover {text-decoration:none; border:none;} .button_lexi { width:100%; text-align:center;} a.button_lexi {width:139px; height:34px; line-height:34px; text-align:center; color:#FFF; background:#e09c44; display:block; text-decoration:none; font-size:15px; border-radius:2px; -moz-boder-radius:2px;} a:hover.button_lexi {background:#d68e32;} #col_right {width:815px; float:right; margin:0px; padding:0px 0px 15px 0px;} #col_right .navtrail{font-size:9px; color:#999; position:absolute; z-index:5; width:700px; margin:12px 0px 0px 0px;} #col_right .navtrail a{font-size:9px; color:#999; text-decoration:none;} #col_right .navtrail a:hover{font-size:9px; color:#999; text-decoration: underline;} #col_right .content {padding:0px; margin:0px; } #col_right .content .slide_bg {margin: 0px 0px 20px 0px; padding:0px;} #col_right .content .navigator {width:150px; float:right; font-size:12px; color:#999; padding:7px 10px 0px 0px; text-align:right;} #col_right .content .navigator a {color:#999; text-decoration:none;} #col_right .content .navigator a:hover {color:#999; text-decoration:underline;} #col_right .content .text{ padding:0px; font-size:12px;} #col_right .content .text .col-left { width:320px; float:left; position:relative;} #col_right .content .text .col-right { width:485px; float:right;} #col_right .content .text .col-right .box {border:1px solid #bababa; background:url(img_aufbau/bg_prod_info_price.png) bottom center repeat-x; margin-bottom:10px; padding:15px;} #col_right .content .text .col-right .box .box_inh1 { width:280px; float:left;} #col_right .content .text .col-right .box .box_inh1 .preis {color:#a5722f; font-size:1.8em; font-weight:bold; padding-bottom:8px; line-height:1.0em;} #col_right .content .text .col-right .box .box_inh1 .info { color:#8a8a8a; font-size:11px;} #col_right .content .text .col-right .box .box_inh1 .info a { color:#8a8a8a; text-decoration:none;} #col_right .content .text .col-right .box .box_inh1 .info a:hover { color:#8a8a8a; text-decoration:underline;} #col_right .content .text .col-right .box .box_inh2 { width:150px; float:right;} #col_right .content .text .col-right .box .box_inh2 .info { color:#8a8a8a; font-size:11px;} #col_right .content .text .col-right .box .box_inh2 .info a { color:#8a8a8a; text-decoration:none;} #col_right .content .text .col-right .box .box_inh2 .info a:hover { color:#8a8a8a; text-decoration:underline;} #col_right .content .text .col-right .box .box_inh2 .info hr {border-bottom: #DDDBD0 1px solid; border-top:#FFF 1px solid; border-left:#FFF 1px solid; border-right:#FFF 1px solid; margin:3px 0px 3px 0px; padding: 0px;} #col_right .content .text .col-right .menge {float:left; width:50px; padding-top:2px;} #col_right .content .text .col-right .menge input { height:26px; text-align:center; font-size:12px; font-weight:bold; width:32px; border: 1px solid #bfbfbf; } #col_right .content .text .col-right .mal {float:left; width:15px; padding-top:10px;} #col_right .content .text .col-right .button {float:left; width:200px;} #col_right .content .text .col-right select {position: relative; top: -1px; left: -1px; z-index: 10; height: 21px; color: #333333; border: 1px solid #bfbfbf; font-family: arial, sans-serif; font-size: 12px; padding:1px;} #col_right .content .text p{ line-height:19px; margin:0px 0px 19px 0px; padding:0px;} #col_right .content .text ul li { line-height:19px;margin:0px 0px 9px 0px;} #col_right .content .text hr {border-bottom: #DDDBD0 1px solid; border-top:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; margin:5px 0px 10px 0px; padding: 0px;} #col_right .content .prod_info_bottom {border:#d2c8b4 1px solid; background:#f9f5ea; padding:10px; text-align:center; margin:10px 0px;} #col_right hr {border-bottom: #DDDBD0 1px solid; border-top:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; margin:5px 0px 10px 0px; padding: 0px;} .prodlist {} .sale { height:45px; width:46px; background:url(img_aufbau/sale.png) top center no-repeat; z-index:51; position:absolute; right:-7px; top:-11px; text-indent:-9000px;} .prodlist .item { width:151px; margin: 0px 10px 10px 0px; padding:1px 2px 0px 2px; float:left; background: url(img_aufbau/bg_prod_list.png) bottom center no-repeat; border-top:1px solid #cccccc; position:relative;} .prodlist .item .bild {width:151px; height:151px;} .prodlist .item .bild a{ display:block; margin:auto; border:none;} .prodlist .item .name { color:#7b7c7e; text-align:center; padding:0px; font-size:12px; height:34px; overflow:hidden;} .prodlist .item .name a {color:#7b7c7e; text-decoration:none; display:block; padding:3px 8px 3px 8px; font-weight:normal;} .prodlist .item .name a:hover {text-decoration:underline;} .prodlist .item .preis { text-align:center; color:#474747; font-size:12px; font-weight:bold; padding:4px 0px 10px 0px; height:40px; } .prodlist .item .stern {font-size:11px; color: #999; padding:0px 0px 0px 3px;} .prodlist .LastCol {width:151px; margin: 0px 0px 10px 0px; padding:1px 2px 0px 2px; float:left; background: url(img_aufbau/bg_prod_list.png) bottom center no-repeat; border-top:1px solid #cccccc; position:relative;} .prodlist .LastCol .bild {width:151px; height:151px;} .prodlist .LastCol .bild a{ display:block; margin:auto; border:none;} .prodlist .LastCol .name { color:#7b7c7e; text-align:center; padding:0px; font-size:12px; height:34px; width:150px; overflow:hidden;} .prodlist .LastCol .name a {color:#7b7c7e; text-decoration:none; display:block; padding:3px 8px 3px 8px; font-weight:normal;} .prodlist .LastCol .name a:hover {text-decoration:underline;} .prodlist .LastCol .preis { text-align:center; color:#131214; font-size:12px; font-weight:bold; padding:4px 0px 10px 0px; height:40px; } .prodlist .LastCol .stern {font-size:11px; color: #999; padding:0px 0px 0px 3px;} #prod_list_account { width:91px; margin: 9px 8px 0px 0px; border:#d9d9d9 1px solid; float:left; z-index:auto; background-color:#FFF; height:120px;} #prod_list_account .bild { width:74px; height:74px; margin:auto; vertical-align:bottom; padding-top:9px;} #prod_list_account .bild a{ display:block; margin:auto; border:none;} #prod_list_account .name { color:#7b7c7e; text-align:center; padding:3px 0px 0px 0px;} #prod_list_account .name a {color:#7b7c7e; text-decoration:underline; display:block; padding:3px 15px 3px 15px; font-weight:normal;} #prod_list_account .preis { text-align:center; text-decoration:none; display:block; padding:3px 15px 3px 15px; color:#600404; font-size:10pt; font-weight:bolder;} #footer {background:url(img_aufbau/bg_footer.png) top center no-repeat; height:160px; color:#58585a; font-size:11px; position:relative; margin-bottom: 40px;} #footer p {line-height:15px; margin:0px 0px 15px 0px; } #footer a { text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer .box1 { width:140px; float:left; padding:30px 0px 0px 0px;} #footer .box2 { width:140px; float:left; padding:30px 0px 0px 0px;} #footer .box3 { width:390px; float:left; padding:30px 0px 0px 170px; text-align:right;} #footer .box_social {float:left; width:50px; padding:30px 0px 0px 0px;} #footer .box4 { width:76px; float:right; padding:32px 0px 0px 0px; text-align:right;} #footer .siegel {width:164px; height:55px; background:url(img_aufbau/siegel_footer.png) top center no-repeat; position:absolute; top:30px; left:350px;} .plus {display: block; background-image: url(img/plus.gif); background-repeat: no-repeat; width: 13px; height: 13px; border: 0px; font-size: 0px; cursor: pointer;} .minus { display: block; background-image: url(img/minus.gif); background-repeat: no-repeat; width: 13px; height: 13px; border: 0px; font-size: 0px; cursor: pointer;} .alter { display: block; background-image: url(img/german/alter.gif); background-repeat: no-repeat; width:66px; height: 8px; border: 0px; font-size: 0px; cursor: pointer;} .delete {display: block; background-image: url(img/delete.gif); background-repeat: no-repeat; width: 21px; height: 19px; border: 0px; font-size: 0px; cursor: pointer;} #CatNavi { margin: 10px 0px 30px 0px; padding:0px 0px 0px 0px; } #CatNavi ul { margin: 0px; padding: 0 } #CatNavi li { display: inline; list-style-type: none; margin: 0; padding: 0; } #CatNavi a { display: block; margin: 0; padding: 4px 0px 4px 0px;} #CatNavi a:hover {text-decoration:underline; color:#58585a;} #CatNavi li .Current, #CatNavi li .CurrentParent {text-decoration:none; color:#58585a;} #CatNavi .CatLevel1 a { display: block; margin: 0px 0px 3px 0px; padding: 4px 0px 4px 0px; color:#58585a; font-weight: normal; font-size:10pt; text-decoration:none; text-transform:uppercase; } #CatNavi .CatLevel1 a:hover { text-decoration:none; color:#a5722f; } #CatNavi .CatLevel1 ul { margin: 0px 0px 3px 0px; padding: 0px 0px 4px 0px;} #CatNavi .CatLevel2 ul { margin: 0px 0px 0px 0px; padding: 3px 0px 2px 0px;} #CatNavi .CatLevel3 ul { margin: 0px 0px 0px 0px;} #CatNavi .CatLevel4 ul { margin: 0px 0px 0px 0px;} #CatNavi .CatLevel2 a { margin: 0px 0px; padding: 2px 0px 2px 10px; color:#58585a; font-size:12px; font-weight:normal; font-style:normal; background:url(img_aufbau/cat_arrow.png) no-repeat 0px 8px; text-transform: none; } #CatNavi .CatLevel2 a:hover { text-decoration:underline; color:#58585a; } #CatNavi .CatLevel3 a { padding: 3px 0px 4px 20px; margin: 0px 0px; } #CatNavi .CatLevel4 a { padding: 3px 0px 4px 30px; margin: 0px 0px; } #CatNavi .CatLevel5 a { padding: 3px 0px 4px 40px; margin: 0px 0px; } #CatNavi .CatLevel1 .Current, #CatNavi .CatLevel1 .CurrentParent {text-decoration:none; color:#a5722f; font-weight: bold;} #CatNavi .CatLevel2 .Current, #CatNavi .CatLevel2 .CurrentParent {text-decoration:none; color:#a5722f; font-weight: bold;} #CatNavi .CatLevel3 .Current, #CatNavi .CatLevel3 .CurrentParent {text-decoration:none; color:#a5722f; font-weight: bold;} #CatNavi .CatLevel4 .Current, #CatNavi .CatLevel4 .CurrentParent {text-decoration:none; color:#a5722f; font-weight: bold;} #CatNavi .CatLevel5 .Current, #CatNavi .CatLevel5 .CurrentParent {text-decoration:none; color:#a5722f; font-weight: bold;} /* ----------------------------------------------------------------------------------------- Highslide - Styles Start ---------------------------------------------------------------------------------------*/ .highslide { cursor: url(../../includes/highslide/graphics/zoomin.cur), pointer; outline: none;} .highslide img {} .highslide:hover img {} .highslide-image {} .highslide-image-blur {} .highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; } .highslide-body p { font-size:11px; } /* Controlbar example */ .controlbar { display: none; background: url(../../includes/highslide/graphics/controlbar4.gif); width: 167px; height: 34px; margin-top: 0px; } .controlbar a { display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px; } .controlbar a:hover { background-image: url(../../includes/highslide/graphics/controlbar4-hover.gif); } .controlbar .previous { width: 50px; } .controlbar .next { width: 40px; background-position: -50px 0; } .controlbar .highslide-move { width: 40px; background-position: -90px 0; } .controlbar .close { width: 36px; background-position: -130px 0; } /* Necessary for functionality */ .highslide-display-block { display: block;} .highslide-display-none { display: none; } .control {float: right; display: block; /*position: relative;*/ margin: 0 5px; font-size: 9pt; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #999;} .control:hover { color: black !important; } .highslide-html { background-color: #ffffff;} .highslide-html-blur {} .highslide-html-content { position: absolute; display: none;} .highslide-display-block { display: block; } .highslide-display-none { display: none;} .highslide-move { cursor: move; } .highslide-wrapper div { font-family: Trebuchet MS, Verdana, Helvetica; font-size: 10pt; } .highslide-html { background-color: white; } .highslide-maincontent { display: none; } .highslide-loading { display: block; color: black; font-size: 8pt; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(../../includes/highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray;} /* Styles for the popup */ .highslide-wrapper, .rounded-white { background-color: white;} .highslide-wrapper .highslide-html-content { width: 400px; padding: 0 5px 5px 5px;} .highslide-wrapper .highslide-header { padding-bottom: 5px;} .highslide-wrapper .highslide-header ul { margin: 0; padding: 0; text-align: right;} .highslide-wrapper .highslide-header ul li { display: inline; padding-left: 1em;} .highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {display: none;} .highslide-wrapper .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none;} .highslide-wrapper .highslide-header a:hover {color: black;} .highslide-wrapper .highslide-header .highslide-move a {cursor: move;} .highslide-wrapper .highslide-footer {height: 11px;} .highslide-wrapper .highslide-footer .highslide-resize { float: right; height: 11px; width: 11px; background: url(../../includes/highslide/graphics/resize.gif);} .highslide-wrapper .highslide-body {} .highslide-move {cursor: move;} .highslide-resize { cursor: nw-resize;} /* Controls. See http://www.google.com/search?q=css+sprites */ .highslide-controls { width: 195px; height: 40px; background: url(../../includes/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; margin-right: 15px; margin-bottom: 10px; margin-top: 20px;} .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../../includes/highslide/graphics/controlbar-white.gif) right -90px no-repeat;} .highslide-controls li { float: left; padding: 5px 0;} .highslide-controls a { background-image: url(../../includes/highslide/graphics/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none;} .highslide-controls a.disabled {cursor: default;} .highslide-controls a span { /* hide the text for these graphic buttons */ display: none;} .highslide-move a { cursor: move;} /* The CSS sprites for the controlbar */ .highslide-controls .highslide-previous a { background-position: 0 0;} .highslide-controls .highslide-previous a:hover { background-position: 0 -30px;} .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important;} .highslide-controls .highslide-play a { background-position: -30px 0;} .highslide-controls .highslide-play a:hover { background-position: -30px -30px;} .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important;} .highslide-controls .highslide-pause a { background-position: -60px 0;} .highslide-controls .highslide-pause a:hover { background-position: -60px -30px;} .highslide-controls .highslide-next a { background-position: -90px 0;} .highslide-controls .highslide-next a:hover { background-position: -90px -30px;} .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important;} .highslide-controls .highslide-move a { background-position: -120px 0;} .highslide-controls .highslide-move a:hover { background-position: -120px -30px;} .highslide-controls .highslide-full-expand a { background-position: -150px 0;} .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px;} .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important;} .highslide-controls .highslide-close a { background-position: -180px 0;} .highslide-controls .highslide-close a:hover { background-position: -180px -30px;} .boxText { font-size: 10px;} .boxTextBG {font-size: 10px;background-color: #f1f1f1;} .boxTextBGII {font-size: 10px;background-color: #eeece1;} .boxTextPrice {font-size: 10px; color: #FF0000;} .errorBox { background:#FFD9DA; border:#F00 1px solid; padding:10px; text-align:center; margin:10px 0px;} .gvBox {font-size : 14px; font-weight: bold; border-color: #FFFFFF; border: 1px solid; background-color: #ffb3b5;} .stockWarning { font-size : 10px; color: #cc0033;} .productsNotifications {background-color: #f2fff7;} .orderEdit { font-size : 10px; color: #70d250; text-decoration: underline;} FORM {display: inline;} TD.conditions { background-color: #FFCCCC;} A.confirmationEdit {color: #009933;font-style: italic;} A.confirmationEdit:hover {color: #009933;font-style: italic;text-decoration: underline;} TR.headerError {} TR.headerMessage {background-color: #00CC33;} .moduleHeading {font-size: small;font-weight: bold;padding-bottom: 10px;} TD.headerError { } .infoBoxContents {font-size: 10px;} .infoBoxNotice { background: #FF8E90;} .infoBoxNoticeContents { background: #FFE6E6; font-size: 10px;} A.pageResults { margin-right:2px; padding:3px; background-color:#FFF; border:#b1b3b4 1px solid; color: #b1b3b4; text-decoration: none;} A.pageResults:hover { margin-right:2px; padding:3px; background-color:#817463; border:#b1b3b4 1px solid; color: #fff; text-decoration: none;} .pageResults_on { margin-right:2px; padding:3px; background-color:#817463; border:#b1b3b4 1px solid; color: #fff; text-decoration: none;} .pageresultsbox{margin-top:10px; height:20px;} SPAN.newItemInCart {font-size: 10px; color: #ff0000;} CHECKBOX, INPUT, RADIO, SELECT {font-size: 11px;} TEXTAREA {width: 100%; font-size: 11px;} SPAN.greetUser {font-weight: bold;} SPAN.underline {text-decoration: underline;} TABLE.formArea { background: #f1f1f1; border-color: #cccccc; border-style: solid; border-width: 1px;} TD.formAreaTitle { font-size: 12px; font-weight: bold;} SPAN.markProductOutOfStock {font-size: 12px; color: #c76170; font-weight: bold;} SPAN.productSpecialPrice {color: #e09c44;} SPAN.productOldPrice {color: #e09c44; text-decoration: none; font-weight:normal; font-size:11px;} SPAN.errorText {color: #ff0000;} SPAN.productDiscountPrice {color: #e09c44; font-weight: bold;} .moduleRow { font-size: 12px; background-color: #e9e4d5; border: 1px solid; border-color: #e9e4d5;} .moduleRowOver { background-color: #e9e4d5; border: 1px solid; border-color: #e9e4d5; font-size: 12px; } .moduleRowSelected { background-color: #e9e4d5; } .checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-size: 10px; color: #000000; } /* sitewide font classes */ /* Note: heading equals */ .heading1 { font-size: 7pt; } .heading2 { font-size: 9pt; } .heading3 { font-size: 10pt; } .heading4 { font-size: 12pt; } .heading5 { font-size: 16pt; } /* Sitemap Tables */ .sitemap_heading { font-size: 10pt; color: #FFFFFF; background-color: #666666; padding-top: 2px; padding-bottom: 2px;} .sitemap_heading a {color:#FFFFFF;} .sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;} .sitemap_sub { font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;} .sitemap_sub a {color:#000000;} .sitemap_sub a:hover {color:#999999; text-decoration:none;} /* message box */ .messageBox { font-size: 11px; } .messageStackError, .messageStackWarning { font-size: 11px; background-color: #ffb3b5; } .messageStackSuccess { font-size: 11x; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-size: 11px; color: #ff0000; } .tableListingI {background-color: #f9f5ea;} .tableListingII {background-color: #e9e4d5;} .tableBody {padding: 5px;} .onepxwidth {width: 1px;} /* f�r Buttonl�sung letzte Seite */ /*Linke Spalte */ .conf_spalte1 {width:380px; float:left; padding:10px 10px 0px 10px; vertical-align: top; border:#CCC 1px solid; margin-bottom:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .conf_spalte1 h2, .conf_spalte2 h2 { padding-top: 2px; margin-top: 0px; font-size: 12px; } /*rechte Spalte */ .conf_spalte2 {width:380px; float:right; padding:10px 10px 0px 10px; vertical-align: top; border:#CCC 1px solid; margin-bottom:10px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .clearer {clear:both; margin:0px 0px 0px 0px; padding:0 0 0 0px; line-height:0px; height:0px;} /* Spalte NON-EU und COD */ .conf_spalte3 {width:250px; float:left; padding:10px 10px 0px 10px; border: 1px solid #F90; vertical-align: top; background:#FFE4CA; } /* Spalte OT-TOTALs */ .conf_spalte4 {width:490px; float:right; padding:0px 0px 2px 0px; border: 0px solid black; vertical-align: top; white-space:nowrap; } .cart thead th{color:white;padding:5px 6px 5px;border:solid #d9d9d9 1px;background: #e6a213;} .cart td{padding:5px 5px 5px 5px;border:solid #d9d9d9 1px;color:#000;background-color: #f8f8f8;vertical-align:top;} .cart tfoot td {border:solid #d9d9d9 1px;color:#000; background-color: #f8f8f8 none;text-align:right;padding:5px 5px 10px 5px;color:#681400;font-weight:bold;vertical-align:top;} .cart .tdSP, .cart .tdFP{text-align:right; white-space:nowrap;} .cart .tdName, .cart .tdAttributes{text-align:left;} .cart .tdImage, .cart .tdQty, .cart .tdTax { text-align: center; } #legalBox {background-color:#eeece8; margin:5px 0px 20px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px; border:1px solid #f8f7f5; padding:5px 10px 10px 10px;-moz-box-shadow: 0px 0px 5px #9b9893;- webkit-box-shadow:0px 0px 5px #9b9893; box-shadow: 0px 0px 5px #9b9893; } #legalBox .prod_block {background:#FFF; padding:10px;} /*hr { border: 0px; /* F�r Firefox und Opera */ border-top: solid 1px #FF0000; border-bottom: transparent; }*/ /* Popup-Fenster f�r Artikeldetails */ body.popupproductinfo { padding:15px; background:#fff none; } /* Popup-Fenster f�r den Content*/ body.popup_content { padding:15px; background:#fff none; } .popup_product { width:700px; margin:auto;} .popup_product hr {border-bottom: #d8d8d8 1px solid; border-top:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; margin:10px 0px 10px 0px; padding: 0px;} .popup_product .col_left { width:210px; float:left;} .popup_product .col_left img {margin-bottom:5px;} .popup_product .col_right { width:480px; float:right;} .popup_product .col_right p {line-height:19px; margin:0; padding:0;} .popup_product .col_right .name {font-size:1.4em; text-transform: none;; margin:0px 0px 10px 0px; font-weight:normal; color:#555;} .popup_product .col_right .preis {font-size:1.6em; text-transform: none;; margin:0px 0px 10px 0px; font-weight:normal; color:#e6a213;} .popup_product .col_right ul {margin:19px 0px 19px 25px;} /* ########## Cookies ########## */ #cookies{position:fixed;z-index:10;bottom:0;left:0;width:100%;background:rgba(20,20,20,0.9);margin-left:0;color:#eee;font-size:14px;padding:8px 0;} #cookies p{float:left;} #cookies .button{background:#f2920d;color:#fff;padding: 8px;border-radius:3px;float:right;cursor:pointer;display:block;} #cookies .button em{font-style:normal;} #cookies .button em.short{display:none;} #cookies a{display:block;float:right;background:#555;color:#fff;padding: 8px;border-radius:3px;margin-right:10px;} /* Responsive */ @media (max-width: 1700px){ #cookies{margin:0;left:0;right:0;width:100%;} } @media (max-width: 980px){ #cookies span.longtext{display:none;} } @media (max-width: 440px){ #cookies .button em.short{display:block;} #cookies .button em.long{display:none;} }