/* MarktplatzRhoen.de */ /* 2006-03-07 */ /* goersch@bytebetrieb.com */ html { } body { padding:0; margin:0; width:100%; font:12px/17px "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif; text-align:center; color:#007229; background:#fff; } /* Was muss man hier alles rein, brauche ich all diese und zu was für Konflikten (vererbtes p im td oder so?) kann es kommen? */ * { margin:0; padding:0; } /* ... / links / ................................. */ a:link { text-decoration: underline; color: #007229; } a:visited { text-decoration: underline; color: #063; } a:hover { text-decoration: none; color: #063; } a:active { text-decoration: underline; color: #063; } a img, img { border: none; } /* Der zentrierte Hauptblock. Hat keine Höhe, will man also einen Hintergrund oder Rand immer bis zum Fuss des Viewports, muss man sich mit einem Hintergrundbild im Body aushelfen */ #seitenblock { position: relative; width: 887px; margin: auto; padding: 0; text-align: left; } body.popup #seitenblock { width:500px; } /* Die Kopfzeile, volle Breite des Viewports, darin ein weiterer Zen*/ #kopf { position:relative; top:0; padding:0; margin:0 auto; width:100%; height:220px; background:transparent url(/_p/kopf-bg-milseburg.jpg) 0 0 no-repeat; } #index #kopf { background-image:url(/_p/kopf-bg-milseburg.jpg); } #produktuebersicht #kopf { background-image:url(/_p/kopf-bg-wanderbank.jpg); } #produkt #kopf { background-image:url(/_p/kopf-bg-familie.jpg); } #partner #kopf { background-image:url(/_p/kopf-bg-berge.jpg); } #partnerliste #kopf { background-image:url(/_p/kopf-bg-schafe.jpg); } #impressum #kopf { background-image:url(/_p/kopf-bg-mohn.jpg); } /* h1 { position:absolute; top:38px; left:545px; width:323px; height:35px; padding:0; margin:0; background:transparent url(../_p/kopf-marktplatzrhoen.jpg) 0 0 no-repeat; text-indent:-9999px; } */ h1 { display:none; } /* Navigations-Liste, zwei Ebenen */ #navigation { margin:0; padding:0; list-style-type:none; } #navigation dt { margin:0 0 5px 0; padding:0; font-weight:bold; } #navigation dd { margin:0; padding:0; } #navigation a { display:block; padding:0 0 0 35px; height:25px; line-height:24px; } #navigation a:link { text-decoration: none; color: #007229; } #navigation a:visited { text-decoration: none; color: #007229; } #navigation a:hover { text-decoration: none; color: #000; } #navigation a:active { text-decoration: none; color: #000; } #navigation a:focus { text-decoration: none; color: #000; } #navigation #navi-01 a { background:transparent url(../_p/naviicon-01.gif) 0 0 no-repeat; } #navigation #navi-02 a { background:transparent url(../_p/naviicon-02.gif) 0 0 no-repeat; } #navigation #navi-03 a { background:transparent url(../_p/naviicon-03.gif) 0 0 no-repeat; } #navigation #navi-04 a { background:transparent url(../_p/naviicon-04.gif) 0 0 no-repeat; } #navigation #navi-05 a { background:transparent url(../_p/naviicon-05.gif) 0 0 no-repeat; } #navigation #navi-21 a { background:transparent url(../_p/naviicon-21.gif) 0 0 no-repeat; } #navigation #navi-06 a { background:transparent url(../_p/naviicon-06.gif) 0 0 no-repeat; } #navigation #navi-07 a { background:transparent url(../_p/naviicon-07.gif) 0 0 no-repeat; } #navigation #navi-08 a { background:transparent url(../_p/naviicon-08.gif) 0 0 no-repeat; } #navigation #navi-09 a { background:transparent url(../_p/naviicon-09.gif) 0 0 no-repeat; } #navigation #navi-10 a { background:transparent url(../_p/naviicon-10.gif) 0 0 no-repeat; } #navigation #navi-11 a { background:transparent url(../_p/naviicon-11.gif) 0 0 no-repeat; } #navigation #navi-12 a { background:transparent url(../_p/naviicon-12.gif) 0 0 no-repeat; } #navigation #navi-15 a { background:transparent url(../_p/naviicon-15.gif) 0 0 no-repeat; } #navigation #navi-16 a { background:transparent url(../_p/naviicon-16.gif) 0 0 no-repeat; } #navigation #navi-17 a { background:transparent url(../_p/naviicon-17.gif) 0 0 no-repeat; } #navigation #navi-18 a { background:transparent url(../_p/naviicon-18.gif) 0 0 no-repeat; } #navigation #navi-19 a { background:transparent url(../_p/naviicon-19.gif) 0 0 no-repeat; } #navigation #navi-20 a { background:transparent url(../_p/naviicon-20.gif) 0 0 no-repeat; } #navigation #navi-22 a { background:transparent url(../_p/naviicon-22.gif) 0 0 no-repeat; } #navigation #navi-23 a { background:transparent url(../_p/naviicon-23.gif) 0 0 no-repeat; } #navigation #navi-01 a:hover, #navigation #navi-02 a:hover, #navigation #navi-03 a:hover, #navigation #navi-04 a:hover, #navigation #navi-05 a:hover, #navigation #navi-06 a:hover, #navigation #navi-07 a:hover, #navigation #navi-08 a:hover, #navigation #navi-09 a:hover, #navigation #navi-10 a:hover, #navigation #navi-11 a:hover, #navigation #navi-12 a:hover, #navigation #navi-15 a:hover, #navigation #navi-16 a:hover, #navigation #navi-17 a:hover, #navigation #navi-18 a:hover, #navigation #navi-19 a:hover, #navigation #navi-20 a:hover, #navigation #navi-21 a:hover, #navigation #navi-22 a:hover, #navigation #navi-23 a:hover { background-position:0 -25px; } #navigation .navi-zwischenhead { margin-top:15px; } #metanavigation { position:absolute; top:13px; left:454px; margin:0; padding:0; list-style-type:none; font-size:15px; font-weight:bold; text-align:right; } #metanavigation li { margin:0; padding:0 0 0 12px; display:inline; } #metanavigation a:link { text-decoration: none; color: #fff; font-weight:bold; } #metanavigation a:visited { text-decoration: none; color: #fff; } #metanavigation a:hover { text-decoration: none; color: #eee; } #metanavigation a:active { text-decoration: none; color: #eee; } #metanavigation a:focus { text-decoration: none; color: #eee; } /* Tanteks Hack zur Ausgleichung der Breite mit dem Padding für IE 5.5 */ /* Der Inhaltsbereich in der Mitte */ #inhalt-mitte { float:left; padding:0 18px 0 8px; margin:0; width:567px; voice-family: "\"}\"" voice-family: inherit; width: 517px; } .tantek-dummy-1 { } body#startseite #inhalt-mitte { margin-top:40px; } body.popup #inhalt-mitte { width:500px; } body.popup #inhalt-mitte .popupbutton { text-align:center; margin:40px 0 10px; } body.popup .produktkopf { font-weight:bold; font-size:17px; } #inhalt-mitte-kopf { float:left; padding:0 18px 0 8px; margin:0; height:150px; background:#ded; width:752px; voice-family: "\"}\"" voice-family: inherit; width: 702px; } .tantek-dummy-4 { } #inhalt-mitte p { margin: 0 0 12px 0; padding: 0; } #inhalt-mitte em { color:#007229; font-weight:bold; font-style:normal; } #inhalt-mitte h2 { color:#007229; font-weight:bold; font-size:15px; padding-bottom:10px; } #inhalt-mitte ul { margin: 0 0 12px 0; padding: 0; } #inhalt-mitte li { margin: 0; padding: 0; } .clearing { clear:both; } #inhalt-mitte h2 span.suche { font-weight:normal; font-size:12px; } .neues { } .neues p { } .neues img { border:1px solid #007229; float:left; margin:0 12px 4px 0; } hr { border:none; background:none; width:300px; border-bottom:1px dotted #007229; padding:0 0 10px; margin:0 auto 20px; clear:both; } .topspot { border:1px dotted #007229; border-width:0 0 1px 1px; padding:0 20px 6px; margin-bottom:20px;} .topspot h3 { margin-bottom:5px; font-weight:bold; font-size:11px; line-height:12px; } .topspot h2 a { text-decoration:none; } .topspot .bildblock { width:170px; height:113px; overflow:hidden; border:1px solid #007229; float:left; margin:0 12px 4px 0; } .topspot .bildblock img { float:none; border:none; margin:0; } .randnotizen { margin:20px 0 0; } .randnotizen img { border:1px solid #007229; } .randnotizen a:hover img { border:1px solid #000; } .randnotizen p { margin:0 0 20px; } #rand-rechts h3 { margin-bottom: 6px } #rand-rechts form { width:160px; } #rand-rechts input { border:1px solid #007229; padding:3px 2px; width:160px; margin:0 0 10px; } #rand-rechts input.absenden { padding:3px 2px; width:auto; margin:0 auto 10px; } #rand-rechts input#partnersuchenabsenden { width:164px; margin:0 0 10px; } /* Auflistung mit alternierenden Farben */ .auflistung { padding:0; margin:0; list-style-type:none; } .auflistung li { padding:0; margin:0; } .auflistung li a { text-decoration:none; padding:8px 12px 4px; display:block; width:480px; } html>body .auflistung li a { display:table; } .auflistung li.zeile-1 a { border:1px dotted #007229; border-width:1px 0; background:#ded; } .auflistung li.zeile-0 a { } .auflistung li.zeile-0 a:hover, .auflistung li.zeile-1 a:hover { background:#007229; color:#fff; } .auflistung li.partnerkat { text-transform:uppercase; font-weight:bold; font-size:16px; line-height:32px; display:block; height:30px; } form.partnerkatauswahl { margin:10px 0; } .partnerkatauswahl select { width:160px; } .produktliste { clear:both; } dl.produktliste { border:1px dotted #007229; border-width:1px 0; } dl.produktliste dt { font-size:11px; line-height:13px; font-weight:bold; padding:5px 3px; } dl.produktliste dd { } dl.produktliste dd a { text-decoration:none; display:block; font-size:11px; line-height:13px; margin:0 0 5px; padding:3px; } dl.produktliste dd.zeile-1 a { border:1px dotted #007229; border-width:1px 0; background:#ded; } dl.produktliste dd.zeile-0 a:hover , dl.produktliste dd.zeile-1 a:hover { background:#007229; color:#fff; } .produktteaserblock { width:516px; } dl.produktteaserliste { width:250px; float:left; margin:0 10px 20px 0; } dl.produktteaserliste dt { color:#007229; font-weight:bold; font-size:15px; padding-bottom:10px; } dl.produktteaserliste dd { margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #007229; } dl.produktteaserliste dd a { display:block; height:55px; text-decoration:none; } dl.produktteaserliste dd a:hover { color:#333; } dl.produktteaserliste dd a img.produkthumb { float:left; margin:0 5px 0 0; height:55px; width:55px; border:1px solid #fff; } dl.produktteaserliste dd a:hover img.produkthumb { border-color:#333; } dl.produktteaserliste dd a span.produkttitel { display:block; overflow:hidden; text-align:left; font-weight:bold; height:34px;} dl.produktteaserliste dd a span.produktpreis { display:block; overflow:hidden; text-align:right; height:17px; color:#333; } ul.paginierung { clear:both; list-style-type:none; text-align:center; margin:10px 0 10px; } .paginierung li { display:inline; padding:0 3px; margin:0; } .paginierung li.zurueck , .paginierung li.weiter { color:#ded; display:block; } .paginierung a { font-weight:bold; } .produkt { display:block; float:left; font-weight:bold; } .erzeuger { font-style:italic; font-size:11px; padding-left:12px; float:right; height:20px; white-space:nowrap; } .auflistung-kopf { clear:both; height:20px; padding:0 24px 0 12px; } .auflistung-kopf .produkt { font-weight:normal; } /* Darstellung der Parnter-Visitenkarte */ img.partnerbild-quer { border:1px solid #007229; margin:0 0 20px 0; } img.partnerbild-hoch { float:left; border:1px solid #007229; margin:0 20px 20px 0; } img.bild-rechts { float:right; margin:10px 0 20px 20px; } #partner #inhalt-mitte h2 { margin-bottom:0; } #partner #inhalt-mitte h3 { margin-bottom:10px; font-weight:normal; font-size:11px; line-height:13px; } #ueberuns #inhalt-mitte h3 { margin-bottom:6px; } #ueberuns #inhalt-mitte h4 { } /* Die Randnotizen an den Aussenbahnen */ #rand-links { float:left; margin:0; padding:0; width:150px; } #rand-rechts { float:left; margin:0; padding:0; width:185px; } .partnerneuigkeiten { padding:0; margin:20px 0 0; } .partnerneuigkeiten dt { color:#007229; font-size:15px; font-weight:bold; } .ueberschrift { display:block; color:#333; font-weight:bold; } .partnerneuigkeiten dd { margin-bottom:10px; } .partnerkasten { padding:10px; margin:20px 0 0; border:1px dotted #007229; } .partnerkasten p { font-size:13px; margin-bottom:6px; } .partnerkasten dt { color:#007229; font-weight:bold; } .partnerkasten dd { margin-bottom:10px; } .produktbilderblock { float:right; width:180px; margin:0 0 10px 20px; } .produktbilderblock img { border:1px solid #007229; margin-bottom:10px; } .bestellkasten { border:1px solid #007229; padding:20px; width:467px; background:#cfd9d2 url(/_p/bg-bestellkasten.gif) 0 0 repeat-x; margin:20px 0 20px; clear:both; } .tf-kurz { width:15px; padding:2px; margin-right:10px; } .sel-kurz { width:45px; margin-right:10px; } .gb-auswahl { max-width:380px; } .wk-button { margin-left:10px; } #inhalt-mitte .anmerkung { padding:10px 0 0; font-size:11px; } .zurueckbutton { text-align:center; } #produkt #inhalt-mitte h2 { margin-bottom:0; } #produkt #inhalt-mitte h3 { margin-bottom:10px; font-weight:normal; font-size:12px; line-height:12px; } input, textarea, select { font-family:Helvetica, Geneva, Arial, sans-serif; } option { padding:0 10px 0 0; } select { padding:2px; } .produktkopf { width:323px; height:42px; border:1px solid #007229; padding:96px 170px 0 5px; margin-bottom:20px; background:#cdcdcd 0 0 no-repeat; overflow:hidden; font-size:12px; line-height:13px; } .produktkopf p { font-size:12px; line-height:14px; margin:0; padding:0; } .produktkopf a { font-weight:bold; } form#benutzerdaten { display:table; } #benutzerdaten label { width:75px; text-align:right; padding:0 5px 0 0; display:block; float:left; clear:left; margin:5px 0; } #benutzerdaten input { border:1px solid #007229; padding:1px 2px; } #benutzerdaten textarea, #benutzerdaten input { border:1px solid #007229; margin:5px 0; float:left; } #benutzerdaten input.form-buchen { width:200px; padding:5px; } #benutzerdaten textarea.form-buchen { padding:2px; width:200px; height:80px; } #benutzerdaten .datum_auswahl { float:left; } /* Die Fusszeile über die ganze Breite des Seitenblocks */ #fuss { clear:both; padding:45px 0 0; margin:45px 0 0; width:100%; height:100px; background:transparent url(../_p/fuss-bg.gif) top center no-repeat; text-align:center; font-size:10px; line-height:13px; } #biologos { margin:35px 0 20px 0; } #warenkorb { padding:10px; margin:0 0 20px 0; border:1px solid #007229; color:#359; background:#cfd9d2 url(/_p/bg-bestellkasten.gif) 0 0 repeat-x; font-size:11px; line-height:13px; } .clearer { clear:both; } .bildblock-intro { text-align:center; padding:20px 0; } .kontaktformular { } .kontaktformular td { padding-top:3px; padding-bottom:10px; } .kontaktformular textarea, .kontaktformular input { border:1px solid #007229; padding:5px; width:250px; } .kontaktformular textarea { height:110px; } input#kontakt_submit { width:auto; } .kontaktformular .beschriftung { text-align:right; vertical-align:top; padding:6px 5px 0 0; } .wk-login , .wk-auflistung { border-collapse:collapse; width:490px; font-size:11px; } .wk-login td, .wk-auflistung td { padding:5px 3px; vertical-align:top; } .wk-auflistung th { padding:0 3px 3px 3px; } .wk-auflistung thead { border:1px solid #007229; border-width:0 0 1px 0; } .wk-auflistung tfoot { border:1px solid #007229; border-width:1px 0 0 0; } .wk-zeile-0 { background:#ded; } .wk-zeile-1 { } .wk-zwischenzeile { border:1px dotted #007229; border-width:1px 0 1px; padding:10px 0; } .wk-zahlungsweise, .wk-steuerung, .wk-label, .wk-preis, .wk-preistotal, .wk-preisinsg, .wk-preisversand { text-align:right; } .wk-anzahl { } .wk-label { width:100px; } span.wk-label { font-style:italic; } .wk-login input { border:1px solid #007229; padding:5px; width:250px; } .wk-login input.tf-plz { width:45px; margin-right:10px; } .wk-login input.tf-ort { width:178px; } .wk-logistikzentrum td { height:15px; font-size:11px; text-align:center; color:#fff; background:#007229; padding:0; } .block-rechnungsadresse, .block-lieferadresse { width:230px; float:left; margin:0 20px 20px 0; display:inline; } .block-rechnungsadresse h4, .block-lieferadresse h4 { border-bottom:1px dotted #007229; } input#knd-submit-2, input#knd-submit { width:auto; } .feedback-fehler { color:#f00; font-weight:bold; } .fehler { color:#f00; font-weight:bold; } .feedback-suche { color:#ded; font-weight:bold; padding:8px 12px 4px; display:block; width:480px; border:none; background:#007229; margin-bottom:12px } body#produktuebersicht-popup p { padding:0 40px 0 20px; text-align:justify; } /* Auflistung der Qualitaetskriterien in den Randnotizen */ .liste-rand { padding:0; margin:0; list-style-type:none; } .liste-rand li { padding:0; margin:0 0 6px 0; } .kasten-liste { padding:10px; margin:0 0 20px 0; border:1px solid #007229; color:#359; background:#ded; font-size:11px; line-height:13px; } img.produkthumb-rand { float:left; margin:0 5px 0 0; height:30px; width:30px; border:none; } a.produktlistenlink-rand { display:block; height:30px; } html>body a.produktlistenlink-rand { height:auto; min-height:30px; }