/** generic reset **/ *{margin:0;padding:0;} a{color:#666;text-decoration:underline;} fieldset,img,a img{border:none;} img[src="#"],img[src=""]{display:none;} ul,ol,li{list-style:none;} b,strong{font-weight:bold;} acronym,abbr{border-bottom:#666 1px dotted;font-style:normal;text-transform:none;} sup{font-size:60%;vertical-align:text-top;} body{font:normal normal normal 83.33%/135% "helvetica neue",arial,geneva,helvetica,sans-serif;color:#666;background-color:#fcfcfc;} h1,h2,h3,h4,h5,h6{font-size:110%;font-weight:normal;line-height:normal;font-family:tahoma,arial;text-transform:uppercase;color:#c99842;} h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{text-transform:none;} /** generic elements **/ .boxTerminator{position:absolute;left:0;bottom:-10px;display:block;width:100%;height:17px;background:none;text-align:center;} .boxTerminator span.terminator{display:inline-block;width:94px;height:17px;overflow:hidden;text-indent:-100px;background:#fff url(/images/backgrounds/bg_box-bottom-terminator.gif) no-repeat scroll 0 0;}/* a .boxTerminator, a .boxTerminator *{text-decoration:none!important;}*/ * html .boxTerminator span.terminator{text-indent:0;} *+html .boxTerminator span.terminator{text-indent:0;} .publisher{color:#c99842;} /** etracker container **/ div#etracker{position:absolute;right:40%;top:75px;z-index:0;} /** base grid or #stage grid **/ html.swfApplication, html.swfApplication body{height:100%;overflow:hidden;} /* dynamically changed flash environment */ html.swfApplication object#stage{display:block;outline:none;} /* dynamically changed flash environment */ html.swfApplication div#stage, html.swfApplication div#stage *{display:none;} /* dynamically changed flash environment */ div#stage{position:relative;z-index:1;width:994px;margin:0 auto;padding-bottom:36px;overflow:hidden;background:#fdfdfd url(/images/backgrounds/bg_stage-shadow-bottom.png) no-repeat scroll left bottom;} /* plain html */ /* "ul#productIndices" will appear on "home" classified - - pages only */ /* ul#productIndices{position:relative;display:inline-block;} ul#productIndices li{float:left;} ul#productIndices li h2{text-transform:none;} ul#productIndices li h2 a{padding:10px;color:#c99842;text-decoration:none;} ul#productIndices li:first-child h2{font-weight:bold;} ul#productIndices:hover li:first-child h2{font-weight:normal;} ul#productIndices li:hover h2 a, ul#productIndices:hover li:first-child:hover h2 a{font-weight:bold;} ul#productIndices li ul{clear:left;display:none;position:absolute;left:0;width:100%;background-color:#fc0;} ul#productIndices li:first-child ul, ul#productIndices li:hover ul{display:block;} ul#productIndices *.productTitle{display:none;}*/ ul#productIndices{margin-top:-12px;} ul#productIndices>li{position:relative;padding-bottom:37px;border-bottom:1px dashed #c99842;} ul#productIndices>li>span.boxTerminator{bottom:-9px;}/* ul#productIndices>li>h2{}*/ ul#productIndices>li>h2 a{position:relative;left:-11px;top:34px;z-index:0;padding:10px 11px;color:#fdfdfd;font-weight:bold;text-decoration:none;} ul#productIndices>li>h2 a:hover, ul#productIndices>li>h2 a:focus, ul#productIndices>li>h2 a:active{color:#d11f34;background-color:#f3f3f3;z-index:2} ul#productIndices li ul.categories{overflow:hidden;position:absolute;left:-11px;top:34px;margin-top:-10px;padding-top:10px;z-index:1;} ul#productIndices li ul.categories li{float:left;margin-bottom:11px;} ul#productIndices li ul.categories li h2{/*font-size:105%;*/font-size:117%;font-weight:bold;text-transform:none;}/* ul#productIndices li ul.categories li.selected h2{font-weight:bold;}*/ ul#productIndices li ul.categories li h2 a{padding:10px 11px;color:#c99842;text-decoration:none;} ul#productIndices li ul.categories li h2 a:hover, ul#productIndices li ul.categories li h2 a:focus, ul#productIndices li ul.categories li h2 a:active{background-color:#f3f3f3;} ul#productIndices li ul.categories li.selected h2 a{color:#d11f34;} ul#productIndices li ul.productsList{clear:left;overflow:hidden;position:relative;left:-1px;padding:4.2em 0 1px 1px;}/* bottom- and right- padding as well as relative positioning of -1px is due only to keep the hypertext references outline visible */ ul#productIndices li ul.productsList li{float:left;width:10.5em;height:10.5em;margin:10px 10px 0 0;background-color:#fcfcfc;text-align:center;} ul#productIndices li ul.productsList li a{position:relative;display:block;width:100%;height:100%;/*background-color:#fc0;*/text-decoration:none;font-weight:bold;} ul#productIndices li ul.productsList li a:hover, ul#productIndices li ul.productsList li a:focus, ul#productIndices li ul.productsList li a:active{outline:1px dotted #000;} ul#productIndices li ul.productsList li a span.title{position:relative;z-index:2;display:none;padding:12px 10px 10px 14px;text-align:left;} ul#productIndices li ul.productsList li a:hover span.title, ul#productIndices li ul.productsList li a:focus span.title, ul#productIndices li ul.productsList li a:active span.title{display:block;} ul#productIndices li ul.productsList li a span.visual{position:absolute;z-index:0;width:100%;left:0;bottom:10px;/*background-color:#c0f;*/} ul#productIndices li ul.productsList li a span.visual img{display:inline;} ul#productIndices li ul.productsList li a span.lightbox{position:absolute;z-index:1;display:none;width:100%;height:100%;left:0;top:0;background-color:#fcfcfc;text-indent:-15em;overflow:hidden;-moz-opacity:0.8;-webkit-opacity:0.8;opacity:0.8;}/* layout was going for >>-moz-opacity:0.7;-webkit-opacity:0.7;opacity:0.7;<< I myself consider 90%-opacity a better solution ... 80% now is fair enough */ ul#productIndices li ul.productsList li a:hover span.lightbox, ul#productIndices li ul.productsList li a:focus span.lightbox, ul#productIndices li ul.productsList li a:active span.lightbox{display:block;} * html ul#productIndices li ul.productsList li a span.lightbox{filter:alpha(opacity=90);cursor:pointer;}/*filter:progid:DXImageTransform.Microsoft.Aalpha(opacity=90);*/ *+html ul#productIndices li ul.productsList li a span.lightbox{filter:alpha(opacity=90);cursor:pointer;} ul#discoveryLevels{display:inline-block;overflow:visible;padding:0 38px 41px 38px;position:absolute;left:70px;top:0;z-index:11;background:transparent url(/images/backgrounds/bg_discovery-levels.png) no-repeat scroll left 2.5em;} ul#discoveryLevels li {float:left;font-size:14px;border-left:1px solid #ddd;border-right:1px solid #f3f3f3;} ul#discoveryLevels li:first-child{border-left:none;} ul#discoveryLevels li:last-child{border-right:none;} ul#discoveryLevels li.flashOnly{/*display:none;*/} ul#discoveryLevels li.selected{border:1px solid #ddd;border-top:none;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-moz-box-shadow:4px 4px 4px #ddd;-webkit-box-shadow:4px 4px 4px #ddd;box-shadow:4px 4px 4px #ddd;} ul#discoveryLevels li.selected+li{border-left:1px solid #f3f3f3;} ul#discoveryLevels li a{display:block;padding:8px 19px 7px 19px;color:#888;text-decoration:none;} ul#discoveryLevels li a:hover{color:#d11f34;} ul#discoveryLevels li.selected a{padding-bottom:12px;color:#d11f34;background:#fff url(/images/backgrounds/bg_discovery-levels-selected.gif) repeat-x scroll left bottom;} ul#discoveryLevels li.flashOnly a, ul#discoveryLevels li.flashOnly a:hover{color:#ccc;text-decoration:line-through;} * html ul#discoveryLevels {display:inline;} *+html ul#discoveryLevels {display:inline;} ul#businessInformations{clear:left;overflow:hidden;position:relative;left:0;top:36px;padding-left:97px;background-color:#fff;/*z-index:11;*/} ul#businessInformations li{float:left;} ul#businessInformations li.theStory{float:none;clear:left;position:absolute;right:11px;top:0;} ul#businessInformations li a{display:block;padding:9px 10px 9px 10px;color:#999;text-decoration:none;} ul#businessInformations li.theStory a{padding-left:27px;background:transparent url(/images/backgrounds/bg_story-sprite.png) no-repeat scroll -54px 13px;} ul#selectedProducts{list-style:disc;} ul#selectedProducts li{list-style:disc;padding-top:7px;} a#logoCompound{display:block;clear:left;position:absolute;right:20px;top:40px;width:349px;height:92px;overflow:hidden;text-indent:-350px;z-index:9;background:transparent url(/images/backgrounds/bg_logo-compound_rewe-feine-welt_expedition-genuss.png) no-repeat scroll 0 0;} * html a#logoCompound{background-image:url(/images/backgrounds/bg_logo-compound_rewe-feine-welt_expedition-genuss_png8.png);} div#content{clear:left;position:relative;display:inline-block;margin:539px 0 69px 108px;z-index:10;} * html div#stage div#content{display:inline;} *+html div#stage div#content{display:inline;} div#mood {position:absolute;left:0;top:0;width:100%;height:504px;z-index:0;} div#mood div#topShadow{position:absolute;left:0;top:0;width:100%;height:221px;z-index:3;background:transparent url(/images/backgrounds/bg_stage-shadow-top.png) no-repeat scroll 0 0;} div#mood img{position:absolute;left:0;bottom:0;width:994px;height:429px;z-index:2;} div#mood div#moodTerminator{position:absolute;left:0;bottom:104px/*38px*/;width:100%;height:95px;z-index:1;background:transparent url(/images/backgrounds/bg_mood-box-terminator.gif) repeat-x scroll 0 0;} body.home ul#businessInformations{clear:none;} body.home a#logoCompound, a#logoCompound.home {background-position:0 -92px;cursor:default;} body.home div#content{display:block;margin:164px 108px 69px 108px;} body.home div#mood img, body.home div#mood div#moodTerminator{display:none;} body.service div#content{margin-top:151px;} body.error div#stage{padding:0;} body.error div#content {min-height:550px;margin:0;width:100%;} body.error div#content a {display:block;min-height:550px;margin:0;width:100%;background:transparent url(/images/content/ct_error-404.jpg) no-repeat scroll 0 0;text-decoration:none;} body.error div#content a span {position:relative;left:-1000px;} /** #content grid **/ div#copy{float:left;width:609px;} div#related{float:left;width:277px;margin-top:-277px;} body.home div#copy{float:none;width:auto;} body.home div#related{display:none;} body.service div#copy{width:465px;margin: 0 125px 0 19px;} body.service div#related{margin-top:83px;} /** #content grid - #copy elements **/ div#copy>*{padding-right:90px;/*95px*/} div#copy>h1{/*display:none;*/position:absolute;left:0;top:-40em;} body.home div#copy>*{padding-right:0;} body.home div#copy>h1{display:block;margin-bottom:8px;} body.service div#copy>*{padding-right:0;font-size:100%;} body.service div#copy>h1{position:relative;display:block;padding:18px 0;border-top:1px dashed #c99842;border-bottom:1px dashed #c99842;font-size:110%;} body.service div#copy>h2{margin-top:19px;} body.service div#copy>p{margin-top:19px;} body.service div#copy>h1+p, body.service div#copy>h1+h2{margin-top:28px;} body.service div#copy>h2+p{margin-top:4px;} body.service div#copy>h1 span{position:absolute;left:-123px;top:-1px;width:126px;height:94px;background:transparent url(/images/backgrounds/bg_service-pages-header.gif) no-repeat scroll 0 0;}/* body.service div#copy>h1 span.decoration{position:absolute;left:-123px;top:-1px;width:126px;height:94px;background:transparent url(/images/backgrounds/bg_service-pages-header.gif) no-repeat scroll 0 0;}*/ div#leporello{position:relative;margin-left:-31px;padding:0 0 0 31px;min-height:160px;background:transparent url(/images/teasers/ts_leporello.png) no-repeat scroll 0 52px;}/* "margin-left:-31px;padding-left:31px" in order to render this overflowing background image */ div#leporello.noContentAvailable, div#leporello.noContentAvailable *{display:none;} /* *+html div#leporello{position:static;} msie does not like "position:relative;" */ div#leporello h2{display:inline-block;border-top:1px dashed #c99842;margin:31px 0 1px 0;padding:33px 24px 0 138px;} * html div#leporello h2{display:inline;} *+html div#leporello h2{display:inline;} div#leporello p{margin:13px 125px 0 137px;} div#leporelloTeaser{position:absolute;left:-57px;top:142px;width:14em;font-size:80%;} div#leporelloTeaser p{margin:0;} div#leporelloTeaser p img{position:absolute;left:0;top:0;visibility:hidden;} div#recipe{position:relative;margin-left:-31px;padding:0 0 0 31px;min-height:160px;background:transparent url(/images/teasers/ts_recipe.png) no-repeat scroll 15px 57px;}/* "margin-left:-31px;padding-left:31px" in order to render this overflowing background image */ div#recipe.noContentAvailable, div#recipe.noContentAvailable *{display:none;} /* *+html div#recipe{position:static;} msie does not like "position:relative;" */ div#recipe h2, div#recipe h3, div#recipe h4, div#recipe h5, div#recipe h6{display:inline-block;border-top:1px dashed #c99842;margin:31px 124px 1px 0;padding:33px 24px 0 138px;} * html div#recipe h2, * html div#recipe h3, * html div#recipe h4, * html div#recipe h5, * html div#recipe h6{display:inline;} *+html div#recipe h2, *+html div#recipe h3, *+html div#recipe h4, *+html div#recipe h5, *+html div#recipe h6{display:inline;} div#recipe p{margin:13px 125px 0 137px;} div#recipeTeaser{position:absolute;left:-57px;top:135px;width:15em;font-size:80%;}/*101,68*/ div#recipeTeaser h2, div#recipeTeaser h3, div#recipeTeaser h4, div#recipeTeaser h5, div#recipeTeaser h6{display:block;border:none;margin:0;padding:0;} div#recipeTeaser p{margin:0;} div#recipeTeaser p img{position:absolute;left:0;top:0;visibility:hidden;} /** #content grid - #related elements **/ div#related>div{padding:27px 21px 0 15px;} div#related>div>h2{margin-bottom:10px} div#related>div#locatedAt>h2{margin-bottom:14px} div#moreProducts{position:relative;height:177px;background-color:#fff;} div#moreProducts ul{display:table-row-group;width:100%;position:absolute;left:-2px;bottom:0;padding:0 0 12px 7px;/*vertical-align:bottom;*/} /* due to the bottom aligned and href-framed images only */ div#moreProducts ul li{display:table-cell;} div#moreProducts ul li a{margin-left:10px;text-decoration:none;} div#moreProducts ul li a span.productTitle{display:none;position:absolute;left:16px;top:-35px;width:225px;font-size:76%;line-height:110%;} div#moreProducts ul li a:hover span.productTitle, div#moreProducts ul li a:focus span.productTitle, div#moreProducts ul li a:active span.productTitle{display:block;} * html div#moreProducts ul{display:block;} * html div#moreProducts ul li{display:inline;} *+html div#moreProducts ul{display:block;} *+html div#moreProducts ul li{display:inline;}/* div#locatedAt{}*/ div#locatedAt p{padding:5px 20px 0 0;font-size:76%;line-height:110%;} div#locatedAt a.region{position:relative;display:block;width:198px;height:109px;background:transparent url(/images/backgrounds/bg_world-map.gif) no-repeat scroll 0 0;} div#locatedAt a.region:hover, div#locatedAt a.region:focus, div#locatedAt a.region:active{-moz-opacity:0.65;-webkit-opacity:0.65;opacity:0.65;text-decoration:none;} * html div#locatedAt a.region:hover, * html div#locatedAt a.region:focus, * html div#locatedAt a.region:active{filter:alpha(opacity=65);}/*filter:progid:DXImageTransform.Microsoft.Aalpha(opacity=65);*/ *+html div#locatedAt a.region:hover, *+html div#locatedAt a.region:focus, *+html div#locatedAt a.region:active{filter:alpha(opacity=65);} a.region span.indicator{display:block;position:absolute;left:0;top:0;width:10px;height:10px;overflow:hidden;text-indent:-500px;font-size:76%;line-height:110%;border:1px solid #cc071e;}/* a.region:hover span.indicator{color:#000;display:inline;position:static;left:auto;top:auto;width:auto;height:auto;overflow:visible;text-indent:0;border:none;}*/ a.region:hover span.indicator, a.region:focus span.indicator, a.region:active span.indicator{overflow:visible;text-indent:0;margin-top:-5px;border:none;color:#000;} a.region span.indicator.asia{left:120px;top:27px;width:70px;height:49px;} /* ASIA */ a.region span.indicator.africa{left:85px;top:51px;width:35px;height:40px;} /* AFRICA */ a.region span.indicator.north-america{left:20px;top:20px;width:44px;height:44px;} /* NAMERICA */ a.region span.indicator.south-america{left:46px;top:63px;width:28px;height:46px;} /* SAMERICA */ a.region span.indicator.east-europe{left:103px;top:30px;width:12px;height:11px;} /* MIDEUROPE */ a.region span.indicator.middle-europe{left:96px;top:34px;width:8px;height:9px;} /* MIDEUROPE */ a.region span.indicator.uk-ireland{left:85px;top:29px;width:9px;height:10px;} /* MIDEUROPE */ a.region span.indicator.southwest-europe{left:85px;top:39px;width:11px;height:11px;}/* SEUROPE */ a.region span.indicator.italy{left:96px;top:43px;width:7px;height:7px;} /* SEUROPE */ a.region span.indicator.greece{left:103px;top:46px;width:4px;height:5px;} /* SEUROPE */ /* div#expeditionEnjoyment{} div#expeditionEnjoyment ul{} div#newsletterSubscription{}*/ div#newsletterSubscription a{display:block;position:relative;padding:10px 10px 19px 10px;border:1px dashed #c99842;text-decoration:none;} body.service div#theStory a{display:block;height:44px;padding:12px 0 0 75px;text-decoration:none;background:transparent url(/images/backgrounds/bg_story-sprite.png) no-repeat scroll 0 0;} body.service.privacyStatement div#theStory a{background-position: 0 -56px;} body.service.legalInformation div#theStory a{background-position: 0 -156px;} body.service.termsOfUse div#theStory a{background-position: 0 -256px;} /* turn msie 6 into a state that already too might represent kind of a print view */ /* * html *{clear:both!important;float:none!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;border:none!important;background:none!important;} * html a{text-decoration:underline!important;} * html body {background-color:#fff!important;} * html div#stage{position:relative!important;width:994px!important;margin:0 auto!important;padding:20px 30px!important;background-color:#fdfdfd!important;} */ * html div#stage *{clear:both!important;float:none!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;border:none!important;background:none!important;} * html div#stage a{text-decoration:underline!important;}