/* all css definitions */ /* public classes */ body { background-color: #000000; background-image: url(../Images/bg_body.gif); background-repeat: repeat-x; margin: 0; padding: 0; color: #222; font-size: 0.7em; line-height: 1.35em; height: 100%; font-family: Verdana, Arial, sans-serif; } body.stripes { background-image: url(../Images/bg_stripes.gif); } a { text-decoration: none; border: none; outline: none; } a:hover { text-decoration: none; border: none; outline: none; } img { border: 0px; } legend { display: none; } fieldset { margin: 0px; padding: 0px; border: none; } h1 { margin: 0; padding: 0; position: absolute; left: 180px; width: 680px; height: 1.8em; font-size: 1.8em; font-weight: normal; color: #fff; } /* hack to prevent padding-top problem from I.E. during disabled flash/javascript */ * html h1 { padding-top: 3px; } h2 { margin: 0; padding: 0; height: 1.35em; font-size: 1.3em; color: #D70011; } h3 { margin: 0; padding: 0; height: 1.35em; font-size: 1.3em; margin-bottom: 1em; color:red;} h3.teaser { margin: 0; padding: 0; height: 1.35em; font-size: 1.3em; color: #D70011; } h4 { margin: 0; padding: 0; font-size: 1.0em; } h5 { margin: 0; padding: 0; font-size: 1.2em; } /*#bgContainer #contentFlash{background:green;padding-top:11px;clear:left;}*/ #wrap #contentFlash{padding-top:11px;} /* standard classes and selectors */ .clear { clear: both; float: none; font-size: 0em; } .invisible { display: none; } .floatLeft { float: left;margin-right:20px; } .floatRight { float: right; } .floatBreak { clear: both; } .alignLeft { float: left; margin-right: 10px; margin-bottom: 0px; } .alignRight { float: right; margin-left: 10px; margin-bottom: 10px; } .textBlock {width:125px; margin: 0; padding: 0; height: 65px;} .introText { clear: left; margin: 10px 5px 0 0; padding: 0; font-size: 1.1em; line-height: 1.35em; background-color: transparent; } .introTextForm {width:485px; clear: left; margin: 10px 25px 0 0; padding: 0; font-size: 1.1em; line-height: 1.35em; background-color: transparent; } .flashContainer { margin: 0; padding: 0; margin-bottom: 1em; } .errorFlash { margin: 0; padding: 1em; position: absolute; top: 200px; left: 300px; z-index: 100; width: 300px; height: 150px; background-color: #fff; border: 2px solid #B21B12; } /* definitions for all navigations */ /* Metanavigation */ #metaBar { text-align: right; margin: 0 0 10px 0; padding: 2px 0 0 0px; min-height: 32px; position: relative; width: 980px; background-color: transparent; } /* IE hack to provide IE problems */ * html #metaBar { height: 32px; } #metaBar select, #metaBar input, #metaBar submit { font-size: 0.8em; } #metaBar noscript { margin: 0 2px 0 0; padding: 0; } #metaBar select { width: 130px;} .metaBarInput { width: 120px; margin-right:3px; } #metaBar a { font-family: Verdana, Arial, sans-serif; color: #666; text-decoration: none; margin-right: 5px; vertical-align: baseline; font-size: 0.9em; } #metaBar a:hover { color: #000000; text-decoration: none; } #innercontainer{ float:right; } .formcontainer{float:left;margin-left:5px;} #topmenu{float:left;} /* Main Navigation */ #mainNavigation { margin: 0px 0px 4px 180px; padding: 0; height: 17px; width:810px; background-color: transparent;} #mainNavigation li { margin: 0; padding: 0; list-style-type: none; display: inline; } #mainNavigation span { margin: 0; padding: 0; display: none; } #mainNavigation a { margin: 0px; padding: 0px; float: left; display: block; height: 17px; background-repeat: no-repeat; } #mainNavigation a.prittworld,#mainNavigation a.prittworldAct { background-image: url(../Images/mainnavi_prittworld.gif); width: 125px; margin-left: 0px;} #mainNavigation a.prittworld:hover, #mainNavigation a.prittworldAct{ background-position: 0 -17px; } #mainNavigation a.products, #mainNavigation a.productsAct { background-image: url(../Images/mainnavi_products_at.gif); width: 97px; margin-left: 9px;} #mainNavigation a.products:hover, #mainNavigation a.productsAct { background-position: 0 -17px; } #mainNavigation a.buy, #mainNavigation a.buyAct{ background-image: url(../Images/mainnavi_where_at.gif); width: 150px; margin-left: 9px;} #mainNavigation a.buy:hover, #mainNavigation a.buyAct { background-position: 0 -17px; } #mainNavigation a.about, #mainNavigation a.aboutAct { background-image: url(../Images/mainnavi_about_at.gif); width: 107px; margin-left: 9px;} #mainNavigation a.about:hover, #mainNavigation a.aboutAct { background-position: 0 -17px; } #mainNavigation a.press { background-image: url(../Images/mainnavi_press.gif); width: 63px; margin-left: 9px;} #mainNavigation a.press:hover { background-position: 0 -17px; } #mainNavigation a.finder, #mainNavigation a.finderAct { background-image: url(../Images/mainnavi_productfinder_at.gif); width: 183px; margin-left: 117px;} #mainNavigation a.finder:hover, #mainNavigation a.finderAct{ background-position: 0 -17px; } /* Subnavigation */ #subNavigation { float: left; margin: 0 0 0 0; padding: 0; } * html #subNavigation { margin: 43px 0 0 0; } /* nur f�r IE 5.5 - 6.x */ * +html #subNavigation{ margin: 43px 0 0 0; } #subNavigation li { margin: 0; padding: 0; list-style-type: none; } /* IE hack to provide IE problems */ * html #subNavigation li { margin-top: -3px; } * html #subNavigation li.leftnav { margin-bottom: 2px; } * html #subNavigation li.leftnavAct { margin-bottom: 2px; } * html #subNavigation li.leftnavActNoSub { margin-bottom: 2px; } #subNavigation span { display: none; } #subNavigation a { margin: 0; padding: 0; display: block; height: 49px; width: 168px; background-repeat: no-repeat; } #subNavigation a.at_home { background-image: url(../Images/leftnavi_target_athome_at.gif); } #subNavigation a.at_home:hover { background-position: 0 -49px; } #subNavigation a.at_homeAct { background-image: url(../Images/leftnavi_target_athome_at.gif); background-position: 0 -98px; } #subNavigation a.at_school { background-image: url(../Images/leftnavi_target_atschool_at.gif); } #subNavigation a.at_school:hover { background-position: 0 -49px; } #subNavigation a.at_schoolAct { background-image: url(../Images/leftnavi_target_atschool_at.gif); background-position: 0 -98px; } #subNavigation a.at_work { background-image: url(../Images/leftnavi_target_atwork_at.gif); } #subNavigation a.at_work:hover { background-position: 0 -49px; } #subNavigation a.at_workAct { background-image: url(../Images/leftnavi_target_atwork_at.gif); background-position: 0 -98px; } #subNavigation a.kidsworld { background-image: url(../Images/leftnavi_target_kidsworld.gif); } #subNavigation a.kidsworld:hover { background-position: 0 -49px; } #subNavigation a.kidsworldAct { background-image: url(../Images/leftnavi_target_kidsworld.gif); background-position: 0 -98px; } #subNavigation a.adhesives { background-image: url(../Images/leftnavi_products_adhesives_at.gif); } #subNavigation a.adhesives:hover { background-position: 0 -49px; } #subNavigation a.adhesivesAct { background-image: url(../Images/leftnavi_products_adhesives_at.gif); background-position: 0 -98px; } #subNavigation a.correction { background-image: url(../Images/leftnavi_products_correction_at.gif); } #subNavigation a.correction:hover { background-position: 0 -49px; } #subNavigation a.correctionAct { background-image: url(../Images/leftnavi_products_correction_at.gif); background-position: 0 -98px; } #subNavigation a.tapes { background-image: url(../Images/leftnavi_products_tapes_at.gif); } #subNavigation a.tapes:hover { background-position: 0 -49px; } #subNavigation a.tapesAct { background-image: url(../Images/leftnavi_products_tapes_at.gif); background-position: 0 -98px; } #subNavigation a.fixing { background-image: url(../Images/leftnavi_products_fixing_at.gif); } #subNavigation a.fixing:hover { background-position: 0 -49px; } #subNavigation a.fixingAct { background-image: url(../Images/leftnavi_products_fixing_at.gif); background-position: 0 -98px; } #subNavigation a.productfinder { background-image: url(../Images/leftnavi_products_finder_at.gif); } #subNavigation a.productfinder:hover { background-position: 0 -49px; } #subNavigation a.productfinderAct { background-image: url(../Images/leftnavi_products_finder_at.gif); background-position: 0 -98px; } #subNavigation a.catalog { background-image: url(../Images/leftnavi_products_catalog_at.gif); } #subNavigation a.catalog:hover { background-position: 0 -49px; } #subNavigation a.catalogAct { background-image: url(../Images/leftnavi_products_catalog_at.gif); background-position: 0 -98px; } #subNavigation a.crafting{background-image: url(../Images/Logo_CraftingIdeas_ch_d.png);height:216px;} * html #subNavigation a.crafting{ background-image:none; width: 168px; height:216px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/fileadmin/templates/Generic/Images/Logo_CraftingIdeas_ch_d.png'); cursor:hand; } /* Sub-Sub-navigation */ #subNavigation ul { margin: 0px 0px 2px 0px; padding: 0px; background-color: #DCB3B6; width: 157px; } /* IE hack to provide IE problems */ * html #subNavigation ul { margin-top: -3px; margin-bottom: 6px; } * +html #subNavigation ul { margin-top: -3px; margin-bottom: 6px; } #subNavigation li.subNav { margin: 0px; padding: 0px; list-style-type: none; width: 157px; } /* IE hack to provide IE problems */ * html #subNavigation li.subNav { height: 18px; } #subNavigation a.subLink { margin: 0 0 0 0; padding: 3px 0 0 20px; width: 137px; font-size: 1em; display: block; height: 100%; background-color: #DCB3B6; color: #333333; text-decoration: none; border-bottom: 1px dashed #CE0010; } /* IE hack to provide IE problems */ * html #subNavigation a.subLink { height: 18px; } * +html #subNavigation a.subLink { height: auto; } #subNavigation a.subLinkend { margin: 0 0 0 0; padding: 3px 0 0 20px; width: 137px; font-size: 1em; display: block; height: 100%; background-color: #DCB3B6; color: #333333; text-decoration: none; border-bottom: none; } /* IE hack to provide IE problems */ * html #subNavigation a.subLinkend { height: 18px; } * +html #subNavigation a.subLinkend { height: 18px; } #subNavigation a.subLinkHi { margin: 0 0 0 0; padding: 3px 0 0 20px; width: 137px; display: block; height: 100%; background-color: #DCB3B6; color: #333333; text-decoration: none; border-bottom: 1px dashed #CE0010; font-weight: bold; } #subNavigation a.subLinkHiend { margin: 0 0 0 0; padding: 3px 0 0 20px; width: 137px; display: block; height: 100%; background-color: #DCB3B6; color: #333333; text-decoration: none; border-bottom: none; font-weight: bold; } #subNavigation a.subLink:hover { background-color: #F3CCCF; } #subNavigation a.subLinkend:hover { background-color: #F3CCCF; } /* Neutral SUBNavigation on pages of "About Pritt" etc*/ #subNavigation li.leftnav a{background-image: url(../Images/leftnavi_level1.gif);width:168px;height:49px;} #subNavigation li.leftnav a:hover{background-position: 0 -49px; } #subNavigation li.leftnavAct a{background-image: url(../Images/leftnavi_level1.gif);background-position: 0 -98px; } #subNavigation li.leftnavActNoSub a{background-image: url(../Images/leftnavi_level1_nosub.gif); background-position: 0 -98px;} #subNavigation li.leftnavActNoSub a:hover{background-position: 0 -49px; } #subNavigation li.leftnavAct a.subLink{background:#DCB3B6;} #subNavigation li.leftnavAct a.subLink:hover{background:#F3CCCF;} #subNavigation li.leftnavAct a.subLinkend{background:#DCB3B6;} #subNavigation li.leftnavAct a.subLinkend:hover{background:#F3CCCF;} /* special homepage block-elements */ #bgContainerHome { margin: 0 0 0 10px; padding: 0; height: 412px; width: 980px; background-image: url(../Images/bg_content_home.jpg); background-repeat: repeat-x; background-color: transparent; } #homeBanner1 { position: absolute; top: 477px; left: 26px; width: 200px; } #homeBanner2 { position: absolute; top: 477px; left: 272px; height: 114px; width: 200px;} #homeBanner3 { position: absolute; top: 477px; left: 518px; width: 200px; } #homeBanner4 { position: absolute; top: 477px; left: 764px; width: 200px; } #bgContainerHomeDisclaimer { margin: 0 0 0 10px; padding: 10px 0 0 0; width: 980px; height: 110px; background-image: url(../Images/bg_footer_home.jpg); background-repeat: repeat-x; background-color: transparent;} #disclaimerHomesav {margin: 0 0 0 655px; padding: 0 25px 0 0; height: 21px; position: absolute; top: 566px; list-style-type: none; font-size: 0.9em;} #disclaimerHome{width:880px; height: 21px; padding:0px;margin:0px;position: absolute; top: 566px; text-align:right;list-style-type: none; font-size: 0.9em;} #disclaimerHome li { margin: 0; padding: 0; margin-left: 10px; display: inline; } #disclaimerHome li a { color: #8C8C8C; border-bottom: 1px solid #8C8C8C; } #disclaimerHome li a:hover { border-bottom: none; } #disclaimerHome span { display: none; } #bgContainerHomeDisclaimer #henkellogo{float:right;margin:77px 25px 0 0;} #bgContainerHomeDisclaimer .copyimage{margin-right:7px;} * html #bgContainerHomeDisclaimer #henkellogo{margin:77px 10px 0 0;} /* special promo template block-elements */ #bgContainerPromo { margin: 0 0 0 10px; padding: 0; height: 440px; width: 980px; background-image: url(../Images/bg_content_home.jpg); background-repeat: repeat-x; background-color: transparent; } #bgContainerPromoDisclaimer {text-align:right; margin: -2px 0 0 10px; padding: 10px 0 0 0; width: 980px; height: 90px; background-color: #000; } #bgContainerPromoDisclaimer #disclaimer { margin-top: 0; padding: 0; } #bgContainerPromoDisclaimer #promologo{margin: -2px 2px 0 20px;float:right;} #bgContainerPromoDisclaimer .copyimage{margin-right:7px;} #bgContainerKidsWorld { margin: -23px 0 0 10px; padding: 0; height: 575px; width: 980px; background-image: url(../Images/bg_content_home.jpg); background-repeat: repeat-x; background-color: transparent; } /* general site block-elements */ #logo, #printlogo { position: absolute; top: 26px; left: 40px; z-index:2000; } #printlogo{display:none;} #disclaimerframesav { margin: 10px 0 10px 635px; padding: 0; width:350px; height: 80px;} #disclaimerframe{width:976px;height:80px;text-align:right;margin:10px 0px;} #disclaimer{list-style-type: none; font-size: 0.9em; background-color: transparent;} #henkel_logo{float:right;margin:-2px 2px 0 18px;} #henkel_logo .copyimage{margin-right:7px;} #disclaimer li { margin: 0; padding: 0; margin-left: 10px; display: inline; } #disclaimer li a { color: #8C8C8C; border-bottom: 1px solid #8C8C8C; } #disclaimer li a:hover { border-bottom: none; } #disclaimer span { display: none; } #bgContainer { margin: 0px; padding: 25px 0px 50px 0px; background-image: url(../Images/bg_content_container.gif); background-repeat: repeat-x; background-color: transparent; min-width:1000px; width:auto; } #wrap {width:1000px;} #bgContainer #contentBox { padding: 0; margin: 38px 0 0 180px; width:810px; } #bgContainer #contentBoxProductFinder { padding: 0px; margin: 61px 0px 0px 180px;} #stickerPortrait { position: absolute; top: 105px; left: 870px; filter:Alpha(opacity=50, finishopacity=50, style=0); -moz-opacity:0.5; -khtml-opacity:0.5; } #stickerLandscape { position: absolute; top: 115px; left: 870px; filter:Alpha(opacity=50, finishopacity=50, style=0); -moz-opacity:0.5; -khtml-opacity:0.5; } /*#marginalBox { background-color: #81130D; width: 215px; top: 5px; position: relative; margin: 0px 0px 0px 575px; padding: 1.4em 0.7em 0.5em 0.7em; min-height: 70em; height: 80em; }*/ #marginalBox { background-color: #81130D; width: 215px; top: 5px; position: relative; margin: 0px 0px 0px 575px; padding: 1.4em 0.7em 0.5em 0.7em; } p.spacer{margin:0px;background:yellow;} #mrPrittTemplateIX { position: absolute; top: 84px; left: 660px; z-index: 1000; } #mrPrittTemplateXI { position: absolute; top: 185px; left: 45px; z-index: 1000; } #mrPrittTemplateXII { position: absolute; top: 195px; left: 45px; z-index: 1000; } #mrPrittMarginal1 { position: absolute; top: 574px; left: 895px; z-index: 1000; } /* special definitions used in content */ #bgContainer #contentBox td p { padding: 0px; margin: 0px; color: #333; } #bgContainer #contentBox td p { margin-bottom: 5px; width: 122px; } #bgContainer #contentBoxProductFinder td p { padding: 0px; margin: 0px; color: #333; margin-bottom: 5px; width: 122px; } /* Big box design for Block-Element and Table */ #boxBgHeadBig { margin: 0px; background-image: url(../Images/bg_ecke_oben.gif); background-repeat: no-repeat; padding: 23px 20px 20px 20px; width: 757px; } /*#boxBgHeadBig table.productList { margin: 0; padding: 0; background-color: transparent; width: 770px; } #boxBgHeadBig table.productList td { vertical-align: top; width: 125px;} #boxBgHeadBig table.productList td a.lnkDetails { margin-left: 5em; } */ table.productList { margin: 0; padding: 0; background-color: transparent; width: 770px; } table.productList td { vertical-align: top; width: 125px;} table.productList td a.lnkDetails { margin-left: 5em; } #boxBgFooterBig { margin: 0; padding: 0; padding-bottom: 0.5em; height: 0.8em; width: 797px; background-image: url(../Images/bg_ecke_unten.gif); background-repeat: no-repeat; } #productDetail { width: 564px; float: left; } /* Medium Box Design */ #boxBgHeadMed{ margin: 0px; padding: 25px 20px 20px 20px; background-image: url(../Images/bg_ecke_oben_mid.gif); background-repeat: no-repeat; } #boxBgHeadMedForm, #boxBgHeadMedFix{ margin: 0px; padding: 25px 20px 20px 20px; background-image: url(../Images/bg_ecke_oben_mid.gif); background-repeat: no-repeat;min-height:400px; } * html #boxBgHeadMedForm{height:400px;} * html #boxBgHeadMedFix{height:400px;} #boxBgHeadMedtest { margin: 0px; padding: 25px 20px 20px 20px; background: #ffffff url(../Images/bg_ecke_oben_mid.gif) no-repeat; } #boxBgFooterMed { margin: 0; padding: 0; height: 1em; background-image: url(../Images/bg_ecke_unten_mid.gif); background-repeat: no-repeat; } #boxBgHeadMedProd{margin: 0px; padding: 25px 0px 20px 0px; background-image: url(../Images/bg_ecke_oben_mid.gif); background-repeat: no-repeat;float:left;} /* Medium Box Designs 2nd sitelevel */ .boxBgHeadMedSek { margin: 0; padding: 25px 20px 20px 20px; background-image: url(../Images/bg_ecke_oben_mid_sekundaer.gif); background-repeat: no-repeat;} .boxBgFooterMedSek { margin: 0; padding: 0; height: 1em; background-image: url(../Images/bg_ecke_unten_mid.gif); background-repeat: no-repeat; } .boxBgHeadMedSek h4 { margin: 0.2em 0 1em 0; padding: 0; } .boxBgHeadMedSek p { padding: 0; } .boxBgHeadMedSek p.textSekLeft { width: 320px; float: left; } .boxBgHeadMedSek .textSekLeft { width: 320px; float: left; } .boxBgHeadMedSek p.textSekRight { margin-left: 210px;} .boxBgHeadMedSek ullu {margin:0 0 20px 10px;background:red;display:inline;position:relative;clear:right;} /*.textSekRight { margin-left: 220px;}*/ .textSekLeft p, .textSekRight p{margin:0 0 10px 0;} /*.textSekRight {float:left;width:310px;}*/ .textSekRight ul{padding:0 0 0 15px;margin:0 0 0 210px;} .boxBgHeadMedSek .textSek { width: 520px; float: left; } /* generic overview 2nd sitelevel boxes */ #secondContent h4 { margin: 0 0 0.8em 0; padding: 0; } /*#secondContent p { margin: 0; padding: 0; }*/ #secondContent p { padding: 0; } #secondLeft { float: left; width: 324px; } #secondRight { margin-left: 336px; width: 460px; } #secondHeadKl { background-image: url(../Images/bg_ecke_sekundaer_kl_oben.gif); background-repeat: no-repeat; padding: 20px 20px 0 20px; min-height: 190px; height: 190px; } #secondFooterKl { margin: 0px; background-image: url(../Images/bg_ecke_sekundaer_kl_unten.gif); background-repeat: no-repeat; height: 3px; padding: 0px; } #secondHeadGr { background-image: url(../Images/bg_ecke_sekundaer_gr_oben.gif); background-repeat: no-repeat; padding: 20px 20px 0 20px; min-height: 190px; height: 190px; } #secondHeadGr p { margin: 10px 0 10px 0; padding: 0; } #secondFooterGr { margin: 0px; background-image: url(../Images/bg_ecke_sekundaer_gr_unten.gif); background-repeat: no-repeat; height: 3px; padding: 0; } #detaillist{width:200px; position:absolute;top:153px;left:582px;z-index:199;} #secondHeadKl h3, #secondHeadGr h3 {color:#000000;} #secondHeadKl p{margin:0 0 10px 0;} /* special definitions used in marginal area */ .blockDetailMarginal { background-color: #DDE9C1; padding: 1em; float: none; } .blockDetailMarginal p { margin: 7px 0 0 0; padding: 0; } .blockDetailMarginal p.noMargin { margin: 0; } .blockDetailMarginal p.link {height:20px; } .blockDetailMarginal p.mrPrittRecommends { margin: 7px 80px 0 0; padding: 0; } .blockDetailMarginal h3 { margin: 0; padding: 0; color:#000000;font-size: 1.1em;height:auto;min-height:18px;} * html .blockDetailMarginal h3 {height:18px;} .blockDetailMarginal ul { margin: 0; padding: 0; } .blockDetailMarginal li { margin: 0; margin-top: 0.3em; padding: 0; list-style-type: none; } .blockDetailMarginal ul li a {margin-left: 3px; color: #222; border-bottom: 1px solid #222; } .blockDetailMarginal ul li a:hover { color: #B21B12; border-bottom: none; } .blockDetailMarginal a.lnkEmail, .blockDetailMarginal a.lnkInsideTxt { color: #222; border-bottom: 1px solid #222; } .blockDetailMarginal a.lnkEmail:hover, .blockDetailMarginal a.lnkInsideTxt:hover { color: #B21B12; border-bottom: none; } .blockDetailMarginal a { color: #222; border-bottom: 1px solid #222; } .blockDetailMarginal a:hover { color: #B21B12; border-bottom: none; } .blockDetailMarginal .movie { padding-bottom: 1em; } .blockDetailMarginal a.lnkLorem { margin: 2em 0 0 4.5em; } .blockDetailMarginal a.img{border:none;} #videoFlash { background-color: #DDE9C1;} #videoFlash p a{color: #222; border-bottom: 1px solid #222;} #videoFlash p a:hover{color: #B21B12; border-bottom: none;} #fallbackTable { margin: 0; padding: 0; background-color: transparent; } #fallbackTable td { vertical-align: top; } #fallbackList { margin: 0 0 0 1em; padding: 0; } #fallbackList li { margin: 0.3em 0 0 0; padding: 0; list-style-type: none; } #fallbackList li span { display: none; } #fallbackList li a { color: #4EBCD9; border-bottom: 1px solid #4EBCD9; } #fallbackList li a:hover { color: #B21B12; border-bottom: none; } ul.productExample { margin: 1em 0 1em 2em; padding: 0; } ul.productExample li { list-style-type: decimal; font-weight: bold; } ul.productExample li span { font-weight: normal; } /* product finder definitions */ #TabsProductFinder { margin: 0; padding: 0; position: absolute; top: 133px; left: 200px; background-color: transparent; z-index: 100; } #TabsProductFinder li { margin: 0; padding: 0; list-style-type: none; display: inline; } #TabsProductFinder li a span { margin: 0; padding: 0; display: none; } a.productFinderTab1 { display: block; float: left; width: 160px; margin: 0; padding: 0; height: 28px; background-image: url(../Images/tab_i_want_to_at.gif); background-repeat: no-repeat; } a.productFinderTab1:hover { background-position: 0 -28px; } a.productFinderTab1Act { display: block; float: left; width: 160px; margin: 0; padding: 0; height: 28px; background-image: url(../Images/tab_i_want_to_at.gif); background-repeat: no-repeat; background-position: 0 -56px; } a.productFinderTab2 { display: block; float: left; width: 210px; margin: 0; padding: 0; height: 28px; background-image: url(../Images/tab_i_need_to_at.gif); background-repeat: no-repeat; } a.productFinderTab2:hover { background-position: 0 -28px; } a.productFinderTab2Act { display: block; float: left; width: 210px; margin: 0; padding: 0; height: 28px; background-image: url(../Images/tab_i_need_to_at.gif); background-repeat: no-repeat; background-position: 0 -56px; } #productFinder { margin: 0; padding: 0; float: left; margin-top: 1em; width: 448px; background-color: transparent; } #productFinder li { margin: 0; padding: 0; list-style-type: none; } /* hack to prevent I.E. problem with spacing between li's */ * html #productFinder li a { margin-top: -3px; } #productFinder li a { height: 31px; } #productFinder li a span { display: none; } #productFinderForm { float: left; margin: 0; margin-top: 1em; padding: 0.5em 1.5em 1em 1.7em; background-image: url(../Images/bg_form_productfinder.gif); background-repeat: no-repeat; background-color: transparent; width: 405px; font-size: 1.2em; } /* workaround just to prevent margin-bottom problem of firefox */ #containerMrPritt { margin: 0; padding: 0; height: 330px; } #productFinderForm textarea { width: 150px; } #productFinderForm select { width: 150px; } #productFinderForm label { width: 150px; display: block; font-weight: bold; margin-bottom: 0.5em; } #productFinderForm td { vertical-align: top; } #productFinderForm td img { margin-top: 3em; } .submitProductFinder{ margin: 1em 0 0 21em; } /* hack to prevent I.E. problems */ * html .submitProductFinder{ margin-left: 23em; } #match1 { visibility: visible; } #match2, #match3, #match4, #match5, #match6, #match7 { visibility: hidden; } a.craftingAdults,a.craftingAdultsHi,a.craftingKids,a.craftingKidsHi,a.threeD,a.threeDHi,a.tapeParcels,a.tapeParcelsHi,a.correctHandwritten,a.correctHandwrittenHi,a.correctTyped,a.correctTypedHi,a.hangPosters,a.hangPostersHi{ margin: 0; padding: 0; display: block;background-repeat: no-repeat; } #productFinder li a.craftingAdults {background-image: url(../Images/btn_creative_adults.gif);} #productFinder li a.craftingAdults:hover { background-image: url(../Images/btn_creative_adults_hi.gif); } #productFinder li a.craftingAdultsHi {background-image: url(../Images/btn_creative_adults_hi.gif); } #productFinder li a.craftingKids { background-image: url(../Images/btn_creative_kids.gif); } #productFinder li a.craftingKids:hover { background-image: url(../Images/btn_creative_kids_hi.gif); } #productFinder li a.craftingKidsHi {background-image: url(../Images/btn_creative_kids_hi.gif); } #productFinder li a.threeD {background-image: url(../Images/btn_3d_crafting.gif); } #productFinder li a.threeD:hover { background-image: url(../Images/btn_3d_crafting_hi.gif); } #productFinder li a.threeDHi {background-image: url(../Images/btn_3d_crafting_hi.gif); } #productFinder li a.tapeParcels {background-image: url(../Images/btn_tape_parcels.gif);} #productFinder li a.tapeParcels:hover { background-image: url(../Images/btn_tape_parcels_hi.gif); } #productFinder li a.tapeParcelsHi {background-image: url(../Images/btn_tape_parcels_hi.gif); } #productFinder li a.correctHandwritten { background-image: url(../Images/btn_correct_handwritten.gif); } #productFinder li a.correctHandwritten:hover { background-image: url(../Images/btn_correct_handwritten_hi.gif); } #productFinder li a.correctHandwrittenHi {background-image: url(../Images/btn_correct_handwritten_hi.gif); } #productFinder li a.correctTyped { background-image: url(../Images/btn_correct_typed.gif); } #productFinder li a.correctTyped:hover { background-image: url(../Images/btn_correct_typed_hi.gif); } #productFinder li a.correctTypedHi { background-image: url(../Images/btn_correct_typed_hi.gif); } #productFinder li a.hangPosters {background-image: url(../Images/btn_hang_posters.gif);} #productFinder li a.hangPosters:hover { background-image: url(../Images/btn_hang_posters_hi.gif); } #productFinder li a.hangPostersHi { background-image: url(../Images/btn_hang_posters_hi.gif); } .sepProductFinder { height: 2px; margin: 20px 0 20px -15px; font-size: 0em; width: 780px; background-image: url(../Images/dotted_line.gif); background-repeat: repeat-x; } .sepProductFinder hr,.sepSearch hr { display: none; } .clearMatchList { clear: left; margin: 0; padding: 0; height: 15px; } .sepSearch { height: 2px; margin: 20px 0 20px -15px; font-size: 0em; width: 550px; background-image: url(../Images/dotted_line.gif);} /* Standard Form definitions */ Form { margin: 0; padding: 0; } .formLeft { width: 150px; float: left; } .formLeft label { display: none; } /* Standard Form definitions End */ /* Example Form Design lX Form*/ #formElem {font-size: 1em; width: 520px; padding: 0; margin: 0; margin-top: 20px; background-color: transparent; background-image: url(../Images/IX_form_verlauf.gif); background-repeat: no-repeat;} /* hack to prevent background-image- and general form positioning problem of I.E. */ * html #formElem { background-position: 0 20px; margin-top: -10px; } #formElem .formElemInput {width: 310px} #formElem .formElemTextarea { width: 310px; height: 150px;} #formElem .formElemAge { width: 105px; height: 15px;} #formElem .formElemRadio { background-color: transparent; margin: 0; padding: 0;} #formElem p.FormTxt {float: left; font-weight: bold; line-height: 1.35em; width: 150px; padding: 0; margin: 0;} #formElem ul {margin:0; padding:0; background-color: transparent; margin-left: 150px; } #formElem ul li {margin:0; padding:0; list-style-type: none; } #checkBoxGrp{ background-color: transparent; margin: 0; padding: 0;width:310px;float:left;} .errorMessage{color:#EC641F; font-weight: bold; } .errorFormfield{background-color: #EC641F; } .seperator {clear: both; padding: 0; height: 1px; margin: 20px 0 20px 0; font-size: 0em; background-color: #999;} .seperator hr {display: none;} /* Example Form Design lX Form End */ /* Vl Generic Listing Styles */ #boxBgHeadAnz {padding: 25px 20px 20px 20px; background-image: url(../Images/bg_ecke_oben_mid.gif); background-repeat: no-repeat;} .bgListing {padding: 0 20px 0 0; float: left; width: 380px; margin: 0; background-color: transparent;} .bgListing img {float: right;} #boxBgHeadAnz span {color:#ffffff;} #boxBgHeadAnz a.lnkTitle, .bgListing a {line-height: 1.35em; color: #4EBCD9; border-bottom: 1px solid #4EBCD9; font-size: 1.3em; font-weight: bold;} #boxBgHeadAnz a.lnkTitle:hover,.bgListing a:hover {color:#B21B12; border-bottom: none;} p.AnzeigenText { color: #999; margin: 0 0 10px 0;} p.Space { color: #fff; margin: 10px 0 0 0;} .sepListing {clear: both; height: 10px; margin: 10px 0 0px -15px; font-size: 0em; width: 550px; background-image: url(../Images/dotted_line.gif); background-repeat: repeat-x;} .sepListing hr {display: none;} /* Vl Generic Listing Styles End */ /* Xl Search results */ #FormSearchResult {background-image: url(../Images/bg_searchfield.gif); background-repeat:no-repeat; width: 400px; height: 45px; margin: 20px 0 20px 0; padding: 0;} .FormSearchResultInput {padding: 0; margin: 6px 0 0 10px; width: 340px; height: 25px; vertical-align: top;} .FormSearchResultInputImage {margin: 14px 0 0 10px; background-image: url(../Images/submiton.gif); background-repeat: no-repeat;} .tx-indexedsearch-redMarkup{font-size: 1.0em; font-weight: bold; color: #D70011;} p.noneNav{float: left; padding: 0; margin: 95px 0 0 0; width: 170px;} p.ResultTxt {margin: 0; padding: 0; float: left; color: #999;} #ResultList { text-align: right; margin: 0; padding: 0; } #ResultList li { list-style-type: none; display: inline; margin: 0 0 0 10px; } #ResultList a { color:#4EBCD9; font-weight:bold; border-bottom: 1px solid #4EBCD9; } #ResultList a:hover { color: #B21B12; border-bottom: none; } #ResultList a.lnkInactive { color:#222; border-bottom: none; } ul.browsebox { text-align: right; margin: 0; padding: 0; } ul.browsebox li { list-style-type: none; display: inline; margin: 0 0 0 10px; } .tx-indexedsearch .tx-indexedsearch-browsebox ul { text-align: right; margin: 0; padding: 0; } .tx-indexedsearch .tx-indexedsearch-browsebox LI{ list-style-type: none; display: inline; margin: 0 0 0 10px; } .tx-indexedsearch .tx-indexedsearch-browsebox LI.tx-indexedsearch-browselist-currentPage a{color:#B21B12;} .tx-indexedsearch .tx-indexedsearch-browsebox pp{display:inline;margin:0;} ul.browsebox a { color:#4EBCD9; font-weight:bold; border-bottom: 1px solid #4EBCD9; } ul.browsebox a:hover { color: #B21B12; border-bottom: none; } ul.browsebox a.lnkInactive { color:#222; border-bottom: none; } .tx-indexedsearch-whatis{display:none;} /* Xl Search results End */ /* sitemap definitions */ #sitemapimage img { float:left; display:block; margin-left:17px; margin-bottom:20px; } #sitemapimage img.firstelement { margin:0; } .sitemapSepListing { float:none; clear: left; height: 2px; margin: 3px 0 17px -15px; font-size: 0em; width: 550px; background: url(../Images/dotted_line.gif); background-repeat: repeat-x; } #sitemapimage a.athome{background:#FFF url(../Images/sitemap_at_home.jpg) no-repeat;} #sitemapimage a.athome, #sitemapimage a.atwork, #sitemapimage a.atschool, #sitemapimage a.kidsworld{width:118px;height:127px;display:block;float:left;} #sitemapimage a.atwork, #sitemapimage a.atschool, #sitemapimage a.kidsworld{margin-left:17px;margin-bottom:20px;} #sitemapimage a.atwork{background:#FFF url(../Images/sitemap_at_work.jpg) no-repeat;} #sitemapimage a.atschool{background:#FFF url(../Images/sitemap_at_school.jpg) no-repeat;} #sitemapimage a.kidsworld{background:#FFF url(../Images/sitemap_kids_world.jpg) no-repeat;} #sitemapimage span{display:none;} .sitemapSepListing hr { display: none; } /* sitemap 1st and 2nd level */ .sitemap a { color:#4EBCD9; font-weight:normal; border-bottom: 1px solid #4EBCD9; background-color: inherit; } .sitemap a.level1 { font-weight:bold; } .sitemap a:hover { color: #B21B12; border-bottom: none; } .sitemap { float: left; margin: 0 0 20px 17px; width: 118px;} .sitemapFirst { margin:0 0 20px 0;} .sitemap ul { padding:0; margin:0; clear: left; } .sitemap ul li { padding:0; margin:0; list-style-type:none; font-size:1.2em; margin-bottom:0.1em; } /* 1st level */ .sitemap ul li ul { margin-top: 0.4em; } /* space between 1st and 2nd level */ .sitemap ul li ul li { margin: 0 0 0.1em 0.9em; font-size:0.9em; } /* 2nd level */ .sitemap ul li ul li ul { margin: 0.4em 0 0 0; } /* spacer between 2nd and 3rd level */ .sitemap ul li ul li ul li { font-size:0.9em; margin: 0 0 0.4em 1.2em; } /* 3rd level */ /* 3rd level */ .sitemapebene { float: left; margin:0; width: 118px; } .sitemapebene ul { padding:0; margin:0; clear: left;} .sitemapebene ul li { padding:0; margin:0 0 0.4em 0; list-style-type:none; font-size:1em; font-weight:normal; } .sitemapebene a { color:#4EBCD9; font-weight:normal; border-bottom: 1px solid #4EBCD9; background-color: inherit; } .sitemapebene a:hover { color: #B21B12; border-bottom: none; } /* sitemapButton 1st and 2nd level */ .sitemapButton a { color:#4EBCD9; font-weight:normal; border-bottom: 1px solid #4EBCD9; background-color: inherit; } .sitemapButton a.level1 { font-weight:bold; } .sitemapButton a:hover { color: #B21B12; border-bottom: none; } .sitemapButton { float: left; margin: 0 0 20px 0px; width: 268px; min-height: 151px; } .sitemapButtonFirst { margin:0;} .sitemapButton ul { padding:0; margin:0; clear: left; } .sitemapButton ul li { padding:0; margin:0; list-style-type:none; font-size:1.2em; margin-bottom:0.1em; } /* 1st level */ .sitemapButton ul li ul { margin-top: 0.4em; } /* space between 1st and 2nd level */ .sitemapButton ul li ul li { margin: 0 0 0.1em 0.9em; font-size:0.9em; } /* 2nd level */ .sitemapButton ul li ul li ul { margin: 0.4em 0 0 0; } /* spacer between 2nd and 3rd level */ .sitemapButton ul li ul li ul li { font-size:0.9em; margin: 0 0 0.4em 1.2em; } /* 3rd level */ /* link definitions */ p.resultheader a{color: #4EBCD9;border-bottom: 1px solid #4EBCD9;font-size: 1.3em;font-weight: bold;} p.resultheader a:hover { color: #B21B12; border-bottom: none; } a.lnkTitle {color: #4EBCD9;border-bottom: 1px solid #4EBCD9;font-size: 1.3em;font-weight: bold;} a.lnkTitle span { display: none; } a.lnkTitle:hover { color: #B21B12; border-bottom: none; } p.BreadCrumb a { color:#4EBCD9;font-size: 0.8em;border-bottom: 1px solid #4EBCD9; } a.BreadCrumb span { display: none; } p.BreadCrumb a:hover { color: #B21B12; border-bottom: none; } p.BreadCrumb {margin-bottom:20px;} .nolink{color:#000;border:none;} .lnkDetails{width:70px;text-align:right;margin-left:70px;} .lnkDetails a, a.lnkDetails {margin: 0; padding: 0; display: block; height: 13px; background-image: url(../Images/btn_details_at.gif); background-repeat: no-repeat; } .lnkDetails span,a.lnkDetails span { display: none; } .lnkDetails a:hover, a.lnkDetails:hover { background-position: 0 -13px; } a.lnkInsideTxt {color:#4EBCD9;font-size: 1.0em;border-bottom: 1px solid #4EBCD9; font-weight: bold;} a.lnkInsideTxt:hover { color: #B21B12; border-bottom: none; } a.lnkBack { margin: 0; padding: 0 0 0 12px; float: left; color: #fff; font-weight: bold; background-image: url(../Images/arr_back.gif); background-repeat: no-repeat; background-position: 0 4px; border-bottom: 1px solid #ffffff;} a.lnkBack:hover { color: #fff; border-bottom: 1px solid #B21B12; } a.lnkForward { margin: 0; padding: 0 12px 0 0; float: right; color: #fff; font-weight: bold; background-image: url(../Images/arr_forward.gif); background-repeat: no-repeat; background-position: 130px 4px; } a.lnkForward:hover, a.lnkPrint:hover { color: #fff; } a.lnkPrint{ margin: 0; padding: 0 0 0 18px; float: right; color: #fff; font-weight: bold; background-image: url(../Images/ICON_print.gif); background-repeat: no-repeat; background-position: 0px 2px; border-bottom: 1px solid #ffffff;} /*TEXTBUTTON SUBMITBUTTON LINKBUTTON ONMOUSE*/ .btnSubmitsav {margin: 0 0 0 350px; padding: 0;} .btnSubmit {float:right;margin:0px; padding: 0;} .btnSubmitProductFinder {margin: 0 0 0 330px; padding: 0;} a.lnkButton span { display: none;} a.lnkButtonTeaser, a.lnkButtonTeasersmall, a.lnkButton {height:19px;background:#ACC196 url(../Images/bg_lnkButton_rightborder.gif) no-repeat top right;padding: 0 14px 0 0;float:right;} a.lnkButtonTeaser:hover, a.lnkButtonTeasersmall:hover, a.lnkButton:hover {background:#ACC196 url(../Images/bg_lnkButton_rightborder_hi.gif) no-repeat top right;} a.lnkButton {border:none;} a.lnkButtonTeaser span { display: none;} a.lnkButtonTeasersmall span { display: none;} a.lnkButtonBack span { display: none;} a.lnkButtonBack { margin: 0 0 0 0; padding: 0;} /*TEXTBUTTON SUBMITBUTTON LINKBUTTON ONMOUSE END*/ /* Styles for News */ .tx-ttnews-browsebox{color:#000000;} #boxBgHeadAnz span.tx-ttnews-browsebox-strong{color:#000000;font-weight:bold;} .tx-ttnews-browsebox a{color:#4EBCD9;border-bottom: 1px solid #4EBCD9;font-weight: bold;} .tx-ttnews-browsebox a:hover {color:#B21B12; border-bottom: none;} .news-single-imgcaption{float:left;width:200px;} .tx-ttnews-imageframe img{margin-right:20px;} /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* These "decoy" styles are used to hide the browser text before it is replaced.*/ .sIFR-hasFlash h1 { visibility: hidden; padding: 0; } .sIFR-hasFlash h2 { visibility: hidden; } .sIFR-hasFlash h3 { visibility: hidden; }