/* @import url(common.css); @import url(form.css); @import url(dbnCustomSelect.css); @import url(navigation.css); @import url(backgrounds.css); @import url(layout.css); @import url(teaser.css); */ /* common.css */ * { margin: 0; padding: 0; border: 0; } input, select, button, textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; } h4.cufon { font-size: 1.3em; line-height: 25px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; } .hr { height: 2px; margin: 15px 0 5px; background: url(/images/layout/horizontalLine.png) left top repeat-x; } .hr hr { display: none; } input[type='hidden'] {display:none !important;} /* dbnCustomSelect.css */ .customSelect { position: relative; height: 23px; } .customSelect .customSelectLink { clear: both !important; float: none !important; display: block; padding: 3px 15px 4px; line-height: 16px; height: 23px; color: #FFFFFF; font-size: 1.1em; font-weight: bold; position: relative; } .customSelect .customListWrapper { clear: both !important; float: none !important; display: none; width: 100%; position: absolute; top: 0px; left: 0px; padding: 23px 0 0; } .customSelect ul { clear: both !important; float: none !important; width: auto !important; display: block; list-style-type: none; border: 1px solid #cccccc !important; padding: 1px !important; background: #FFFFFF !important; } .customSelect ul li { clear: both !important; float: none !important; width: auto !important; display: block !important; height: 21px !important; padding: 0 !important; } .customSelect ul li a { text-decoration: none; display: block; line-height: 21px; padding: 0 4px; height: 21px; color: #242424; font-size: 1.1em; } .customSelect ul li a:hover { background: #ddeaf5; } /* form.css */ form { width: 100%; } form fieldset { width: 100%; } ul li ul.error_list { display: none; } ul.form_list li:after, form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.form_list li, form {display: inline-block;} /* for IE/Mac */ form button { float: right; display: block; cursor: pointer; margin: 0 -3px; background: transparent; overflow: visible; height: 23px; text-align: left; } form button span { display: block; float: left; padding: 0 0 0 14px; height: 23px; } form button span strong { display: block; float: left; padding: 0 24px 0 0; height: 23px; } form button span strong em { display: block; float: left; color: #FFFFFF; font-size: 1.1em; line-height: 16px; padding: 3px 0 4px; height: 16px; font-style: normal; white-space: nowrap; } form button.brownButton span { background: url(/bkUserPlugin/images/buttonLeftBg.gif) left top no-repeat; } form button.brownButton span strong { background: url(/bkUserPlugin/images/buttonRightBg.gif) right top no-repeat; } form button.brownButton span strong em { background: url(/bkUserPlugin/images/buttonBg.gif) left top repeat-x; } /* navigation.css */ /* MAIN NAVIGATION */ ul.mainNav { list-style-type: none; display: block; clear: both; padding: 6px 0 0px; height: 48px; } ul.mainNav li { display: block; float: left; position: relative; width: 50px; height: 35px; } ul.mainNav li a { display: block; width: 100%; height: 35px; background-image: url(/images/layout/navigation/mainNaviSprite.png); background-repeat: no-repeat; background-position: left top; text-indent: -19999px; } /* MENU */ ul.mainNav li#mainNavMenu { width: 73px; padding: 0; } ul.mainNav li#mainNavMenu a.active { background-position: left -70px; } ul.mainNav li#mainNavMenu a { background-position: left top } ul.mainNav li#mainNavMenu a:hover, ul.mainNav li#mainNavMenu:hover a, ul.mainNav li.over#mainNavMenu a { background-position: left -35px; } /* TASTE */ ul.mainNav li#mainNavTaste { width: 77px; } ul.mainNav li#mainNavTaste a.active { background-position: -73px -70px; } ul.mainNav li#mainNavTaste a { background-position: -73px top } ul.mainNav li#mainNavTaste a:hover, ul.mainNav li#mainNavTaste:hover a, ul.mainNav li.over#mainNavTaste a { background-position: -73px -35px; } /* KING BOX */ ul.mainNav li#mainNavKingBox { width: 125px; } ul.mainNav li#mainNavKingBox a.active { background-position: -150px -70px; } ul.mainNav li#mainNavKingBox a { background-position: -150px top } ul.mainNav li#mainNavKingBox a:hover, ul.mainNav li#mainNavKingBox:hover a, ul.mainNav li.over#mainNavKingBox a { background-position: -150px -35px; } /* AKTIONEN */ ul.mainNav li#mainNavAktionen { width: 117px; } ul.mainNav li#mainNavAktionen a.active { background-position: -275px -70px; } ul.mainNav li#mainNavAktionen a { background-position: -275px top } ul.mainNav li#mainNavAktionen a:hover, ul.mainNav li#mainNavAktionen:hover a, ul.mainNav li.over#mainNavAktionen a { background-position: -275px -35px; } /* RESTAURANTS */ ul.mainNav li#mainNavRestaurants { width: 154px; } ul.mainNav li#mainNavRestaurants a.active { background-position: -392px -70px; } ul.mainNav li#mainNavRestaurants a { background-position: -392px top } ul.mainNav li#mainNavRestaurants a:hover, ul.mainNav li#mainNavRestaurants:hover a, ul.mainNav li.over#mainNavRestaurants a { background-position: -392px -35px; } /* MEDIA */ ul.mainNav li#mainNavMedia { width: 79px; } ul.mainNav li#mainNavMedia a.active { background-position: -546px -70px; } ul.mainNav li#mainNavMedia a { background-position: -546px top } ul.mainNav li#mainNavMedia a:hover, ul.mainNav li#mainNavMedia:hover a, ul.mainNav li.over#mainNavMedia a { background-position: -546px -35px; } /* COMPANY */ ul.mainNav li#mainNavCompany { width: 109px; } ul.mainNav li#mainNavCompany a.active { background-position: -625px -70px; } ul.mainNav li#mainNavCompany a { background-position: -625px top } ul.mainNav li#mainNavCompany a:hover, ul.mainNav li#mainNavCompany:hover a, ul.mainNav li.over#mainNavCompany a { background-position: -625px -35px; } /* KARRIERE */ ul.mainNav li#mainNavKarriere { width: 115px; } ul.mainNav li#mainNavKarriere a.active { background-position: -734px -70px; } ul.mainNav li#mainNavKarriere a { background-position: -734px top } ul.mainNav li#mainNavKarriere a:hover, ul.mainNav li#mainNavKarriere:hover a, ul.mainNav li.over#mainNavKarriere a { background-position: -734px -35px; } /* DIALOG */ ul.mainNav li#mainNavDialog { width: 90px; } ul.mainNav li#mainNavDialog a.active { background-position: -849px -70px; } ul.mainNav li#mainNavDialog a { background-position: -849px top } ul.mainNav li#mainNavDialog a:hover, ul.mainNav li#mainNavDialog:hover a, ul.mainNav li.over#mainNavDialog a { background-position: -849px -35px; } body { overflow-x: hidden; } ul.mainNav li a:focus { outline: none; } ul.mainNav li ul li a, ul.mainNav li .subNavContainer a { text-indent: 0; display: inline; width: auto; height: auto; background-image: none; } ul.mainNav li .subNavContainer { display: none; position: absolute; top: 35px; left: -25px; width: 269px; background: url(/images/layout/navigation/subNav/subNav.png) -1349px bottom no-repeat; padding-bottom: 60px; } ul.mainNav li:hover .subNavContainer, ul.mainNav li.over .subNavContainer, ul.mainNav li.active .subNavContainer { display: block; } ul.mainNav li .innerSubNavContainer { padding: 18px 50px 5px 40px; background: url(/images/layout/navigation/subNav/subNav.png) -1080px top no-repeat; } /* SUB NAVIGATION */ ul.mainNav li ul.subNav { list-style-type: none; display: block; } ul.mainNav li ul.subNav li { display: block; float: none; width: 166px; height: 24px; padding: 0 0 2px; position: static; } ul.mainNav li ul.subNav li a { font-weight: bold; display: block; padding: 4px 9px; height: 100%; font-size: 1.2em; line-height: 16px; text-transform: uppercase; text-decoration: none; color: #744719; background-position: -1000px -50px !important; background-repeat: no-repeat; background-image: url(/images/layout/navigation/subNav/subNavLink.png) !important; white-space: nowrap; } ul.mainNav li ul.subNav li a:hover, ul.mainNav li ul.subNav li:hover a, ul.mainNav li ul.subNav li.over a, ul.mainNav li ul.subNav li a.active { color: #FFFFFF; background-position: left -50px !important; } /* MENU */ ul.mainNav li#mainNavMenu .subNavContainer { width: 540px; background-position: -540px bottom; } ul.mainNav li#mainNavMenu .innerSubNavContainer { background-position: left top; padding: 28px 50px 25px 42px; } ul.mainNav li#mainNavMenu ul.subNav { position: relative; background: url(/images/layout/navigation/subNav/subNavVerticalLine.gif) 185px 0px repeat-y; } ul.mainNav li#mainNavMenu ul.subNav li ul { list-style-type: none; display: none; position: absolute; top: 0px; left: 166px; padding: 0 0 0 33px; height: 100%; } ul.mainNav li#mainNavMenu ul.subNav li ul li { width: 236px; } ul.mainNav li#mainNavMenu ul.subNav li ul li a { background-image: url(/images/layout/navigation/subNav/subNavLink.png) !important; } ul.mainNav li#mainNavMenu ul.subNav li:hover ul, ul.mainNav li#mainNavMenu ul.subNav li.over ul { display: block; } ul.mainNav li#mainNavMenu ul.subNav li:hover ul li a, ul.mainNav li#mainNavMenu ul.subNav li.over ul li a { background-position: -1000px top !important; color: #744719; } ul.mainNav li#mainNavMenu ul.subNav li ul li a:hover, ul.mainNav li#mainNavMenu ul.subNav li ul li:hover a, ul.mainNav li#mainNavMenu ul.subNav li ul li.over a, ul.mainNav li#mainNavMenu ul.subNav li ul li a.active { background-position: left top !important; color: #FFFFFF; } ul.mainNav li#mainNavMenu ul.subNav li ul li .navProductImage { display: none; position: absolute; top: 0px; left: 280px; height: 100%; padding: 0 0 0 20px; } ul.mainNav li#mainNavMenu ul.subNav li ul li:hover .navProductImage, ul.mainNav li#mainNavMenu ul.subNav li ul li.over .navProductImage { display: block; } /* DIALOG */ ul.mainNav li#mainNavDialog .subNavContainer { width: 242px; background: none; padding: 0; } ul.mainNav li#mainNavDialog .subNavContainer .subNavContent { padding: 5px 15px; } ul.mainNav li#mainNavDialog .subNavContainer .subNavContent h4 { margin: 0 0 8px; } ul.mainNav li#mainNavDialog .subNavContainer { width: 271px; left: auto; right: -15px; } ul.mainNav li#mainNavDialog .innerSubNavContainer { background-position: -1618px top; padding: 0 15px 50px 50px; height: 141px; } ul.mainNav li#mainNavDialog ul { display: block; list-style-type: none; width: 100%; height: auto; overflow: hidden; } ul.mainNav li#mainNavDialog ul li { display: block; width: 85px; height: auto; float: right; padding: 0 0 8px; } ul.mainNav li#mainNavDialog ul li.clearLink { clear: both; float: left; height: 18px; overflow: hidden; } ul.mainNav li#mainNavDialog ul li a { display: inline-block; float: left; padding: 0 0 0 25px; height: 18px; line-height: 18px; font-size: 1.1em; font-weight: bold; color: #FFFFFF; text-decoration: none; background-image: url(/images/layout/navigation/socialLinks.png); background-repeat: no-repeat; } ul.mainNav li#mainNavDialog ul li a:hover { text-decoration: underline; } ul.mainNav li#mainNavDialog ul li a.scFacebook { background-position: left -36px; } ul.mainNav li#mainNavDialog ul li a.scYouTube { background-position: left -54px; } /* META NAVIGATION */ ul.metaNav { list-style-type: none; display: block; float: right; height: 20px; overflow: hidden; padding: 5px 10px 7px 0; } ul.metaNav li { display: block; float: left; height: 20px; overflow: hidden; text-transform: uppercase; font-size: 1.0em; line-height: 20px; color: #ab9c92; } ul.metaNav li span { padding: 0 10px; } ul.metaNav li a { color: #ab9c92; text-decoration: none; } ul.metaNav li a:hover { color: #000000; text-decoration: underline; } ul.metaNav li form { width: auto; height: 20px; float: left; } ul.metaNav li form fieldset { width: auto; height: 20px; float: left; background: none; } ul.metaNav li form fieldset label { display: block; float: left; width: 45px; } ul.metaNav li form fieldset .customInput { float: left; width: 115px; height: 20px; background: url(/images/layout/headerCustomInputBg.gif) left top no-repeat; } ul.metaNav li form fieldset input { width: 109px; height: 14px; padding: 3px; display: block; background: transparent; font-size: 1.1em; } ul.metaNav li form fieldset button { float: left; width: 25px; height: 20px; margin: 0; background: transparent url(/images/layout/headerCustomButton.gif) left top no-repeat; text-indent: -19999px; } ul.metaNav li form fieldset button:focus { outline: none; } /* BREADCRUMB NAVIGATION */ ul.breadcrumbNav { list-style-type: none; padding: 0 0 0 8px; } ul.breadcrumbNav li { display: inline; line-height: 16px; color: #d4b47f; } ul.breadcrumbNav li a { text-decoration: none; color: #d4b47f; } ul.breadcrumbNav li a:hover { text-decoration: underline; } /* FOOTER NAVIGATION */ .footerColumn { float: left; color: #5f481c; font-style: italic; } .footerColumn .groupColumn { clear: both; } .footerColumn .groupColumn ul { float: left; } .footerColumn h4 { font-weight: bold; font-size: 1.1em; line-height: 18px; padding: 0 0 0 40px; } .footerColumn h4.firstHeadline { padding: 0; } .footerColumn h4 a { color: #5f481c; text-decoration: none; position: relative; } .footerColumn h4 a:hover { color: #000000; } ul.footerNav { list-style-type: none; padding: 0 0 0 40px; margin: 0 0 14px; } /* special handling */ ul#taste.footerNav li { width:86px; } ul#kingbox.footerNav li { width:86px; } ul#aktionen.footerNav li { width:86px; } ul.firstGroup { padding: 0; } ul.footerNav li { font-size: 1.0em; line-height: 14px; } ul.footerNav li a { color: #5f481c; text-decoration: none; position: relative; } ul.footerNav li a:hover { color: #000000; text-decoration: underline; } .socialMediaFooter h4 { padding: 0; font-size: 1px; line-height: 1px; text-indent: -199999px; } .socialMediaFooter ul.footerNav li { margin-bottom: 7px; } ul.footerNav li a.footerIcons { display: block; width: 40px; height: 41px; text-indent: -19999px; background-image: url(/images/layout/navigation/socialMediaIcons.png); background-repeat: no-repeat; outline: none; } ul.footerNav li a.iconYoutube { background-position: 0px 0px; } ul.footerNav li a.iconFacebook { background-position: 0px -41px; } /* fan-of-all-fans footer navigation exceptions */ .lawn .footerColumn, .lawn .footerColumn h4 a, .lawn ul.footerNav li a { color: #717a59; } /* LINKS */ a.moreLink { font-size: 1.1em; color: #FFFFFF; padding: 0 0 0 12px; font-weight: bold; background: url(/images/teaser/whiteArrow.gif) left top no-repeat !important; text-decoration: none; } a.moreLink:hover { text-decoration: underline; } a.blueLink { color: #000f1e; background: url(/images/teaser/blueArrow.gif) left top no-repeat !important; } /* COLOR VARIATIONS */ /* BLACK */ .black .footerColumn, .black .footerColumn h4 a, .black ul.footerNav li a { color: #5e5e5e; } .black .footerColumn h4 a:hover , .black ul.footerNav li a:hover { color: #FFFFFF; } /* BROWN */ .brown .footerColumn, .brown .footerColumn h4 a, .brown ul.footerNav li a { color: #4a3724; } .brown .footerColumn h4 a:hover, .brown ul.footerNav li a:hover { color: #000000; } .brown ul.breadcrumbNav li, .brown ul.breadcrumbNav li a { color: #b79969; } /* BLUE */ .blue .footerColumn, .blue .footerColumn h4 a, .blue ul.footerNav li a { color: #2f505c; } .blue .footerColumn h4 a:hover, .blue ul.footerNav li a:hover { color: #000000; } .blue ul.breadcrumbNav li, .blue ul.breadcrumbNav li a { color: #99bdda; } /* GREEN */ .green .footerColumn, .green .footerColumn h4 a, .green ul.footerNav li a { color: #3a4f0f; } .green .footerColumn h4 a:hover, .green ul.footerNav li a:hover { color: #000000; } .green ul.breadcrumbNav li, .green ul.breadcrumbNav li a { color: #a1ad7d; } /* DARKGREEN */ .darkgreen .footerColumn, .darkgreen .footerColumn h4 a, .darkgreen ul.footerNav li a { color: #e0eaf2; } .darkgreen .footerColumn h4 a:hover, .darkgreen ul.footerNav li a:hover { color: #FFFFFF; } .darkgreen ul.breadcrumbNav li, .darkgreen ul.breadcrumbNav li a { color: #c6a670; } /* LIGHT BLUE */ .lightblue .footerColumn, .lightblue .footerColumn h4 a, .lightblue ul.footerNav li a { color: #4b6766; } .lightblue .footerColumn h4 a:hover, .lightblue ul.footerNav li a:hover { color: #000000; } .lightblue ul.breadcrumbNav li, .lightblue ul.breadcrumbNav li a { color: #96c6cb; } /* YELLOW */ .yellow .footerColumn, .yellow .footerColumn h4 a, .yellow ul.footerNav li a { color: #5b472f; } .yellow .footerColumn h4 a:hover, .yellow ul.footerNav li a:hover { color: #000000; } .yellow ul.breadcrumbNav li, .yellow ul.breadcrumbNav li a { color: #d7bc91; } /* SPECIALS */ .specials .footerColumn, .specials .footerColumn h4 a, .specials ul.footerNav li a, .specials .footnotes { color: #4a3724; } .specials .footerColumn h4 a:hover, .specials ul.footerNav li a:hover { color: #000000; } .specials ul.breadcrumbNav li, .specials ul.breadcrumbNav li a { color: #b79969; } /* FLAME-GRILLED BEEF */ .flame-grilled-beef .footerColumn, .flame-grilled-beef .footerColumn h4 a, .flame-grilled-beef ul.footerNav li a, .flame-grilled-beef .footnotes { color: #4a3724; } .flame-grilled-beef .footerColumn h4 a:hover, .flame-grilled-beef ul.footerNav li a:hover { color: #000000; } .flame-grilled-beef ul.breadcrumbNav li, .flame-grilled-beef ul.breadcrumbNav li a { color: #b79969; } /* CHICKEN-VEGGIE */ .chicken-veggie .footerColumn, .chicken-veggie .footerColumn h4 a, .chicken-veggie ul.footerNav li a, .chicken-veggie .footnotes { color: #4a3724; } .chicken-veggie .footerColumn h4 a:hover, .chicken-veggie ul.footerNav li a:hover { color: #000000; } .chicken-veggie ul.breadcrumbNav li, .chicken-veggie ul.breadcrumbNav li a { color: #b79969; } /* KING-DEALS */ .king-deals .footerColumn, .king-deals .footerColumn h4 a, .king-deals ul.footerNav li a, .king-deals .footnotes { color: #4a3724; } .king-deals .footerColumn h4 a:hover, .king-deals ul.footerNav li a:hover { color: #000000; } .king-deals ul.breadcrumbNav li, .king-deals ul.breadcrumbNav li a { color: #b79969; } /* KING-SNACKS */ .king-snacks .footerColumn, .king-snacks .footerColumn h4 a, .king-snacks ul.footerNav li a, .king-snacks .footnotes { color: #4a3724; } .king-snacks .footerColumn h4 a:hover, .king-snacks ul.footerNav li a:hover { color: #000000; } .king-snacks ul.breadcrumbNav li, .king-snacks ul.breadcrumbNav li a { color: #b79969; } /* KING-DELIGHT */ .king-delight .footerColumn, .king-delight .footerColumn h4 a, .king-delight ul.footerNav li a, .king-delight .footnotes { color: #3a4f0f; } .king-delight .footerColumn h4 a:hover, .king-delight ul.footerNav li a:hover { color: #000000; } .king-delight ul.breadcrumbNav li, .king-delight ul.breadcrumbNav li a { color: #a1ad7d; } /* SALADS AND WRAPS */ .salads-wraps .footerColumn, .salads-wraps .footerColumn h4 a, .salads-wraps ul.footerNav li a, .salads-wraps .footnotes { color: #3a4f0f; } .salads-wraps .footerColumn h4 a:hover, .salads-wraps ul.footerNav li a:hover { color: #000000; } .salads-wraps ul.breadcrumbNav li, .salads-wraps ul.breadcrumbNav li a { color: #a1ad7d; } /* KIDS-MENU */ .kids-menu .footerColumn, .kids-menu .footerColumn h4 a, .kids-menu ul.footerNav li a, .kids-menu .footnotes { color: #4b6766; } .kids-menu .footerColumn h4 a:hover, .kids-menu ul.footerNav li a:hover { color: #000000; } .kids-menu ul.breadcrumbNav li, .kids-menu ul.breadcrumbNav li a { color: #96c6cb; } /* KING BOX */ .brightblue .footerColumn, .brightblue .footerColumn h4 a, .brightblue ul.footerNav li a, .brightblue .footnotes { color: #18657a; } .brightblue .footerColumn h4 a:hover, .brightblue ul.footerNav li a:hover { color: #000000; } .brightblue ul.breadcrumbNav li, .brightblue ul.breadcrumbNav li a { color: #cbaa84; } /* FRUEHSTUECK */ .fruehstueck .footerColumn, .fruehstueck .footerColumn h4 a, .fruehstueck ul.footerNav li a, .fruehstueck .footnotes { color: #5b472f; } .fruehstueck .footerColumn h4 a:hover, .fruehstueck ul.footerNav li a:hover { color: #000000; } /* KING-DESSERTS */ .king-desserts .footerColumn, .king-desserts .footerColumn h4 a, .king-desserts ul.footerNav li a, .king-desserts .footnotes { color: #d6e3ed; } .king-desserts .footerColumn h4 a:hover, .king-desserts ul.footerNav li a:hover { color: #FFFFFF; } .king-desserts ul.breadcrumbNav li, .king-desserts ul.breadcrumbNav li a { color: #9d834a; } /* SOMMER-DESSERTS */ .sommer-desserts .footerColumn, .sommer-desserts .footerColumn h4 a, .sommer-desserts ul.footerNav li a, .sommer-desserts .footnotes { color: #d6e3ed; } .sommer-desserts .footerColumn h4 a:hover, .sommer-desserts ul.footerNav li a:hover { color: #FFFFFF; } .sommer-desserts ul.breadcrumbNav li, .sommer-desserts ul.breadcrumbNav li a { color: #9d834a; } /* GETRAENKE */ .getraenke .footerColumn, .getraenke .footerColumn h4 a, .getraenke ul.footerNav li a, .getraenke .footnotes { color: #e0eaf2; } .getraenke .footerColumn h4 a:hover, .getraenke ul.footerNav li a:hover { color: #FFFFFF; } .getraenke ul.breadcrumbNav li, .getraenke ul.breadcrumbNav li a { color: #c6a670; } /* SPAR-KINGS */ .spar-kings .footerColumn, .spar-kings .footerColumn h4 a, .spar-kings ul.footerNav li a, .spar-kings .footnotes { color: #4a3724; } .spar-kings .footerColumn h4 a:hover, .spar-kings ul.footerNav li a:hover { color: #000000; } .spar-kings ul.breadcrumbNav li, .spar-kings ul.breadcrumbNav li a { color: #b79969; } /* backgrounds.css */ /* BACKGROUNDS */ body { background: #e7b850 url(/images/backgrounds/bodyBgStandard.gif) left top repeat-x; } #stripesBg { background: url(/images/backgrounds/wrapperBgStandard.jpg) center top no-repeat; } body.black { background: #000000 url(/images/backgrounds/bodyBgBlack.gif) left top repeat-x; } .black #stripesBg { background: url(/images/backgrounds/wrapperBgBlack.jpg) center top no-repeat; } body.brown { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .brown #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.blue { background: #38a3cf url(/images/backgrounds/bodyBgBlue.gif) left top repeat-x; } .blue #stripesBg { background: url(/images/backgrounds/wrapperBgBlue.jpg) center top no-repeat; } body.green { background: #a9c374 url(/images/backgrounds/bodyBgGreen.gif) left top repeat-x; } .green #stripesBg { background: url(/images/backgrounds/wrapperBgGreen.jpg) center top no-repeat; } body.darkgreen { background: #7cb372 url(/images/backgrounds/bodyBgDarkgreen.gif) left top repeat-x; } .darkgreen #stripesBg { background: url(/images/backgrounds/wrapperBgDarkgreen.jpg) center top no-repeat; } body.lightblue { background: #81d2cf url(/images/backgrounds/bodyBgLightblue.gif) left top repeat-x; } .lightblue #stripesBg { background: url(/images/backgrounds/wrapperBgLightblue.jpg) center top no-repeat; } body.yellow { background: #f5e98b url(/images/backgrounds/bodyBgYellow.gif) left top repeat-x; } .yellow #stripesBg { background: url(/images/backgrounds/wrapperBgYellow.jpg) center top no-repeat; } body.lawn { background: #ddebb3 url(/images/backgrounds/bodyBgLawn.gif) left top repeat-x; } .lawn #stripesBg { background: url(/images/backgrounds/wrapperBgLawn.jpg) center top no-repeat; } body.brightblue { background: #62d4ee url(/images/backgrounds/bodyBgBrightblue.gif) left top repeat-x; } .brightblue #stripesBg { background: url(/images/backgrounds/wrapperBgBrightblue.jpg) center top no-repeat; } /* CATEGORIES */ body.specials { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .specials #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.flame-grilled-beef { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .flame-grilled-beef #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.chicken-veggie { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .chicken-veggie #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.king-deals { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .king-deals #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.king-snacks { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .king-snacks #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.king-delight { background: #a9c374 url(/images/backgrounds/bodyBgGreen.gif) left top repeat-x; } .king-delight #stripesBg { background: url(/images/backgrounds/wrapperBgGreen.jpg) center top no-repeat; } body.salads-wraps { background: #a9c374 url(/images/backgrounds/bodyBgGreen.gif) left top repeat-x; } .salads-wraps #stripesBg { background: url(/images/backgrounds/wrapperBgGreen.jpg) center top no-repeat; } body.kids-menu { background: #81d2cf url(/images/backgrounds/bodyBgLightblue.gif) left top repeat-x; } .kids-menu #stripesBg { background: url(/images/backgrounds/wrapperBgLightblue.jpg) center top no-repeat; } body.king-box { background: #62d4ee url(/images/backgrounds/bodyBgBrightblue.gif) left top repeat-x; } .king-box #stripesBg { background: url(/images/backgrounds/wrapperBgBrightblue.jpg) center top no-repeat; } body.fruehstueck { background: #f5e98b url(/images/backgrounds/bodyBgYellow.gif) left top repeat-x; } .fruehstueck #stripesBg { background: url(/images/backgrounds/wrapperBgYellow.jpg) center top no-repeat; } body.king-desserts { background: #38a3cf url(/images/backgrounds/bodyBgBlue.gif) left top repeat-x; } .king-desserts #stripesBg { background: url(/images/backgrounds/wrapperBgBlue.jpg) center top no-repeat; } body.sommer-desserts { background: #38a3cf url(/images/backgrounds/bodyBgBlue.gif) left top repeat-x; } .sommer-desserts #stripesBg { background: url(/images/backgrounds/wrapperBgBlue.jpg) center top no-repeat; } body.getraenke { background: #7cb372 url(/images/backgrounds/bodyBgDarkgreen.gif) left top repeat-x; } .getraenke #stripesBg { background: url(/images/backgrounds/wrapperBgDarkgreen.jpg) center top no-repeat; } body.spar-kings { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .spar-kings #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } body.king-des-monats { background: #d4aa6b url(/images/backgrounds/bodyBgBrown.gif) left top repeat-x; } .king-des-monats #stripesBg { background: url(/images/backgrounds/wrapperBgBrown.jpg) center top no-repeat; } /* layout.css */ body#popup { background: #FFFFFF; } body#popup h1 { width: 100%; height: 140px; text-indent: -19999px; background: url(/images/layout/popupH1.jpg) left top no-repeat; } .tracking { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0px; left: 0px; } #stripesBg { min-height: 100%; position: relative; } #jsFunctions { width: 175px; background: white; position: fixed; top: 0px; left: 0px; padding: 10px 15px; border: 1px solid black; z-index: 1000; } #jsFunctions h3 { font-size: 1.8em; font-weight: normal; line-height: 24px; margin: 0 0 5px; } #jsFunctions ul { list-style-type: none; } #jsFunctions ul li a { font-size: 1.1em; line-height: 20px; color: black; } #wrapper { margin: 0 auto; width: 992px; position: relative; } #header { padding: 0 15px 0 0; height: 105px; clear: both; position: relative; z-index: 15; } #header span#logo { float: left; display: block; width: 98px; height: 95px; background: url(/images/layout/logo.png) left top no-repeat; } #header span#logo a { position: relative; background: transparent; text-indent: -19999px; display: block; width: 100%; height: 100%; } #header span#logo a:focus { outline: none; } #header #navigationWrapper { float: right; width: 879px; height: 95px; } #header #images { width: 1px; height: 1px; overflow: hidden; position: absolute; top: 0px; left: 0px; } #contentWrapper { width: 100%; position: relative; clear: both; top: -13px; overflow: hidden; } #content { padding: 0 0 40px; width: 100%; clear: both; } .columnGroup { width: 100%; overflow: hidden; } .columnGroup .leftColumn { width: 658px; float: left; } .columnGroup .rightColumn { width: 328px; padding: 0 6px 0 0; float: right; } .columnGroup .rightColumn .teaserColumn { padding: 6px 0 0; } #home_stage { width: 100%; height: 750px; margin-bottom: -290px; } #home_stage .fallbackWrapper { width: 100%; height: 100%; position: relative; } #home_stage .slides { width: 100%; overflow: hidden; height: 100%; position: absolute; top: 0px; left: 0px; } #home_stage .slideElement { width: 100%; height: 100%; background-repeat: no-repeat; background-position: left top; float: left; } #home_stage .slideElement * { visibility: hidden; } #home_stage .fallbackWrapper ul.pager { position: absolute; top: 430px; right: 15px; list-style-type: none; height: 25px; clear: both; } #home_stage .fallbackWrapper ul.pager li { display: block; float: left; height: 25px; padding: 0 0 0 2px; position: relative; } #home_stage .fallbackWrapper ul.pager li a { display: block; float: left; padding: 0px 8px; background: #FFFFFF; line-height: 15px; font-size: 1.1em; font-weight: bold; color: #7c0021; text-decoration: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #home_stage .fallbackWrapper ul.pager li a.active { font-size: 1.5em; padding: 5px 12px; position: relative; top: -5px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #home_stage .fallbackWrapper a.fallbackLink { display: block; height: 450px; position: relative; text-indent: -19999px; visibility: visible; width: 992px; } #home_stage_tvspot { width: 100%; height: 563px; margin: 0 0 12px; } .shadowBox { padding: 0 0 35px; background-position: left bottom; background-repeat: no-repeat; } .threeColumnsShadow { background-image: url(/images/layout/shadow3Columns.png); } #footer { height:250px;width: 968px; padding: 10px 0; margin: 0 15px 0px 9px; overflow: hidden; background: url(/images/layout/footerBg.png) left top no-repeat; } /* teaser.css */ /* TEASER */ .teaserGroup { padding: 0 6px 0 0px; position: relative; z-index: 5; overflow: hidden; height: 225px; } .twinGroup { height: 240px; } .homeTeaserGroup { height: 290px; clear: both; overflow: visible; } .teaserWrapper { float: left; width: 328px; height: 225px; padding: 0 0 0 1px; background: url(/images/layout/shadow1Column.png) left bottom no-repeat; } .doubleTeaser { width: 656px; background: url(/images/layout/shadow2Columns.png) left bottom no-repeat; } .teaser { height: 200px; position: relative; } .teaserWrapper .teaser { height: 225px; } .firstTeaserWrapper { padding: 0; } .leftTeaser { padding: 0; } .teaserRow { padding: 6px 0 0; } .teaserLink { padding: 135px 30px 0; } .twinTeaser { float: left; width: 492px; height: 225px; padding: 0 0 0 1px; } .twinTeaserWrapper { background: url(/images/layout/shadowTwinColumn.png) left bottom no-repeat; } ul.flexTeaser { width: 328px; position: relative; display: block; list-style-type: none; } .homeTeaserGroup ul.flexTeaser { height: 225px; } ul.flexTeaser li { position: absolute; top: 0px; left: 0px; width: 328px; display: block; } .homeTeaserGroup ul.flexTeaser li { height: 225px; } .homeTeaserGroup .leftTeaser { height: 245px; } .homeTeaserGroup .middleTeaser, .homeTeaserGroup .rightTeaser { padding: 20px 0 0 1px; } .teaser h3 { display: none; } .teaser a.moreLink { display: inline-block; } /* RESTAURANT FINDER */ #restaurantFinder { background: url(/images/teaser/restaurantFinderBg.png) left -20px no-repeat; padding: 130px 24px 0; height: 70px; } #restaurantFinder h4 { display: none; } #restaurantFinder form fieldset { float: left; width: 235px; height: 37px; background: url(/images/teaser/restaurantFinderCustomInput.gif) left top no-repeat; } #restaurantFinder form fieldset input { display: block; width: 219px; height: 17px; padding: 10px 8px; background: transparent; font-size: 1.5em; color: #7e7b77; } #restaurantFinder form button { width: 44px; height: 37px; background: transparent url(/images/teaser/restaurantFinderButton.gif) left top no-repeat; text-indent: -19999px; float: left; } #restaurantFinder form button:focus { outline: none; } /* TWITTER */ #twitterTeaser { background: url(/images/teaser/twitterTeaserBg.png) left top no-repeat; padding: 65px 34px 0; height: 225px; } #twitterTeaser .twitterTeaserText { color: #FFFFFF; padding: 7px 0 0; height: 84px; margin: 0 0 15px; font-size: 1.1em; line-height: 16px; } #twitterTeaser .twitterTeaserText p { margin: 0 0 10px; } #twitterTeaser a { color: #FFFFFF; text-decoration: none; } #twitterTeaser a:hover { text-decoration: underline; } #twitterTeaser .twitterTeaserText a { text-decoration: underline; } /* SPARSCHEIN */ .expandTeaser { height: 54px !important; padding: 20px 0 0; position: relative; margin: 0 0 8px; width: 328px; } .expandTeaser .teaserContent { position: relative; z-index: 2; height: 54px; } .expandTeaser .moreContentWrapper { position: absolute; bottom: 52px; left: 0px; width: 100%; padding: 22px 0 0; } .expandTeaser .moreContentWrapper a.handleTeaserContent { position: relative; bottom: 0px; left: 140px; display: block; width: 47px; height: 23px; text-indent: -19999px; background: url(/images/teaser/handleRed.png) left top no-repeat; } .expandTeaser .moreContentWrapper a.handleTeaserContent:focus { outline: none; } .expandTeaser .moreContentWrapper .moreContentContainer { position: relative; bottom: 0px; left: 0px; height: 0px; overflow: hidden; } .expandTeaser .moreContentWrapper .moreContent { background: url(/images/teaser/moreContentBg.png) left top no-repeat; height: 100%; } .expandTeaser .moreContentContainerContent { padding: 35px 40px 0 45px; color: #FFFFFF; position: relative; } .expandTeaser .moreContentContainerContent p { margin: 0 0 16px; font-size: 1.1em; line-height: 16px; } /* SPARSCHEIN */ #sparscheinTeaser .teaserContent { background: url(/images/teaser/sparscheinTeaserBg.png) left top no-repeat; } #sparscheinTeaser .moreContentContainerContent h4 { position: absolute; top: 0px; left: 0px; background: url(/images/teaser/sparscheinTeaserStoerer.png) left top no-repeat; width: 150px; height: 120px; text-indent: -19999px; } #sparscheinTeaser .moreContentContainerContent p.firstParagraph { padding: 0 0 0 110px; } /* TEXT TEASER */ .teaserTextContent { padding: 60px 24px 0; } .smallTeaser .teaserTextContent { padding: 35px 24px 0; } .teaserTextContent p { height: 60px; padding: 8px 15px 12px; margin: 0 0 10px; font-size: 1.1em; line-height: 16px; color: #FFFFFF; font-weight: bold; } .smallTeaser .teaserTextContent p { height: 25px; } #homeTeaser { background: url(/bkBayernMuenchenPlugin/images/teaser/homeTeaser.png) left top no-repeat; } #homeTeaser .teaserTextContent { padding-top: 45px; height: 95px; } #homeTeaser .teaserTextContent p { height: 75px; } #homeTeaser img { position: absolute; bottom: 0px; right: 0px; } #aboutUsTeaser { background: url(/images/teaser/aboutUs.png) left top no-repeat; } #aboutUsTeaser h4 { display: none; } #aboutUsTeaser img { position: absolute; top: 30px; right: 10px; } #jobOffersTeaser { background: url(/images/teaser/jobOffers.png) left top no-repeat; } #jobOffersTeaser h4 { display: none; } #pressRedTeaser { background: url(/images/teaser/pressRed.png) left top no-repeat; } #pressRedTeaser h4 { display: none; } #kidsPromoSmall { height: 160px; background: url(/images/teaser/kidsPromoSmallBg.png) left top no-repeat; } #kidsPromoSmall img { position: absolute; bottom: 0px; right: 30px; } #kidsPromo { background: url(/images/teaser/kidsPromoBg.png) left top no-repeat; } #kidsPromo .teaserTextContent { padding-top: 45px; } #kidsPromo p { height: 75px; } #kidsPromo img { position: absolute; bottom: 0px; right: 30px; } #franchiseTeaser { background: url(/images/teaser/franchiseBg.png) left top no-repeat; } #franchiseTeaser p { color: #cbd5bd; } #franchiseTeaser img { position: absolute; bottom: 0px; right: 9px; } #franchiseContactTeaser { background: url(/images/teaser/franchiseContactBg.png) left top no-repeat; } #franchiseContactTeaser p { width:250px; color: #f3e4d3; } #franchiseContactTeaser img { position: absolute; bottom: 0px; right: -10px; } #pressTeaser { background: url(/images/teaser/pressBg.png) left top no-repeat; } #pressTeaser p { color: #ccc2bb; } #pressTeaser img { position: absolute; bottom: 0px; right: 9px; } #pressContactTeaser { background: url(/images/teaser/pressContactBg.png) left top no-repeat; } #pressContactTeaser p { color: #c9bfb9; } #pressContactTeaser img { position: absolute; bottom: 0px; right: 9px; } #downloadsTeaser { background: url(/images/teaser/downloadsBg.png) left top no-repeat; } #downloadsTeaser img { position: absolute; bottom: 0px; right: 0px; } #fondueSpecialTeaser { background: url(/images/teaser/fondueSpecialTeaserBg.png) left top no-repeat; } #fondueSpecialTeaser .teaserTextContent { padding-top: 45px; } #fondueSpecialTeaser .teaserTextContent p { height: 75px; } #fondueSpecialTeaser img { position: absolute; bottom: 40px; right: -20px; } #facebookTeaser { background: url(/images/teaser/facebookTeaserBg.png) left top no-repeat; } #facebookTeaser p { color: #cfdae3; } #facebookTeaser img { position: absolute; bottom: -23px; right: -3px; } #louisianaTeaser { background: url(/images/teaser/louisianaTeaserBg.png) left top no-repeat; } #louisianaTeaser .teaserTextContent { padding-top: 45px; } #louisianaTeaser .teaserTextContent p { height: 75px; } #louisianaTeaser img { position: absolute; bottom: -2px; right: -35px; } #chickenWeeksTeaser { background: url(/images/teaser/chickenWeeksTeaserBg.png) left top no-repeat; } #chickenWeeksTeaser .teaserTextContent { padding-top: 45px; } #chickenWeeksTeaser .teaserTextContent p { height: 75px; color: #fff; } #chickenWeeksTeaser img { position: absolute; bottom: -3px; right: 13px; } #xtraLongWeeksTeaser { background: url(/images/teaser/xtraLongWeeksTeaserBg.png) left top no-repeat; } #xtraLongWeeksTeaser .teaserTextContent { padding-top: 45px; } #xtraLongWeeksTeaser .teaserTextContent p { height: 75px; color: #fff; } #xtraLongWeeksTeaser img { position: absolute; bottom: 0px; right: 5px; } #chickenSummerTeaser { background: url(/images/teaser/chickenSummerTeaserBg.png) left top no-repeat; } #chickenSummerTeaser .teaserTextContent { padding-top: 45px; } #chickenSummerTeaser .teaserTextContent p { height: 75px; color: #fff; } #chickenSummerTeaser img { position: absolute; bottom: 0px; right: 5px; } #magazinTeaser { background: url(/images/teaser/magazinBg.png) left top no-repeat; } #magazinTeaser p { color: #b6c5d0; } #magazinTeaser img { position: absolute; bottom: 0px; right: 0px; } #ecardTeaser { background: url(/images/teaser/ecardsBg.png) left top no-repeat; } #ecardTeaser img { position: absolute; bottom: 0px; right: 9px; } #selectionTeaser { background: url(/images/teaser/selectionBg.png) left top no-repeat; } #selectionTeaser p { color: #fff; } #selectionTeaser img { position: absolute; bottom: 0px; right: 9px; } #nutritionTeaser { background: url(/images/teaser/nutritionBg.png) left top no-repeat; } #nutritionTeaser .teaserTextContent { padding: 80px 24px 0; } #nutritionTeaser .teaserTextContent p { margin: 0; padding-bottom: 2px; } #nutritionTeaser img { position: absolute; bottom: 0px; right: 0px; } #nutritionInfosTeaser { background: url(/images/teaser/nutritionInfosBg.png) left top no-repeat; } #nutritionInfosTeaser .teaserTextContent { padding-top: 56px; } #nutritionInfosTeaser .teaserTextContent p { height: 64px; color: #ccd5dd; } #nutritionInfosTeaser img { position: absolute; bottom: 0px; right: -8px; } #kidsSpecialTeaser { background: url(/images/teaser/kidsSpecialBg.png) left top no-repeat; } #kidsSpecialTeaser p { color: #d8b9be; } #kidsSpecialTeaser img { position: absolute; bottom: 0px; right: 9px; } #alimentationTeaser { background: url(/images/teaser/alimentationBg.png) left top no-repeat; } #alimentationTeaser p { color: #ebd9bb; } #alimentationTeaser img { position: absolute; bottom: 0px; right: 0px; } #alimentationContactTeaser { background: url(/images/teaser/alimentationContactBg.png) left top no-repeat; } #alimentationContactTeaser p { color: #C6DEE2; } #alimentationContactTeaser img { position: absolute; bottom: -20px; right: 0px; } #gameTeaser { background: url(/images/teaser/gameBg.png) left top no-repeat; } #gameTeaser p { color: #cce7ea; } #gameTeaser img { position: absolute; bottom: 0px; right: 0px; } #downloadsHomeTeaser { background: url(/images/teaser/downloadsHomeTeaserBg.png) left top no-repeat; } #downloadsHomeTeaser img { position: absolute; bottom: 0px; right: 0px; } #wettenDassHomeTeaser { background: url(/images/teaser/wettenDassHomeTeaserBg.png) left top no-repeat; } #wettenDassHomeTeaser img { position: absolute; bottom: 0px; right: 0px; } #escorteTeaser { background: url(/images/teaser/escorteBg.png) left top no-repeat; } #escorteTeaser p { color: #dee4d2; } #escorteTeaser img { position: absolute; bottom: 8px; right: 5px; } /* CATEGORY RELATED TEASER */ a#kidsMenuCombinationsTeaser { display: block; position: absolute; left: 9px; bottom: 0px; width: 235px; height: 180px; background: url(/images/teaser/kidsMenuCombinationsBg.png) left top no-repeat; text-indent: -19999px; } a#kidsMenuCombinationsTeaser:focus { outline: none; } a#kingboxCombinationsTeaser { display: block; position: absolute; left: -15px; bottom: 15px; width: 309px; height: 228px; background: url(/images/teaser/kingboxCombinationsBg.png) left top no-repeat; text-indent: -19999px; } a#kingboxCombinationsTeaser:focus { outline: none; } a#specialTeaser { display: block; position: absolute; left: 9px; bottom: 0px; width: 225px; height: 180px; background: url(/images/teaser/specialBg.png) left top no-repeat; text-indent: -19999px; } a#specialTeaser:focus { outline: none; } a#kingDealsSpecialTeaser { display: block; position: absolute; left: 9px; bottom: 0px; width: 230px; height: 206px; background: url(/images/teaser/kingDealsSpecialBg.png) left top no-repeat; text-indent: -19999px; } a#kingDealsSpecialTeaser:focus { outline: none; } a#kingDesMonatsTeaser { display: block; position: absolute; left: 25px; bottom: 5px; width: 183px; height: 164px; background: url(/images/teaser/kdm_tv_teaser.png) left top no-repeat; text-indent: -19999px; } a#kingDesMonatsTeaser:focus { outline: none; } /* WHOPPER WEEKS */ #navigationBg{height:49px;background:url(/images/backgrounds/navigationBg.png);top:32px;position:absolute;width:100%;} body.paper{background:url(/images/backgrounds/paperBg.jpg);padding-bottom:67px;} #flammesWrapper{min-height:100%;position:relative;} #flammesBg{height:67px;background:url(/images/backgrounds/flammenBg.png) repeat-x 0px 0px;bottom:0px;position:absolute;width:100%;} /* CHRISTMAS 2011 */ body.christmas { background: #ebc361 url(/images/backgrounds/kachel.jpg) left top repeat-x; } body.christmas #stripesBg{background:url(/images/backgrounds/bg_cheesemas.jpg) 50% 0% no-repeat;}