/* ***** ein schickes stylesheet fuer bioeinkaufen.de ********** ***** hier die styles fuer die normale ansicht ********** */ /* ***** die farben: ***************************************************** bordeauxrot 100% #B0281C; gruen 100% #608B39; gruen f. header, medium #CAD8BE; gruen f. bg, hell #EDF3E9; typograu #555; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ * { padding: 0; margin: 0; } html { } body { padding: 0; margin: 0; background: #EBEBEB; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.1em; color: #6C6C6C; text-align: center; line-height: 120%; /* line-height: hack gg. IE peek-a-boo bug => dracos.co.uk */ } #container { margin: 0 auto; padding: 0; width: 992px; text-align: left; } #containerPad { margin: 0; padding: 0 24px; background: white; } #cache { position: absolute; left: -100px; top: -100px; width: 10px; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { } #links { float: left; width: 200px; overflow: hidden; } #mitte { float: left; width: 545px; overflow: hidden; } #rechts { float: right; width: 175px; overflow: hidden; } #unten { clear: both; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } .clearer { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0 0 24px 0; text-align: left; } #linksPad { margin: 0 24px 0 0; padding: 0; text-align: left; } #mittePad { margin: 0 0 30px 0; padding: 0 24px; text-align: left; border-right: 1px dotted #D2D2D2; border-left: 1px dotted #D2D2D2; /*height: 1%;*/ } #rechtsPad { margin: 0; padding: 0; text-align: left; } #untenPad { margin: 0; padding: 4px 0 2px 0; text-align: center; border-top: 4px solid #B0281C; border-bottom: 24px solid white; background: #EDF3E9; height: 1%; } /* ***** navigationsliste horizontal ************************************* */ #navigationH { margin: 0; padding: 0; background: url(../images/navigationH-bg.gif) repeat-x; } #navigationH ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; text-align: left; } #navigationH ul li { display: inline; float: left; text-align: left; padding: 0; margin: 0; } #navigationH ul li a { display: block; padding: 0 11px 2px 11px; font-size: 69%; color: white; text-decoration: none; text-transform: uppercase; border-right: 2px solid white; } #navigationH ul li a:hover, #navigationH ul li a:focus { color: #B0281C; background: white; border-right: 2px solid #B0281C; } /* navi ausgewaehlt: */ #navigationH a.navAktiv { color: #B0281C; background: white; border-right: 2px solid #B0281C; } a.navAktiv:hover { cursor: default; } #navigationH .clear { padding: 0; border-bottom: 1px solid white; } /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ #navigationV { margin: 0; padding: 0; width: 175px; padding-bottom:20px;} #navigationV ul { margin: 0; padding: 4px 0 0 0; list-style-type: none; font-size: 65%; line-height: 140%; } #navigationV a { width: 99%; display: block; padding: 1px 0 7px 17px; margin: 0; color: #88A86B; text-decoration: none; text-transform: uppercase; } #navigationV ul ul a { } #navigationV a:hover, #navigationV a:focus { color: #577D33; background: url(../images/navigationV-pfeil.gif) 0px 5px no-repeat; } /* navi ausgewaehlt: */ #navigationV a.navAktiv { color: #577D33; background: url(../images/navigationV-pfeil.gif) 0px 5px no-repeat; } a.navAktiv:hover { cursor: default; } /* ***** diverses ******************************************************** */ #breadcrumbs { font-size: 65%; padding: 3px 0 4px 2px; } #breadcrumbs a { color: #608B39; text-decoration: none; } #breadcrumbs a:hover, #breadcrumbs a:focus { text-decoration: underline; } #header { } #headerPad { padding: 12px 0 16px 2px; margin: 0; border-top: 5px solid #B0281C; border-bottom: 7px solid #B0281C; background: url(../images/header-bg.jpg) no-repeat top right; } #header h1 { color: #B0281C; font-weight: normal; font-size: 160%; font-family: Arial,Helvetica,sans-serif; line-height: 120%; display: inline; letter-spacing: 1px; padding: 0; margin: 0; } #header h1 a { color: #B0281C; text-decoration: none; } #header h2 { color: #B0281C; font-weight: normal; font-size: 76%; font-family: Arial,Helvetica,sans-serif; line-height: 120%; display: inline; letter-spacing: 0; padding: 0 0 0 5px; margin: 0; } #header h2 a { color: #B0281C; text-decoration: none; } #suchForm { float: right; } #suchForm input#search { background: #F7EAE4; width: 115px; border: 0; } #suchForm input#search:focus, #suchForm input#search:hover { background: white; color: #444; } #suchForm input#go { background: #B0281C; color: #F7EAE4; border: 0; padding: 0 8px; cursor: pointer; } #links { } #links h4 { color: #444; font-weight: normal; font-size: 80%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 10px; margin: 0; background: #CAD8BE; } #links h4 a { color: #444; text-decoration: none; } #links h2 { color: #B0281C; font-weight: bold; font-size: 80%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 10px; margin: 0; } #links h2 a { color: #B0281C; text-decoration: none; } #links p { margin: 0; padding: 4px 10px; color: #555; font-size: 65%; line-height: 140%; } #links p a { color: #608B39; text-decoration: none; text-transform: uppercase; } #links p a:hover, #links p a:focus { text-decoration: underline; } .mapBoxV { display:none; background: #EDF3E9; padding: 0 0 5px 0; margin: 0 0 24px 0; height: 1%; /* => wg. peek-a-boo */ border-top: 3px solid #608B3B;} .mapBoxV.tab_show { display: block; } #content .mapBoxV h2 { margin-left: 10px;} .mapBoxV input { margin-left:10px; width: 90%; } .mapBoxV input#searchOrt { background: white; width: 145px; border: 1px solid #DDD; margin: 4px 0 17px 10px; } .mapBoxV input#searchOrt:hover, .mapBoxV input#searchOrt:focus { background: white; color: #222; border-color: #BBB; } .mapBoxV select { display: block; width: 90.5%; border: 1px solid #DDD; color: #555; font-size: 65%; font-family: Verdana,Arial,Helvetica,sans-serif; padding: 1px; margin: 4px 0 10px 10px; } .mapBoxV select:hover, .mapBoxV select:focus { color: #222; border-color: #BBB; } .mapBoxV option { color: #555; font-family: Verdana,Arial,Helvetica,sans-serif; width: 88%} .mapBoxV input#goOrt { margin: 4px 0 7px 10px; cursor: pointer; width: 148px; } #content { } #content h1 { color: #B0281C; font-weight: normal; font-size: 135%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; letter-spacing: 1px; padding: 0; margin: 0; } #content h2 { color: #B0281C; font-weight: bold; font-size: 86%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 0; margin: 0; } #content h2 a { color: #B0281C; text-decoration: none; } #content h2 a:hover, #content h2 a:focus { text-decoration: none; } #content h3 { color: #555; font-weight: bold; font-size: 76%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 0; margin: 0; } #content h4 { color: #444; font-weight: normal; font-size: 80%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 10px; margin: 0 0 20px 0; background: #CAD8BE; } #content p { color: #555; font-size: 69%; line-height: 150%; padding: 4px 0; margin: 0; } #content td { color: #555; line-height: 150%; padding: 4px 0; margin: 0; } #content ul, #content ol { color: #555; font-size: 69%; line-height: 140%; padding: 4px 0 4px 30px; margin: 0; } #content ul { } #content li { padding: 2px 0; margin: 0; } #content p a, #content td a { color: #608B39; text-decoration: none; text-transform: uppercase; } #content ul a, #content ol a { color: #608B39; text-decoration: none; text-transform: uppercase; } #content p a:hover, #content p a:focus, #content td a:hover, #content td a:focus { text-decoration: underline; } #content img { } .artikel { padding: 0 0 13px 0; } /* fuer startseite */ .keyVisual { height: 184px; background: #EDF3E9 url(../images/startseite-jungeMitHuhn.gif) no-repeat top right; margin: 0 0 25px 0; } #content .keyVisual h1 { color: #B0281C; font-weight: normal; font-size: 135%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; letter-spacing: 1px; padding: 10px 0 0 0; margin: 0 0 0 10px; } /* fuer detailseite */ .borderUnten { border-bottom: 1px dotted #D2D2D2; } .markenBox { padding: 20px 0 13px 0; } .markenBox img { float: left; width: auto; margin: 5px 24px 5px 0; } .markeMeta { width: 215px; } .markeBio { width: 145px; text-align: center; } #content .markenBox .markeBio img { float: none; width: auto; padding: 0 0 15px 0; } #content .markenBox .markeBio p { float: none; width: auto; font-size: 60%; } /* fuer mapseite */ #gMapContainer #mitte { float: none; width: auto; overflow: hidden; } #gMapContainer #mittePad { margin: 0 0 30px 0; padding: 0; text-align: left; border: 0; } .pagebrowserwrap { color: #444; font-weight: normal; font-size: 11px; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 10px 3px 10px; margin: 0; background: #DDD; width:421px;} .pagebrowserwrap a { color: #608B39; text-decoration: none; text-transform: uppercase; } .pagebrowserwrap a:hover, .pagebrowserwrap a:focus { text-decoration: underline; } #gMapContainer #content td p { font-size: 65%; line-height: 130%; padding: 2px 0; } #gMapContainer table { border-collapse: collapse; margin: 0 0 24px 0; } #gMapContainer #content th { color: #444; font-weight: normal; font-size: 76%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 5px 3px 5px; margin: 0; background: #DDD; font-style: normal; text-align: left; border-bottom: 1px dotted #999; border-left: 2px solid white; } th.nadelTh { width: 35px; } th.adresseTh { width: 170px; } th.angebotTh { width: 102px; } th.routeTh { width: 135px; } #gMapContainer #content td { color: #555; vertical-align: top; padding: 4px 1px; border-bottom: 1px dotted #999; border-left: 2px solid white; } #gMapContainer tr.even td { background: #F8FAF5; } #gMapContainer tr:hover { background: #EDF3E9; } #gMapContainer tr.even:hover td { background: #EDF3E9; } #gMapContainer #content td.angebotTd { padding: 4px 1px; } .nadelTd { text-align: center; } .nadelTd img { padding: 7px 0 12px 0; } .routeTd img { padding: 4px 0 10px 0; } .offerimagewrap { display: inline;/* padding-right: 10px;*/} .mapZoom { width: 460px; height: 500px; overflow: hidden; } .mapErgebnisse { margin-left:25px; width: 460px; height: 500px; *height:508px; overflow: auto; } .pageBrowser { padding: 0 0 0 30px;} .mapBoxH { background:none repeat scroll 0 0 #EDF3E9; border-top:3px solid #608B3B; margin:0 0 18px; padding:6px 0 8px 19px; width:925px; display:none;} .mapBoxH.tab_show { display: block; } .mapBoxH div { width: 107px; float: left; padding: 3px 0 0 0; color: #666; font-size: 76%; font-weight: bold; } .mapBoxH input#searchOrt { background: white; width: 160px; border: 1px solid #DDD; margin: 4px 10px; } .mapBoxH input#searchOrt:hover, .mapBoxH input#searchOrt:focus { background: white; color: #222; border-color: #BBB; } .mapBoxH select { width: 144px; border: 1px solid #DDD; color: #555; font-size: 65%; font-family: Verdana,Arial,Helvetica,sans-serif; padding: 1px; margin: 4px 10px; } .mapBoxH select:hover, .mapBoxH select:focus { color: #222; border-color: #BBB; } .mapBoxH option { color: #555; font-family: Verdana,Arial,Helvetica,sans-serif; } #rechts { } #rechts h4 { color: #444; font-weight: normal; font-size: 80%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 4px 10px; margin: 0; background: #CAD8BE; } #rechts h4 a { color: #444; text-decoration: none; } #rechts h2 { color: #B0281C; font-weight: normal; font-size: 93%; font-family: Arial,Helvetica,sans-serif; line-height: 140%; padding: 9px 7px 1px 10px; margin: 0; background: #EDF3E9 none repeat scroll 0 0; } #rechts h2 a { color: #B0281C; text-decoration: none; } #rechts p { margin: 0; padding: 4px 10px; color: #555; font-size: 65%; line-height: 140%; background: #EDF3E9 none repeat scroll 0 0 } #rechts p a { color: #608B39; text-decoration: none; text-transform: uppercase; } #rechts p a:hover, #rechts p a:focus { text-decoration: underline; } .newsBox { margin: 0 0 24px 0; height: 1%; } #unten { margin: 0; padding: 0; color: #777; font-size: 65%; } #unten a { color: #777; text-decoration: none; } #unten a:hover, #unten a:focus { text-decoration: underline; } /******** *********** *********** *********** **********/ #navigationH li.active a { background-color: #FFF; color:#B0281C; } #navigationV li.navAktiv a { color: #577D33; background: url(../images/navigationV-pfeil.gif) 0px 5px no-repeat; } #content .contenttable td, #content .contenttable .bodytext { padding:0; margin:0; line-height:130%; } #content .contenttable td { width:150px; } /* ***** standards ******************************************************* */ small { font-size: small; } .fLinks { float: left; } .fRechts { float: right; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ fieldset { border: 0; } input, textarea { padding: 2px 0 3px; color: #555; font-size: 65%; font-style: normal; font-family: Verdana,Arial,Helvetica,sans-serif;} textarea { width: 270px; height: 120px; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 27-08-2008 martin niggemann, www.weltrettung.org **************** */ #mitte_result { float: left; width: 980px; overflow: hidden; } .mapErgebnisse table { width:auto; } /* KONTAKTFORMULAR --- BEGIN*/ #mail_captcha_container { } #captcha_container { } #mail_captcha { float:left; padding:9px 1px 0px 0px; text-align:left; font-size:14px; } #mail_captcha_input { padding:10px 2px 2px 73px; float:left; } #mail_captcha_text[id] { padding:8px 0px 0px 129px; } #mail_captcha_text { padding:2px 0px 0px 170px; width:440px; } #mail_captcha_text[id] { float:left; margin-bottom:10px; } #mail_captcha_text { float:left; font-size:14px; } #mail_captcha_image { padding-top:10px; } .tx-srfreecap-pi2-image { border: 1px solid #A5ACB2; } #mail_main { width:554px; } #mail_main_pad { padding:0 20px 20px 0; } .mail_legend { padding:5px; color:#4d4d4d; } .mail_hint{ padding:10px 0px 10px 0px; text-align:left; font-style:italic; font-size:14px; } .mail_key { float:left; padding:2px -1px 2px 18px; text-align:left; width:130px; font-size:14px; } .mail_pflichtfeld_marker{ padding-left:5px; color:#B0281C; } .mail_value { padding:2px; } .mail_value_nobreak { padding:2px; float:left; font-size:14px; } .mail_submit { padding-left:129px; width:121px; } .mail_error{ padding:10px; padding-left:170px; margin-left:12px; color:#FF0000; } .mail_success, .mail_fail { text-align:left; width:500px; padding-left:30px; padding-bottom:20px; } /* KONTAKTFORMULAR --- END*/ .csc-textpic-caption { background-color:#edf3e9; font-size:65%; line-height:1.3em; padding:0.3em; color:#555; } .suche_text { text-align:left; font-size:12px; } #gMapContainer #content td p.such_ergebnisse_spacer { margin-bottom:5px; } .tx-srfreecap-pi2-image { border: 1px solid #A5ACB2; clear:both; float:left; margin-left:130px; margin-bottom:5px; margin-top:5px; margin-right:25px; } .test123 img { margin-left:0px; } #mail_captcha_text_neu { font-size:12px; } .title { font-size:12px; font-weight:bold; } .route { font-size:12px; } .address { font-size:12px; margin: 0px 0px -9px 1px; } .city { font-size:12px; } .find-button { margin: 0px 0px -9px 1px; } #gMapContainer #content td.angebotTd p { } .offerimagewrap { float:left; height:26px; text-align:center; width:30px; } .qualityimmagewrap { padding-bottom:6px; } #content a {text-decoration: none;} /*#gMapContainer #content TD P a span.leftInfo { font-size:12px; border:1px solid red; }*/ ul#choose_search, ul#choose_searchH, ul#choose_search_big{ height:25px; text-align:center; padding: 0; } #choose_search li, #choose_searchH li, #choose_search_big li{ display: block; float:left; background: transparent url("/fileadmin/images/hell.png") left top no-repeat scroll; height: 25px; width: 81px; line-height: 25px; color: #FFF; cursor: pointer; font-size: 12px; font-weight: bold; margin-right:3px; } #choose_search_big li, #choose_searchH li{ background: transparent url("/fileadmin/images/hell_gr.png") left top no-repeat scroll; width: 135px; } #choose_search li { background: transparent url("/fileadmin/images/dunkel.png") left top no-repeat scroll; display:none; } #choose_search li.tab_act { background: transparent url("/fileadmin/images/dunkel.png") left top no-repeat scroll; display:block; } #choose_search_big li.tab_act, #choose_searchH li.tab_act{ background: transparent url("/fileadmin/images/dunkel_gr.png") left top no-repeat scroll; } #choose_search li.clearer, #choose_searchH li.clearer, #choose_search_big li.clearer {background: none; width: 1px;}