/* Begin NewStyles The Rev. */ /* Header: common part */ *:first-child+html div#headermain div.infoBox ul li{left:5px} *:first-child+html div#headermain div.headernavi ul{top:0} div#headermain{position:absolute;top:0;left:0;background:url(/images/webgraf/header/common/bg_header_register.gif) 0 0 repeat-x;width:1000px;height:200px;background-color:#FFF;position:relative} div#headermain a.logoQuality{display:block;width:90px;height:110px;position:absolute;left:536px;top:45px} div#headermain a.logoShop{display:block;width:500px;height:110px;background-color:#FFF;position:absolute;left:0;top:45px} div#headermain a.logoTuev{display:block;width:56px;height:110px;position:absolute;left:636px;top:45px} div#headermain div.headernavi{position:absolute;top:155px;left:0;width:581px;height:45px} div#headermain div.headernavi ul{list-style-type:none;position:relative;top:-11px;left:-40px} div#headermain div.headernavi ul li{float:left;font-size:20px} div#headermain div.headernavi ul li a{display:block;height:35px;padding:10px 10px 0;text-decoration:none;color:#FFF} div#headermain div.infoBox{width:140px;height:90px;position:absolute;font-size:11px} div#headermain div.infoBox h3{color:#FFF;font-size:11px;height:15px;margin:0;padding:3px 8px} div#headermain div.infoBox ul{list-style-type:none;height:69px;margin:0} div#headermain div.infoBox ul li{text-align:left;left:-31px;padding-top:2px;position:relative} div#headermain div.infoBox.account{left:850px;top:55px} div#headermain div.infoBox.shoppingWithNoRisk{left:701px;top:55px} div#headermain div.search{position:absolute;top:155px;left:581px;width:419px;height:45px} div#headermain div.shippingcost{cursor:pointer;background:url(/images/webgraf/header/common/sprite_header_register.gif) 0 -92px no-repeat;width:210px;height:45px;position:absolute;top:0;left:312px;padding-top:17px;text-align:center} div#headermain div.shippingcost div{display:none} div#headermain div.shippingcost:hover div{text-align:left;display:block;background-color:#ECE9E3;position:absolute;width:180px;left:10px;top:37px;z-index:1501;padding:5px;} div#headermain div.shoppingcart{height:28px;width:450px;background-color:#FFF;position:absolute;top:10px;left:540px;font-weight:bold} div#headermain div.shoppingcart a{background:url(/images/webgraf/header/common/shoppingcart.gif) 0 0 no-repeat;display:block;width:130px;float:left;height:21px;padding-top:7px;padding-right:10px;text-align:right;color:#FFF;text-decoration:none} div#headermain div.shoppingcart span.jCart{background-color:#918975;display:block;width:176px;float:left;height:19px;padding-top:5px;text-align:center;color:#FFF;border:2px outset} div#headermain div.shoppingcart span.jCart a{background:none;height:14px;padding:0;text-align:center;width:176px} div#headermain div.shoppingcart span.sCartLeft{display:block;width:60px;float:left;height:21px;padding-top:7px;padding-left:5px;text-align:left} div#headermain div.shoppingcart span.sCartRight{display:block;width:60px;float:left;height:21px;padding-top:7px;padding-right:5px;text-align:right} div#headermain div.switcher{height:45px;width:292px;position:absolute;top:8px;left:0} div#headermain div.switcher a{display:block;width:141px;height:37px;position:absolute;top:0} /* Header: GP part */ div#headermain div.headernavi.gp{background:url(/images/webgraf/header/gp/headernavi_bg.gif) 0 0 repeat-x} div#headermain div.headernavi.gp ul li a:hover{background:url(/images/webgraf/header/gp/headernavi_bg_active.gif) 0 0 repeat-x;color:#037A00} div#headermain div.headernavi.gp ul li.decollator{border-right:1px solid #7BC87C} div#headermain div.headernavi.gp ul li.selected{background:url(/images/webgraf/header/gp/headernavi_bg_active.gif) 0 0 repeat-x} div#headermain div.headernavi.gp ul li.selected a{color:#037A00} div#headermain div.infoBox.account.gp{background-color:#037A00} div#headermain div.infoBox.account.gp ul{background-color:#F1EDD5} div#headermain div.infoBox.shoppingWithNoRisk.gp{background-color:#037A00} div#headermain div.infoBox.shoppingWithNoRisk.gp ul{background-color:#F1EDD5} div#headermain div.search.gp{background:url(/images/webgraf/header/gp/headernavi_bg.gif) 0 0 repeat-x} div#headermain div.switcher a.gp2pa{left:151px} div#headermain div.switcher a.gp2pa:hover{background:url(/images/webgraf/header/common/sprite_header_register.gif) -151px -54px no-repeat} div#headermain div.switcher.gp{background:url(/images/webgraf/header/common/sprite_header_register.gif) 0 -8px no-repeat} /****/ /* Search: GP part */ div#headermain div.search div.suggestFormWrap.v1{margin-top:8px} div#headermain div.search div.suggestFormWrap.v1 form label{color:#fff;font-size:1.3em;font-weight:bold} div#headermain div.search div.suggestFormWrap.v1 form input.searchkey{border:1px solid #333;font-weight:bold;padding:1px 3px;width:318px} div#headermain div.search div.suggestFormWrap.v1 form input.go{left:-4px;position:relative;top:5px} div#headermain div.search div.suggestLayer{position:relative;top:0;left:-35px;width:1px;height:1px;display:none;padding:0;margin:0;z-index:1000;background-color:white;background:transparent} div#headermain div.search table.suggestLayer{font-size:11px;width:130px;border:1px solid #888;height:12px;background-color:white;color:#326A27;cursor:pointer} div#headermain div.search tr.suggestLayer{height:12px} div#headermain div.search td.suggestLayer{padding:0;height:12px} div#headermain div.search tr.suggestHeader{color:#173553;font-weight:normal;font-size:10px} div#headermain div.search tr.suggestHeader td{border-bottom:1px solid #888;padding:3px 3px 3px 5px} div#headermain div.search td.suggestFooter{height:25px;border-top:solid 1px #888;font-size:9px;color:#173553;background-color:#FCFCFC;background-repeat:no-repeat;background-position:right} div#headermain div.search td.suggestTextQuery{font-weight:bold;padding:2px 15px 2px 10px} div#headermain div.search span.suggestTextQueryTyped{color:#8CA267;text-decoration:underline} div#headermain div.search td.suggestTextType{padding:2px 5px 2px 15px;width:30%} div#headermain div.search td.suggestTextAmount{padding:2px 5px 2px 15px;width:30%;text-align:right} div#headermain div.search tr.suggestRow{padding:2px 2px 2px 0px;background-color:#FCFCFC} div#headermain div.search tr.suggestHighlight{color:#FCFCFC;background-color:#459135} div#headermain div.search tr.suggestHighlight span.suggestTextQueryTyped{color:white} div#headermain div.search td.suggestImage{height:40px} div#headermain div.search td.suggestImage img{height:40px} /****/ /* Assortment Navigation: Common part */ *:first-child+html div#assortmentnavi ul{margin-left:0} div#assortmentnavi{width:175px} div#assortmentnavi h3{text-align:left;margin:0;font-size:13px;font-weight:bold;height:20px;padding:5px 7px 0;} div#assortmentnavi ul{list-style-type:none;margin-top:0;margin-left:-40px;margin-bottom:0;width:175px} div#assortmentnavi ul.firstLevel{margin-bottom:8px} div#assortmentnavi ul li{font-size:13px;text-align:left} div#assortmentnavi ul li a{text-decoration:none;display:block;padding:2px 8px} div#assortmentnavi ul li ul{margin-left:-40px} div#assortmentnavi ul li ul li{font-size:12px} div#assortmentnavi ul li ul li a{padding:2px 5px 2px 16px} div#assortmentnavi ul li ul li ul{margin-left:-40px} div#assortmentnavi ul li ul li ul li a{padding:2px 5px 2px 24px} /* Assortment Navigation: GP part */ div#assortmentnavi.gp.v1{position:absolute;top:208px;} div#assortmentnavi.gp.v1.aftersearch{color:#000} div#assortmentnavi.gp.v2{margin-top:7px} div#assortmentnavi.gp{color:#FFF} div#assortmentnavi.gp h3{background-color:#037A00} div#assortmentnavi.gp ul li{color:#00361B;background-color:#F1EDD5;border-top:1px solid #FFF} div#assortmentnavi.gp ul li a:hover{color:#FFF;background-color:#1FA300} div#assortmentnavi.gp ul li.selected1{background-color:#1FA300} div#assortmentnavi.gp ul li.selected1 a.selected1{color:#FFF} div#assortmentnavi.gp ul li ul li{color:#00361B;background-color:#CAE5C4;border-top:1px solid #FFF} div#assortmentnavi.gp ul li ul li a:hover,div#assortmentnavi.gp ul li ul li.selected2{background-color:#55B93D} div#assortmentnavi.gp ul li ul li ul li{color:#00361B;background-color:#DCEED8;border-top:1px solid #FFF} div#assortmentnavi.gp ul li ul li ul li a:hover,div#assortmentnavi.gp ul li ul li ul li.selected3{background-color:#79C866} div#assortmentnavi.gp ul li ul li ul li.selected3 a.selected3,div#assortmentnavi.gp ul li ul li.selected2 a.selected2{color:#FFF} /****/ /* Order form box */ a#orderForm {color:#FFFFFF;display:block;height:66px;text-align:left;text-decoration:none;width:175px;margin-top:6px;} a#orderForm span {display:block;position:relative;} a#orderForm span.head {font-size:12px;font-weight:bold;top:4px;left:10px;} a#orderForm span.text {left:55px;top:14px;width:120px;} /* Order form box: GP part */ a#orderForm.gp {background: url(/images/webgraf/left/onlinebestellschein_gp.gif) no-repeat center;} /****/ /* Main */ *:first-child+html div#main div#content div#twoBoxes div.newsletter form label{top:33px} *:first-child+html div#main div#content div#twoBoxes div.newsletter form input#email{top:51px} *:first-child+html div#main div#content div#twoBoxes div.newsletter form input.button{top:58px} *:first-child+html div#main div#content div#twoBoxes div.newsletter a{top:12px} div#main{width:1000px} div#main div#content{left:184px;position:absolute;top:208px;width:816px} div#main div#content div#intro{margin-top:8px;width:804px} div#main div#content div#intro h1{font-size:13px} div#main div#content div#payment{margin-top:8px;width:804px;height:60px;background-color:#F3F0DD;border:1px solid #114B2E} div#main div#content div#payment img{margin-right:7px;margin-top:12px} div#main div#content div#payment strong{display:block;float:left;font-size:12px;padding:15px 25px 0 15px} div#main div#content div#recommArticles{margin-top:10px} div#main div#content div#slideshow{height:440px;width:816px} div#main div#content div#slideshow a{text-decoration:none} div#main div#content div#slideshow a img,div#main div#content div#slideshow img{border:none} div#main div#content div#slideshow a span{display:block;font-family:Arial;font-size:11px;left:533px;position:absolute;top:295px;width:255px} div#main div#content div#slideshow a:hover{color:#000} div#main div#content div#slideshow p{font-family:Arial;font-size:11px;left:533px;position:absolute;top:310px;width:255px} div#main div#content div#threeBoxes{margin-top:10px;height:143px;} div#main div#content div#threeBoxes a{text-decoration:none;color:#114B2E;display:block;width:260px;height:141px;float:left;background-color:#F9F7EE;background-image:url("/images/webgraf/startsite/gp/box_bg_green.gif");background-repeat:repeat-x;border:1px solid #114B2E;font-size:12px;font-weight:bold;line-height:21px;text-align:center} div#main div#content div#threeBoxes a.middle{margin-left:10px;margin-right:10px;} div#main div#content div#twoBoxes{margin-top:10px;height:142px} div#main div#content div#twoBoxes div{width:396px;height:140px;float:left;border:1px solid #114B2E} div#main div#content div#twoBoxes div.catalogs a{display:block;margin:72px 0 -72px 200px} div#main div#content div#twoBoxes div.newsletter a{display:block;position:relative;left:159px;top:54px;font-size:10px;width:110px} div#main div#content div#twoBoxes div.newsletter form input#email{position:relative;top:71px;left:59px;border:1px solid #114B2E} div#main div#content div#twoBoxes div.newsletter form input.button{position:relative;top:79px;left:267px} div#main div#content div#twoBoxes div.newsletter form label{position:relative;left:161px;top:53px} div#main div#content div#twoBoxes div.newsletter span{display:block;position:relative;top:56px;left:160px;font-weight:bold;font-size:13px} /* Main: GP part */ div#main div#content div#twoBoxes div.catalogs.gp{background:url(/images/webgraf/startsite/gp/meine-kataloge.jpg) 0 0 no-repeat;} div#main div#content div#twoBoxes div.newsletter.gp{margin-right:10px;background:url(/images/webgraf/startsite/gp/mein-newsletter.jpg) 0 0 no-repeat} /****/ /* RecommBox: GP part */ * html div.recommBox.startpage div.recommBoxHeader{width:605px;border:1px solid #114B2E;border-bottom:none;background-color:#F3F0DD;height:33px} * html div.recommBox.startpage div.recommBoxHeader{width:799px} * html div.recommBox.startpage div.recommBoxHeader p.recommBoxHeaderText{margin-top:10px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal{width:552px;height:190px;border:none;padding-top:5px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li{width:120px;height:177px;padding:4px;padding-top:-2px;margin:0px;margin-right:13px;position:relative;background-color:white} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li div.preisStern{position:absolute;background-image:url(/images/webgraf/categoryBoxes/gp/preisstern_stumpf.gif);background-repeat:no-repeat;background-position:-34px -56px;top:4px;width:80px;height:58px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li div.preisStern p{text-align:left;margin-top:3px;color:white;font-weight:bold;font-size:12px;padding:0px 36px 0px 5px;line-height:14px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li div.recommBoxInner{clear:both;width:120px;height:120px;margin:0px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxLink{margin:0px;padding-top:2px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxLink a{font-weight:normal;text-decoration:none} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice{position:absolute;right:4px;top:165px;font-size:14px;width:120px;text-align:right} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span{font-size:11px;font-weight:normal} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span.discount{color:#F00;font-size:14px;font-weight:bold} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span.normal{font-size:14px;font-weight:bold} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span.priceOld{text-decoration:line-through;font-weight:bold} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-container-horizontal{border:1px solid #114B2E;border-top:none;width:577px;padding-left:28px;padding-right:0px;background-color:#F3F0DD} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-next-horizontal{background:transparent url(/images/webgraf/recommBoxes/startpageGP/pfeil_vor_3.gif) no-repeat scroll 0 0;width:37px;height:26px;top:-27px;margin-right:7px} div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-prev-horizontal{background:transparent url(/images/webgraf/recommBoxes/startpageGP/pfeil_zurueck_3.gif) no-repeat scroll 0 0;width:39px;height:26px;top:-27px;margin-left:5px} div.recommBox.startpage div.recommBoxHeader{border:1px solid #114B2E;border-bottom:none;background-color:#F3F0DD;height:32px;text-align:center} div.recommBox.startpage div.recommBoxHeader div.headerRechts,* html div.recommBox.startpage div.recommBoxHeader div.headerLinks,div.recommBox.startpage div.recommBoxHeader div.headerLinks,* html div.recommBox.startpage div.recommBoxHeader div.headerRechts{background-image:none} div.recommBox.startpage div.recommBoxHeader p.recommBoxHeaderText{color:#114B2E;margin:10px 0px 0px 0px;font-size:14px} div.recommBox.startpage.wide{width:806px} div.recommBox.startpage.wide .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal{width:750px} div.recommBox.startpage.wide .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li{margin:0 27px 0 0} div.recommBox.startpage.wide .jcarousel-skin-recomm .jcarousel-container-horizontal{width:776px} /****/ /* Footer: GP part */ :first-child + html div#footerNew_gp div ul li{position:relative;left:1px} div#footerNew_gp.v1{margin-top:8px;width:817px;height:240px;clear:both} div#footerNew_gp.v1 div{text-align:left;float:left;border-right:1px solid #114B2E;height:225px;margin-bottom:15px} div#footerNew_gp.v1 div h5{margin-left:10px;font-size:1.0em} div#footerNew_gp.v1 div p{margin-left:10px;top:45px} div#footerNew_gp.v1 div ul{list-style-type:none;margin-left:10px;top:45px} div#footerNew_gp.v1 div ul li{position:relative;left:-39px} div#footerNew_gp.v1 div.col2{width:134px} div#footerNew_gp.v1 div.col3{width:110px} div#footerNew_gp.v1 div.col4{width:122px} div#footerNew_gp.v1 div.col5{width:148px} div#footerNew_gp.v1 div.left{border-left:1px solid #114B2E;width:175px} div#footerNew_gp.v1 div.left span.small{display:block;font-size:0.8em;color:black;margin:5px 0 12px 0} div#footerNew_gp.v1 div.right{width:121px} div#footerNew_gp.v1 div.right .allTagz{background-position:0px -452px} div#footerNew_gp.v1 div.right .delicious{background-position:-69px -452px} div#footerNew_gp.v1 div.right .diggit{background-position:-18px -452px} div#footerNew_gp.v1 div.right .favoriten{background-position:-35px -452px} div#footerNew_gp.v1 div.right .google{background-position:-86px -452px} div#footerNew_gp.v1 div.right .linkarena{background-position:-103px -452px} div#footerNew_gp.v1 div.right .misterWong{background-position:-120px -452px} div#footerNew_gp.v1 div.right a{background-image:url(/images/webgraf/sprites/spriteBoxHeader.gif);float:left;margin-left:10px;margin-bottom:10px;display:block;width:17px;height:17px} p.copyright{text-align:center;margin-top:20px} /****/ /* Kategorie */ div#categoryContent { width:622px;float:left;margin-right:10px;margin-bottom:10px; } div#categoryContent #categoryListDescrHeader { margin:0px;} div#categoryContent #categoryListDescrHeader h1 { font-size: 14px;padding-bottom:0;width:375px; } div#categoryContent #categoryListDescrHeader img { float:right;margin:-20px 0px 0px 40px; } div#categoryContent div.categoryList { float:left;margin-right:30px;height:180px;position:relative;width:122px; } div#categoryContent div.categoryList div { position:absolute;bottom: 0px; } /****/ /* Themen */ div.themenwelten { margin-top: 10px; } div.themenwelten div.image { position:relative; float:left; width:397px; height:165px; margin:0px 15px 0px -5px; } div.themenwelten div.text { position:absolute; top:55px; left:33px; width: 160px; height: 100px; color:white; font-size:12px; } /****/ /* Breadcrumb */ div.breadcrumb { padding-top: 6px; } /****/ /* Suche Ergebnisliste */ div.searchlistItem { position:relative;float:left;width:392px;height:122px;padding:0px;margin:10px 10px 0px 0px; } div.searchlistItem img.neuLogo { position:absolute;top:2px;left:2px;z-index:998; } div.searchlistItem img.saemereiLogo { position:absolute;top:91px;left:125px;z-index:999; } div.searchlistItem a img { border: 1px solid black;float:left; } div.searchlistItem div.infoBox { margin-left:130px; } div.searchlistItem div.infoBox a.new { font-weight:bold; } div.searchlistItem div.infoBox a.new.notForSale { color: #808080; } div.searchlistItem span.price { font-size:1.6em;font-weight:bold; } div.searchlistItem span.boxNotForSale { font-style:italic; } /* Search-Header (Page-Navi, Artikel per Page...) */ div.searchHeadBoxSmall { background-color:#DFF4D5; margin:10px 0px 0px 5px; padding-top:10px; height:27px; width:811px; position:relative; text-align:center; } div.searchHeadBoxLeftSmall { background:url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif) 19px -15px; position:absolute; width:6px; height:37px; top:0px; left:0px; } div.searchHeadBoxRightSmall { background: url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif) 12px -15px; position:absolute; width:6px; height:37px; top:0px; right:0px; } div.searchHeadBoxBig { background-color:#DFF4D5; margin:10px 0px 0px 5px; height:57px; width:811px; position: relative; } div.searchHeadBoxLeftBig { background: url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif) 19px -53px; position:absolute; width:6px; height:57px; top:0px; left:0px; } div.searchHeadBoxRightBig {background: url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif) 12px -53px; position:absolute; width:6px; height:57px; top:0px; right:0px; } select.filterBox.searchHeadMiddle { width:50px; float:left; margin:0px 5px 0px 55px; } select.filterBox.searchHeadRight { width:120px; float:left; margin-left:5px; } div.searchHeadLeft { float:left; width:265px; } div.searchHeadLeft p { font-weight:bold; margin:0px; padding:0px; margin-left:10px; margin-top:2px; text-align:left; } div.searchHeadLeft p span { font-weight:normal; } div.searchHeadMiddle { float:left; width:265px; } div.searchHeadMiddle p { float:left; padding:2px 0px 0px 0px; margin:0px; font-weight:bold; } div.searchHeadRight { float:left; width:265px; } div.searchHeadRight p { float:left; padding:2px 0px 0px 55px; margin:0px; font-weight:bold; } /* After-Search-Navigation */ /* div.afterSearchOuterbox { margin-top:10px; } */ div.afterSearchInnerbox { margin-left: 7px; } select.filterBox { font-size: 11px; margin-bottom: 2px; margin-left: 7px; width: 159px; border: 1px solid #E4E0CA; } div.searchFilterOuterbox { position: relative; background-color: #F0EFE6; width:174px; margin-bottom: 5px; } div.searchFilterOuterbox p { margin: 0px; padding: 0px 0px 2px 7px; font-weight: bold; font-size:12px;color:black; } div.searchFilterOuterbox p.set { padding: 0px 0px 2px 0px; font-weight: normal; font-size: 11px; } div.searchFilterOuterbox div.auswahlAufheben { position: absolute; right: 5px; top: 6px; } div.searchFilterOuterbox div.auswahlAufheben a { color: red; } div.searchFilterOuterbox table { margin-left: 7px; } div.searchFilterBox { background-image:url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif); background-position: -1px -1px; width: 174px; height: 6px; } div.searchFilterBox.unten { background-position: -1px -8px; } div.colorBox { background-image:url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif); text-align: center; width: 51px; height: 19px; margin: 3px 3px 0px 0px; } div.colorBox.monthAktiv { background-image: none; background-color: #BAE9AB; } div.colorBox.monthAktiv a { line-height: 18px; } div.colorBox.monthAktiv p { font-size: 11px; font-weight: normal;} div.colorBox.monthNotAktiv { line-height: 20px; color: grey; background-image: none; background-color: #E4E0CA; } div.colorBox a, div.colorBox p { font-weight: bold; font-size: 10px; line-height: 16px; } div.colorBox p { padding-left: 0px; padding-top: 1px; } div.colorBox.Braun { background-position: -1px -95px; } div.colorBox.Braun a, div.colorBox.Braun p { color: white; } div.colorBox.Blau { background-position: 71px -55px; } div.colorBox.Blau a, div.colorBox.Blau p { color: white; } div.colorBox.Schwarz { background-position: 123px -15px; } div.colorBox.Schwarz a, div.colorBox.Schwarz p { color: white; } div.colorBox.Grün { background-position: -1px -75px; } div.colorBox.Mehrfarbig { background-position: -105px -95px; } div.colorBox.Gemischt { background-position: 123px -95px; } div.colorBox.Violett { background-position: 123px -55px; } div.colorBox.Beige { background-position: 71px -75px; } div.colorBox.Orange { background-position: -105px -15px; } div.colorBox.Weiß { background-position: -1px -15px; } div.colorBox.Transparent { background-position: -1px -15px; } div.colorBox.Rosa { background-position: 71px -35px; } div.colorBox.Gelb { background-position: -1px -35px; } div.colorBox.Rot { background-position: 123px -35px; } div.colorBox.Rot a, div.colorBox.Rot p { color: white; } div.colorBox.Pink { background-position: -1px -55px; } div.colorBox.Silber { background-position: 123px -115px; } div.colorBox.Kupfer { background-position: 71px -115px; } div.colorBox.Grau { background-position: 123px -75px; } div.colorBox.Gold { background-position: -1px -115px; } div.boxStandort { background-image: url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif); float: left; margin-right: 0px; width: 51px; height: 44px; } div.boxStandort.sonnigerStandort { background-position: -1px 90px; margin-left: 7px; } div.boxStandort.sonnigerStandort.noAktiv { background-position: -1px 45px; margin-left: 7px; } div.boxStandort.halbschattigerStandort { background-position: -53px 90px; margin-left: 3px; } div.boxStandort.halbschattigerStandort.noAktiv { background-position: -53px 45px; margin-left: 3px; } div.boxStandort.schattigerStandort { background-position: -105px 90px; margin-left: 3px; } div.boxStandort.schattigerStandort.noAktiv { background-position: -105px 45px; margin-left: 3px; } div.closeButton { background:url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif) -157px 102px; width:14px; height:14px; } div.boxMoreCategories {position:relative; margin-top:6px; } div.boxMoreCategories p { float:right; font-size:11px; font-weight:normal; padding:0px 10px 0px 3px; } div.boxMoreCategories div.plus { float:right; background: url(/images/webgraf/sprites/suche/ASF_Sprite_GP.gif) 18px 114px; width:11px; height:11px; margin-top:1px; } div.boxMoreCategories div.plus.minus { background-position: 19px 87px; } /****/ /* Spezial */ div.stopFloating { clear:both;background-image:none;margin:0px;padding:0px; } div.stopFloating.padding10px { padding:10px; } /****/ /* Infobox Transaktionsnummer (orderConfirm.html) */ div.boxTransID { position:relative;margin-left:6px;height:150px;text-align:center;width:608px;font-size:12px;border:1px solid #9F9F9F;border-bottom:1px solid #9F9F9F; } div.boxTransID img.logo { margin-top:10px; } div.boxTransID img.print { position:absolute;top:116px;left:575px; } div.boxTransID img.borderLeft { position:absolute;top:0px;left:-6px; } div.boxTransID img.borderRight { position:absolute;top:0px;right:-6px; } div.boxTransID p.transID { font-weight:bold;font-size:14px;margin:5px 0px 5px 200px;border:1px solid black;padding:4px;width:200px;text-align:center; } div.boxTransID p.transIDvor { margin:0px;padding:0px;margin-top:10px; } div.boxTransID p.transIDnach { text-align:left;margin:8px 0px 0px 0px;padding:0px 55px 0px 10px; } /****/ /* End NewStyles The Rev. */ /* Bestseller prudsys oder mitgekaufte Artikel */ #bestsellerVertical .jcarousel-skin-tango .jcarousel-container {} #bestsellerVertical .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-container-vertical { width: 125px; height: 560px; padding: 27px 11px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-clip-vertical { width: 130px; height: 560px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-item { width: 125px; height: 180px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-item-placeholder { background: #FFFFFF; color: #00000; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 6px; left: 16px; width: 120px; height: 12px; cursor: pointer; background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat -120px -470px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: -120px -470px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: -120px -470px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-next-disabled-vertical, #bestsellerVertical .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, #bestsellerVertical .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 16px; width: 120px; height: 12px; cursor: pointer; background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat 0px -470px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0px -470px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0px -470px; } #bestsellerVertical .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, #bestsellerVertical .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, #bestsellerVertical .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } div.detailOutbox div#container{width:621px} /* Redaktionelle Bestseller */ div.bestsellerBox{width:618px;height:140px;border:1px solid #959595;margin:10px 2px 0px 1px;background-color:#F3F0DD} div.bestsellerBox p { font-weight: bold; text-align: center; margin: 0px; padding: 0px; line-height: 26px; } div.bestsellerBox ul { margin: 0px; padding: 0px; } div.bestsellerBox ul li{float:left;width:186px;height:96px;position:relative;margin-left:9px;list-style:none outside none;background-color:white;padding:4px} div.bestsellerBox ul li div.artPic { float:left; width:65px; height:65px; } div.bestsellerBox ul li div.artInfos { float:left; } div.bestsellerBox ul li div.artInfos div { margin: 0px 0px 5px 5px; width: 25px; height: 25px; background-image:url(/images/webgraf/sprites/spriteBoxHeader.gif); } div.bestsellerBox ul li div.artInfos div.rank1 { background-position: 0px -427px; } div.bestsellerBox ul li div.artInfos div.rank2 { background-position: -27px -427px; } div.bestsellerBox ul li div.artInfos div.rank3 { background-position: -53px -427px; } div.bestsellerBox ul li div.artInfos img { margin-left: 5px; margin-bottom: 5px; } div.bestsellerBox ul li div.artInfos p.artPrice { font-weight: bold; font-size: 16px; padding: 0px; margin: 0px 0px 0px 6px; text-align: left;} div.bestsellerBox ul li div.artInfos p.artUnit { padding: 0px; margin: 0px 0px 0px 6px; line-height: 12px; font-weight: normal; text-align: left; } div.bestsellerBox ul li span.artName { margin: 0px; padding: 0px; font-weight: bold; line-height: 14px; } /* Last viewed article carousel style */ div.box .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0; width: 140px } div.box .jcarousel-skin-tango .jcarousel-clip-horizontal { height: 65px; margin: 0 0 0 4px; width: 140px; } div.box .jcarousel-skin-tango .jcarousel-item { height: 65px; margin: 0 5px; width: 65px; } div.box .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0; position: relative; } div.box .jcarousel-skin-tango .jcarousel-container { background: none; } div.box .jcarousel-skin-tango .jcarousel-prev-horizontal { background-image: url(/images/webgraf/sprites/spriteDetailIcons2.gif); background-position: -37px -76px; width: 15px; height: 15px; left: -10px; top: 25px; } div.box .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -19px -76px; } div.box .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -37px -76px; } div.box .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, div.box .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, div.box .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { background-position: -148px -76px; cursor: default; } div.box .jcarousel-skin-tango .jcarousel-next-horizontal { background-image: url(/images/webgraf/sprites/spriteDetailIcons2.gif); background-position: -113px -76px; width: 15px; height: 15px; right: -22px; top: 25px; } div.box .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -95px -76px; } div.box .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -113px -76px; } div.box .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, div.box .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, div.box .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { background-position: -150px -76px; cursor: default; } * html div.box .jcarousel-skin-tango .jcarousel-prev-horizontal { left:-10px; } *:first-child+html div.box .jcarousel-skin-tango .jcarousel-prev-horizontal { left:-10px; } * html div.box .jcarousel-skin-tango .jcarousel-next-horizontal { right:-24px; } *:first-child+html div.box .jcarousel-skin-tango .jcarousel-next-horizontal { right:-24px; } /* Icon auf der Detailseite */ div.detailPageIcon { background-image:url(/images/webgraf/sprites/spriteDetailIcons2.gif);background-repeat:no-repeat;display:inline-table;width:21px;height:16px; } div.detailPageIcon.pflanztiefe { background-position: -86px -185px; float: left; } /* Pflanztiefe */ div.detailPageIcon.pflanzabstand { background-position: -110px -186px; float: left; } /* Pflanzabstand */ div.detailPageIcon.bluetenfarbe { background-position: -18px -142px; } /* Bluetenfarbe */ div.detailPageIcon.lfdnr_60 { background-position: 3px -140px; } /* Bienenfutterpflanze */ div.detailPageIcon.lfdnr_61 { background-position: -64px -119px; } /* Einjaehrig */ div.detailPageIcon.lfdnr_63 { background-position: -18px -119px; } /* Halbschattig */ div.detailPageIcon.lfdnr_64 { background-position: 6px -182px; } /* Kulturmaterial */ div.detailPageIcon.lfdnr_66 { background-position: -41px -119px; } /* Schattig */ div.detailPageIcon.lfdnr_67 { background-position: -65px -161px; } /* Schmetterlingspflanze */ div.detailPageIcon.lfdnr_68 { background-position: -137px -161px; } /* Schnittblume */ div.detailPageIcon.lfdnr_69 { background-position: 5px -119px; } /* Sonnig */ div.detailPageIcon.lfdnr_71 { background-position: -88px -161px; } /* Topfkultur */ div.detailPageIcon.lfdnr_72 { background-position: -46px -182px; } /* Vogelnaehrgehoelz */ div.detailPageIcon.lfdnr_73 { background-position: -67px -184px; } /* Wasserrandpflanze */ div.detailPageIcon.lfdnr_74 { background-position: -110px -119px; } /* Zweijaehrig */ div.detailPageIcon.lfdnr_153 { background-position: -17px -161px; } /* Immergruen */ div.detailPageIcon.lfdnr_154 { background-position: -37px -161px; } /* Kletterpflanze */ div.detailPageIcon.lfdnr_157 { background-position: -19px -182px; } /* Ueberwinterung im Haus */ div.detailPageIcon.lfdnr_159 { background-position: -87px -119px; } /* Geschuetzte Sorte */ div.detailPageIcon.lfdnr_169 { background-position: -109px -162px; } /* Winterhart */ div.detailPageIcon.lfdnr_172 { background-position: -133px -119px; } /* Vorkultur */ div.detailPageIcon.lfdnr_174 { background-position: -137px -140px; } /* Winterhart mit Winterschutz */ div.detailPageIcon.lfdnr_198 { background-position: -115px -143px; } /* Wintergarten */ div.detailPageIcon.lfdnr_199 { background-position: -41px -143px; } /* getopfte Pflanze */ div.detailPageIcon.lfdnr_200 { background-position: -87px -143px; } /* Topfballen */ /* Vertikale Bestseller */ div#bestsellerVertical li a div.artPic { position: relative; width: 120px; height: 120px; } div#bestsellerVertical li a img.logo { position: absolute; top: 0px; left: 0px; } div#bestsellerVertical li a img.video { position: absolute; top: 94px; left: 94px; } div#bestsellerVertical li p.artName { font-weight: bold; padding: 0px; margin: 0px; } div#bestsellerVertical li p.artPrice { font-weight: bold; font-size: 16px; padding: 0px; margin: 0px; } div#bestsellerVertical li p.artPrice span.oldPriceText { text-decoration: line-through; font-size: 11px; } div#bestsellerVertical li p.artPrice span.oldPriceColor { color: red; } /* WK-Button auf der Detailseite */ .warenkorbButton{background-image:url(/images/webgraf/sprites/button_cart_sprite2.gif);height:28px;width:153px} .warenkorbButton.nichtVerfuegbar { background-position: 0px -140px; } .warenkorbButton.verfuegbar { background-position: 0px -84px; } .warenkorbButton.inWarenkorb { background-position: 0px -112px; } /* CONTENT NAVI */ #nav_content {position:absolute;left:10px;bottom:1px;z-index:10;list-style-type:none;margin:0px !important;display:block;padding: 0px !important;} ul#nav_content li {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) 0px -83px;display:block;float:left;font-size:17px;position:relative;border-bottom:1px solid #d6d6d6;height:37px;} ul#nav_content li.tab_bg_rot {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) 0px -44px;} ul#nav_content li.selected {border-bottom-color:white;position:relative;color: #4e4e4e !important;} ul#nav_content li a {display:block;padding:10px 9px 7px 9px;text-decoration: none;} ul#nav_content li .tab_l {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) no-repeat -6px 0px;display:block !important;height:4px !important;width:5px !important;position:absolute !important;left:0px !important;top:0px !important;} ul#nav_content li .tab_l_rot {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) no-repeat 0px 0px;display:block !important;height:4px !important;width:5px !important;position:absolute !important;left:0px !important;top:0px !important;} ul#nav_content li .tab_r {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) -6px -5px;display:block;height:37px;width:5px;position:absolute;right:0px;top:0px;} ul#nav_content li .tab_r_rot {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) 0px -6px;display:block;height:37px;width:5px;position:absolute;right:0px;top:0px;} ul#nav_content li.selected, ul#nav_content li:hover {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) 0px -122px;} ul#nav_content li.selected .tab_l, ul#nav_content li:hover .tab_l {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) no-repeat -12px 0px;} ul#nav_content li.selected .tab_l_rot, ul#nav_content li:hover .tab_l_rot {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) no-repeat -12px 0px;} ul#nav_content li.selected .tab_r, ul#nav_content li:hover .tab_r {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) no-repeat -12px -5px;} ul#nav_content li.selected .tab_r_rot, ul#nav_content li:hover .tab_r_rot {background:url(/images/webgraf/sprites/spriteHeadnavi_gp.gif) no-repeat -12px -5px;} ul#nav_content a.tab_rot {color: white;} ul#nav_content a.tab_rot:hover {color: blue;} /* gp/css/style.css */ /* *********** GAERTNER POETSCHKE Stylesheets ************ */ table.tableFliesstextSortiment { } table.tableFliesstextSortiment thead tr td, table.tableFliesstextSortiment tbody tr td { padding: 5px; margin: 0px; } table.tableFliesstextSortiment thead tr td { font-weight: bold; background-color: #EFEFEF; } /* Kategorieliste Suche */ #relatedCategoriesPA { background-image:url(/images/webgraf/logos/search_pa.gif); background-position:top left; background-repeat:no-repeat; padding-top:30px; } #relatedCategoriesGP { background-image:url(/images/webgraf/logos/search_gp.gif); background-position:top left; background-repeat:no-repeat; padding:20px 0 0; } /* ***************** Allgemeine Styles ******************* */ body { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } /* IE Absturz form * { position:relative; } */ form div { position:relative; } form input { position:relative; z-index:1; } img { border: none; position:relative; } body, table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } table.main_table { width: 1003px; table-layout:auto; } *:first-child+html table.main_table{table-layout:fixed} a{ color: black; } a:hover{ color: blue; } a.mehr { color: #8E8E8E; } a.anker:hover{ color: #000; } td { vertical-align:top; } .smallfont { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .normalfont { font-size: 11px; font-weight: normal; } .bigfont { font-size: 12px; } /* Schrift für Danke-Seite */ .thankyou { font-size: 14px; } h1 { font-size: 20px; font-weight: bold; } h1.category_headline { font-size: 14px; } h1.kalender { text-align: center; } .rechtsbuendig { text-align: right; padding-right: 2px; } .linksbuendig { text-align: left; padding-left: 2px; } .zentriert { text-align: center; } .vertical_middle { vertical-align: middle; } .vertical_bottom { vertical-align: bottom; } .red_font { color: #E41B00; } .small_cart_link { text-decoration:none; vertical-align:middle; } .small_cart_link:hover { color:blue; } textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } form#mainLogin fieldset, form#mainLogin form { border: none; margin: 0px; padding: 0px; } form#mainLogin .labelfelder_login { float: left; padding-top: 3px; vertical-align: middle; width: 57px; } * html form#mainLogin .labelfelder_login { width: 52px; margin-top: 2px; } form#mainLogin .inputfelder_login { width: 93px; margin-bottom: 2px; } form#mainLogin .submitButton { margin: 10px 0px 10px 0px; } /* IE6 specific setting */ * html form#mainLogin .submitButton { margin: 9px 0 0 0; } /* IE7 specific setting */ *:first-child+html form#mainLogin .submitButton { margin: 10px 0px 2px 0px; } /* ***************** Darstellung von Fehler- und Hinweismeldungen als Liste ******************* */ ul.errorList { list-style-type: none; width: auto; margin: 3px 0px 0px 0px; padding: 0px; } ul.errorList li { background-image: url(/images/webgraf/pix_green_list.gif); background-position: 0px 5px; background-repeat: no-repeat; padding: 0px 0px 3px 10px; } ul.list { padding: 0; margin: 0; text-align: left; } ul.list li { list-style-image:url(/images/webgraf/pix_green_list.gif); margin: 0 0 0 15px; } /* ***************** Darstellung von Fehler- und Hinweismeldungen ******************* */ .mainLoginErrorMessage { margin-bottom: 6px; } .mainLoginErrorMessage.test { color: #AA0000; border: 1px solid #037F00; padding: 5px; background-color: #FFFFE1; } .labelfelder_login.error, select.kartentypError { color: #AA0000; /* background-color: #FFFDEE; */ } * html .labelfelder_login.error { background-color: #FFFDEE; } .labelerror { background-color: #EAEAEA; font-size: 11px; font-weight: bold; padding: 4px; margin-top: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; color:#AA0000; } .errorBig { padding: 20px 5px 20px 5px; color:#000; font-size: 14px; font-weight: bold; } input.error, select.error, select.kartentypError, textarea.error, .error_box { /* background-color:#FFF4B2; */ } /* ***************** Spalten links und rechts - beinhalten die Boxes *************** */ td.linke_spalte{ vertical-align: top; text-align: center; } td.rechte_spalte{ vertical-align: top; text-align: center; } td.linke_spalte td, td.rechte_spalte td { text-align: left; } /* ***************** Boxes ******************* */ table.box { table-layout: fixed; margin-top: 5px; color: #ffffff; font-weight: bold; } /* Boxen direkt unterhalb des Headers */ table.box_top { table-layout: fixed; margin-top: 0px; width: 175px; color: #ffffff; font-weight: bold; } td.box_corner { width: 11px; height: 19px; } td.box_corner_left { width: 11px; height: 19px; background-image: url(/images/webgraf/boxes/box_green_left.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_right { width: 11px; height: 19px; background-image: url(/images/webgraf/boxes/box_green_right.gif); background-repeat: no-repeat; background-position: center; } td.box_cart_corner_left { width: 11px; height: 19px; background-image: url(/images/webgraf/boxes/box_yellow_left.gif); background-repeat: no-repeat; background-position: center; } td.box_cart_corner_right { width: 11px; height: 19px; background-image: url(/images/webgraf/boxes/box_yellow_right.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_grey { width: 10px; height: 29px; } td.box_corner_grey_left { width: 10px; height: 29px; background-image: url(/images/webgraf/boxes/box_grey_left.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_grey_right { width: 10px; height: 29px; background-image: url(/images/webgraf/boxes/box_grey_right.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_grey_bottom_left { width: 10px; height: 29px; background-image: url(/images/webgraf/boxes/box_grey_bottom_left.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_grey_bottom_right { width: 10px; height: 29px; background-image: url(/images/webgraf/boxes/box_grey_bottom_right.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_big { width: 11px; height: 35px; } td.box_corner_big_left { width: 11px; height: 35px; background-image: url(/images/webgraf/boxes/box_green_left_big.gif); background-repeat: no-repeat; background-position: center; } td.box_corner_big_right { width: 11px; height: 35px; background-image: url(/images/webgraf/boxes/box_green_right_big.gif); background-repeat: no-repeat; background-position: center; } td.box_small_head { width: 153px; height: 19px; vertical-align: middle; } td.box_description_head { width: 100%; height: 19px; vertical-align: middle; background-image: url(/images/webgraf/pix_green.gif); } td.box_description_head_long { width: 615px; height: 19px; vertical-align: middle; background-image: url(/images/webgraf/pix_green.gif); } td.box_description_head_crossselling { color: #fff; font-weight: bold; width: 578px; height: 19px; vertical-align: middle; background-image: url(/images/webgraf/pix_green.gif); } td.box_cart_description_head { width: 153px; height: 19px; vertical-align: middle; background-image: url(/images/webgraf/pix_yellow.gif); } td.box_noticelist_description_head { width: 615px; height: 19px; vertical-align: middle; background-image: url(/images/webgraf/pix_yellow.gif); font-weight: bold; } td.box_half_main_head { width: 294px; height: 19px; vertical-align: middle; } td.box_main_head { width: 100%; height: 19px; padding: 2px; } td.box_body_red_dark, td.box_body_yellow, td.box_body_green_light, td.box_body_green_dark, td.box_body_blue_dark { padding: 0 0 0 0; vertical-align: top; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 1px; border-left-style: solid; color: #000; font-weight: normal; } td.box_body_red_dark { border-right-color: #E2001A; border-bottom-color: #E2001A; border-left-color: #E2001A; background-color: #ffffff; } td.box_body_yellow { border-right-color: #ffd300; border-bottom-color: #ffd300; border-left-color: #ffd300; background-color: #ffffff; } td.box_body_green_light { border-right-color: #4ea445; border-bottom-color: #4ea445; border-left-color: #4ea445; background-color: #ffffff; } td.box_body_green_dark { border-color: #037f00; border-right-color: #037f00; border-bottom-color: #037f00; border-left-color: #037f00; background-color: #ffffff; } td.box_body_blue_dark { border-right-color: #162983; border-bottom-color: #162983; border-left-color: #162983; background-color: #ffffff; } .box_content { padding: 10px; } /* ***************** Neues Boxen-Layout fuer Mitte ***************** */ div.boxhead_short { margin: 20px 0px 0px 0px; font-weight: bold; width: 220px; background: #fff; } div.boxhead_short.recommendation { margin: -5px 0 0 15px; } /* IE6 spicific setting */ * html div.boxhead_short.recommendation { margin: 0px } /* IE7 specific setting */ *:first-child+html div.boxhead_short.recommendation { margin: -8px 0 0 15px; } .boxhead_short div { position: relative; top:0px; left:0px; background:url(/images/webgraf/boxes/box_head_gp_left_short.gif) top left no-repeat; } .boxhead_short div div { top:0px; left:10px; width:212px; color:#fff; background:url(/images/webgraf/boxes/box_head_gp_middle.gif); } .boxhead_short div div div { padding: 3px 0 3px 0; top:0px; right:0px; background:url(/images/webgraf/boxes/box_head_gp_right_short.gif) top right no-repeat; } * html .boxhead_short div div div { padding: 0px; line-height: 19px; } .boxhead_long { margin: 7px 0px 0px 0px; font-weight: bold; width: 635px; float: left; background: #fff; } .boxhead_long.v1 { margin-top:10px;width:619px; } .boxhead_long div { position: relative; top: 0px; left: 0px; background:url(/images/webgraf/boxes/box_head_gp_left.gif) top left no-repeat; } .boxhead_long div div { top: 0px; left: 10px; width: 617px; color: #fff; background: url(/images/webgraf/boxes/box_head_gp_middle.gif); } .boxhead_long.v1 div div { width:601px; } .boxhead_long div div.newDetailpageReviewBox { left: 4px; width: 611px !important; } .boxhead_long div div div { padding: 3px 0 2px; top: 0px; right: 0px; background: url(/images/webgraf/boxes/box_head_gp_right.gif) top right no-repeat; } /* Needed by IE6 ;-( */ * html .boxhead_long div div div { padding: 0px; line-height: 19px; } div.boxframe_long { clear: both; height: auto; background-color: #fff; border: 1px solid #037700; width:635px; } div.boxframe_long.v1 { float:left;width:619px;margin-right:10px;margin-bottom:20px; } div.boxframe_long.recommendation { border-left: none; border-right: none; border-bottom: none; margin: 0px 15px 0px 15px; } * html div.boxframe_long.recommendation { width: 607px; margin-left: 15px; } div.boxframe_long.gpbgcolor { background-color: #F1EDD5; } div.boxcontent { margin: 5px; /* width: 625px; */ height: auto; } span.infoline { line-height:1.5em; } /* ***************** Formularfelder allgemein ***************** */ .form_head { padding: 15px 0 5px 5px; width: 390px; clear: both; /* background-color: #ffffff; */ font-size: 1.1em; font-weight: bold; font-family: Arial,Helvetica,sans-serif; height: auto; } .form_new { clear: both; } .form_area { width: 405px; float: left; } .form_area.payment { margin-bottom: 15px; } .form_area.contact { width: 395px; } .form_area.subscribe { height:140px; } .form_area.unsubscribe { height:70px; } div.form_notice { padding: 5px; background-color: #FFFFE1; border: 1px solid #037f00; color: #666666; width: 190px; margin-left: 405px; } div.form_notice.v1 { margin-left:395px; } /* Specific settings for IE6 */ * html div.form_notice.friendship { width: 196px; } div.form_notice p.headerText { font-weight: bold; color: #666666; padding: 0px; margin: 0px 0px 5px 0px; } div.form_notice.error { color: #AA0000; } div.form_notice.error.v1 { color: #AA0000;margin-left:395px; } * html div.form_notice.error { font-size: 11px; } div.form_notice.error.deliveryExpressError { margin-top: 10px; } div.form_notice.error.payment { margin-top: 10px; } div.form_notice.error.differingShipping { margin-left: 399px; } * html div.form_notice.error.differingShipping { margin-left: 405px; } .form_button { clear:both; padding: 5px 0 0 0; margin-bottom: 5px; text-align: right; } .form_field_background { margin: 0px 0px 1px 0px; width: 395px; clear: both; background-color: rgb(234,234,234); font-size: 11px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; height: auto; } .form_field_background.none { background-color:transparent; } * html .form_field_background .form_field_label.error { background-color: rgb(234, 234, 234); padding-top: 0px; } * html .form_field_input .form_input.error { background-color: #FFF4B2; } .form_field_background_white, .form_field_background_brown { margin: 0px 0px 1px 0px; padding: 10px 0 2px 0; width: 395px; height: 28px; clear: both; background-color: #ffffff; font-size: 11px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; height: auto; } .form_field_background_brown { background-color: #F1EDD5; } .form_field_background_yellow { margin: 0px 0px 1px 0px; padding: 10px 0 2px 0; width: 395px; height: 28px; clear: both; background-color: #FFF4B2; font-size: 11px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; height: auto; } .form_field_checkbox { float: left; width: 25px; } .form_field_checkbox.error { background-color: #FFF4B2; width: 395px; min-height: 35px; } .form_field_background_white div.checkboxText { float: left; width: 330px; margin-top: 3px; } .form_field_background_white div.checkboxText span { background-color: #77c477; font-weight: bold; font-size: 1.2em; } /* IE 7 */ *:first-child+html .form_field_background_white div.checkboxText { float: left; margin-top: 4px; } /* IE 6 */ * html .form_field_background_white div.checkboxText { float: left; margin-top: 4px; } .form_field_label { float: left; width: 174px; padding: 4px 0px 4px 5px; background-color: #EAEAEA; } .form_field_label.none { background-color:transparent; } .form_field_text { float: left; width: 210px; padding: 4px 0px 4px 5px; background-color: #EAEAEA; } .form_field_label.error { color: #AA0000; } * html .form_field_label.error { background-color: #FFFDEE; } .form_field_input input, .form_field_input textarea, .form_field_select select { text-align: left; width: 200px; } .form_field_select select { width: 204px; } /* IE 7 ;-) */ *:first-child+html .form_field_select select { width: 204px; } /* IE 6 ;-) */ * html .form_field_select select { width: 206px; } .form_field_input input#birthdateDay, .form_field_input input#PutAddressbirthdateDay, .form_field_input input#PutBillAddressbirthdateDay { width: 30px; } .form_field_input input#birthdateMonth, .form_field_input input#PutAddressbirthdateMonth, .form_field_input input#PutBillAddressbirthdateMonth { width: 30px; } .form_field_input input#birthdateYear, .form_field_input input#PutAddressbirthdateYear, .form_field_input input#PutBillAddressbirthdateYear { width: 60px; } .form_field_input input#zip, .form_field_input input#zip2, .form_field_input input#PutAddresszip, .form_field_input input#PutBillAddresszip { width: 45px; } .form_field_input input#city, .form_field_input input#PutAddresscity, .form_field_input input#PutBillAddresscity { width: 141px; } .form_field_input input#city_catalogMask { width:141px; } /* IE 7 ;-) */ *:first-child+html .form_field_input input#city { width: 139px; } *:first-child+html .form_field_input input#city_catalogMask { width:139px; } /* IE 6 ;-) */ * html .form_field_input input#city { width: 139px; } .form_field_input input#areaCodePhone, .form_field_input input#areacodemobilephone, .form_field_input input#areacodefax, .form_field_input input#PutAddressareaCodePhone, .form_field_input input#PutBillAddressareaCodePhone { width: 60px; } .form_field_input input#phoneNo, .form_field_input input#mobilePhoneNo, .form_field_input input#faxNo, .form_field_input input#PutAddressphoneNo, .form_field_input input#PutBillAddressphoneNo { width: 126px; } .form_field_input input#phoneNo_catalogMask { width:126px; } /* IE 7 ;-( */ *:first-child+html .form_field_input input#phoneNo, *:first-child+html .form_field_input input#mobilePhoneNo, *:first-child+html .form_field_input input#faxNo { width: 124px; } *:first-child+html .form_field_input input#phoneNo_catalogMask { width:124px; } /* IE 6 ;-( */ * html .form_field_input input#phoneNo, * html .form_field_input input#mobilePhoneNo, * html .form_field_input input#faxNo { width: 124px; } .form_input.error { background-color: #FFF4B2; } .form_select.error { background-color: #FFF4B2; } .form_button_text { width: 135px; float: left; } .form_input_button { margin-bottom: 5px; } a.form_button_link { font-weight:bold; } .form_field_select { text-align:left; } .form_field_select .form_select.catalogMask { width:204px; } div.add_fields { padding:15px 0 10px; } /* ***************** Bestaetigungs-Seiten (confirm...) ***************** */ .confirm_img { float: left; margin: 10px 0px 0px 0px; } .confirm_headline { font-weight: bold; font-size: 1.5em; } .confirm_text { font-size: 1.3em; } .confirm_sig { margin: 5px 0 0 100px; } .confirm_link { clear: both; } /* ***************** Artikel bewerten ***************** */ .reviewFormHeader { float: left; } .reviewFormHeader.picture { width: 220px; } fieldset.reviewArticle { border: none; padding: 0px; margin: 0px; padding-bottom: 15px; border-bottom: 1px solid #037F00; width: 395px; } fieldset.reviewArticle div.checkboxReview { float: left; width: 25px; } * html fieldset.reviewArticle div.checkboxReview input { width: 25px; } fieldset.reviewArticle div.checkboxText { margin: 0px; padding: 3px 0px 0px 0px; font-weight: normal; } *:first-child+html fieldset.reviewArticle div.checkboxText { padding: 0px; } .form_field_label.reviewArticle { width: 100px; } .form_field_input.reviewArticle input, .form_field_input.reviewArticle textarea { width: 275px; } .form_field_input.reviewArticle textarea { height: 100px; } .form_field_input.reviewArticle select { width: 279px; font-size: 12px; } /* IE 6 */ * html .form_field_input.reviewArticle select { width: 281px; } /* IE 7 */ *:first-child+html .form_field_input.reviewArticle select { width: 281px; } /* ***************** Suche-Box (im Content, nicht Header) ***************** */ input.suche_eingabefeld { width: 550px; margin-left: 10px; } input.suche_button { position: relative; top: 5px; margin-left: 10px; padding-bottom: 2px; } * html input.suche_button { padding-bottom: 4px; } /* ***************** Meine Empfehlungen-Box ***************** */ /* wird anscheinend nicht genutzt */ td.empfehlungen{ padding-top: 5px; } /* ***************** Kalenderblatt ***************** */ img.kalenderblatt{ width: 70px; border-width: 1px; border-style: solid; border-color: #4ea445; margin:5px; } div.kalender_bild { width: 85px; float: left; } div.kalender_test { padding-top: 8px; height: 65px; } /* ***************** Wir über uns - Box ***************** */ img.kataloge_bilder{ padding-right: 8px; } /* ***************** Herzlich Willkommen - Box ***************** */ div.box_welcome_nline { clear: both; font-size:13px; font-weight: normal; line-height:1.4em; color: #000000; padding-left: 3px; padding-right: 3px; } div.box_welcome_nline h1 { margin: 0; padding: 0; font-size:13px; font-weight: normal; } div.box_welcome_werner_poetschke_img { float: right; margin-top: 25px; padding-right: 9px; } div.box_welcome_intro_img { float: left; margin-top: 10px; padding-left: 10px; padding-bottom: 3px; } div.box_welcome_sig_img { margin-top: 10px; padding-left: 50px; } /* ***************** Online-Bestellschein *************** */ /* Klasse orderform scheint nicht mehr benutzt zu werden */ div.orderform.box { width: 316px; height: 100px; margin: 3px 0 0 0; background-color: #FFFFFF } a.orderform { display: block; background-image:url(http://www.poetschke.de/images/webgraf/teaser/online_orderform_gp_1.gif); width:317px; height:100px; } a.orderform:hover { display: block; background-image:url(http://www.poetschke.de/images/webgraf/teaser/online_orderform_gp_2.gif); width:317px; height:100px; } /* ***************** Ihr Kundenkonto - Box ***************** */ .kundenkonto { padding: 7px 7px 8px; /* background-color: #fffdee; */ text-align: left; } div.newacc_pwd { margin-top: 18px; } * html div.newacc_pwd { margin-top: 0; } /* ***************** Einkaufen ohne Risiko - Box ***************** */ .ohnerisiko { padding: 8px; background-color: #fffdee; text-align: left; } td.ohnerisiko_abstand { padding: 1px; padding-right: 2px; } img.ohnerisiko_trennlinie_abstand{ margin-top: 4px; margin-bottom: 4px; } /* ***************** Warenkorb - Box ***************** */ table.cart { border: 0; background-color: #fffdee; width: 173px; padding: 5px; } div.box_cart_pic { vertical-align: top; text-align: left; width: 65px; background-repeat: no-repeat; background-position: center; } td.box_cart_txt { padding-left: 2px; display: block; width: auto; overflow: hidden; } td span.errorWarenkorb { color: #AA0000; font-size: 12px; padding-left: 5px; } /* ***************** Favoriten, Bestseller, Zuletzt angesehen - Box ***************** */ div.slot_background_image { width: 169px; height: 65px; background-position: center; background-repeat: no-repeat; } div.slot_article_text { margin: 5px 0pt 10px; font-weight: bold; } table.box_uni{ border: 0; background-color: #FFFFFF; width: 173px; } td.box_pic_uni { padding-left: 54px; /* 25 bei ZW-Bilder */ padding-right: 54px; /* 20 bei ZW-Bilder */ text-align: center; height: 70px; } td.box_pic_uni a { cursor: pointer; } .box_thumb_uni { width: 65px; /* 120 bei ZW-Bilder */ height: 65px; /* 120 bei ZW-Bilder */ background-repeat: no-repeat; background-position: center; } td.box_txt_uni { vertical-align: top; padding: 3px; text-align: center !important; } /* ***************** 'Meine Kataloge'-Box ***************** */ .catalog_order_box { display: block; /* background-image: url(/images/webgraf/katalog/Kataloge_gp.jpg); */ background-image: url(/images/webgraf/okat/katalog_faecher_bw_final.jpg); background-position: top center; background-repeat: no-repeat; height: 125px; width:170px; cursor: pointer; /* margin-top: 10px; position: relative; width: 165px; */ } .catalog_order_box .text { position: absolute; left: 85px; display: block; width: 80px; text-align: left; text-decoration: underline; } .catalog_order_box .button { position: relative; top: 70px; left: 21px; } .catalog_online_headline { font-weight: bold; text-align: center; } .catalog_online_box { display: block; text-align: center; /* background-image: url(/images/webgraf/okat/Button_Onlinekat_gtipp-FJ08.jpg); */ background-image: url(/images/webgraf/okat/Button_Onlinekat_blumen_H08.gif); background-position: top left; background-repeat: no-repeat; height: 130px; cursor: pointer; } .catalog_online_box .button { position: relative; top: 100px; font-weight: bold; } /* ***************** Pflegeanleitung herunterladen Box ***************** */ .pflegeanleitung_download_box { display: block; background-image: url(/images/webgraf/pflegeanleitung_sm.jpg); background-position: top left; background-repeat: no-repeat; position: relative; width: 170px; height: 125px; margin-bottom: 10px; margin-top: 10px; cursor: pointer; } .pflegeanleitung_download_box .text { position: absolute; left: 98px; display: block; width: 70px; text-align: left; } .pflegeanleitung_download_box .button { position: absolute; top: 103px; left: 98px; } /* ***************** Blindgrafiken ***************** */ img.blindgrafik1{ width: 11px; height: 1px; } img.blindgrafik2{ width: 1px; height: 1px; } /* ***************** Category-Seite ***************** */ a.cat_linktext { color: #000000; } img.cat_pic { border: 1px solid #B29360; padding: 0px; } td.cat_box { vertical-align: bottom; padding: 0 17px 0 17px; } td.cat_box_pic { vertical-align: bottom; } td.cat_box_description { vertical-align: top; } .browse a, .browse * .current_page { font-size: 12px; padding: 2px; margin-top: 10px; font-weight: bold; } .browse * .current_page { background-color: #AA0000; color: #FFFFFF; font-weight: bold; } /* ***************** Produktansicht ******************* */ td.product_box_pic.noticeList { width: 65px; } td.product_box_description.noticeList { width: 100%; padding-left: 20px; } td.product_box_actions { width: 132px; vertical-align: top; text-align: left; padding-right: 20px; } td.product_box_actions.noticeList { padding: 0px; } td.merk_box_actions { width: 170px; vertical-align: top; text-align: left; } td.merk_box_actions.noticeList { text-align: right; } td.merk_box_actions.noticeList img.buttonDeleteFromNoticelist { margin: 6px 0px 6px 0px; } td.product_box_wischer { vertical-align: middle; text-align: left; } td.product_box_logos { vertical-align: middle; text-align: left; } div.product_description_text { margin-top: 10px; font-size: 11px; margin-bottom: 10px; } div.product_grossansicht_text { margin-top: 2px; font-weight: bold; } h1.product_headline { font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; } h1.product_headline.noticeList { font-size: 12px; } select.product_quantity_select { font-weight: bold; font-size: 12px; width: 250px; margin-bottom: 10px; margin-top: 10px; } select.anrede_select { font-weight: bold; font-size: 11px; width: 158px; } .product_mwst_hinweis { font-size: 10px; color: #7a7a7a; } .product_yellow_textfield { background-color: rgb(255, 253, 238); font-size: 10px; font-weight: bold; padding: 2px; margin-top: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; } .product_textfield { font-size: 11px; font-weight: bold; padding: 2px; margin-top: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; } .product_grey_textfield { background-color: #EAEAEA; font-size: 11px; font-weight: bold; padding: 4px; margin-top: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; } .green_textfield { background-color: #037f00; font-size: 11px; font-weight: bold; padding: 2px; font-family: Arial, Helvetica, sans-serif; } td.product_grossansicht { background-repeat:no-repeat; background-position:center center; text-align: center; vertical-align: middle; } /* ***************** Checkout - Bestellvorgang ******************* */ table.checkout_bestellvorgang_g { font-weight: bold; color: rgb(3, 127, 0); border-bottom: 1px solid #4ea445; } img.checkout_bestellvorgang { float: left; vertical-align: bottom; padding-right: 4px; } .order_process { width: 637px; height: 68px; font-weight: bold; color: #037F00; border-bottom: 1px solid #4ea445; background-image: url(/images/webgraf/bgverlauf.gif); background-repeat:repeat; } .order_process.v1 { width:621px; } .order_process a { text-decoration: none; } .order_process a span { text-decoration: underline; } .order_process_1 { margin-left: 10px; float: left; height: 67px; width: 95px; } .order_process_1_img { float: left; padding-top: 46px; } .order_process_1_txt { position: relative; top: 48px; } .order_process_2 { margin-left: 15px; float: left; height: 67px; width: 90px; } .order_process_2_img { float: left; padding-top: 30px; } .order_process_2_txt { position: relative; top: 33px; } .order_process_3 { margin-left: 16px; float: left; height: 67px; width: 110px; } .order_process_3_img { float: left; padding-top: 20px; } .order_process_3_txt { position: relative; top: 23px; } .order_process_4 { margin-left: 17px; float: left; height: 67px; width: 155px; } .order_process_4_img { float: left; padding-top: 8px; } .order_process_4_txt { position: relative; top: 11px; } .order_process_5 { margin-left: 18px; float: left; height: 67px; width: 90px; } .order_process_5_img { float: left; padding-top: 2px; } .order_process_5_txt { position: relative; top: 5px; } /* ***************** Checkout - Warenkorb ******************* */ td.checkout_warenkorb { font-weight: bold; font-size: 12px; vertical-align: middle; } td.checkout_warenkorb_zurueck { text-align: right; vertical-align: top; font-weight: bold; } td.checkout_warenkorb_tabelle{ background-color: #eaeaea; vertical-align: middle; padding-right: 2px; padding-left: 2px; } td.checkout_warenkorb_tabelle_white{ background-color: #ffffff; vertical-align: middle; } img.checkout_warenkorb_icon { vertical-align: bottom; padding-top: 2px; } div.checkout_warenkorb_container { border: 2px solid #ffd300; padding: 5px; margin-bottom: 4px; } div.checkout_gp_container { border: 2px solid #037F00; padding: 5px; margin-bottom: 4px; } div.checkout_container { margin-left: 9px; width: 619px; } div.checkout_container.v1 { float:left;margin:0px 10px 0px 0px;width:621px; } span.checkout_warenkorb_graue_box { padding: 2px; } span.checkout_warenkorb_gesamtsumme { font-size: 12px; font-weight: bold; } input.checkout_warenkorb_anzahl { background-color:#ffffff; /* font-size:10px; */ text-align: right; } input.checkout_warenkorb_artnr { background-color: #ffffff; /* font-size: 10px; */ text-align: left; } hr.checkout_warenkorb_trennlinie { border:solid #000 1px; } div.checkout_yellow_textfield { background-color: rgb(255, 253, 238); font-size: 12px; font-weight: bold; padding: 2px; margin-top: 10px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; } tr.checkout_warenkorb_bestellschein_tabellenkopf td { background-color: rgb(3, 127, 0); padding: 2px; text-align: center; color: #FFFFFF; font-weight: bold; } td.checkout_warenkorb_bestellschein_whiterow { background-color: #FFFFFF; padding: 2px; vertical-align: middle; } td.checkout_warenkorb_bestellschein_greyrow { background-color: #eaeaea; padding: 2px; vertical-align: middle; } img.checkout_warenkorb_pic { width: 30px; height: 30px; } /* ***************** Bewertungen ******************* */ td.produkt_bewertungen_box_g { vertical-align: top; text-align: left; border: 1px solid #4ea445; padding: 5px; } td.produkt_bewertungen_box_a { vertical-align: top; text-align: left; border: 1px solid #162983; padding: 5px; } /* ***************** Kundenbewertungen ******************* */ div.box_customervoting_left { float: left; width: 220px; height: auto; } div.box_customervoting_right { margin-left: 220px; } p.img_customervoting { width: 200px; height: 200px; padding: 0px; margin: 0px; } div.box_customervoting_article_headline { margin-bottom: 10px; } div.box_customervoting_infoline { font-weight: normal; } div.box_customervoting_line { margin-bottom: 15px; } div.box_customervoting_questline { font-weight: bold; float: left; margin: 3px 5px 3px 0; } .customervoting_yes { margin-right: 3px; } .customervoting_no { margin-left: 3px; } div.box_customervoting_name { font-weight: bold; font-size: 1.1em; } div.box_customervoting_descr { font-weight: normal; padding: 5px 0 10px 0; } div.box_customervoting_textline { font-weight: bold; margin: 5px 0 15px 0; } div.box_customervoting_textline.error { color: #AA0000; } table.kundenbewertung_produktbeschreibung { font-weight: bold; font-size: 12px; } td.kundenbewertung_kopf, div.kundenbewertung_kopf { font-size:10px; padding-top:10px; padding-bottom:10px; } td.kundenbewertung_text, div.kundenbewertung_text { font-size:10px; padding-right: 200px; } td.kundenbewertung_zustimmung, div.kundenbewertung_zustimmung { font-size:11px; font-weight: bold; padding-top:10px; } span.kundenbewertung_zustimmung { background-color:#EBEBEB; vertical-align: middle; padding: 7px; float: left; } td.kundenbewertung_stand, div.kundenbewertung_stand { font-size:10px; padding-bottom:30px; } h3.kundenbewertung_headline { font-weight: bold; font-size: 12px; } /* ***************** Empfehlungen ******************* */ td.produkt_empfehlungen_box_g { vertical-align: top; text-align: left; border: 1px solid #4ea445; padding: 5px; } td.produkt_empfehlungen_box_g a { display: block; } td.produkt_empfehlungen_box_a { vertical-align: top; text-align: left; border: 1px solid #162983; padding: 5px; } img.produkt_empfehlung_bild { padding-right: 5px; float:left; } /* ***************** Startseite --> Meine aktuellen Empfehlungen <-- ***************** */ div.boxcontent.recommendation { padding: 0px; margin: 0px; } .my_recommendation_box { margin: 20px 0px 0px 0px; } .my_recommendation_headline { margin: 30px 0px 0px 10px; } .my_recommendation_box_left { float: left; } div.my_recommendation_box div.outer { width: 293px; margin: 0px; margin-bottom: 14px; padding: 0px; } div.inner { background-image: url(/images/webgraf/my_recommendation/box_hg-pixel_gp.gif); background-repeat: repeat-y; padding: 0px 10px 0px 10px; } div.inner.adw { background-image: url(/images/webgraf/my_recommendation/box_hg-pixel_adw.gif); } div.my_recommendation_box p { font-size: 11px; font-family: arial; padding: 0px; margin: 0px; font-weight: bold; } div.my_recommendation_box p.recomm { font-size: 14px; padding: 10px 0px 10px 0px; } div.my_recommendation_box p.descr { font-weight: normal; } div.my_recommendation_box p.namePres { padding: 5px 0px 5px 0px; } div.my_recommendation_box p.artNo { text-align: right; } div.my_recommendation_box span.trenner { margin-left: 20px; } div.my_recommendation_box table.artData { font-weight: bold; margin-left: auto; margin-right: 0; } div.my_recommendation_box td.artNo { width: 60px; text-align: left; } div.my_recommendation_box td.right { text-align: right; } .my_recommendation_blankbox_a { width: 293px; height: 425px; margin: 30px 0px 0px 10px; } .my_recommendation_img_b { padding: 0px 0px 0px 19px; } .my_recommendation_img_c { padding: 17px 0px 0px 19px; } .my_recommendation_blankbox_b { padding: 0px 0px 0px 19px; width: 293px; height: 325px; } .my_recommendation_blankbox_c { padding: 17px 0px 0px 19px; width: 293px; height: 325px; } /* ***************** ReiterNavigation (NEU) ***************** */ /* Links */ a.reiterlink { position:relative; /* für IE: wird sonst nicht richtig ausgerichtet */ top: 0px; text-align: center; vertical-align: middle; color: #000000; font-weight: bold; font-size: 11px; padding: 0; margin: 0; } a.reiterlink:hover { color: #0000ff; font-weight: bold; font-size: 11px; } /* Format (Höhe, Breite,... für die Zellen Links und rechts für Grün */ td.nav_reiter_gruen_left, td.nav_reiter_gruen_right, td.nav_reiter_gruen_left:hover, td.nav_reiter_gruen_right:hover, td.nav_reiter_gruen_left:active, td.nav_reiter_gruen_right:active, td.nav_reiter_gruen_left:visited, td.nav_reiter_gruen_right:visited, td.nav_reiter_gruen_left_sel, td.nav_reiter_gruen_right_sel { background-position: left bottom; background-repeat: no-repeat; empty-cells: show; width: 9px; height: 32px; } /* Format (Höhe, Breite,... für die mittlere Zelle für Grün */ td.nav_reiter_gruen_center, td.nav_reiter_gruen_center:hover, td.nav_reiter_gruen_center:active, td.nav_reiter_gruen_center:visited, td.nav_reiter_gruen_center_sel { background-position: center bottom; background-repeat: repeat-x; empty-cells: show; text-align: center; vertical-align: middle; height: 32px; } /* ============== */ /* Gruen - Reiter */ /* ============== */ /* Hintergrundgrafik der Tabellenzelle bei Linkzustand: Normal */ td.nav_reiter_gruen_left, td.nav_reiter_gruen_left:visited { background-image: url(/images/webgraf/reiter/nav_reiter_left.gif); } td.nav_reiter_gruen_center, td.nav_reiter_gruen_center:visited { background-image: url(/images/webgraf/reiter/nav_reiter_center.gif); } td.nav_reiter_gruen_right, td.nav_reiter_gruen_right:visited { background-image: url(/images/webgraf/reiter/nav_reiter_right.gif); } /* Hintergrundgrafik der Tabellenzelle wenn Kategorie ausgewählt */ td.nav_reiter_gruen_left_sel { background-image: url(/images/webgraf/reiter/nav_reiter_left_gp.gif); } td.nav_reiter_gruen_center_sel { background-image: url(/images/webgraf/reiter/nav_reiter_center_gp.gif); } td.nav_reiter_gruen_right_sel { background-image: url(/images/webgraf/reiter/nav_reiter_right_gp.gif); } td.nav_reiter_gruen_center_sel a { color: #cccccc; } td.nav_reiter_gruen_center_sel a:hover { color: #ffffff; } /* ***************** Popups ***************** */ body.popup { margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; } .popup .pic_large, .popup .blindgrafik { width: 576px; height: 576px; background-position: center center; background-repeat: no-repeat; } /* ***************** Produktsuche - Ergebnisseite ***************** */ a.produktsuche{ color:#0000ff; font-size:14px; } a.produktsuche_vor{ color:#0000ff; } td.produktsuche{ line-height:16px; padding-left:10px; } /* ***************** Kontakt-Formular ***************** */ td.box_frame { padding: 15px; color: #000000; border-right: 1px solid #037F00; border-bottom: 1px solid #037F00; border-left: 1px solid #037F00; } p.contact.intro { padding: 5px 0px 5px 0px; } /* Textblock im Kopf */ div.contact.texthead { float: left; width: 382px; color: #000000; } /* Die zwei Boxen oben mit den Buttons */ div.contact.ratgeber, div.contact.lieferzeit { padding-top: 5px; margin-left: 10px; float: left; width: 102px; color: #000000; } /* Die drei Boxen unten mit den Kontaktdaten */ div.contact.telephone, div.contact.internet, div.contact.post { padding: 5px; margin-bottom: 15px; float: left; width: 182px; background-color: #FFFFFF; border: 1px solid #037F00; color: #000000; } div.contact.internet { margin: 0 12px 0 12px; } /* linke Box mit den Formularen */ div.contact.formular { padding: 0; margin: 0; float: left; width: 380px; } /* Die Fieldsets der Formulare */ fieldset.datenschutz.items, fieldset.contact.personal_info, fieldset.contact.message, fieldset.contact.submit { padding: 0; margin: 0; border-style: none; border-top: 1px solid #037F00; padding-top: 15px; padding-bottom: 15px; } * html fieldset.contact.message { margin-left: 0px; } /* Hintergrund der Eingabefelder */ div.contact.textfield_background { background-color: #EAEAEA; padding: 1px; margin: 0px 0px 1px 0px; } * html div.contact.textfield_background { width: 375px; text-align: left; } div.contact.textfield_background.error { color: #AA0000; background-color: #EAEAEA; } /* Die Labels zu den Eingabefeldern */ form.contact label.contact, form.contact label#labelCopy { font-weight: bold; float: left; width: 110px; margin: 1px 0px 0px 5px; padding: 3px 0px; text-align: left; } form.contact label#labelCopy { width: 250px; } /* Die Eingabefelder */ form.contact input, form.contact select, form.contact textarea { width: 236px; font-weight: normal; } form.contact input#zipcity { width: 50px; } form.contact input#city { width: 172px; } form.contact input#areacode { width: 72px; } form.contact input#phoneNo { width: 150px; } form.contact input#submitButton { width: 128px; } form.contact input#copy { width: 20px; } form.contact select#subject { width: 239px; } /* Die Box mit den Hinweisen und Fehlermeldungen */ div.contact.notes { background-color: #FFFFE1; border: 1px solid #037F00; color: #666666; margin-left: 402px; padding: 5px; width: 190px; } * html div.contact.notes { width: 188px; } img.contact.listitem { width: 4px; height: 4px; padding: 0 0 2px 0; } div.contact.advice.error { margin: 5px 0 0 0; color: #AA0000; background-color: #FFFFE1; } div.contact.error_message { clear: both; margin: 0 15px 15px 15px; } .input_text { background-color: #FF0000; border: 1px solid #E3E3E3; } div.contact.advice { margin: 5px 0 0 0; } form.contact div.contact.submit { padding: 0px; margin: 0px; } div.contact.submit_background { padding: 1px; margin: 10px 0px 1px 0px; text-align: right; } input.contact.error { background-color: #FFF4B2; } /* ***************** Artikel weiterempfehlen-Formular ***************** */ /* IE6 -> Sonst läuft der rechte grüne Rahmen raus ... ??? */ * html td.box_frame.recommendArticle { padding: 15px 0px 15px 15px; } form.recommendation_article div.recommendation_article.headline { clear: both; height: 86px; background-color: white; } form.recommendation_article div.recommendation_article.headline.error { margin: 5px 0 0 0; font-size: 1.1em; line-height: 1.4em; color: #AA0000; } form.recommendation_article div.recommendation_article.newline { clear: both; } form.recommendation_article div.recommendation_article.bigpic { float: left; width: 220px; height: 220px; } form.recommendation_article div.recommendation_article.textfield_background { background-color: #EAEAEA; font-weight: bold; margin-bottom: 1px; } form.recommendation_article div.recommendation_article.textfield_background input { width: 270px; } * html form.recommendation_article div.recommendation_article.textfield_background input { width: 250px; } form.recommendation_article div.recommendation_article.textfield_background textarea { width: 460px; } * html form.recommendation_article div.recommendation_article.textfield_background textarea { width: 440px; } /* Der IE6 braucht eine Breite, damit die textarea-Box richtig dargestellt wird ???? */ * html form.recommendation_article div.recommendation_article.textfield_background.message { width: 595px; } form.recommendation_article div.recommendation_article.textfield_background.error { color: #AA0000; } form.recommendation_article div.recommendation_article.submit { float: right; } form.recommendation_article div.recommendation_article.checkbox { float: left; margin: 0 3px 0 0; } form.recommendation_article div.recommendation_article.policy.textline, form.recommendation_article div.recommendation_article.emailcopy.textline { background-color: white; padding: 3px 0 0 0; margin-left: 20px; } form.recommendation_article div.recommendation_article.policy.textline.error { color: #AA0000; font-size: 11px; } form.recommendation_article fieldset.recommendation_article { border-color: #037f00; border-width: 1px 0 0 0; border-style: solid none none none; padding: 5px; margin: 0; } * html form.recommendation_article fieldset.recommendation_article { float: left; } * html form.recommendation_article fieldset.recommendation_article.message, * html form.recommendation_article fieldset.recommendation_article.policy { width: 595px; } form.recommendation_article label.recommendation_article { float: left; width: 95px; margin: 1px 0px 0px 5px; padding: 3px 0 0 0; } form.recommendation_article label.recommendation_article.message { width: 125px; } /* ***************** Katalogbestellung ***************** */ div.box_catalog_order { margin: 0pt 0pt 10px; padding: 0px; width: 635px; height: auto; } div.box_catalog_order p { margin: 15px 15px 15px 5px; } div.box_catalog_order_headline { margin: 5px; padding: 5px 0pt; text-align: center; /* margin: 10px 0px 10px 0px; */ font-size: 1.1em; font-weight: bold; color: rgb(3, 127, 0); width: 596px; } div.box_catalog_order_content { margin: 5px 4px 10px 0px; /* padding: 5px; */ float: left; width: 150px; height: 165px; position: relative; } div.box_catalog_order_content.lastbox { margin-right: 0px; } div.box_catalog_order_content.error { background-color: #FFF4B2; } div.box_catalog_order_content_checkbox { float: left; width: 25px;} div.box_catalog_order_content_img_txt { width: 145px; padding-left: 25px; } div.box_catalog_order_content_noimg { width: 75px; height: 110px; } div.box_catalog_order_content_newline { clear: both; } div.box_catalog_order_contact_data_txt { float: left; } div.box_catalog_order_contact_data_address { margin-left: 375px; } /* ***************** Sitemap ***************************************** */ div.sitemap { font: 11px sans-serif; color: #000; padding: 1em 1.5em; line-height: 20px; } div.sitemap a { text-decoration: underline; font-weight: normal; } div.sitemap a:hover { text-decoration: underline; } div.sitemap li { padding: 0 0 0 24px; margin: 0; list-style-type: none; } div.sitemap li { background: url(/images/webgraf/sitemap_tm.gif) no-repeat 0% 0%; } div.sitemap li.last { background: url(/images/webgraf/sitemap_lm.gif) no-repeat 0% 0%; } div.sitemap ul { padding: 0 0 0 24px; margin: 0 0 0 -24px; list-style-type: none; } div.sitemap ul { background: url(/images/webgraf/sitemap_im.gif) repeat-y 0% 0%; } div.sitemap ul.last { background-image: none; } /* ***************** Bestellvorgang Stufe 3: Zahlungsart ***************** */ /* **** NEU **** */ fieldset.paymentFieldset { border-style: none; margin: 10px 0 10px 23px; padding: 0; } fieldset.paymentFieldset div.form_field_background { width: 350px; } fieldset.paymentFieldset div.form_field_background div.form_field_label { width: 120px; } div.zahlungsart{ padding:8px; color:#000000; font-weight:normal; } td.zahlungsart_key{ padding-left:5px; font-weight:bold; background-color:#EAEAEA; width:100px; vertical-align:middle; } td.bankeinzug{ padding-left:5px; font-weight:bold; background-color:#EAEAEA; width:100px; vertical-align:middle; } select.kartentyp{ width:180px; font-size:11px } select.kartentypError{ width:180px; font-size:11px } input.bankeinzug{ width:180px; font-size:11px } /* ***************** Bestellvorgang Stufe 4: Prüfen & Bestellen ***************** */ div.pruef_bestell_container { padding: 5px; color:#000000; font-weight:normal; } td.pruef_bestell_header { font-size: 12px; vertical-align: middle; /* text-align: center; */ color: #000000; } td.pruef_bestell_header_grey { font-size: 12px; vertical-align: middle; text-align: left; color: #000000; background-image: url(/images/webgraf/pix_grey.gif); } td.tbl_bestell_header_grey { padding-top: 1px; padding-right:2px; padding-bottom: 1px; padding-left: 2px; font-size: 11px; vertical-align: middle; text-align: left; color: #000000; background-image: url(/images/webgraf/pix_grey.gif); } td.tbl_bestell_line_1 { vertical-align: middle; text-align: right; background-color: #EDEDED; } td.tbl_bestell_line_2 { vertical-align: middle; text-align: center; background-color: #EDEDED; } td.tbl_bestell_line_3 { vertical-align: middle; text-align: left; background-color: #EDEDED; } td.tbl_bestell_line_3.rechts { text-align: right; } td.pruef_bestell_header_green { font-size: 12px; vertical-align: middle; text-align: left; color: #FFFFFF; background-image: url(/images/webgraf/pix_green.gif); } td.pruef_bestell_grey_border_left { background-image:url(/images/webgraf/pix_grey.gif); background-repeat:repeat-y; } td.pruef_bestell_grey_border_right { background-image:url(/images/webgraf/pix_grey.gif); background-repeat:repeat-y; background-position:right center; } td.pruef_bestell_grey_border_bottom { background-image:url(/images/webgraf/pix_grey.gif); background-repeat:repeat-x; background-position:bottom; } td.box_grey_content { color:#000000; font-weight:normal; padding-top:5px; padding-bottom:5px; } td.kosten_trennlinie { border-top-color:#000000; border-top-width:2px; border-top-style:solid; } td.pruef_bestell_kosten_links { text-align: left; vertical-align: top; padding-left: 3px; } td.pruef_bestell_kosten_rechts { text-align: right; vertical-align: top; padding-right: 2px; } td.pruef_bestell_gesamtsumme_links { height: 25px; text-align: left; vertical-align: top; padding-left: 3px; } td.pruef_bestell_gesamtsumme_rechts { height: 25px; text-align: right; vertical-align: top; font-weight: bold; font-size: 14px; padding-right: 2px; } /* ***************** Impressum Grün ***************** */ td.box_simple_gruen { border-width:1px; border-style:solid; border-left-color:#037f00; border-top-color:#037f00; border-right-color:#037f00; border-bottom-color:#037f00; } /* ***************** Ihr Kundenkonto ***************** */ #kundenkonto_bestellungen { border-left: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; padding: 0px; margin: 0px; width: 555px; } #kundenkonto_bestellungen td { border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; padding: 6px 12px 6px 12px; } #kundenkonto_bestellungen .header td{ background-color: #FFFDEE; font-weight: bold; text-align: center; } #kundenkonto_bestellungen .firstrow td{ background-color: #FFFFFF; } #kundenkonto_bestellungen .secondrow td{ background-color: #F5F5F5; } .box_change_msg { padding: 5px; width: 615px; height: auto; text-align: center; font-size: 1.3em; color: #037400; border: 1px solid #037400; background-color: #FFFFE1; } .boxhead_grey_left { margin-top: 5px; width: 10px; height: 34px; float: left; font-weight: bold; background: #fff; } .boxhead_grey_left div { position: relative; top: 0px; left: 0px; height: 34px; background: url(/images/webgraf/boxes/box_grey_left_a.gif) top left no-repeat; } .boxhead_grey_middle { margin-top: 5px; padding-top: 9px; width: 440px; height: 25px; float: left; font-weight: bold; font-size: 1.1em; background: url(/images/webgraf/boxes/box_grey_middle.gif); } /* Needed by IE6 ;-( */ * html .boxhead_grey_middle { width:437px; } .boxhead_grey_right { margin-top: 5px; top: 0px; left: 0px; width: 167px; height: 34px; clear: right; float: left; color: #000; background-color: #EDEDED; } .boxhead_grey_right div { padding-top: 3px; position: relative; top: 0px; left: 10px; height: 34px; background: url(/images/webgraf/boxes/box_grey_right_a.gif) top right no-repeat; } /* Needed by IE6 ;-( */ * html .boxhead_grey_right div { height: 31px; } .boxhead_grey_orderhistory_detail { margin: 20px 0px 0px 0px; width: 625px; height: 29px; float: left; font-weight: bold; color: #000; font-size: 1.1em; } .boxhead_grey_orderhistory_detail div { position: relative; width: 10px; height: 29px; top: 0px; left: 0px; background:url(/images/webgraf/boxes/box_grey_left.gif) top left no-repeat; } .boxhead_grey_orderhistory_detail div div { top: 0px; left: 10px; width: 607px; height: 29px; background: url(/images/webgraf/boxes/box_grey_middle.gif); } .boxhead_grey_orderhistory_detail div div div { padding: 7px 0 3px 0px; top: 0px; right: 0px; background: url(/images/webgraf/boxes/box_grey_right.gif) top right no-repeat; } /* Needed by IE6 ;-( */ * html .boxhead_grey_orderhistory_detail div div { width: 604px; } * html .boxhead_grey_orderhistory_detail div div div { height: 19px; } img.box_grey_button { margin-top: 3px; } .boxbottom_grey_long { width: 625px; float: left; } .boxbottom_grey_long div { position: relative; top: 0px; left: 0px; background: url(/images/webgraf/boxes/box_grey_bottom_left.gif) bottom left no-repeat; } .boxbottom_grey_long div div { top: 0px; left: 10px; width: 607px; background:url(/images/webgraf/pix_grey.gif) bottom left repeat-x; } /* Needed by IE6 ;-( */ * html .boxbottom_grey_long div div { width: 604px; } .boxbottom_grey_long div div div { padding: 3px 0 3px 0; top: 0px; right: 0px; background: url(/images/webgraf/boxes/box_grey_bottom_right.gif) bottom right no-repeat; } .boxline_grey { width: 623px; height: 34px; clear: both; border-left: 2px solid #EDEDED; border-right: 2px solid #EDEDED; background-color: #EDEDED; } /* Needed by IE6 ;-( */ * html .boxline_grey { width: 620px; } #boxline_grey_text { padding: 9px 0 0 8px; width: 450px; float: left; font-weight: bold; font-size: 1.1em; } .boxcontent_grey { padding: 5px; width: 613px; height: auto; clear: both; border-left: 2px solid #EDEDED; border-right: 2px solid #EDEDED; background-color: #fff; } /* Needed by IE6 ;-( */ * html .boxcontent_grey { width: 610px; } /* ***************** Kundenkonto -> Formular Zahlungsarten ***************** */ .kundenkonto_zahlungsart_headline { font-weight: bold; font-size: 1.5em; float:left; padding:5px; width: 370px; } .kundenkonto_zahlungsart_backlink { text-align: right; /* float: left; */ padding: 5px; } div.noticelist_box { margin: 20px 0px 20px 0px; width: 610px; } div.noticelist_box .picture { float: left; width: 65px; } div.noticelist_box .picture img { margin-bottom: 20px; } div.noticelist_box .description { float: left; width: 230px; margin-left: 10px; } div.noticelist_box .description h1 { font-size: 12px; } div.noticelist_box .options { float: left; width: 30px; text-align: center; } div.noticelist_box .action { float: left; /* width: 300px; */ width: 269px; text-align: right; } div.noticelist_box .action img.deleteFromList { margin: 8px 0px 8px 0px; } hr.merkliste_trennlinie { border: 1px solid #EDEDED; /* #ffd300; */ margin: 5px 0; } div.noticelist_box .alreadyInCart.noticeList { /* width: 288px; */ width: 227px; text-align: left; margin: 0px; margin-left: 30px; } /* ***************** Begin: Box-Menu Meine Produkte******************* */ #menu_products.green { background-color: #F1EDD5; } #menu_products li.green { clear: both; border-bottom: 1px solid #BBA98B; background-color: #F1EDD5; } #menu_products li.green a:hover { /* background-image: url(/images/webgraf/menu_products_green_sel1.gif); background-repeat: repeat-x; */ background-color: #459135; position: relative; display: block; color: #FFFFFF; text-decoration: none; } #menu_products .green a span, #menu_products .red a span { display: block; position: absolute; top: 6px; left: 4px; width: 8px; height: 8px; background-image: url(/images/webgraf/menu_link_point.gif); background-repeat: no-repeat; } #menu_products li.red { clear: both; border-bottom: 1px solid #BBA98B; background-color: #EF6947; } #menu_products li.red a:hover { position: relative; display: block; color: #FFF; text-decoration: none; background-color: #A10C02; } #menu_products li.selectedMenu a, #menu_products li.selectedMenu a:visited { /* background-image: url(/images/webgraf/menu_products_green_sel1.gif); background-repeat: repeat-x; */ background-color: #459135; color: #F4FFF2; font-weight: bold; text-decoration: none; } #menu_products li.selectedMenu a span, #menu_products li.selectedMenu a:visited span, #menu_products li.selectedMenuRed a span, #menu_products li.selectedMenuRed a:visited span { width: 10px; height: 10px; background-image: url(/images/webgraf/menu_products_selected_gp.gif); background-repeat: no-repeat; display: block; position: absolute; top: 5px; left: 4px; } #menu_products li.selectedMenuRed a, #menu_products li.selectedMenuRed a:visited { background-color: #A10C02; color: #F4FFF2; font-weight: bold; text-decoration: none; } * html #menu_products li.selectedMenu a span { left: -14px; } * html #menu_products li.selectedMenu a:visited span { left: -14px; } #submenu_products li.submenu { background-color: #FFF; border-bottom: 1px solid #BBA98B; } #submenu_products li.submenu a, #submenu_products li.submenu a:visited { /*background-image: url(/images/webgraf/menu_products_submenu_gp.gif); background-repeat: no-repeat; background-position: 12px 6px;*/ background-color: #FFFFFF; padding-left: 18px; color: #000; font-weight: normal; text-decoration: none; } #submenu_products li.submenu a:hover { background-color: #DAF2B0; text-decoration: none; /* color: blue; background-image: url(/images/webgraf/menu_products_green_sel2.gif); background-repeat: repeat-x; background-position: top; */ } #submenu_products li.selectedSubMenu a, #submenu_products li.selectedSubMenu a:visited { background-color: #DAF2B0; text-decoration: none; /* background-image: url(/images/webgraf/menu_products_green_sel2.gif) !important; background-repeat: repeat-x !important; background-position: top !important; */ } /* Sub-Sub-Menu */ #subsubmenu_products { left: -40px; list-style-type: none; position: relative; width: 173px; } #subsubmenu_products li.submenu { background-color: #FFF; border-bottom: 1px solid #BBA98B; } #subsubmenu_products li.border_top { border-top: 1px solid #BBA98B; } #subsubmenu_products li.no_border_bottom { border-bottom: none; } #subsubmenu_products li.submenu a, #subsubmenu_products li.submenu a:visited { background-color: #FFFFFF; padding-left: 30px; color: #000; font-weight: normal; text-decoration: none; } #subsubmenu_products li.submenu a:hover { background-color: #F2DEB0; text-decoration: none; } #subsubmenu_products li.selectedSubMenu a, #subsubmenu_products li.selectedSubMenu a:visited { background-color: #F2DEB0; text-decoration: none; } /* ***************** End: Box-Menu Meine Produkte******************* */ /* Reiter Navigation */ #hauptnavi { position: relative; margin-top: -10px; margin-left: 179px; } #hauptnavi table td { /* border-bottom:1px solid #765; */ } #hauptnavi table { position: relative; margin-top: -6px; z-index: 101; width: 637px; } #hauptnavi table.first { margin-top: 0px; z-index: 100; } #hauptnavi table td a, a.cat_box_reiter { background:url("/images/webgraf/hauptnavi_left_both.gif") no-repeat left top; margin:0; padding-left: 9px; display: block; } #hauptnavi tbody td a span, a.cat_box_reiter span { display: block; background:url("/images/webgraf/hauptnavi_right_both.gif") no-repeat right top; padding:8px 9px 2px 0px; font-weight:bold; color:#000; line-height: 12px; text-align: center; height: 22px; color: #000; text-decoration: underline; } a.cat_box_reiter { margin-top: 20px; width: 113px; overflow: visible; } a.cat_box_reiter span { height: auto; min-height: 18px; overflow: visible; padding-top: 4px; padding-bottom: 4px; } #hauptnavi tbody td a.selected { background:url("/images/webgraf/hauptnavi_left_selected.gif") no-repeat left top; } #hauptnavi tbody td a.selected span { background:url("/images/webgraf/hauptnavi_right_selected.gif") no-repeat right top; } #hauptnavi tbody td a:hover, a.cat_box_reiter:hover { background-position:0% -150px; } #hauptnavi tbody td a:hover span, a.cat_box_reiter:hover span { background-position:100% -150px; } #hauptnavi tbody td a:hover span, a.cat_box_reiter:hover span { color: blue; cursor: pointer; } #hauptnavi tbody td a.selected, #hauptnavi tbody td a.selected:hover { background:url("/images/webgraf/hauptnavi_left_selected.gif") no-repeat left top; } #hauptnavi tbody td a.selected span, #hauptnavi tbody td a.selected:hover span { background:url("/images/webgraf/hauptnavi_right_selected.gif") no-repeat right top; color: #FFFFFF; text-decoration: underline; } /* Ende Reiter Navigation */ div.search_word_red { padding:2px; width: 631px; background-color: #efefef; margin-bottom: 3px; color:red; font-weight:bold; font-size:14px; } /* Ende Searchbar */ .alreadyInCart { border: 1px solid rgb(255, 211, 0); padding: 5px; background-color: rgb(255, 253, 238); width: 116px; margin-bottom: 8px; } .alreadyInCart strong { display: block; margin-bottom: 5px; } .changeSSLMessage { margin: 20px 0 0 20px; } div.orderFormBox { margin-top: 7px; } div.xmasSaleBox { margin-top: 7px; } /* Textformatierung auf den Detailseiten */ div.product_description_text p, div.product_description_text li { padding: 0px; margin: 0px 0px 10px 0px; font-size: 11px; font-family: arial; font-weight: normal; line-height: 15px; } div.product_description_text ol, div.product_description_text ul { margin-top: 0px; margin-bottom: 10px; } div.product_description_text li { margin: 0px; } /* Lieferzeitpunkt */ .preferredDeliveryHead { float: left; width: 63px; font-weight: bold; text-align: center; background-color: #EAEAEA; margin-right: 2px; } *:first-child+html .preferredDeliveryHead { margin-top: -5px; margin-bottom: -5px; } * html .preferredDeliveryHead { margin-top: -5px; margin-bottom: -5px; } .preferredDeliveryHead.First { width: 60px; background-color: white; } .preferredDeliveryRow { float: left; width: 63px; text-align: center; font-weight: bold; margin-right: 2px; padding: 2px 0px 2px 0px; } .preferredDeliveryRow.First { width: 60px; padding-top: 2px; background-color: #EAEAEA; text-align: right; } .preferredDeliveryText { float: left; width: 128px; padding-bottom: 5px; padding-top: 5px; text-align: center; border: 1px solid red; border-bottom: none; margin-right: 2px; } .preferredDeliveryText.First { width: 60px; border: none; } .preferredDeliveryBorderCellLeft { float: left; width: 130px; border-top: 1px solid red; margin: 0px 2px 0px 62px; } * html .preferredDeliveryBorderCellLeft { margin-left: 31px; } .preferredDeliveryBorderCellRight { float: left; width: 130px; border-top: 1px solid red; } /* Erweiterte Suche */ form#advancedSearch select { width: 213px; } form#advancedSearch select#bluetezeitVon, form#advancedSearch select#bluetezeitBis { width: 105px; } form#advancedSearch div#searchBoxLeft, form#advancedSearch div#searchBoxRight { width: 310px; float: left; } form#advancedSearch div#searchBoxRight { margin-left: 17px; } form#advancedSearch fieldset.iconsBox.advancedSearch { margin: 0px; height: 185px; } /* Beginn Ergebnisliste der Suche */ div#searchHead { width: 100%; height: 52px; margin-top: 5px; padding-left: 5px; } div#searchHead img { float: left; } div#searchHead div { font-size: 1.5em; font-weight: bold; } div#searchHead span { color: red;} /* Begin: Navibar with Pagenavi */ div.searchHeadNaviContainer { margin: 0; padding: 0; background-image: url(/images/webgraf/navi/nbar_bg_gp.gif); width: 100%; height: 40px; } div.searchHeadNaviBox_left { font-weight: bold; width: 315px; height: 35px; float: left; } div.searchHeadNaviBox_middle { width: 7px; height: 35px; float: left; } div.searchHeadNaviBox_right { font-weight: bold; width: 315px; height: 35px; float: left; position: relative; margin: 0; } p.searchHeadNaviBoxResultText { margin: 10px 0 0 10px; } /* End: Navibar with Pagenavi */ /* Beginn Ergebnisliste */ ul#naviSearchResultTop { list-style-image: none; list-style-position: outside; list-style-type: none; position: absolute; right: 0; margin: 10px 0 0 0; /* width: 315px; */ } ul#naviSearchResultTop li { float: left; font-weight: bold; width: 17px; height: 15px; text-align: center; padding: 0 2px; } ul#naviSearchResultTop li.left { text-align: left; } ul#naviSearchResultTop li.right { text-align: right; } ul#naviSearchResultTop a { display: block; } ul#naviSearchResultTop img { vertical-align: middle; } li.curResultTop { width: 22px; height: 13px; background-image: url(/images/webgraf/navi/selec_bg_gp.gif); background-repeat: no-repeat; color: #ffffff; } /* Ende Ergebnisliste */ ul#searchlist { float: left; padding: 0px 0px 8px 10px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; background-color: #eae5c8; width: 100%; } /* Specific settings for IE6 */ * html ul#searchlist { width: 100%; } /* Specific settings for IE7 */ *:first-child+html ul#searchlist { width: 100%; } /* End of specific settings */ ul#searchlist .boxSearchResultHoverInfo { display: none; } ul#searchlist div.boxPicSmall:hover .boxSearchResultHoverInfo { display: block; position:absolute; top: 35px; left: 35px; z-index: 500; overflow: hidden; width: 200px; border: 1px solid #b29360; background-color: #fff; } ul#searchlist .boxSearchResultHoverInfo p { padding: 5px; text-decoration: none; } ul#searchlist li { background-color: #FFFFFF; margin: 8px 1px 0 8px; padding: 4px; width: 298px; float: left; display: inline; position: relative; } li#sl1 { z-index: 50; } li#sl2 { z-index: 49; } li#sl3 { z-index: 48; } li#sl4 { z-index: 47; } li#sl5 { z-index: 46; } li#sl6 { z-index: 45; } li#sl7 { z-index: 44; } li#sl8 { z-index: 43; } li#sl9 { z-index: 42; } li#sl10 { z-index: 41; } div.boxPicSmall { width: 65px; height: 65px; float: left; background-color: #fff; margin-right: 4px; } div.boxPicSmall img { display: block; border: none; } div.boxPicSmall img.new { position: absolute; top: 0px; left: 0px; } div.boxSearchResultContent { width: 230px; height: 65px; margin-left: 65px; } /* Specific settings for IE6 */ * html div.boxSearchResultContent { margin: -65px 0 0 70px; } /* Specific settings for IE7 */ *:first-child+html div.boxSearchResultContent { margin: -65px 0 0 70px; } /* End of specific settings */ div.boxSearchResultContent .rowLink { /* height: 34px; */ } div.boxSearchResultContent .rowText { /* height: 17px; */ } div.boxSearchResultContent .rowText.displayNone { display: none; } div.boxSearchResultContent a { font-weight: bold; } div.boxSearchResultContent a.new { margin-right: 5px; display: block; width: 270px; float: left; } div.boxSearchResultContent a.new.notForSale { color: #808080; } div.boxSearchResultContent a.seed { margin-right: 5px; display: block; width: 200px; float: left; } div.boxSearchResultContent img.seed { position: absolute; top: 4px; right: 4px; } div.boxSearchResultContent img.seed2 { position: absolute; top: 38px; right: 5px; } div.boxSearchResultContent .artNo { display: block; float: left; margin-right: 15px; } div.boxSearchResultContent .boxNotForSale { font-style: italic; } div.boxSearchResultContent .price { } /* Aenderungen */ div.searchHeadNaviContainer { background-image: none; height: 40px; margin: 0; padding: 0; width: 100%; } div.searchHeadNaviBox_left { float: left; font-weight: bold; height: 40px; width: 480px; } div.searchHeadNaviBox_middle { float: left; height: 35px; width: 6px; } div.searchHeadNaviBox_right { float: left; font-weight: bold; height: 40px; margin: 0; position: relative; width: 330px; } ul#searchlist { background-color: #FFF; } ul#searchlist li { margin: 8px 3px 0 0; width: 397px; } div.boxPicSmall { height: 120px; width: 120px; } div.boxPicSmall a img { border: 1px solid #000; } div.boxPicSmall img.new { left: 1px; position: absolute; top: 1px; } div.boxPicSmall img.movie { position:absolute; left:95px; top:96px; width:26px; height:25px; } div.boxSearchResultContent { height: 120px; margin-left: 130px; width: 266px; } div.boxSearchResultContent .price { font-size: 1.6em; font-weight: bold; } /* Ende Ergebnisliste der Suche */ .introArticleList{ margin:10px 10px 10px 0px; } .introArticleList h1 { width:375px; margin: 9px 0 5px 0; font-size: 1.3em;} .introArticleList img { float: right; margin:-20px 10px 0 10px; border:none; } .introArticleList br { clear: right; } .naviArticleListTop{width:809px;padding-bottom:10px;height:20px} .naviArticleListBottom{width:809px;padding-top:20px;height:20px;clear:both} /* Beginn Navibar der Ergebnisliste */ .naviArticleList { text-align: center; } .naviArticleList ul { display: table; margin: 0 auto; padding: 0; white-space:nowrap; list-style-image: none; list-style-position: outside; list-style-type: none; } .naviArticleList ul li { display: table-cell; float: left; font-weight: bold; width: 17px; height: 15px; padding: 0 2px; } .naviArticleList ul li.left { text-align: left; } .naviArticleList ul li.right { text-align: right; } .naviArticleList ul li a { display: block; } .naviArticleList ul li img { vertical-align: middle; } .container {clear:both; text-decoration:none;} * html .container {display:inline-block;} *:first-child+html .container {display:inline-block;} /* Ende Navibar der Ergebnisliste */ /* ***** UL-Navigation Header & Footer ***** */ .topLinks ul { list-style:none; padding:0; margin:0; } .topLinks ul li { display:block; float:left; } #footer ul { list-style:none; padding:0; margin:0 auto; text-align:center; float:left; left:50%; position:relative; } #footer ul li { float:left; position:relative; right:50%; } #footer .clr { clear:both; } /* ***** FooterNew ***** */ #footer_new div { float: left; margin-left: 15px; } #footer_new div.boxleft { margin-left: 35px; } #footer_new div h5 { font-weight: bold; font-size: 1.2em; height: 12px; } #footer_new div ul { list-style: none; } #footer_new div ul li { position: relative; left: -39px; } #footer_new p { clear:both; text-align: center; } /* ***** FooterNew GP ***** */ :first-child + html div#footerNew_gp.v2 div ul li{position:relative;left:1px} div#footerNew_gp.v2{left:198px;position:relative;top:20px;width:802px} div#footerNew_gp.v2 div{text-align:left;float:left;border-right:1px solid #114B2E;height:225px;margin-bottom:15px} div#footerNew_gp.v2 div h5{margin-left:10px;font-size:1.0em} div#footerNew_gp.v2 div p{margin-left:10px;position:absolute;top:45px} div#footerNew_gp.v2 div ul{list-style-type:none;margin-left:10px;position:absolute;top:45px} div#footerNew_gp.v2 div ul li{position:relative;left:-39px} div#footerNew_gp.v2 div.col2{width:131px} div#footerNew_gp.v2 div.col3{width:100px} div#footerNew_gp.v2 div.col4{width:119px} div#footerNew_gp.v2 div.col5{width:148px} div#footerNew_gp.v2 div.left{border-left:1px solid #114B2E;width:175px} div#footerNew_gp.v2 div.left span.small{display:block;font-size:0.8em;color:black;margin:5px 0 12px 0} div#footerNew_gp.v2 div.right{width:121px} div#footerNew_gp.v2 div.right .allTagz{background-position:0px -452px} div#footerNew_gp.v2 div.right .delicious{background-position:-69px -452px} div#footerNew_gp.v2 div.right .diggit{background-position:-18px -452px} div#footerNew_gp.v2 div.right .favoriten{background-position:-35px -452px} div#footerNew_gp.v2 div.right .google{background-position:-86px -452px} div#footerNew_gp.v2 div.right .linkarena{background-position:-103px -452px} div#footerNew_gp.v2 div.right .misterWong{background-position:-120px -452px} div#footerNew_gp.v2 div.right a{background-image:url(/images/webgraf/sprites/spriteBoxHeader.gif);float:left;margin-left:10px;margin-bottom:10px;display:block;width:17px;height:17px} p.copyright {text-align:center;margin-top:20px;} div#socialBookmarks { /* text-align: center; margin: 20px 0px 0px 0px; height: 16px; */ } div#socialBookmarks div { /* float: left; width: 112px; font-weight: normal; margin: 3px 0px 0px 176px; */ } * html div#socialBookmarks div { /* margin: 3px 0px 0px 85px; */ } div#socialBookmarks img { /* margin-left: 5px; */ } div#socialBookmarks a { /* text-decoration: none; */ } /* ***** Rechte Spalte -> Katalog anfordern/Online-Kat ***** */ div.catalog_gp div.browse-box { position:relative; height:168px; z-index:1; } div.catalog_gp div.browse-box img { position:absolute; z-index:1; } div.catalog_gp div.browse-box img.anim { top:-5px; left:-1px; } div.catalog_gp div.browse-box img.butt { top:140px; left:22px !important; } div.catalog_gp div.order-box { position:relative; height:90px; } div.catalog_gp div.order-box img { position:absolute; } div.catalog_gp div.order-box img.kats { top: 0px; left: 0px; } div.catalog_gp div.order-box img.butt { top: 63px; left: 22px; } /* ***** TelefonBox NEU ***** */ div.topTelefonBox { position:absolute; top:28px; left:715px; } div.topTelefonBox a.topTelefonLink { display:block; background:url('/images/webgraf/GP_Telefon.gif') no-repeat 0 0; margin:10px 0 0 0; width:284px; height:32px; text-decoration:none; } div.topTelefonBox a.topTelefonLink span.nr { display:block; padding:9px 0 0 55px; font-size:9px; color:#037f00; } div.topTelefonBox a.topTelefonLink span span { margin:0 5px 0 0; font-size:14px; font-weight:bold; } /* ***** neue 404-Seite ***** */ div.error-404-box { height:165px; } div.error-404-text { float:left; position:relative; } div.error-404-image { position:relative; right:0px; z-index:1000; float:right; } /* IE 6 ;-) */ * html div.error-404-text { margin:25px 0 0 5px; } * html div.error-404-image { top:0px; } /* ***** new design buttons ***** */ .button_under_box { padding: 5px 0 0 40px; font-weight: bold; margin-bottom: -5px; margin-top: -8px; width: 135px; height: 26px; background-image:url(/images/webgraf/buttons/button_under_box_gp.jpg); background-repeat: no-repeat; background-position: top left; display:block; text-decoration:none; } /* Login box options list */ ul.login_mask_options { left: -17px; list-style-image: url(/images/webgraf/list_triangle_gp.gif); list-style-type: none; position: relative; } /* ***** Link zum anderen Shop ***** */ a.linkToShop { background-image: url(/images/webgraf/teaser/linkeSpalte/gp/zum_gp_shop.jpg); display: block; height: 210px; width: 175px; background-repeat: no-repeat; } /* gp/css/style.css */ /* gp/css/gp.css */ /* Gärtner Pötschke Stylesheet */ .contentTyp7 { border:1px solid #037700; } div.box { width:175px; background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat scroll 0px -244px; text-align: left; margin: 7px 0 7px 0; } div.box h3 { background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat scroll -605px -306px; display: block; width: auto; margin: 0 0 0 10px; padding: 0 10px 0 0; color: #FFFFFF; line-height: 20px; font-size: 11px; font-weight: bold; } div.box h3 a { color: #FFFFFF; } div.box .content { border: 1px solid #888888; border-top: none; background: #FFFFFF; padding: 5px 10px 5px 10px; } div.box.productlist_gp { margin-top: 7px; } * html div.box.productlist_gp { margin-top: 10px; margin-bottom:11px;} *+html div.box.productlist_gp { margin-top: 10px; margin-bottom:11px;} div.box_large { background-image:url(/images/webgraf/boxes/box_head_gp_left.gif); } * html div.box_large { width:637px; } div.box_large h3 { background-image:url(/images/webgraf/boxes/box_head_gp_right.gif); background-position:right top; } div.box_bag { background-image:url(/images/webgraf/boxes/box_head_bag_left.gif); } div.box_bag h3 { background-image:url(/images/webgraf/boxes/box_head_bag_right.gif); color:#000; } /* #box_ohne_risiko li a { background:url(/images/webgraf/buttons/button_gruensm.gif) no-repeat 0 3px; display:block; } */ #box_ohne_risiko li{ background-image:url(/images/webgraf/list_triangle_gp.gif); } .search_header { background:url(/images/webgraf/gaertner.gif) no-repeat scroll left bottom; } /* AGB */ div.agb_border { border:1px solid #037F00; background-color:#FFFFE1; margin:0 15px 0 15px; } /* Beschreibung der Kategorien */ div.descriptionBoxCategory p { margin:0px; padding:0px; margin:18px; } div.descriptionBoxArticle p { margin:0px; padding:0px; margin:12px 12px 12px 6px; } /* Rahmenfarbe fuer 'Aktuelle Empfehlungen' */ div.recommArticleBoxInnerBox { border-left:3px solid #009136; border-right:3px solid #009136; } /* Beginn Willkommen-Box Startseite */ .frontpage_top { padding:7px 15px 7px 15px; } .frontpage_welcome_box { width:402px; float:left; font-size:12px; margin-right:10px; } .frontpage_welcome_box h1 { margin:10px 0 10px 0; padding:0; font-size:12px; font-weight:normal; } .frontpage_welcome_box p { margin:0 0 10px 0; } .frontpage_welcome_box div.content { padding:12px 12px 3px 6px; height:231px; } /* Ende Willkommen-Box Startseite */ /* Formatierung Logos/Icons */ fieldset.iconsBox { border:1px solid #959595; margin-bottom:10px; margin-right:17px; margin-left:-1px; } * html fieldset.iconsBox { margin-right:14px; } /* IE 6 */ *:first-child+html fieldset.iconsBox { margin-right:17px; } /* IE 7 */ * html fieldset.iconsBox div.iconsBoxInner { padding:5px; } /* IE 6 */ *:first-child+html fieldset.iconsBox div.iconsBoxInner { padding:5px; } /* IE 7 */ fieldset.iconsBox legend { font-style:italic; color:#959595; } fieldset.iconsBox span.iconsText { font-weight:bold; font-size:14px; } fieldset.iconsBox img.iconsGrafik { } fieldset.iconsBox table td.table-iconsGrafik p, fieldset.iconsBox table td.table-iconsText p, fieldset.iconsBox div.iconsBoxInner p { margin:0px; } fieldset.iconsBox table td.table-iconsText p { padding-top:1px; } fieldset.iconsBox div.iconsBoxInner p.simple { margin:5px; vertical-align:top; } .declareBox { padding:5px 0px 5px 0px; margin:0px 18px 10px 0px; border-top:1px solid #959595; border-bottom:1px solid #959595; } *:first-child+html .declareBox { margin-right:13px; } /* Box mit Treffern zum Suchergebnisses in Kategorien */ div.relatedCategories a:hover { background-color:#EAE5C8; } /*** Die neue Startseite ***/ /* Rahmen um den Einfuehrungstext */ div.newStartpage .frontpage_welcome_box { margin-right:13px; width:400px; height:268px; } div.newStartpage .roundbox { background:transparent url(/images/webgraf/teaser/startpage_gp/okt_2009/roundbox_gp_eckig.gif) no-repeat scroll left top; } div.newStartpage .roundbox div { background:transparent url(/images/webgraf/teaser/startpage_gp/okt_2009/roundbox_gp_eckig.gif) no-repeat scroll left bottom; } div.newStartpage .roundbox div div { background:transparent url(/images/webgraf/teaser/startpage_gp/okt_2009/roundbox_gp_eckig.gif) no-repeat scroll right bottom; } div.newStartpage .roundbox div div div { background:transparent url(/images/webgraf/teaser/startpage_gp/okt_2009/roundbox_gp_eckig.gif) no-repeat scroll right top; } /* Sonderaktion Blumenzwiebeln */ div.newStartpage div#blumenzwiebelAktion { margin:-5px 0px 7px 15px; position:relative; } div.newStartpage div#blumenzwiebelAktion div { position:absolute; top:40px; left:8px; width:370px; } div.newStartpage div#blumenzwiebelAktion div p { margin:0px; padding:0px; } div.newStartpage div#blumenzwiebelAktion a, div.newStartpage div#blumenzwiebelAktion a:hover { text-decoration:none; color:black; } /* Die drei Boxen... */ div.newStartpage .centerBox { position:relative; background-image:url(/images/webgraf/teaser/startpage_gp/okt_2009/verlauf.gif); background-repeat:repeat-x; text-align:left; float:left; border:1px solid #114B2E; width:255px; height:141px; } div.newStartpage .centerBox a { text-decoration:none; } div.newStartpage .centerBox p, div.newStartpage .centerBox p a { line-height:21px; padding:0px; margin:0px; color:#114B2E; font-size:12px; font-weight:bold; text-align:center; } /* Neuere Startseite */ div.newStartpage .startsiteIntro { margin:7px 0px 0px 15px; } div.newStartpage .startsiteIntro div { float:left; } div.newStartpage .startsiteIntro div.headGartenGreen { border:1px solid #114B2E; border-left:none; } div.newStartpage .startsiteIntro div.text { position:relative; margin:0; padding:0; width:484px; height:112px; border-top:1px solid #114B2E; border-bottom:1px solid #114B2E; } .startsiteIntro div.text img.intro { margin: 0px; padding: 0px; position: absolute; top: 5px; left: 10px; } .startsiteIntro div.text p { margin:0px; padding:0px; position: absolute; top: 37px; left: 10px; width: 460px; } .startsiteIntro div.text img.sig { margin: 0px; padding: 0px; position: absolute; top: 78px; left: 302px; } /* Noch neuere Startsite */ div.newStartpage .startsiteIntroGP { margin:7px 0px 0px 15px; } div.newStartpage .startsiteIntroGP div { float:left; } div.newStartpage .startsiteIntroGP div.headGartenGreen { border:1px solid #114B2E; border-left:none; } div.newStartpage .startsiteIntroGP div.text { position:relative; margin:0; padding:0; width:439px; height:112px; border-top:1px solid #114B2E; border-right:1px solid #114B2E; border-bottom:1px solid #114B2E; } .startsiteIntroGP div.text img.intro { margin: 0px; padding: 0px; position: absolute; top: 5px; left: 10px; } .startsiteIntroGP div.text p { margin:0px; padding:0px; position: absolute; top: 37px; left: 10px; width: 431px; } .startsiteIntroGP div.text img.sig { margin: 0px; padding: 0px; position: absolute; top: 79px; left: 260px; } div.newStartpage .startsiteIntroGP div.newsletter {border:1px solid #114B2E; height:112px; margin-left:15px; width:255px; background-image:url(/images/webgraf/startsite/gp/newsletter_envelope.gif); background-position:20px 10px; background-repeat:no-repeat; } div.newStartpage .startsiteIntroGP div.newsletter p {position:relative; left:100px; width:150px;} div.newStartpage .startsiteIntroGP div.newsletter a {display:block; text-decoration:none; font-weight:bold; width:215px; padding:4px 0 0 41px; position:relative; top:10px; border-top:1px solid #114B2E; background-image:url(/images/webgraf/startsite/gp/nlarrow_green.gif); background-position:19px 5px; background-repeat:no-repeat;} div.threeBoxes { margin:15px 0 0 15px; } div.newStartpage .centerBox.left { margin-right:15px; } div.newStartpage .centerBox.middle { margin-right:15px; } /* 3 Boxes bottom */ div.newStartpage .centerBox.bottom {height:249px;} div.newStartpage .centerBox.bottom h5 {line-height:21px;padding:0px;margin:0px;color:#114B2E;font-size:12px;font-weight:bold;text-align:center;} div.newStartpage .centerBox.bottom div {height: 195px;background-color: #f9f7ee;border-bottom:1px solid #114B2E;} div.newStartpage .centerBox.bottom div.middle #okatcontent_mid {position:relative;top:19px;left:42px;background-color:transparent;height:114px;width:170px;} div.newStartpage .centerBox.bottom div.calendar {background-image:url(/images/webgraf/startsite/gp/centerbox_bottom_calendar.gif);background-repeat:no-repeat;background-position:28px 15px;} /* div.newStartpage .centerBox.bottom div.middle {background-image:url(/images/webgraf/startsite/gp/centerbox_bottom_shadow_middle.gif);background-repeat:no-repeat;background-position:13px 78px;} */ div.newStartpage .centerBox.bottom div.right {background-image:url(/images/webgraf/startsite/gp/centerbox_bottom_shadow_right.gif);background-repeat:no-repeat;background-position:58px 77px;} div.newStartpage .centerBox.bottom div.calendar img {width:128px;height:100px;position:relative;top:31px;left:66px;width:128px;} div.newStartpage .centerBox.bottom div.right img {width:90px;height:121px;position:relative;top:15px;left:82px;} div.newStartpage .centerBox.bottom div span.content {display:block;position:absolute;top:170px;left:10px;} div.newStartpage .centerBox.bottom a.box { background: transparent url(/images/webgraf/startsite/gp/centerbox_bottom_link_bg.jpg) repeat-x; background-position:0 0; display:block; font-weight:bold; height:32px; } div.newStartpage .centerBox.bottom a.box span.link { background: transparent url(/images/webgraf/startsite/gp/nlarrow_green.gif) no-repeat; background-position:0 0; display:block; left:5px; padding-left:20px; position:relative; top:10px; width:210px; } /* Teaser */ div.newStartpage .centerBox.left div { /* background-image:url(/images/webgraf/teaser/startpage_gp/teaser_a_gp.jpg); */ background-position:0 0; background-repeat:no-repeat; } div.newStartpage .centerBox.middle div { /* background-image:url(/images/webgraf/teaser/startpage_gp/teaser_b_gp.jpg); */ background-position:0 0; background-repeat:no-repeat; } /* Box mit den Tag-Clouds */ div.bubbleBoxStartseite { overflow: hidden; margin: 0px; height:121px; width: 255px; display:table; } div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall { border: none; margin: 0px; padding: 0px; width: 250px; height: 123px; display:table-row; } div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall .search-bubble-box { margin: 0px; width: 255px; display:table-cell; vertical-align:middle; } /* IE7 only */ *:first-child+html div.bubbleBoxStartseite { display:block; position:absolute; top:22px; left:0px; width:275px; } *:first-child+html div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall { display:block; position:absolute; } *:first-child+html div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall .search-bubble-box { display:block; position:absolute; } /* IE6 only */ * html div.bubbleBoxStartseite { display:block; position:absolute; top:22px; left:0px; width:275px; } * html div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall { display:block; position:absolute; } * html div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall .search-bubble-box { display:block; position:absolute; } div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall .search-bubble-box a { color:#114B2E; } div.bubbleBoxStartseite .checkout_gp_container.search-bubble-overall .search-bubble-box a:hover { text-decoration:underline; } /* Die gesamte Carousell-Box */ div.recommBox.startpage { width:607px; } /* Header */ div.recommBox.startpage div.recommBoxHeader { border:1px solid #114B2E; border-bottom:none; background-color:#F3F0DD; height:32px; text-align:center; } * html div.recommBox.startpage div.recommBoxHeader { width:605px; border:1px solid #114B2E; border-bottom:none; background-color:#F3F0DD; height:33px; } div.recommBox.startpage div.recommBoxHeader div.headerRechts { background-image:none; } * html div.recommBox.startpage div.recommBoxHeader div.headerRechts { background-image:none; } div.recommBox.startpage div.recommBoxHeader div.headerLinks { background-image:none; } * html div.recommBox.startpage div.recommBoxHeader div.headerLinks { background-image:none; } div.recommBox.startpage div.recommBoxHeader p.recommBoxHeaderText { color:#114B2E; margin:10px 0px 0px 0px; font-size:14px; } * html div.recommBox.startpage div.recommBoxHeader p.recommBoxHeaderText { margin-top:10px; } /* Container aussen */ div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-container-horizontal { border:1px solid #114B2E; border-top:none; width:577px; padding-left:28px; padding-right:0px; background-color:#F3F0DD; } /* Container innen */ div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal { width:552px; height:190px; border:none; padding-top:5px; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li { width:120px; height:177px; padding:4px; padding-top:-2px; margin:0px; margin-right:13px; position:relative; background-color:white; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li div.recommBoxInner { clear:both; width:120px; height:120px; margin:0px; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxLink { margin:0px; padding-top:2px; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxLink a { font-weight:normal; text-decoration:none; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxLink a:hover { text-decoration:underline; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice { position:absolute; right:4px; top:165px; font-size:14px; width:120px; text-align:right; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span { font-size:11px; font-weight:normal; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span.normal { font-size:14px; font-weight:bold } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span.discount { color:#FF0000; font-size:14px; font-weight:bold } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li p.recommBoxPrice span.priceOld { text-decoration:line-through; font-weight:bold; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li div.preisStern { position:absolute; background-image:url(/images/webgraf/categoryBoxes/gp/preisstern_stumpf.gif); background-repeat:no-repeat; background-position:-34px -56px; top:4px; width:80px; height:58px; } div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li div.preisStern p { text-align:left; margin-top:3px; color:white; font-weight:bold; font-size:12px; padding:0px 36px 0px 5px; line-height:14px; } /* Next-Button */ div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-next-horizontal { background:transparent url(/images/webgraf/recommBoxes/startpageGP/pfeil_vor_3.gif) no-repeat scroll 0 0; width:37px; height:26px; top:-27px; margin-right:7px; } /* Prev-Button */ div.recommBox.startpage .jcarousel-skin-recomm .jcarousel-prev-horizontal { background:transparent url(/images/webgraf/recommBoxes/startpageGP/pfeil_zurueck_3.gif) no-repeat scroll 0 0; width:39px; height:26px; top:-27px; margin-left:5px; } /*div.recommBox.startpage.wide { width:801px; }*/ /*div.recommBox.startpage.wide .jcarousel-skin-recomm .jcarousel-container-horizontal { width:771px; }*/ div.recommBox.startpage.wide .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal { width:750px; } /*div.recommBox.startpage.wide .jcarousel-skin-recomm .jcarousel-clip.jcarousel-clip-horizontal li { margin:0 26px 0 0; }*/ * html div.recommBox.startpage div.recommBoxHeader { width:799px; } /* gp/css/gp.css */ /* common/common.css */ /* Gemeinsames Stylesheet von Gärtner Pötschke und Pötschke Ambiente */ /* Uebersicht Online-Kataloge */ div.catalogBox { margin: 0px 14px 5px 0px; float: left; width: 140px; height: 140px; position: relative; } /* Beginn Artikelnavigation Detailseite */ div#articleNavi {margin:10px 0px;width:623px;height:25px;font-weight:bold} div#articleNavi div.left { float: left; width: 40%; text-align: left; margin-top: 4px; position: relative; } div#articleNavi div.left a.linkTextLeft { text-decoration: none; position: absolute; top: 2px; left: 25px; } div#articleNavi div.left a div.linkArrowLeft { position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; background: transparent url(/images/webgraf/sprites/spriteDetailIcons2.gif) -36px 153px; } div#articleNavi div.middle { float: left; width: 20%; text-align: center; margin-top: 6px; } div#articleNavi div.right { float: left; width: 40%; text-align: right; margin-top: 4px; position: relative; } div#articleNavi div.right a.linkTextRight { text-decoration: none; position: absolute; top: 2px; right: 25px; } div#articleNavi div.right a div.linkArrowRight { position: absolute; top: 0px; right: 0px; width: 18px; height: 18px; background: transparent url(/images/webgraf/sprites/spriteDetailIcons2.gif) -110px 153px; } * html div#articleNavi div.right { float: right; width: 19%; } div#articleNavi img { position: relative; top: 3px; margin: 0 5px; } /* Ende Artikelnavigation Detailseite */ /* Darstellung der Logos auf der Detailseite */ div#logosBox { margin: 10px 0px 0px 0px; } div#logosBox a img { margin: 0px 5px 5px 0px; } /* Darstellung der Links Geschenkverpackung/Bildgutschein auf der Detailseite */ div#serviceBox { text-align: right; margin: 20px 18px 0px 1px; /* height: 30px; */ } div#serviceBox div { float: right; margin-top: 7px; } div#serviceBox img.geschenkverpackung { float: right; margin: 0px 5px 0px 5px; } div#serviceBox img.bildgutschein { float: right; margin: 0px 5px 0px 10px; } div#serviceBox img.lieferservice { float: right; margin: 0px 5px 0px 10px; } /* Darstellung der Links Geschenkverpackung/Bildgutschein auf der Detailseite (to much ids ;-) */ div .serviceBoxI { text-align: right; margin: 20px 18px 0px 1px; /* height: 30px; */ } div .serviceBoxI div { float: right; margin-top: 7px; } div .serviceBoxI img.geschenkverpackung { float: right; margin: 0px 5px 0px 5px; } div .serviceBoxI img.bildgutschein { float: right; margin: 0px 5px 0px 10px; } div .serviceBoxI img.lieferservice { float: right; margin: 0px 5px 0px 10px; } /* Über uns */ a.portrait_his{ height: 160px; width: 160px; background-image:url(/images/webgraf/aboutUs/Portrait_und_Historie.jpg); background-repeat: no-repeat; display: block; position: relative; left: 230px; top: 10px; text-decoration:none; } a.portrait_his:hover{ background-image:url(/images/webgraf/aboutUs/Portrait_und_Historie_farbig.jpg); } a.meine_kd{ height: 118px; width: 160px; background-image:url(/images/webgraf/aboutUs/Das_sagen_meine_Kunden.jpg); background-repeat: no-repeat; display: block; position: relative; left: 60px; top: -50px; text-decoration:none; } a.meine_kd:hover{ background-image:url(/images/webgraf/aboutUs/Das_sagen_meine_Kunden_c.gif); } a.quali{ height: 107px; width: 160px; background-image:url(/images/webgraf/aboutUs/Qualitaetsversprechen.jpg); background-repeat: no-repeat; display: block; position: relative; left: 420px; top: -156px; text-decoration:none; } a.quali:hover{ background-image:url(/images/webgraf/aboutUs/Qualitaetsversprechen_c.gif); } a.garden{ height: 160px; width: 230px; background-image:url(/images/webgraf/aboutUs/Aus_eigenem_Garten.gif); background-repeat: no-repeat; display: block; position: relative; left: 95px; top: -395px; text-decoration:none; } a.garden:hover{ background-image:url(/images/webgraf/aboutUs/Aus_eigenem_Garten_fbg.gif); } a.berate{ height: 160px; width: 139px; background-image:url(/images/webgraf/aboutUs/Ich_berate_Sie_gerne.jpg); background-repeat: no-repeat; display: block; position: relative; left: 430px; top: -447px; text-decoration:none; } a.berate:hover{ background-image:url(/images/webgraf/aboutUs/Ich_berate_Sie_gerne_c.gif); } a.neuheit{ height: 160px; width: 107px; background-image:url(/images/webgraf/aboutUs/Neuheiten_exklusiv.jpg); background-repeat: no-repeat; display:block; position: relative; left: 90px; top: -124px; text-decoration:none; } a.neuheit:hover{ background-image:url(/images/webgraf/aboutUs/Neuheiten_exklusiv_c.gif); } a.liefere_ich{ height: 160px; width: 265px; background-image:url(/images/webgraf/aboutUs/So_liefere_ich.gif); background-repeat: no-repeat; display: block; position: relative; left: 320px; top: -575px; text-decoration:none; } a.liefere_ich:hover{ background-image:url(/images/webgraf/aboutUs/So_liefere_ich_c.gif); } /* Popup-Fenster der Großansichten */ div.picLargeOuter { width: 570px; margin: 0px auto; } div.picLargeOuter div.navigation { margin-top: 10px; margin-bottom: 20px; font-size: 12px; font-weight: bold; } div.picLargeOuter div.pic_large { background-repeat: no-repeat; height: 570px; width: 570px; } div.picLargeOuter a { padding: 2px; } div.picLargeOuter a.picBefore { margin-right: 10px; } div.picLargeOuter a.picNext { margin-left: 10px; } div.picLargeOuter span.active { padding: 2px; margin: 0px; color: white; background-color: #FF0000; } /* Header */ #searchbar { height: 22px; padding: 0; text-align:center; font-size:12px; position: relative; color: #fff; overflow: hidden; } #searchbar .suche_biglabel { font-weight:bold; position: relative; bottom: 3px; } #searchbar .submit_button { padding-top:2px; margin-left: 268px; position: relative; top: 1px; } #searchbar .input_suchbegriff { border: 1px solid #000000; font-weight: bold; /* height: 16px; */ position: absolute; top: 1px; padding: 1px 5px; width: 250px; left: 50%; margin-left: -128px; } /* Page Content */ .search_header { border-bottom: 1px solid #ccc; padding: 48px 0 0 75px; height: 22px; font-size: 14px; font-weight: bold; } .search_header .suchbegriff { color: red; } /* Box 'Gleich mitbestellen!' */ .inorder_content_box { padding: 10px 0px 0pt 0px; text-align: center; } .inorder_article_text { margin: 5px 0pt 10px; font-weight: bold; width:195px; height:30px; } .inorder_roundbox { width:139px; } * html .inorder_roundbox { width: 139px;} .inorder_roundbox.gp { background-color:#D7FFDE; } .inorder_roundbox.amb { background-color:#F2F8FF; } .inorder_roundbox_content { width: 133px; } .inorder_roundbox_article_in_cart { font-weight: bold; margin: 0; padding: 10px 0 10px 0; } * html .inorder_roundbox_article_in_cart { padding: 11px 0 12px 0; } *:first-child+html .inorder_roundbox_article_in_cart { padding: 11px 0 12px 0; } .inorder_roundbox_article_price { font-weight: bold; margin:1px 5px 5px 5px; } /* Box with rounded corners 1 image */ /* oben links */ .roundbox { background: transparent url(/images/webgraf/roundbox.gif) no-repeat top left; padding-top: 6px; } /* unten links */ .roundbox div { height: 100%; background: transparent url(/images/webgraf/roundbox.gif) no-repeat bottom left; padding-left: 6px; } /* unten rechts */ .roundbox div div { background: transparent url(/images/webgraf/roundbox.gif) no-repeat bottom right; position: relative; padding: 0px; } /* oben rechts */ .roundbox div div div { background: transparent url(/images/webgraf/roundbox.gif) no-repeat top right; top: -6px; height: auto; width: auto; padding: 6px 6px 0px 0px; } .roundbox.gp { margin-left:25px; width:145px; background-color:#D7FFDE; } /* IE6 Special setting */ * html .roundbox.gp { margin-left:1px; width:145px; background-color:#D7FFDE; } /* IE7 Special setting */ *:first-child+html .roundbox.gp { margin-left:1px; width:145px; background-color:#D7FFDE; } .roundbox.amb { margin-left:25px; width:145px; background-color:#F2F8FF; } /* IE6 Special setting */ * html .roundbox.amb { margin-left:1px; width:145px; background-color:#F2F8FF; } /* IE7 Special setting */ *:first-child+html .roundbox.amb { margin-left:1px; width:145px; background-color:#F2F8FF; } /* Sidebar Boxes */ /* Box-Style */ div.box_search { background: transparent url(/images/webgraf/boxes/box_head_search_left.gif) no-repeat top left; text-align: left; margin: 7px 0 7px 0; } div.box_bag { background: transparent url(/images/webgraf/boxes/box_head_gp_left.gif) no-repeat top left; text-align: left; margin: 7px 0 7px 0; } div.box.catalog_gp { margin-top: 11px; } * html div.box.catalog_gp { margin-top: 28px; } *:first-child+html div.box.catalog_gp { margin-top: 11px; } div.box.catalog_ambi { margin-top: 10px; } div.box_search h3 { display: block; width: auto; margin: 0 0 0 10px; padding: 0 10px 0 0; background: transparent url(/images/webgraf/boxes/box_head_search_right.gif) no-repeat top right; color: #fff; line-height: 20px; font-size: 11px; font-weight: bold; height: 20px; vertical-align:middle; } div.box_bag h3 { display: block; width: auto; margin: 0 0 0 10px; padding: 0 10px 0 0; background: transparent url(/images/webgraf/boxes/box_head_gp_right.gif) no-repeat top right; color: #fff; line-height: 20px; font-size: 11px; font-weight: bold; height: 20px; vertical-align:middle; } div.box_search h3 a { color: #fff; } div.box_bag h3 a { color: #fff; } div.box_search .content { border: 1px solid #333; border-top: none; background: #fff; padding: 5px 10px 5px 10px; } div.box_bag .content { border: 1px solid #333; border-top: none; background: #fff; padding: 5px 10px 5px 10px; width: 173px; } div.box_bag .content.okat { width: 315px; height: 42px; position: relative; } * html div.box_bag .content.okat { width: 333px; height: 42px; } *:first-child+html div.box_bag .content.okat { width: 333px; height: 42px; } div.box .content_catalog { border: 1px solid #333; border-top: none; background: #fff; padding: 5px 1px 5px 1px; } div.box .special { background: #fffdee; } #box_ohne_risiko { margin: 0; padding: 0 0 0 0px; width: auto; list-style-type: none; } #box_ohne_risiko li { background-position: 0px 2px; background-repeat: no-repeat; margin: 1px 0px 0px 0px; padding: 0px 0px 1px 17px; /*border-bottom: 1px solid #F2F2DA;*/ } .box_flashkatalog a { display: block; height: 130px; width: 175px; text-decoration: none; margin: 10px 0; } .box_flashkatalog a b { display: block; text-decoration: underline; } .box_flashkatalog a img { text-decoration: none; } /* Empfehlungen durch Kundenkaeufe (Detailansicht) */ div.content div.empfehlungsBox { float: left; width: 65px; text-align: left; background-image: none; padding: 0px; margin: 10px 0px 0px 0px; width: 197px; } div.content div.empfehlungsBox.left { margin-left: 5px; } * html div.content div.empfehlungsBox.left { margin-left: 2px; } div.content div.empfehlungsBox.middle { margin-left: 11px; } div.content div.empfehlungsBox.right { margin-left: 11px; } div.content p.empfehlungsBoxHeaderText { margin: 0px 0px 0px 5px; padding: 0px; font-weight: bold; } div.content div.empfehlungsBox img { float: left; margin: 0px 10px 0px 0px; } div.content div.empfehlungsBox p { margin: 0px; padding: 0px; font-weight: bold; } div.content div.empfehlungsBox p.unit, div.content div.empfehlungsBox p.price { margin: 2px 0px 0px 0px; } div.content div.empfehlungsBox p.unit { font-weight: normal; } /* Beginn Listung der Artikel */ div.articleList{ float:left;width:189px;height:283px;border:solid 1px #888;margin:0px 13px 23px 0px; } div.articleList div { text-align:center; font-weight:bold; background-position: top center; background-repeat: no-repeat; } div.namePriceBox { padding: 3px; height: 70px; } p.namePriceBox_name { font-size: 12px; margin-bottom: 0px; } div.linkButtonInfoImgBox { height: 55px; position: relative; } div.linkButtonInfoImgBox_link { position: absolute; top: 0px; left: 10px; } div.linkButtonInfoImgBox_buttonInfo { position: absolute; top: 20px; left: 0px; width: 150px; } img.linkButtonInfoImgBox_buttonImg { margin-left: -5px; } div.linkButtonInfoImgBox_soldout { font-weight: bold; } div.linkButtonInfoImgBox_imgnew { position: absolute; top: 0pt; left: 150px; } div.soldout { font-weight: normal; color: red; } div.articleList.smallVersion { border-bottom: none; /*height: 294px;*/ } div.articleList.smallVersion div.toCart { width:191px; height:28px; background-image: url('/images/webgraf/buttons/button_cart_sprite.gif'); background-repeat:no-repeat; background-position:0 0;} div.articleList.smallVersion div.inCart { width:191px; height:28px; background-image: url('/images/webgraf/buttons/button_cart_sprite.gif'); background-repeat:no-repeat; background-position:0 -28px;} div.articleList.smallVersion div.notAvailable { width:191px; height:28px; background-image: url('/images/webgraf/buttons/button_cart_sprite.gif'); background-repeat:no-repeat; background-position:0 -56px;} div.articleList.smallVersion div.boxBackgroundPicture { width: 189px; height: 189px; position: relative; } div.articleList.smallVersion div.boxBackgroundPicture div { position: absolute; top: 5px; left: 5px; } div.articleList.smallVersion div.boxBackgroundPicture div.video { position:absolute; left:139px; top:138px; width:50px; height:51px; } div.articleList.smallVersion div.boxBackgroundPicture div.discount { position:absolute; left:140px; top:-1px; } div.articleList.smallVersion div.namePriceBox { position: relative; } div.articleList.smallVersion div.namePriceBox p.namePriceBox_name { margin: 0px; } div.articleList.smallVersion div.namePriceBox p.namePriceBox_price { position: absolute; top: 54px; left: 7px; font-size: 16px; margin: 0px; padding: 0px; text-align: left; } div.articleList.smallVersion div.namePriceBox p.namePriceBox_price span { font-weight: normal; font-size: 10px; } div.articleList.smallVersion div.namePriceBox p.namePriceBox_price span.discount { font-weight: bold; font-size: 16px; color: #FF0000; } div.articleList.smallVersion div.namePriceBox p.namePriceBox_price span.normal { font-weight: bold; font-size: 16px; } div.articleList.smallVersion div.namePriceBox div.boxMoreInfos { position: absolute; top: 60px; left: 118px; font-size: 10px; } div.articleList.smallVersion div.namePriceBox div.boxMoreInfos img { float: left; padding: 3px 5px 0px 0px; } div.articleList.smallVersion div.namePriceBox div.boxMoreInfos a { text-decoration: none; font-weight: normal; } div.articleList.smallVersion div.namePriceBox div.boxOldPrice { position: absolute; top: 28px; left: 7px; } div.articleList.smallVersion div.namePriceBox div.boxOldPrice.topper { top: 16px; } div.articleList.smallVersion div.namePriceBox div.boxOldPrice p { text-decoration: line-through; font-size: 11px; } /* Ende Listung der Artikel */ div.outerDescription { } * html div.outerDescription { margin-top: 20px; } *:first-child+html div.outerDescription { margin-top: 20px; } *:first-child+html div.outerDescription div.additionalPictures { padding-top: 20px; } * html div.outerDescription div.additionalPictures { padding-top: 20px; } div.product_box_pic { float:left; margin-right: 10px; margin-top:10px; background-repeat: no-repeat; background-position: center top; } * html div.product_box_pic { float:left; margin-right: 10px; margin-top:10px; background-repeat: no-repeat; background-position: center top; margin-top: -10px; } * + html div.product_box_pic { float:left; margin-right: 10px; margin-top:10px; background-repeat: no-repeat; background-position: center top; margin-top: -10px; } div.product_box_description .langbezeichnung { font-size: 11px; font-weight: normal; } div.product_box_description p.langbezeichnung { margin: 9px 0px 9px 0px; } div.product_box_description { margin-left: 213px; } * html div.product_box_description { margin-left: 213px; margin-top:-20px; } * + html div.product_box_description { margin-left: 213px; margin-top:-20px; } .artikelnr { text-align: left; font-weight: bold; color:#000; margin-top:10px; margin-bottom:0px; background-image:none; } /* AGB */ h4.agb { margin: 10px 31px 0 31px; font-size: 1.0em; } h4.agb.border { margin: 10px 15px 0 15px; } p.agb { margin: 0 31px 10px 31px; } p.agb.border { margin: 0 15px 10px 15px; } /* Angebot der Woche und Meine/Unsere Empfehlungen */ div.recommArticleMainBox { width: 100%; height: auto; } div.recommArticleMainBoxLeft { width: 293px; float: left; height: auto; } div.recommArticleMainBoxRight { width: 293px; float: right; height: auto; } div.recommArticleBox { float: left; width: 293px; margin-top: 10px; margin-right: 11px; margin-bottom: 10px; } div.recommArticleBox.special { width: 607px; } /* Anpassung AdW breit */ * html div.recommArticleBox { margin-right: 0; } div.recommArticleBoxInnerBox.adwBox { border-left: 3px solid #e00000; border-right: 3px solid #e00000; } * html div.recommArticleBoxInnerBox.adwBox { border-left: 3px solid #e00000; border-right: 3px solid #e00000; } div.recommArticleBoxInnerBox p { height: 72px; padding: 2px 5px 2px 5px; margin: 0; } div.recommArticleBoxInnerBox p span { white-space: nowrap; } div.recommArticleBoxInnerBox .recommNamePres { height: 32px; padding-bottom: 5px; padding-top: 10px; font-size: 1.4em; font-weight: bold; } * html div.recommArticleBoxInnerBox .recommNamePres { } div.recommArticleBoxInnerBox .recommNamePres.special { height: 1.4em; } /* Anpassung AdW breit */ div.recommArticleBoxInnerBox .recommName { height: 32px; font-weight: bold; } div.recommArticleBoxInnerBox .recommName.special { height: 16px; } /* Anpassung AdW breit */ div.recommArticleBoxInnerBox p.recommDescr { height: 36px; padding: 2px 5px 2px 5px; margin: 0; } div.recommArticleBoxInnerBox .cartButton { float: left; margin-top: 5px; height: 42px; } div.recommArticleBoxInnerBox .cartButton img { margin-left: 5px; } div.recommArticleBoxInnerBox .articleNo { margin-top: 5px; float: left; font-weight: bold; width: 126px; padding-right: 5px; text-align: right; } div.recommArticleBoxInnerBox .articleNo.only { width: 208px; } div.recommArticleBoxInnerBox .articleNo.only.special { width: 520px; } /* Anpassung AdW breit */ div.recommArticleBoxInnerBox .pieces { margin-top: 5px; float: left; font-weight: bold; width: 77px; text-align: right; } div.recommArticleBoxInnerBox .price { margin-top: 5px; text-align: right; font-weight: bold; padding-right: 5px; } /* Tooltip -> Anzeige Versandkosten-Extra im WK */ div#menu-orderCard { position: relative; z-index: 100; width: 20px; float: left; } div#menu-orderCard a { display: block; text-align: left; text-decoration: none; color: black; } div#menu-orderCard a:hover { color: #441111; background: white; } div#menu-orderCard a span { display: none; } div#menu-orderCard a:hover span { display: block; position: absolute; top: 25px; left: 0px; width: 390px; padding: 5px; z-index: 100; color: #000000; background: #FFFFCC; text-align: left; border: 1px solid black; } div#menu-orderCard a:hover span.order { width: 576px; } div#menu-orderCard a:hover span p { margin-top: 0px; } /* Tooltips - Grundkonfiguration */ div.tooltip { position: relative; } div.tooltip a { display: block; text-align: left; text-decoration: underline; color: black; } div.tooltip a:hover { color: black; background: white; } div.tooltip a span { display: none; text-decoration: none; } div.tooltip a:hover span { display: block; position: absolute; left: 0px; padding: 5px; z-index: 10001; color: #000000; background: #FFFFCC; text-align: left; border: 1px solid black; text-decoration: none; } /* Anpassungen Geschenkverpackung/Bildgutschein auf Detailseite */ div.tooltip.detail a:hover span { top: 20px; width: 250px; } *:first-child+html div.tooltip.detail a:hover span { top: 20px; width: 138px; } /* Anpassungen Logos auf Detailseite */ div.tooltip.logos a img { margin-right: 10px; margin-bottom: 10px; } div.tooltip.logos a:hover span { top: 20px; left: 20px; width: 250px; } div.tooltip.logos { float: left; display: inline; } * html div.tooltip.logos a:hover span { top: 20px; left: 180px; width: 200px; padding: 10px; } *:first-child+html div.tooltip.logos a:hover span { top: 20px; left: 180px; width: 200px; padding: 10px; } /* Tooltip -> Anpassungen Links Freundschaftswerbung */ a.tooltip.friendship { text-decoration: underline; } a.tooltip.friendship:hover span { top: -40px; left: 5px; width: 300px; text-decoration: none; } * html a.tooltip.friendship:hover span { top: 20px; left: 0px; width: 300px; } /* IE 6 */ *:first-child+html a.tooltip.friendship:hover span { top: 20px; left: 0px; width: 300px; } /* IE 7 */ /* Tooltip - Grundkonfiguration */ a.tooltip { position: relative; /* z-index: 2424; */ background-color: white; text-decoration: none; } a.tooltip:hover { z-index: 25; /* a different background color is needed by IE6 ! */ background-color: #FEFEFE; } a.tooltip span { display: none; } a.tooltip:hover span { display: block; position: absolute; top: 1px; left: 1px; width: 1px; border: 1px solid #959595; padding: 5px; background-color: #FFFFCC; color: black; text-align: left; } /* Tooltip -> Anpassungen Info-Button Erklaerung Portion */ a.tooltip.portion:hover span { top: -165px; left: -395px; width: 380px; } *:first-child+html a.tooltip.portion:hover span { left: -390px; } /* Tooltip -> Anpassungen neue Detailseite */ a.tooltip.detailpage.newDesign:hover span { top: 20px; left: -416px; width: 567px; padding: 0px; } * html a.tooltip.detailpage.newDesign:hover span { top: -235px; left: -409px; width: 567px; padding: 0px; } *:first-child+html a.tooltip.detailpage.newDesign:hover span { top: -235px; left: -409px; width: 567px; padding: 0px; } /* Tooltip -> Anpassungen neue Detailseite -> Icons */ a.tooltip.icons:hover span { width: 250px; background-color: white; left: 15px; top: 15px; } * html a.tooltip.icons:hover span { width: 250px; background-color: white; left: 15px; top: 0px; } *:first-child+html a.tooltip.icons:hover span { width: 250px; background-color: white; left: 15px; top: 0px; } /* Tooltip -> Anpassungen Info-Button im WK (cart.html) */ a.tooltip.versandkosten:hover span { top: 10px; left: -380px; width: 350px; background-color: #FFFFFF; padding: 0px 15px 0px 15px; } * html a.tooltip.versandkosten:hover span { padding: 15px 15px 15px 15px; } *:first-child+html a.tooltip.versandkosten:hover span { padding: 15px 15px 15px 15px; } /* Tooltip -> Anpassungen Info-Button im WK (cart.html) */ a.tooltip.lieferzeiten:hover span { top: 20px; left: 20px; width: 576px; } /* Tooltip -> Anpassungen Detailseite */ a.tooltip.detailpage:hover span { top: 15px; left: -5px; width: 576px; background-color: #FFFFFF; border: none; padding: 1px; } /* Tooltip -> Anpassungen Info-Button im WK (cart.html) */ a.tooltip.ordercart img { margin-right: 5px; } a.tooltip.ordercart:hover span { top: 20px; left: 20px; width: 300px; } /* Tooltip -> Anpassungen Info-Button tharukaSelect */ a.tooltip.tharuka:hover span { font-weight: normal; top: 20px; left: -20px; width: 200px; } a.tooltip.spartipp img { } a.tooltip.spartipp:hover span { top: 10px; left: 10px; width: 150px; } /* Tooltip -> Anpassungen Logos auf Detailseite */ a.tooltip.logos:hover span { top: 20px; left: 20px; width: 250px; } * html a.tooltip.logos:hover span { top: 20px; left: 20px; width: 250px; } /* IE 6 */ *:first-child+html a.tooltip.logos:hover span { top: 20px; left: 20px; width: 250px; } /* IE 7 */ /* Tooltip -> Anpassungen Links Geschenkverpackung/Bildgutschein auf Detailseite */ a.tooltip.service { text-decoration: underline; } a.tooltip.service:hover span { top: 15px; left: 0px; width: 250px; text-decoration: none; } * html a.tooltip.service:hover span { top: 20px; left: 0px; width: 250px; } /* IE 6 */ *:first-child+html a.tooltip.service:hover span { top: 20px; left: 0px; width: 250px; } /* IE 7 */ /* Firefox Bindestrich Umbruch */ .fftrenner:after { content: "\200B"; } /* Ende Firefox Bindestrich Umbruch */ /* General blank space with zero width */ .blankZeroWidth { font-size: 0; } /* Beginn - Box mit Treffern zum Suchergebnisses in Kategorien */ div.relatedCategories { font-weight: bold; margin: 5px 0; } div.relatedCategories span.hits { color: grey; display: inline; font-weight: normal; text-decoration: none; } div.relatedCategories a { display: block; width: 100%; text-decoration: underline; } div.relatedCategories span { display: block; } div.relatedCategories span.h4 { display: block; margin-left: 5px; } div.relatedCategories span.h5 { display: block; margin-left: 10px; } div.relatedCategories span.h6 { display: block; margin-left: 15px; } div.relatedCategories span.h7 { display: block; margin-left: 20px; } /* Ende - Box mit Treffern zum Suchergebnisses in Kategorien */ /* ***************** Begin: Box-Menu Meine/Unsere Produkte ******************* */ #menu_products { padding: 0 0 5px 0; margin: 0; width: 173px; } #menu_products a, #menu_products a:visited { position: relative; display: block; min-height: 12px; color: #000000; padding-left: 18px; padding-bottom: 3px; padding-top: 3px; padding-right: 7px; text-decoration: none; font-weight: normal; width: auto; } #submenu_products { padding: 0; margin: 0; width: 173px; } /* ***************** End: Box-Menu Meine/Unsere Produkte ******************* */ /* ***************** Begin: Customer account ******************************* */ #customer_account { margin: 0 24px 10px 0; height: auto; float: left; width: 607px; } #customer_account .h_line { width: 621px; height: 7px; background-color: #EDEDED; } #customer_account .h_line.h_infoline { height: 28px; } #customer_account .h_line.h_infoline span { display: block; float: left; font-size: 1.1em; font-weight: bold; padding: 7px 0 0 20px; width: 448px; } #customer_account .h_line.h_infoline span.save_msg { background-color: yellow; border: 1px solid red; display: block; float: left; font-size: 1.1em; font-weight: bold; height: 20px; margin: 0 10px; padding: 6px 0 0 9px; width: 457px; } * html #customer_account .hline span.save_msg { width: 447px; } #customer_account .content { background-color: #FFFFFF; border-left: 2px solid #EDEDED; border-right: 2px solid #EDEDED; clear: both; height: auto; padding: 5px; width: 607px; } #customer_account .content.billAdress { height: 345px; padding: 10px 0 10px 10px; } #customer_account .content.deliverAdress { height: 250px; padding: 5px 0 10px 10px; } #customer_account .content.payment { height: 250px; padding: 5px 0 10px 10px; } #customer_account .content.loginData { height: 160px; padding: 5px 0 10px 10px; } #customer_account .content.orderHistory { height: 360px; padding: 5px 0 10px 10px; } #customer_account .content.orderHistoryDetail { height: auto; padding: 5px 0 10px 10px; } #customer_account .invoiceAddress { width: 295px; float: left; height: 125px; margin-left: 5px; } #customer_account .deliveryAddress { width: 295px; height: 125px; margin-left: 315px; } #customer_account .miscInfo { clear: both; width: 605px; height: 85px; margin-left: 5px; } #customer_account .paymentMethod { width: 605px; height: auto; margin-top: 10px; margin-left: 5px; } #customer_account hr.decollator { width: 600px; margin-left: 5px; border: 1px solid #EDEDED } #customer_account .orderData { clear: both; width: 605px; height: auto; } #customer_account .orderData.tbl { border: medium none; width: 605px; } * html #customer_account .orderData.tbl { margin-left: 5px; } #customer_account .orderData.tbl th { background-color: #EDEDED; text-align: center; } #customer_account .orderData.tbl th.img { width: 30px; } #customer_account .orderData.tbl td { text-align: center; vertical-align: middle; } #customer_account .orderData.tbl td img.pic { width: 30px; height: 30px; } #customer_account .orderData.tbl td img.opt { width: 24px; height: 30px; } #customer_account .orderData.tbl td.noPic { width: 30px; height: 30px; background-color: #EDEDED; } #customer_account .orderData.tbl td.artName { text-align: left; } #customer_account .orderData.tbl td.posAmount { text-align: right; margin-right: 2px; margin-left: 2px; } #customer_account .orderData.tbl td.costs { text-align: left; padding-left: 5px; } #customer_account .orderData.tbl td.costsSum { text-align: right; } #customer_account .topline { background: #FFFFFF none repeat scroll 0 0; } #customer_account .topline div { background: transparent url(/images/webgraf/boxes/box_top_left_corner.gif) no-repeat left top; position: relative; top: 0; left: 0; height: 7px; } #customer_account .topline div div { background-color: #EDEDED; width: 621px; } #customer_account .topline div div div { background: transparent url(/images/webgraf/boxes/box_top_right_corner.gif) no-repeat right top; position: relative; top: 0; right: 0; } #customer_account .bottomline { background-color: #EDEDED; width: 621px; height: 2px; } /* ***************** End: Customer account ********************************* */ /* Begin: Navibar order history */ .naviOrderHistory { text-align: center; } .naviOrderHistory ul { display: table; margin: 0 auto; padding: 0; white-space:nowrap; list-style-image: none; list-style-position: outside; list-style-type: none; } .naviOrderHistory ul li { display: table-cell; float: left; font-weight: bold; width: 17px; height: 15px; padding: 0 2px; } .naviOrderHistory ul li.left { text-align: left; } .naviOrderHistory ul li.right { text-align: right; } .naviOrderHistory ul li a { display: block; } .naviOrderHistory ul li img { vertical-align: middle; } .naviOrderHistory.container {clear:both; text-decoration:none;} * html .naviOrderHistory.container {display:inline-block;} *:first-child+html .naviOrderHistory.container {display:inline-block;} /* End: Navibar order history */ /* Content-Template */ .contentBox h2 { font-size: 12px; } .contentBodyText p, .contentBodyText ul, .contentBodyText li { margin: 0px 0px 5px 0px; } .contentBodyText ul { padding-left: 20px; } .contentTyp1, .contentTyp7 { padding: 10px 10px 0px 0px; } .contentTyp7 { background-color: #FFFFE1; margin: 10px 0px 10px -10px; padding: 10px; } /* ***** Top-Suchbegriffe ***** */ div.search-bubble-header { margin-left:19px !important; } div.search-bubble-header div div, div.search-bubble-header div div div { width:116px; } div.search-bubble-overall { margin-left:19px; width:585px; } div.search-bubble-box { width:430px; text-align:center; margin:10px auto; } div.search-bubble-box a { margin:0 1px; text-decoration:none; } div.search-bubble-box a:hover { text-decoration:underline; } /* ***** Tag-Cloud Schriftgröße ***** */ div.search-bubble-box a.tagSize1 { font-size:12px; } div.search-bubble-box a.tagSize2 { font-size:13px; } /* div.search-bubble-box a.tagSize3 { font-size:13px; } */ div.search-bubble-box a.tagSize3 { font-size:13px; } /* div.search-bubble-box a.tagSize4 { font-size:14px; } */ div.search-bubble-box a.tagSize4 { font-size:14px; } /* div.search-bubble-box a.tagSize5 { font-size:15px; } */ div.search-bubble-box a.tagSize5 { font-size:14px; } /* div.search-bubble-box a.tagSize6 { font-size:16px; } */ div.search-bubble-box a.tagSize6 { font-size:15px; } /* div.search-bubble-box a.tagSize7 { font-size:17px; } */ div.search-bubble-box a.tagSize7 { font-size:15px; } /* div.search-bubble-box a.tagSize8 { font-size:18px; } */ div.search-bubble-box a.tagSize8 { font-size:16px; } /* div.search-bubble-box a.tagSize9 { font-size:19px; } */ div.search-bubble-box a.tagSize9 { font-size:16px; } /* div.search-bubble-box a.tagSize10 { font-size:20px; } */ div.search-bubble-box a.tagSize10 { font-size:17px; } /* div.search-bubble-box a.tagSize11 { font-size:21px; } */ div.search-bubble-box a.tagSize11 { font-size:17px; } /* div.search-bubble-box a.tagSize12 { font-size:22px; } */ div.search-bubble-box a.tagSize12 { font-size:18px; } /* div.search-bubble-box a.tagSize13 { font-size:23px; } */ div.search-bubble-box a.tagSize13 { font-size:19px; } /* div.search-bubble-box a.tagSize14 { font-size:24px; } */ div.search-bubble-box a.tagSize14 { font-size:20px; } /* div.search-bubble-box a.tagSize15 { font-size:25px; } */ div.search-bubble-box a.tagSize15 { font-size:21px; } /* div.search-bubble-box a.tagSize16 { font-size:26px; } */ div.search-bubble-box a.tagSize16 { font-size:22px; } div.search-bubble-box a.tagSize17 { font-size:27px; } div.search-bubble-box a.tagSize18 { font-size:28px; } div.search-bubble-box a.tagSize19 { font-size:29px; } div.search-bubble-box a.tagSize20 { font-size:30px; } /* ***** Suche: Text wenn nichts gefunden wird ***** */ div.search-not-found { margin-left:19px; font-size:15px; } p.search-bubble-text { margin-left:19px; font-size:15px; } div.search-not-found strong.query-string { color:red; } div.search-not-found li { font-weight:bold; } div.search-not-found span.not-bold { font-weight:normal; } /* Login-Box Mitte */ #login_box fieldset { border: none; margin: 0; } #login_box fieldset div.form_input { float: left; } #login_box fieldset div.form_input div.form_input_field { background-color: #EAEAEA; font-size: 11px; font-weight: bold; margin-bottom: 1px; width: 372px; } #login_box fieldset div.form_input div.form_input_checkbox { font-size: 11px; font-weight: bold; margin-bottom: 1px; width: 372px; } #login_box fieldset div.form_input div.form_input_field label { display: block; float: left; padding: 4px; width: 130px; } #login_box fieldset div.form_input div.form_input_field label.error { color: #AA0000; } #login_box fieldset div.form_input div.form_input_field input.error { background-color: #FFF4B2; } #login_box fieldset div.form_input div.form_input_checkbox label { display: block; float: left; padding: 4px; width: 130px; } #login_box fieldset div.form_input div.form_input_button { margin-bottom: 1px; width: 372px; } #login_box fieldset div.form_input div.form_input_button input { left: 106px; } /* IE7 only */ *:first-child+html #login_box fieldset div.form_input div.form_input_button input { left: 244px; } /* IE6 only */ * html #login_box fieldset div.form_input div.form_input_button input { left: 244px; } /* Bestseller box */ /* #bestseller { height:330px; } */ #bestseller li { left: -14px; list-style-type: none; position: relative; width: 130px; height:120px; } #bestseller li img.bestprop_rank { left: -36px; margin-right: -38px; position: relative; top: -20px; } #bestseller li div.bestprop_price { font-weight: bold; font-size: 1.2 em; left: 70px; position: relative; top: -55px; width: 65px; } #bestseller li div.bestprop_price span { font-weight: normal; } #bestseller li div.bestprop_name { font-weight:bold; left:0px; /* left:-31px; */ position:relative; /* text-align:center; */ top:-40px; width:126px; /* width:163px; */ } /* Begin catalog overview */ h1.catalog_headline { font-size:1.2em; } div.catalog_list { background-color:#F1EDD5; margin:0 3px; padding:5px; } div.catalog_list .listbox { margin:30px 5px; height:79px; border:1px solid #333333; background-color:#FFFFFF; } div.catalog_list .listbox .name { float:left; height:69px; width:125px; padding:5px; } div.catalog_list .listbox .catimg { float:left; height:79px; } div.catalog_list .listbox .catimg .upright { bottom:21px; position:relative; } * html div.catalog_list .listbox .catimg .upright { bottom:0; } div.catalog_list .listbox .catimg .landscape { position:relative; } div.catalog_list .listbox .descr { float:left; height:53px; width:385px; padding:5px; } div.catalog_list .listbox .descr.short { width:343px; } div.catalog_list .listbox .descr ul { margin: 0 0 0 20px; padding: 0; } div.catalog_list .listbox .links { float:right; text-align: right; padding-right:5px; width: 240px; } div.catalog_list .listbox .links a { font-weight:bold; } div.catalog_list .listbox .links a.catalog_order{ background: transparent url(/images/webgraf/catalog_order.gif) no-repeat; background-position:middle left; padding-left:30px; } div.catalog_list .listbox .links a.catalog_scroll{ background: transparent url(/images/webgraf/catalog_scroll.gif) no-repeat; background-position:middle left; padding-left:20px; } /* End catalog overview */ /* common/common.css */ /* gp/css/header.css */ /* GAERTNER POETSCHKE CSS Header */ /* CSS-Styles for header layout gp *************/ /* Complete header box *************************/ #header { height: 150px; position: relative; width: 995px; } /***********************************************/ /* Logo box ************************************/ #header div.top_logo_box { position: absolute; top: 13px; left: 0px; width: 430px; height: 110px; } #header div.top_logo_box img { margin-right: 5px; } /***********************************************/ /* Customer loggedin box ***********************/ #header div.customer_loggedin_box { font-size: 1.1em; font-weight: bold; left: 20px; position: absolute; text-align: right; top: 18px; width: 417px; } /***********************************************/ /* Navi list ***********************************/ #header ul.top_navi_list { position: absolute; top: 0; right: 0; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; height: 20px; } #header ul.top_navi_list li { float: left; } /***********************************************/ /* Info box ************************************/ #header div.top_info_box { position: absolute; top: 20px; right: 0; width: 417px; } * html #header div.top_info_box { width: 455px; } #header div.top_info_box div { float: left; } #header div.top_info_box div.info_box_head { background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat scroll 0px -244px; margin-left: 5px; width: 134px; height: 80px; } #header div.top_info_box div.info_box_head h3 { background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat scroll -646px -306px; display: block; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; margin: 0 0 0 10px; padding: 0 10px 0 0; vertical-align: middle; width: auto; color: #FFFFFF; } #header div.top_info_box div.info_box_head.scart { background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat scroll 0px -122px; width: 134px; } #header div.top_info_box div.info_box_head.scart h3 { background: transparent url(/images/webgraf/sprites/spriteBoxHeader.gif) no-repeat scroll -646px -183px; color: #000000; } #header div.top_info_box div.info_box_head.scart h3 img { margin-right: 6px; vertical-align: middle; } #header div.top_info_box div.info_box_head div ul { list-style-image: url(/images/webgraf/list_triangle_gp.gif); list-style-type: none; margin: 0 0 -18px 20px; padding: 0; position: absolute; bottom: 0; } #header div.top_info_box div.info_box_head div.shoppingcart.button ul { top: 55px; } * html #header div.top_info_box div.info_box_head div ul { margin-bottom: 0; } #header div.top_info_box div ul li { margin-bottom: 1px; } #header div.top_info_box div div.info { margin: 4px 0 0; position: absolute; } #header div.top_info_box div.service { background: #FFFFFF none repeat scroll 0 0; border-color: #888888; border-style: none solid solid; border-width: medium 1px 1px; width: 132px; height: 80px; } #header div.top_info_box div.customer_account { background: #FFFFFF none repeat scroll 0 0; border-color: #888888; border-style: none solid solid; border-width: medium 1px 1px; width: 132px; height: 80px; } #header div.top_info_box div.customer_account div.info div.row div.message { padding-left: 5px; width: 130px; height: 80px; } #header div.top_info_box div.shoppingcart { background: #FFFFFF none repeat scroll 0 0; border-color: #888888; border-style: none solid solid; border-width: medium 1px 1px; width: 132px; height: 80px; } #header div.top_info_box div.shoppingcart.button { height: 53px; border-bottom: none; } #header div.top_info_box div.shoppingcart.imgbtn { border:none; height:28px; position:relative; } #header div.top_info_box div.shoppingcart.imgbtn span { cursor:pointer; font-weight:bold; left:42px; margin:0; padding: 0; position:absolute; top: 7px; } #header div.top_info_box div.shoppingcart span sub img { margin-right: 5px; } #header div.top_info_box div.shoppingcart div.info div.row div.articles { /* display: table-cell; */ padding-left: 5px; width: 60px; } #header div.top_info_box div.shoppingcart div.info div.row div.price { padding-right: 5px; text-align: right; width: 62px; } /***********************************************/ /* FF-Suggest **********************************/ /* needed otherwise the searchBoxLine will pop-up in IE */ div.suggestFormWrap.v2 {position:absolute;z-index:1001;top:130px;left:575px;} div.suggestFormWrap.v2 form label {color:#fff;font-size:1.3em;font-weight:bold;} div.suggestFormWrap.v2 form input.searchkey {border:1px solid #333333;font-weight: bold;padding: 1px 3px;width: 320px;} div.suggestFormWrap.v2 form input.go {left:-4px;position: relative;top:5px;} div.suggestLayer { position: relative;top: 0; left: -35px; width: 1px; height: 1px; display: none; padding: 0; margin: 0; z-index: 1000; background-color: white; background: transparent; /*even after applying special filter for IE8 opacity creates problem */ /* Opacity for IE8 */ /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */ /*Opcaity for IE7 */ /* filter: alpha(opacity=90) */ /* Opcaity for other browsers */ /* opacity: .75; */ } table.suggestLayer {font-size:11px;width:130px;border:1px solid #888;height:12px;background-color:white;color:#326a27;cursor:pointer;} tr.suggestLayer {height:12px;} td.suggestLayer {padding:0;height:12px;} tr.suggestHeader {color:#173553;font-weight:normal;font-size:10px;} tr.suggestHeader td {border-bottom:1px solid #888;padding:3px 3px 3px 5px;} td.suggestFooter {height:25px;border-top:solid 1px #888;font-size:9px;color: #173553;background-color: #FCFCFC;background-repeat: no-repeat;background-position: right;} td.suggestTextQuery {font-weight: bold;padding: 2px 15px 2px 10px;} span.suggestTextQueryTyped {color:#8ca267;text-decoration:underline;} td.suggestTextType {padding: 2px 5px 2px 15px;width: 30%;} td.suggestTextAmount {padding: 2px 5px 2px 15px;width: 30%;text-align: right;} tr.suggestRow {padding: 2px 2px 2px 0px;background-color: #FCFCFC;} tr.suggestHighlight {color: #FCFCFC;background-color: #459135;} tr.suggestHighlight span.suggestTextQueryTyped {color:white;} td.suggestImage {height: 40px;} td.suggestImage img {height:40px;} /***********************************************/ /* Searchbar ***********************************/ #searchbar { background:#037F00 url(/images/webgraf/searchbar_background_gp_v2.gif) repeat-x scroll center top; clear: both; width: 995px; color: #FFFFFF; font-size: 1.1em; height: 22px; overflow: hidden; padding: 0; position: absolute; top: 127px; left: 0; text-align: center; } #searchbar label { font-weight: bold; position: relative; top: -5px; } #searchbar input.input_searchkey { border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-top: 1px solid #333333; font-weight: bold; padding: 1px 3px; top: -4px; width: 290px; } * html #searchbar input.input_searchkey { top: -3px; } *:first-child+html #searchbar input.input_searchkey { top: -3px; } #searchbar input.submit_searchkey { left: -4px; position: relative; top: 1px; } /***********************************************/ /* gp/css/header.css */ /* stylesTabs.css */ /* Caution! Ensure accessibility in print and other media types... */ .ui-tabs-panel{border:1px solid #959595;padding:0 10px 10px 10px} .ui-tabs-nav{list-style-type:none;margin:0;padding:10px 0 25px} .ui-tabs-nav li{float:left;margin-right:3px} .ui-tabs-nav li a{display:block;text-decoration:none} .ui-tabs-nav li a b.tabslider{background:none repeat scroll 0 0 transparent} .ui-tabs-nav li a b.tabslider b.top{background:none repeat scroll 0 0 transparent;display:block;font-size:1px} .ui-tabs-nav .b1,.ui-tabs-nav .b2,.ui-tabs-nav .b3,.ui-tabs-nav .b4{display:block;overflow:hidden} .ui-tabs-nav .b1,.ui-tabs-nav .b2,.ui-tabs-nav .b3{height:1px} .ui-tabs-nav .b2,.ui-tabs-nav .b3,.ui-tabs-nav .b4{background:none repeat scroll 0 0 #F3F0DD;border-left:1px solid #959595;border-right:1px solid #959595} .ui-tabs-nav .ui-tabs-selected .b2,.ui-tabs-nav .ui-tabs-selected .b3,.ui-tabs-nav .ui-tabs-selected .b4{background:none repeat scroll 0 0 #FFF} .ui-tabs-nav .b1{background:none repeat scroll 0 0 #959595;margin:0 5px} .ui-tabs-nav .b2{border-width:0 2px;margin:0 3px} .ui-tabs-nav .b3{border-width:0 2px;margin:0 2px} .ui-tabs-nav .b4{border-width:0 1px;margin:0 1px;height:2px} .ui-tabs-nav .tabslider span{background:none repeat scroll 0 0 #F3F0DD;display:block;color:#000;font-weight:bold;margin:0;padding-bottom:6px;padding-left:0.5em;padding-right:0.5em;text-align:center;border-top:none;border-right:1px solid #959595;border-left:1px solid #959595;height:14px} .ui-tabs-nav .tabslider span img{float:left} .ui-tabs-nav .tabslider span img.ordernotes,.ui-tabs-nav .tabslider span img.documents{margin-top:1px;margin-right:5px} .ui-tabs-nav .ui-tabs-selected .tabslider span{background:none repeat scroll 0 0 #FFF;height:15px} *:first-child+html .ui-tabs-nav li a b.tabslider{cursor:pointer} *:first-child+html .ui-tabs-nav .tabslider span,*:first-child+html .ui-tabs-nav .ui-tabs-selected .tabslider span{height:14px} @media projection, screen { .ui-tabs-hide { display: none; } } @media print { .ui-tabs-nav { display: none; } } /* stylesTabs.css */ /* stylesCarousel.css */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 200px; height: 200px; } /** * The buttons are added dynamically by jCarousel before * the