/* =================================================== Stylesheet Datei: screen.css Datum 26/01/09 Autor: wquadrat medien gmbH =================================================== */ /* ci-farben #464646 standardschrift #eee8de standardschrift-hell #c8b99b schrift2-hell */ #container {width:920px;margin:0 auto; padding: 0 18px; background: url("../../../media/bilder/_layout/body-bg.gif") repeat-y center top} h1#logo img { display: none; } h1#logo { text-indent: -9999px; margin: 0;} h1#logo a { display: block; width: 920px; height: 200px; background: url("../../../media/bilder/_layout/logo.gif") no-repeat; } p.linkWeiter a { background: url("../../../media/bilder/_layout/weiter.gif") no-repeat left center; padding-left: 20px; } dl.bild dd { background: lightgrey; } body { background-color: #464646; } body { font-size: 0.75em /* 16px */ } textarea { font-size: 1em /* 16px */ } #content { background: url("../../../media/bilder/_layout/wsbody-bg.gif") repeat-y #fefbf4; } /* seitenaufteilung */ .column-1 { float: left; width: 184px; } .column-2 { float: left; width: 465px; padding: 0 20px 0; } .column-3 { float: left; width: 211px; padding: 0 10px 0; } #footer #address { margin-left: 184px; } /* navigation */ #navigation { padding-top: 50px; padding-bottom: 10px; font-family: "Times New Roman", serif; font-size: 1.08em; text-transform: uppercase; line-height: 2;} #navigation ul { list-style: none; margin: 0; padding-left: 32px; } #navigation ul ul { padding-left: 0; } #navigation li { margin: 0; } #navigation li li { text-transform: none; line-height: 1.54; } #navigation a { text-decoration: none; display: block; color: #464646; } #navigation a.gap{ margin-bottom: 24px;} #navigation li li a { background-repeat: no-repeat; padding-left: 30px; } #navigation li.selected a { font-weight: bold; } #navigation li.selected li a { font-weight: normal; } /* main */ #main { padding-top: 5px; padding-bottom: 2em; } #breadcrumb { list-style: none; margin: 0 0 1em; } #breadcrumb li { margin: 0 0.25em 0 0; float: left; background: url("../../../media/bilder/_layout/breadcrumb-li.gif") no-repeat left center; padding-left: 0.9em; color: #c8b99b; } #breadcrumb a { color: #c8b99b; text-decoration: none; } #breadcrumb li.first { margin-left: 0; padding-left: 0; background-image: none; } .article { margin: 0 0 3em; } /* .heading-featured { background: url("../../../media/bilder/_layout/h2-featured-linie.gif") no-repeat right bottom; padding-bottom: 5px; position: relative; left: -10px; padding-left: 10px; } .heading-featured span { display: block; text-indent: -500em; height: 58px; background-repeat: no-repeat; } */ .heading-featured { text-indent: -500em; height: 58px; background-repeat: no-repeat; } .article h3 { margin: 0; } .content-teaser .bild { position: relative; z-index: 1; } /* bild über h2-linie positionieren; nötig, da h2 relativ positioniert wird */ /* rezepte und tipps */ h3.recipe_hl{font-size: 16px; background: url("../../../media/bilder/_layout/h2-featured-linie.gif") no-repeat right bottom;padding-bottom: 5px; position: relative; left: -10px; padding-left: 10px;} .recipe_section {margin-bottom: 10px; padding: 10px 0;} .recipe_section.even {background: #eee8de;} .recipe_section img {float: left; margin-right: 10px; border: 1px solid #464646;} .recipe_section .recipe_text {width: 372px; float: left; } /* facebook teilen */ #main a.facebook_button { background: url("../../../media/bilder/_layout/facebook_share_button-dunkelbraun.gif") no-repeat !important; padding-bottom: 6px; padding-left: 67px; width: 67px !important;} #main a.facebook_button span { display:none; } .FBConnectButton, .FBConnectButton_RTL {background: none !important;} .FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text { background: none !important; } /* sitemap */ #sitemap ul li {list-style-type:none;padding:10px 0;} #sitemap ul li a {padding:5px;text-decoration:none;background:url(../../../media/bilder/_layout/sitemap-trenner.gif) no-repeat scroll left top;display:block;} #sitemap ul li a:hover {color:#D7C8AA;} #sitemap ul ul li {padding:5px 10px;} #sitemap ul ul li a {display:inline;background:none;} /* teaser */ #teaser { padding-top: 35px; } .teaser { margin: 0 0 2em; } .teaser h2 { margin: 0 0 0.5em; } .teaser h3 { margin: 0; } .teaser-tipp .link-more { margin: 0; text-align: right; } .teaser-tipp .link-more a { font-family: "Times New Roman", serif; color: #c8b99b; text-decoration: none; text-transform: uppercase; } .teaser-tipp .teaser-inhalt { background: url("../../../media/bilder/_layout/teaser-tipp-bg.gif") no-repeat left bottom; padding: 10px 2px; } .teaser-tipp .teaser-inhalt .p, .teaser-tipp .link-more { margin: 0 0.5em; } .teaser-tipp .bildKlein { margin-right: 0; } form.produktauswahl select { padding:3px; width:200px; border:1px solid #D7C8AA; color:#464646; } form.produktauswahl select option.product_select{ background: #fefbf4; } form.produktauswahl select optgroup.optgroup_odd{ background: #eee8de; /* padding: 4px 0; */ } form.produktauswahl select optgroup.optgroup_odd option{ padding-left: 20px; } form.produktauswahl select optgroup.optgroup_even{ background: #fefbf4; /* padding: 4px 0; */ } form.produktauswahl select optgroup.optgroup_even option{ padding-left: 20px; } .hasJS form.produktauswahl input { display:none; } /* footer */ #footer { font-family: "Times New Roman", serif; position: absolute; width: 920px; line-height: 2em; } #footer, #footer a { color: #eee8de; } #footer #address { font-size: 1.04em; } #footer #address address { font-style: normal; } #footer #service-navigation { text-transform: uppercase; width: 300px; } #footer #service-navigation a { text-decoration: none; } #footer #service-navigation ul { list-style: none; margin: 0; } #footer #service-navigation li { margin: 0 0 0 0.5em; float: left; background: url("../../../media/bilder/_layout/middot.gif") no-repeat left center; padding-left: 0.9em; } #footer #service-navigation li.first { margin-left: 0; padding-left: 0; background-image: none; } /*#footer #service-navigation li.fb { margin: 0 0 0 0.5em; float: left; background: url("../../../media/bilder/_layout/middot.gif") no-repeat 0 8px; padding-left: 0.9em; }*/ #footer #service-navigation img.fb_button{ position: absolute; top: 6px; } #footer.footer-padding { padding-top: 2px; } #footer .footer-col{ /* width: 530px; margin-left:119px !important; */ width:472px; margin-left:88px !important; }