/*------------------------------------- * Author: Joe Ray Gregory * Copyright: Joe Ray Gregory @ web-netz GmbH 2009 ............................................. * Colors: * lightgrey: #c9c9c9 * main-fontgrey: #5b5b5b * link red: #990000 * Steg Größe 10px -------------------------------------*/ @import url(basic.css); @import url(menu.css); @import url(webnetz.css); body { font-family: Verdana, Helvetica, sans-serif; color: #5b5b5b; background-color: #ffffff; } h1#logo { margin-left: 10px; } .red, a.red { color: #bc2927; } input.text { border: 1px solid #e0e0e0; padding: 3px; background: url(../img/bg_input-text.png) repeat-x #ffffff; } a.zbutton { display: block; background: url(../../buttons/german/button_buy_now.gif) no-repeat; width: 84px; height: 21px; padding-top: 1px; color: #ffffff; font-size: 0.9em; text-align: center; } .zborder-bottom { border-bottom: 1px solid #e0e0e0; } .wn-checkoutpath { padding: 20px 0; } .ptop { margin-top: 18px; } .mbottom { margin-bottom: 18px; } .hovergrey a { text-decoration: none; } .hovergrey a:hover { color: #5b5b5b; } .selectbox { width: 200px; margin-bottom: 10px; } textarea { font: 11px Verdana, Helvetica, sans-serif; } .h200 { } #wrap, .lcenter, #header, #content, #footer { width: 961px; } #wrap { font-size: 0.688em; } #header {} #header .zcorner { background-image: url(../img/corner_header-middle.png); } #header form label, #header form p { padding-top: 7px; } #header form .holder { margin: 5px 0 0 5px; } #header form p { padding-right: 10px; } #header li { height: 25px; padding-top: 7px; } #header #search-quick input.text { border-left: none; border-right: none; padding: 2px 2px 1px 2px; height: 14px; } #header #search-quick input.submit { margin: 0 5px; } #header a.icart { background: url(../img/icon_cart.png) no-repeat; padding-left: 23px; padding-right: 10px; height: 20px; } #header .spacer { background: url(../img/spacer.png) no-repeat 100% 0; padding-left: 10px; padding-right: 10px; } #header .zcorner .cleft, #header .zcorner .cright { background-repeat: no-repeat; height: 32px; } #header .zcorner .cleft { background-image: url(../img/corner_header-left.png); padding-left: 7px; } #header .zcorner .cright { background-image: url(../img/corner_header-right.png); padding-right: 7px; background-position: 100% 0; } #search-quick { padding: 0 10px; } #header #login-quick { width: 200px; } #header #login-quick .cleft, #header #login-quick .cright { height: 25px; padding-top: 7px; } #header #login-quick .cleft { padding-right: 20px; padding-left: 13px; } #header #login-quick .cright { padding-right: 13px; } #header #login-form { z-index:99; right: 0; top: 25px; background: black; width: 150px; padding-left: 16px; background: url(../img/bg_login-over.png) no-repeat; height: 178px; font-size: 0.9em; } #header #login-form input.text { width: 120px; } #header #login-form p { padding-bottom: 5px; } #content { background-image: url(../img/bg_content.png); margin-top: 51px; padding-top: 30px; } #content .zborder { border: 1px solid #d8d8d8; } #topthing { padding-bottom: 20px; width: 950px; } #left { width: 180px; padding-left: 21px; margin-top: -10px; padding-top: 40px; } #left h2 { font-size: 1.833em; font-weight: normal; padding-bottom: 15px; } #left .sort { height: 35px; width: 86px; background-repeat: no-repeat; display: block; float: left; } #left #sort-cat, #left #sort-cat-active { background: url(../img/spirte_filter-cat.gif) no-repeat; margin-right: 5px; } #left #sort-manu, #left #sort-manu-active { background: url(../img/spirte_filter-manu.gif) no-repeat; } #left #sort-manu:hover, #left #sort-cat:hover, #left #sort-cat-active, #left #sort-manu-active { background-position: -95px 0; } #left #nav-cat { margin-bottom: 20px; font-size: 1.167em; } #left #nav-cat li { border-bottom: 1px solid #e0e0e0; } #left .vmenu a { color: #5b5b5b; background: url(../img/bg_nav-cat-a.png) no-repeat 0 10px; padding: 5px 8px 5px 14px; width: 160px; } #left .vmenu li li a { width: 120px; } #left .vmenu a.active, #left .vmenu a:hover { color: #bc2927; } #left #nav-cat ul ul { float: left; width: 100%; } #left #nav-cat ul ul a { background: none; padding-left: 36px; } #left #nav-cat ul ul ul a { background: none; padding-left: 56px; } #left .zbox { border: 1px solid #e0e0e0; border-top: none; border-bottom: none; width: 168px; background-color: #fcf3f3; margin-bottom: 20px; } #left .zbox .more {border-top:1px solid #e0e0e0; margin-top:3px; padding-top:3px; width:178px;} #left .zbox { padding: 5px; } #left .zbox .bottom { margin: 0 0 -5px -6px; } #left .zbox.nobg {background:none;} #left h3 { background: url(../img/bg_left-h3.gif) no-repeat #bc2927; color: #ffffff; padding: 5px; } #left p { padding-bottom: 5px; } #left #top_manufactures {padding:0; width:178px;} #left #top_manufactures.zbox .bottom { margin: 0 0 -6px -1px; } #left #buy-quick input { display: block; margin-bottom: 4px; } #left #buy-quick input.text { width: 160px; } #main { width: 722px; padding-right: 20px; } #main .zinner, #main .zcontent { width: 684px; padding: 0 18px; } #main .zouter { width: 684px; margin: 0 18px; } #main .zfull { width: 722px; } #main .zcontent h3 { padding-bottom: 20px; } #main .zcontent p { padding-bottom: 15px; } #main #static-content { padding-top: 20px; } #main #main-top { padding-bottom: 29px; } #main .zcontent a { color: #bc2927; } #main #main-bottom .vmenu { width: 420px; padding: 15px 0; } #main #main-bottom .vmenu li { float: left; width: 180px; margin-right: 25px; } #main #main-bottom .vmenu li a { color: #bc2927; border-bottom: 1px solid #e0e0e0; padding: 5px 0; } #main h2 { color: #bc2927; font-weight: normal; font-size: 30px; border-bottom: 1px solid #e0e0e0; padding: 18px; } #main h2.grey { color: #5b5b5b; } #main #intro { padding: 40px 18px; border-bottom: 1px solid #e0e0e0; } #main #intro .zright { margin-top: -20px; } #main #intro h3 { font-size: 1.636em; font-weight: normal; padding-bottom: 15px; } #main .zblock-r { width: 722px; background: url(../img/corner_main-middle.png) repeat-y; margin-bottom: 40px; } #main .zblock-r .ctop { width: 722px; height: 6px; top: -6px; left: 0px; background: url(../img/corner_main-top.png) no-repeat; } #main .zblock-r .cbottom { width: 722px; height: 6px; bottom: -6px; left: 0px; background: url(../img/corner_main-bottom.png) no-repeat; } #main .plist li { background: url(../img/bg_plist-noborder.png) repeat-x 2px 0 #e0e0e0; } #main .plist a { text-decoration: none; } #main .plist h3 { height: 51px; font-weight: normal; } #main .plist h3 a { color: #5b5b5b; text-decoration: none; } #main .plist h3 a:hover { text-decoration: underline; } #main .plist .pimage a { height: 154px; width: 220px; background-color: #ffffff; margin-bottom: 10px; } #main .plist .pinfo { font-size: 0.833em; padding-top: 15px; } #main .plist .pinfo a { color: #bc2927; } #main .plist .pbuy { padding-right: 10px; } #main .plist .pbuy strong { margin-bottom: 6px;} #main .plist li { padding-top: 15px; padding-bottom: 15px; } #main .plist li.col1 { clear: both; width: 229px; padding-left: 10px; margin-left: 2px; } #main .plist li.col2 { width: 231px; background: url(../img/bg_plist-border.png) no-repeat 0px 0 #e0e0e0; padding-left: 10px; } #main .plist li.col3 { width: 228px; padding-left: 10px; } #main .clist a { color: #5b5b5b; text-decoration: none; } #main .clist a:hover { text-decoration: underline; } #main .clist li { width: 239px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; } #main .clist li.col3 { border-right: none; } #main .clist .cimage { width: 200px; height: 137px; padding-left: 40px; } #main #login #box1 p { padding-bottom: 30px; } #main #login #box2 dl { padding-bottom: 16px; } #main #detail { background: url(../img/dot.png) repeat-y 481px 0; } #main #detail #detail-top #pictures { width: 463px;} #main #detail #detail-top #pictures a { text-decoration: none; } #main #detail #detail-top dl { padding-bottom: 50px; padding-left: 18px; } #main #detail #detail-top dt a { width: 457px; height: 328px; } #main #detail #detail-bottom { border-top: 1px solid #e0e0e0; } #main #detail #detail-bottom p { padding-bottom: 15px; } #main #detail #description { width: 481px; } #main #detail #description .zhead { width: 481px; top: -27px; padding-left: 18px; } #main #detail #description .zhead h3 { border: 1px solid #e0e0e0; border-bottom: 1px solid #ffffff; padding: 5px; margin-right: 5px; } #main #detail #description .zhead h3.zsmaller { padding: 3px; margin-top: 3px; } #main #detail #description .zhead h3.zsmaller a { color: #5b5b5b; font-weight: normal; text-decoration: none; } #main #detail #description .zhead h3.zsmaller a:hover { text-decoration: underline; } #main #detail #description-text { padding: 18px; } #main #detail .lright { width: 199px;padding: 0 20px; } #main #detail #pinfos big { display: block; font-size: 1.667em; font-weight: bold; } #main #detail #pinfos small { display: block; font-size: 0.833em; padding: 20px 0; } #main #detail #pnav { padding-top: 80px; padding-bottom: 50px; } #main #detail #pnav li { border-bottom: 1px solid #e0e0e0; padding: 5px 0; } #main #detail #pnav a { color: #bc2927; } #main #detail #pnav a:hover { text-decoration: underline; } #main #detail #poptions { padding: 20px 0; } #main #crosssell li { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 10px; float: left; } #crosssell h4 { font-weight: normal; padding: 18px 0; } #crosssell h5 a { color: #5b5b5b; font-weight: normal; text-decoration: none; } #crosssell h5 a:hover { text-decoration: underline; } #crosssell .pimage { margin: 10px 0; } #crosssell .zleft { font-size: 0.833em; padding-top: 8px; } #crosssell .zright { text-align: right; } #crosssell .zright strong { padding-bottom: 2px; } #crosssell .zright a { text-decoration: none; } #info-contact-cart { top: 110px; right: 0; width: 475px; z-index:2; font-size: 1.167em; } #info-contact-cart dt { font-weight: bold; } #info-contact { background: url(../img/icon_contact.png) no-repeat 0 -3px; width: 240px; } #info-contact dt { padding: 7px 0 10px 40px; } #info-contact .zborder-bottom { padding-bottom: 3px; margin-bottom: 5px; } #info-contact .zleft-childs .first { width: 60px; clear: both; } #info-cart { background: url(../img/icon_shop-cart.png) no-repeat; width: 165px; margin-left: 35px; padding-left: 10px; } #info-cart dt { padding: 7px 0 10px 40px; } #info-cart .zborder-bottom { width: 165px; padding-bottom: 3px; margin-bottom: 5px; } #breadcrumb { padding-bottom: 20px; } #breadcrumb a { color: #bc2927; text-decoration: none; } #breadcrumb a#bn_breadcrumb_active { color: #5b5b5b; } #pagination { clear: both; margin: 10px 18px; width: 600px; } #pagination a { color: #bc2927; } #payway-2 .zpinner { margin-bottom: 20px;} #footer { clear: both; border-top: 1px solid #5b5b5b; padding: 10px 0 10px 0; } #footer li { margin-right: 10px; }