/* -- INFO ----------------------------------------------------------------------- # Project: Bios # File: main.css # Markup: 2.1 # Author: Marcus Milbradt / von Hacht & Partner UG ------------------------------------------------------------------------------- */ /*-| Independent & general Classes [START] */ * { margin:0; padding:0; } .setleft-childs * { float: left; } .clearall { float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em; overflow:hidden;} .clearthis {clear:both;} ul { list-style:none; } .invisible { width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline; } .onlyprint {display:none;} .setAlign { text-align: center; } .setCenter { margin: auto; width: 970px; text-align: left; padding:0 0 40px 0;} .floatright {float:right;} body { padding:0; height:100%;font: normal 10px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#fff;background:#eef2ca;} .onlyPrint {display:none;} /*-| Independent & general Classes [STOP!] */ #holder {position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;text-align:center;background:url('../img/fond.jpg') no-repeat 50% 50% #b5c72f;z-index:1;} #bgholder { position:absolute; top:50%; left:50%; width:970px; margin-left:-485px; height:550px; margin-top:-280px; z-index:2;} #splashholder { position:absolute; top:50%; left:50%; width:970px; margin-left:-485px; height:550px; margin-top:-280px; z-index:5;background:url('../img/bios_splash.jpg');cursor:pointer;} #master { position:absolute; top:50%; left:50%; width:970px; margin-left:-485px; height:550px; margin-top:-280px; z-index:3;} /* background-color:#acc303; */ /* .produkt #bgholder { background:url('../img/fond_inner_produktdetail.png') no-repeat;} */ /* .site-produkte #bgholder { background:url('../img/fond_inner_home.png') no-repeat;} */ .site-vision #bgholder { background:url('../img/fond_inner_effekt.png') no-repeat;} .site-effekt #bgholder { background:url('../img/fond_inner_effekt2.png') no-repeat right bottom;} .site-leben #bgholder { background:url('../img/fond_inner_leben_neu.png') no-repeat right center;} .site-weg #bgholder { background:url('../img/fond_inner_biossphaere.png') no-repeat right bottom;;} .landwerthof #bgholder { background:url('../img/fond_inner_landwerthof.png') no-repeat right bottom;} .schule #bgholder { background:url('../img/fond_inner_schule.png') no-repeat right bottom;;} .stralsunder #bgholder { background:url('../img/fond_inner_stralsunder.png') no-repeat right bottom;} .artepuri #bgholder { background:url('../img/fond_inner_artepuri.png') no-repeat right bottom;} .meckpomm #bgholder { background:url('../img/fond_inner_meckpomm.png') no-repeat right bottom;} /* .site-home #bgholder { background:url('../img/fond_inner_home.png') no-repeat;} */ .bioland #bgholder { background:url('../img/fond_inner_bioland.png') no-repeat right bottom;} .site-vision2 #bgholder { background:url('../img/fond_inner_vision2.png') no-repeat right bottom;} .site-macher2 #bgholder { background:url('../img/fond_inner_macher2.png') no-repeat right bottom;} .site-partner #bgholder { background:url('../img/fond_inner_vision.png') no-repeat;} #header {float:left;width:970px;height:125px;overflow:hidden;} h1.mainheader {float:left;width:930px;height:105px; padding:20px 0 0 40px;} h1.mainheader a {float:left;width:460px;height:68px;background:url('../img/bios_head.gif') no-repeat;} h1.mainheader a span { display:none; } /*-| Linke Navigation [START] */ #leftnav { float:left; width:140px; height:405px;text-align:right;padding-right:20px;} #leftnav ul.level_1 {float:right;width:140px;background:url('../img/navline_gruen.gif') repeat-y 100% 0%;} #leftnav ul.level_1 li {float:right;clear:both;text-align:right;} #leftnav ul.level_1 li.lev1 a {float:right;width:110px;height:17px;overflow:hidden;background-repeat:no-repeat; background-position:0px 0px; } #leftnav ul.level_1 li.lev2 a {overflow:hidden;padding-right:14px; white-space:nowrap;color:#39792a;font-size:12px;text-decoration:none;} #leftnav ul.level_1 li.site-home, #leftnav ul.level_1 li.site-effekt, #leftnav ul.level_1 li.site-biossphaere, #leftnav ul.level_1 li.site-leben, #leftnav ul.level_1 li.site-wasser, #leftnav ul.level_1 li.site-aktuelles, #leftnav ul.level_1 li.site-coola {margin-bottom:23px;} #leftnav ul.level_1 li.site-produkte {margin-bottom:5px;} #leftnav ul.level_1 li.lev1 a span {display:none;} #leftnav ul.level_1 li.site-home a {background-image:url('../img/btn_home.gif');background-position:-5px 0px;} #leftnav ul.level_1 li.site-aktuelles a {background-image:url('../img/btn_aktuelles.gif');background-position:100% 0%;} #leftnav ul.level_1 li.site-produkte a {background-image:url('../img/btn_produkte.gif');background-position:100% 0%;} #leftnav ul.level_1 li.site-leben a {background-image:url('../img/btn_leben.gif');background-position:100% 0%;} #leftnav ul.level_1 li.site-biossphaere a {background-image:url('../img/btn_biossphaere.gif');background-position:100% 0%;} #leftnav ul.level_1 li.site-effekt a {background-image:url('../img/btn_bioseffekt.gif');background-position:100% 0%;} #leftnav ul.level_1 li.site-finder a {background-image:url('../img/btn_biosfinder.gif');background-position:100% 0%;} #leftnav ul.level_1 li.active a.lev1, #leftnav ul.level_1 li.active a.lev1, #leftnav ul.level_1 li.trail a.lev1 {background-position:-5px -100px;} #leftnav a.link_twitter { display:block;width:53px; height:23px; background:url('../img/btn_twitter.gif') no-repeat;clear:both;float:right;margin:15px 0 0 0;} #leftnav a.link_facebook { display:block;width:49px; height:19px; background:url('../img/facebook.gif') no-repeat;clear:both;float:right;margin:15px 14px 0 0;} #leftnav a.link_blog { display:block;width:53px; height:23px; background:url('../img/btn_biosblog.gif') no-repeat;clear:both;float:right;margin:15px 0 0 0;} #leftnav a.link_twitter span, #leftnav a.link_blog span, #leftnav a.link_facebook span {display:none;} .holunder-traube #leftnav ul.level_1 {background-image:url('../img/navline_holunder-traube.gif');} .lemon-grass #leftnav ul.level_1 {background-image:url('../img/navline_lemon-grass.gif');} .site-coola #leftnav ul.level_1 {background-image:url('../img/navline_coola.gif');} .apfel #leftnav ul.level_1 {background-image:url('../img/navline_apfel.gif');} .ingwer #leftnav ul.level_1 {background-image:url('../img/navline_ingwer.gif');} .site-klassik #leftnav ul.level_1 {background-image:url('../img/navline_klassik.gif');} .site-medium #leftnav ul.level_1 {background-image:url('../img/navline_medium.gif');} .site-still #leftnav ul.level_1 {background-image:url('../img/navline_still.gif');} .holunder-traube #leftnav ul.level_1 li.site-leichtfruchtige a {color:#bd0b52;} .site-coola #leftnav ul.level_1 li.site-coola a {color:#4f0a0d;} .lemon-grass #leftnav ul.level_1 li.site-leichtfruchtige a {color:#007533;} .apfel #leftnav ul.level_1 li.site-leichtfruchtige a {color:#e8523d;} .ingwer #leftnav ul.level_1 li.site-leichtfruchtige a {color:#f29400;} .site-klassik #leftnav ul.level_1 li.site-wasser a {color:#005380;} .site-medium #leftnav ul.level_1 li.site-wasser a {color:#009182;} .site-still #leftnav ul.level_1 li.site-wasser a {color:#cf003d;} .partner #leftnav ul.level_1 li.site-partner a {background-image:url('../img/btn_partner_aktiv.gif');} /*--| Morphlist [START] */ #morphlist_list_bsp {position:relative;} #morphlist_list_bsp a, #morphlist_list_bsp li {z-index:10;position:relative;} #morphlist_list_bsp li.background_bsp{ position: absolute; z-index: 8; } #morphlist_list_bsp li.background_bsp .inner{ background-color: #a30000; height: 15px; margin-right: 0px; border: none; z-index: 8; background:url('../img/tex_morphlist.gif') no-repeat 100% 0%; } /*--| Morphlist [STOP!] */ /*-| Linke Navigation [STOP!] */ /*-| Produkt-Navigation [START] */ #prodnav {float:left; width:75px; height:425px;padding-right:20px;} #prodnav ul { float:left; width:75px;padding:0px;} #prodnav ul li {float:left;width:75px;padding: 0 0 20px 0;} #prodnav ul li a {text-decoration:none; color:#39792a;line-height:13px;font-size:11px;float:left; width:75px; text-align:center;padding-top:47px;background-repeat:no-repeat; background-position:15px 0px;background-image:url('../img/btn_dummy.gif');} #prodnav ul li a:hover, #prodnav ul li.active a { background-position:15px -100px;} #prodnav ul li.active a {color:#000;} #prodnav ul li.site-belebt a {background-image:url('../img/btnsub_belebt.gif');} #prodnav ul li.site_erfrischt a {background-image:url('../img/btnsub_erfrischt.gif');} #prodnav ul li.site_natuerlich a {background-image:url('../img/btnsub_natuerlich.gif');} #prodnav ul li.site-vision2 a {background-image:url('../img/btnsub_vision.gif');} #prodnav ul li.site-weg a {background-image:url('../img/btnsub_weg.gif');} #prodnav ul li.site-macher2 a {background-image:url('../img/btnsub_anspruch.gif');} #prodnav ul li.site-partner a {background-image:url('../img/btnsub_partner.gif');} #prodnav ul li.holunder-traube a {background-image:url('../img/kronkorken_holunder-traube.gif');} #prodnav ul li.lemon-grass a {background-image:url('../img/kronkorken_lemon-grass.gif');} #prodnav ul li.apfel a {background-image:url('../img/kronkorken_apfel.gif');} #prodnav ul li.ingwer a {background-image:url('../img/kronkorken_ingwer.gif');} #prodnav ul li.site-coola a {background-image:url('../img/kronkorken_coola.gif');} #prodnav ul li.site-klassik a {background-image:url('../img/kronkorken_klassik.gif');} #prodnav ul li.site-medium a {background-image:url('../img/kronkorken_medium.gif');} #prodnav ul li.site-still a {background-image:url('../img/kronkorken_still.gif');} /* #prodnav ul li a:hover, #prodnav ul li.active a {background-position:0px 0px;} .partner #prodnav ul { float:left; width:75px;padding-left:0px;padding-right:0px;} */ .holunder-traube #prodnav ul li.holunder-traube a {color:#bd0b52;} .lemon-grass #prodnav ul li.lemon-grass a {color:#007533;} .apfel #prodnav ul li.apfel a {color:#e8523d;} .holunder-traube #prodnav ul li.holunder-traube a {color:#bd0b52;} .ingwer #prodnav ul li.ingwer a {color:#f29400;} .site-coola #prodnav ul li.site-coola a {color:#4f0a0d;} .site-klassik #prodnav ul li.site-klassik a {color:#005380;} .site-medium #prodnav ul li.site-medium a {color:#009182;} .site-still #prodnav ul li.site-still a {color:#cf003d;} /* .partner #prodnav ul li span {display:none;} */ #prodnav ul li.landwerthof a {background-image:url('../img/partner_landwert.gif'); padding:44px 0 0 0;} #prodnav ul li.schule a {background-image:url('../img/partner_schule.gif'); padding:44px 0 0 0;} #prodnav ul li.stralsunder a {background-image:url('../img/partner_stralsunder.gif');padding:42px 0 0 0;} #prodnav ul li.artepuri a {background-image:url('../img/partner_artepuri.gif');padding:23px 0 0 0;} #prodnav ul li.meckpomm a {background-image:url('../img/partner_meckpomm.gif');padding:30px 0 4px 0;} #prodnav ul li.meckpomm a span {display:none;} #prodnav ul li.bioland a {background-image:url('../img/partner_bioland.gif');padding:42px 0 0 0;} #prodnav ul li.bioland a span {display:none;} .effekt #prodnav ul { float:left; width:69px;padding-left:0px;} .effekt #prodnav ul li {} /* .effekt #prodnav ul li.site-effekt a {background:url('../img/effekt_2.gif') no-repeat 13px -100px;width:69px; padding:41px 0 0 0px;} .effekt #prodnav ul li.mensch-wirkung a {background:url('../img/effekt_1.gif') no-repeat 13px -100px;width:69px; padding:41px 0 0 0px;} .effekt #prodnav ul li.fermentation a {background:url('../img/effekt_3.gif') no-repeat 13px -100px;width:69px; padding:41px 0 0 0px;} .effekt #prodnav ul li a:hover, .effekt #prodnav ul li.active a {background-position:13px 0px;} */ /* #prodnav ul li a {float:left; width:45px; background-repeat:no-repeat; background-position:0px 0px;} */ #wasserscroll {margin-bottom:25px;overflow:auto;height:250px;padding-right:20px;} /*-| Produkt-Navigation [STOP!] */ /*-| Content [START] */ #content {float:left;width:810px;height:425px;color:#39792a;position:relative;} .site-home #content, .site-produkte #content {float:left;width:790px;height:405px;padding-left:20px;} #content p { padding:0 0 8px 0;text-align:justify;font-size:12px;} #content h3 { font-size:13px;padding-bottom:2px;} #content p a { color:#39792a;} #content #bottle {float:left;padding:0px;width:120px;height:421px;text-align:left;} #prod_content {float:left;width:595px;height:425px;} #prod_content .produl ul {float:left;padding:3px 0 5px 0;} #prod_content .produl ul li {float:left;width:107px;text-align:center;line-height:12px;padding-top:38px;background-position:50% 0%; background-repeat:no-repeat;font-weight:bold;} #prod_content .produl ul li.kinder {background-image:url('../img/icon_kinder.gif');} #prod_content .produl ul li.fruchtsaft {background-image:url('../img/icon_fruchtsaft.gif');} #prod_content .produl ul li.zuckerzusatz {background-image:url('../img/icon_zuckerzusatz.gif');} #prod_content .produl ul li.tage365 {background-image:url('../img/icon_tage365.gif');} #prod_content .produl ul li.belebend {background-image:url('../img/icon_belebend.gif');} #prod_content .produl ul li.bio {background-image:url('../img/icon_bio.gif');} #prod_content .produl ul li.basisch {background-image:url('../img/icon_basisch.gif');} #prod_content .produl ul li.tage365 {background-image:url('../img/icon_365tage.gif');} #prod_content .produl ul li.reinheit {background-image:url('../img/icon_reinheit.gif');} #prod_content .produl ul li.mineralien {background-image:url('../img/icon_mineralien.gif');} #prod_content .produl ul li.biofrucht {background-image:url('../img/icon_biofrucht.gif');} #prod_content .produl ul li.alkoholfrei {background-image:url('../img/icon_alkoholfrei.gif');} #prod_content .produl ul li.agave {background-image:url('../img/icon_agave.gif');} #prod_content .produl ul li.koffein {background-image:url('../img/icon_koffein.gif');} #content #prod_content p {font-size:12px;padding:0 0 4px 0;} #content #prod_content .fussnote p {float:right;font-size:10px;padding:5px 0 0 10px;} .naehrwerte {float:left;padding: 6px 15px 8px 44px;background:#ccc;} .holunder-traube .naehrwerte {background:url('../img/table_100ml_holunder-traube.gif') no-repeat 22px 11px;} .lemon-grass .naehrwerte {background:url('../img/table_100ml_lemon-grass.gif') no-repeat 22px 11px;} .apfel .naehrwerte {background:url('../img/table_100ml_apfel.gif') no-repeat 22px 11px;} .ingwer .naehrwerte {background:url('../img/table_100ml_ingwer.gif') no-repeat 22px 11px;} .site-coola .naehrwerte {padding-top:0px;background:url('../img/table_100ml_coola_2.gif') no-repeat 22px 0px;} .site-klassik .naehrwerte {background:url('../img/table_100ml_wasser-klassik.gif') no-repeat 22px 11px;} .site-medium .naehrwerte {background:url('../img/table_100ml_wasser-medium.gif') no-repeat 22px 11px;} .site-still .naehrwerte {background:url('../img/table_100ml_wasser-still.gif') no-repeat 22px 11px;} .naehrwerte table {border:1px solid #fff;color:#666;font-size:11px;} .naehrwerte table td { border-bottom:1px dotted #666;padding:0px 3px;} .naehrwerte table .row_last td { border-bottom:none;} .holunder-traube .naehrwerte table td.col_0 {background-color:#eec1d3;} .lemon-grass .naehrwerte table td.col_0 {background-color:#eaefbf;} .apfel .naehrwerte table td.col_0 {background-color:#f9d4ce;} .ingwer .naehrwerte table td.col_0 {background-color:#fce4bf;} .site-coola .naehrwerte table td.col_0 {background-color:#d3c2c2;} .site-klassik .naehrwerte table td.col_0 {background-color:#bfd4df;} .site-medium .naehrwerte table td.col_0 {background-color:#bfe3e0;} .site-still .naehrwerte table td.col_0 {background-color:#f3bfce;} .naehrwerte table td.col_1 {background-color:#fff;} #content #prod_content #link_mixpack p, #content #prod_content #link_kasten_20 p, #content #prod_content #link_kasten_24 p {font-size:10px;} h2.hidetext span, h3.hidetext span {display:none;} h2.dieleichtenfruchtigen {height:25px;width:510px;background:url('../img/hl_dieleichtenfruchtigen.gif') no-repeat 0px 0px;} h2.biosholunder {height:25px;width:510px;background:url('../img/hl_biosholunder.gif') no-repeat 0px 0px;} h2.biosapfel {height:25px;width:510px;background:url('../img/hl_biosapfel.gif') no-repeat 0px 0px;} h2.bioslemongrass {height:25px;width:510px;background:url('../img/hl_bioslemongrass.gif') no-repeat 0px 0px;} h2.biosingwer {height:25px;width:510px;background:url('../img/hl_biosingwer.gif') no-repeat 0px 0px;} h2.bioscoola {height:25px;width:510px;background:url('../img/hl_coola.gif') no-repeat 0px 0px;} h3.biosholunder {height:20px;width:510px;background:url('../img/hl_h3_holunder.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h3.bioslemongrass {height:20px;width:510px;background:url('../img/hl_h3_lemongrass.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h3.biosapfel {height:20px;width:510px;background:url('../img/hl_h3_apfel.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h3.biosingwer {height:20px;width:510px;background:url('../img/hl_h3_ingwer.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h2.bioswasser {height:25px;width:510px;background:url('../img/hl_bioswasser.gif') no-repeat 0px 0px;} h3.bioswasserklassik {height:20px;width:510px;background:url('../img/hl_h3_wasserklassik.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h3.bioswassermedium {height:20px;width:510px;background:url('../img/hl_h3_wassermedium.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h3.bioswasserstill {height:20px;width:510px;background:url('../img/hl_h3_wasserstill.gif') no-repeat 0px 6px;padding:2px 0 2px 0;clear:both;} h2.hl_kontakt {height:25px;width:381px;background:url('../img/hl_kontakt.gif') no-repeat 0px 0px;} h2.hl_downloads {height:25px;width:381px;background:url('../img/hl_downloads.gif') no-repeat 0px 0px;} h2.landwerthof {height:25px;width:381px;background:url('../img/hl_landwerthof.gif') no-repeat 0px 0px;} h2.schule {height:25px;width:381px;background:url('../img/hl_schulbauernhof.gif') no-repeat 0px 0px;} h2.stralsunder {height:25px;width:381px;background:url('../img/hl_stralsunder.gif') no-repeat 0px 0px;} h2.artepuri {height:25px;width:381px;background:url('../img/hl_artepuri.gif') no-repeat 0px 0px;} h2.meckpomm {height:25px;width:381px;background:url('../img/hl_meckpomm.gif') no-repeat 0px 0px;} h2.hl_bioland {height:25px;width:381px;background:url('../img/hl_bioland.gif') no-repeat 0px 0px;} h2.bios-effekt {height:25px;width:381px;background:url('../img/hl_bioseffekt.gif') no-repeat 0px 0px;} h2.bios-effekt-gesundheit {height:25px;width:381px;background:url('../img/hl_effekt_gesundheit.gif') no-repeat 0px 0px;} h2.bios-effekt-brau {height:25px;width:381px;background:url('../img/hl_effekt_brau.gif') no-repeat 0px 0px;} h2.mensch-wirkung {height:25px;width:381px;background:url('../img/hl_menschwirkung.gif') no-repeat 0px 0px;} h2.vitalkonzept {height:25px;width:381px;background:url('../img/hl_biosvitalkonzept.gif') no-repeat 0px 0px;} h2.hl365tage {height:25px;width:381px;background:url('../img/hl_365tage.gif') no-repeat 0px 0px;} h2.glaswarum {height:25px;width:381px;background:url('../img/hl_glaswarumeigentlich.gif') no-repeat 0px 0px;} h2.nichtsverraten {height:25px;width:381px;background:url('../img/hl_nichtsverraten.gif') no-repeat 0px 0px;} h2.nochmehrgutes {height:25px;width:381px;background:url('../img/hl_nochmehrgutes.gif') no-repeat 0px 0px;} h2.bioseffekt {height:25px;width:381px;background:url('../img/hl_bioseffekt2.gif') no-repeat 0px 0px;} h2.impressum {height:25px;background:url('../img/hl_impressum.gif') no-repeat 0px 0px;} h2.hl_aktuelles {height:25px;background:url('../img/hl_aktuelles.gif') no-repeat 0px 0px;} h2.hl_aktuelles {height:25px;background:url('../img/hl_aktuelles.gif') no-repeat 0px 0px;} h2.hl_leben {height:25px;background:url('../img/hl_leben.gif') no-repeat 0px 0px;} h2.hl_biossphaere {height:25px;background:url('../img/hl_biossphaere.gif') no-repeat 95px 0px;} h2.bios-belebt {height:25px;background:url('../img/hl_biosbelebt.gif') no-repeat 95px 0px;} h2.bios-erfrischt {height:25px;background:url('../img/hl_bioserfrischt.gif') no-repeat 95px 0px;} h2.bios-natuerlich {height:25px;background:url('../img/hl_biosnatuerlich.gif') no-repeat 95px 0px;} h2.hl_vision {height:25px;background:url('../img/hl_vision.gif') no-repeat 95px 0px;} h2.hl_weg {height:25px;background:url('../img/hl_weg.gif') no-repeat 95px 0px;} h2.hl_anspruch {height:25px;background:url('../img/hl_anspruch.gif') no-repeat 95px 0px;} h2.hl_partner {height:25px;background:url('../img/hl_partner.gif') no-repeat 95px 0px;} h2.hl_naehrwerte {height:46px;background:url('../img/hl_naehrwerte.gif') no-repeat 21px 21px;} h2.hl_mineralien {height:46px;background:url('../img/hl_mineralien.gif') no-repeat 21px 21px;} h2.biosfinder {height:25px;background:url('../img/hl_biosfinder.gif') no-repeat 0px 0px;} #content #link_mixpack, #content #link_kasten_20, #content #link_kasten_24 {float:left; width:44px;padding-top:42px;cursor:pointer;margin-top:5px;} #link_mixpack p, #link_kasten_20 p, #link_kasten_24 p { padding:0px; line-height:10px; text-align:center;font-size:10px;} #link_mixpack {background:url('../img/illu_mixpack.gif') no-repeat 10px 4px;} #link_kasten_20 {background:url('../img/illu_kasten_20.gif') no-repeat 3px 0px; margin-left:20px;} #link_kasten_24 {background:url('../img/illu_kasten_24.gif') no-repeat 3px 2px; margin-left:20px;} .site-klassik #content #link_kasten_20, .site-medium #content #link_kasten_20, .site-still #content #link_kasten_20 {float:right;margin:10px 0 0 0px;} .site-klassik #content .lightbg, .site-medium #content .lightbg, .site-still #content .lightbg {float:left;width:520px;} .partner #content p {font-size:12px;} .partner #content p a {color:#39792a;} .partner #bildblock { float:left; width:249px;} .partner #bildblock img {float:left;} .partner #bildblock .img01 img {border-bottom:2px solid #fff;} .partner #bildblock .img02 img {border-right:2px solid #fff;} #partner_content {float:left;width:360px;padding-left:15px;} .stralsunder #partner_content {float:left;width:440px;padding-left:15px;} #effekt_content {float:left;width:680px;padding-left:20px;text-align:justify;} .site-effekt #effekt_content {float:left;width:390px;padding-left:0px;text-align:justify;} #content #effekt_content p.effektintro {font-size:11px;height:75px;} .mensch-wirkung #mensch-wirkung img {border:2px solid #fff;} #effektscroll { width:695px; padding:0 20px 0 0;height:400px;color:#39792a;} .mensch-wirkung #effektscroll { background:url('../img/tex_effekt_s2.gif') no-repeat 290px 40px #ececa1;} .fermentation #effektscroll { background:url('../img/tex_effekt_s3.gif') no-repeat 60px -20px #ececa1;} #effektscroll h4 { font-size:12px;padding-bottom:4px;color:#39792a;} #effektscroll p {color:#39792a;font-size:11px;} #effektscroll h3 {font-size:14px;padding-bottom:8px;color:#39792a;} ol {margin-left:20px;clear:both;} ol li {font-size:11px;padding-bottom:7px;color:#39792a;} #content .lightbg { clear:both;background:#e5eaa5;padding:3px 8px 8px 8px;} div#link_werte {width:118px;height:20px;text-align:center;color:#fff;font-size:11px; font-weight:bold;background:url('../img/btn_werte_neu.gif') no-repeat;padding:3px 0 0 0;cursor:pointer;} .site-coola div#link_werte {float:left; margin-top:20px;margin-right:20px;width:118px;height:20px;text-align:center;color:#fff;font-size:11px; font-weight:bold;background:url('../img/btn_werte_2_neu.gif') no-repeat;padding:3px 0 0 0;cursor:pointer;} #leben {padding:0 400px 0 0px;} #weg {padding:0 320px 0 0;} #contentvision {padding:0 320px 0 0;} #anspruch {padding:0 320px 0 0;} /*--| Aktuelles [START] */ #contentaktuell { float:left;width:790px;height:400px; overflow:auto;padding:0 20px 0 0;color:#39792a;} #contentaktuell img {border:3px solid #fff;} #contentaktuell p {color:#39792a;font-size:12px;line-height:20px;} #contentaktuell h3 {font-size:14px;padding-bottom:8px;} #contentaktuell .spacer {height:20px;background:url('../img/tex_spacer.gif') repeat-x;clear:both;} /*--| Aktuelles [STOP!] */ /*-| Content [STOP!] */ /*-| Login-Box [START] */ #divLogin {position:absolute;right:175px;bottom:-48px;padding:0px;width:292px;height:82px;color:#666;} #loginTop {float:left;width:270px;height:72px;background:url('../img/tex_login.gif') repeat-x #fff;border:1px solid #5b6f0e;border-right:none;padding:4px;} a#closelink span {display:none;} a#closelink {float:right;background:url('../img/icon_close.gif') no-repeat;width:14px; height:14px;} #loginTop h4 {font-size:11px;font-weight:bold;height:19px;padding-left:2px;} #sysLogin {float:left;width:270px;padding:4px 0px;} #sysLogin .loginfields {float:left;} #loginBot {float:left;width:12px;height:82px;background:url('../img/tex_login_bot.gif');} #sysLogin .loginfields .labelinput {float:left; padding-bottom:4px;width:220px;overflow:hidden;background:#ccc;} #sysLogin .loginfields label {float:left;clear:both;width:73px;padding: 3px 0 0 2px;} #sysLogin .loginfields input {float:left;border:1px solid #5b6f0e; width:140px;background:url('../img/tex_input.gif') repeat-x #fff; padding:1px 2px; font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif;color:#333;} #sysLogin .loginfields .fieldspacer {float:left;clear:both;width:4px;height:4px;} #sysLogin .submit_container {float:right;width:44px;height:44px;background:#ccc;} #sysLogin .submit_container input { border:none;float:right; width:44px; height:44px;font-size:0px;cursor:pointer;background:url('../img/icon_loginsubmit.gif');} #sysLogin p.error {padding:0 0 4px 0;color:#333;} #sysLogin p.error span {padding-left:19px;background:url('../img/icon_error.gif') no-repeat 2px 0px;} /*-| Login-Box [STOP!] */ /*-| Footer [START] */ #footer {float:left;width:970px;height:20px;} #header .headholder {float:left;width:550px; height:125px;} #header .mod_customnav {float:right;} #header ul {float:right;} #header ul.level_1 {padding-right:8px;} #header ul li {float:left;padding:0 8px 0 8px;font-size:11px;} #header ul.level_1 li.last {padding-right:0px;} #header ul li a { -moz-opacity: 0.5;filter:Alpha(opacity=50);opacity: 0.5;color:#39792a;text-transform:lowercase;text-decoration:none;background:#fff;padding:2px 5px 1px 5px;} #header ul li a:hover, #header ul li.active a, #header ul li.trail a { -moz-opacity: 0.99;filter:Alpha(opacity=99);opacity: 0.99;} /*-| Footer [STOP!] */ /*-| Tooltip [START] */ div.tool {z-index:9999;} div.tool .tip-wrap { width:90px;display:none; } div.tool .tip-top { background:url('../img/tt_top.png') transparent;height:5px;width:90px; overflow:hidden;} div.tool .tip { background:url('../img/tt_mid.png'); width:80px;padding:0px 5px;font-size:12px;text-align:center; font-weight:bold;} div.tool .tip-bottom { background:url('../img/tt_bot.png');height:5px;width:90px; overflow:hidden;} div.tool .tip-text {display:none;} /*-| Tooltip [STOP!] */ .mod_newsticker div.ticker { display: block; overflow: hidden; position: relative; height:80px;} .mod_newsticker ul.ticker { display: block; list-style: none; margin: 0; padding: 0; } .mod_newsticker ul.ticker li { display: block; } .mod_newsticker .horizontal ul.ticker li { float: left; } .mod_newsticker ul.ticker li h2, .mod_newsticker ul.ticker li h2 a { display: block; } .mod_newsticker .controls a { cursor: pointer; } .ticker_play, .ticker_stop { display:none; } #boxes { width:505px;float:left; margin-top:7px;} #boxes .layout_ticker {width:257px; height:80px;} #boxes .layout_ticker .inner {display:block; width:248px; height:80px; background:#fff;color:#000;} #boxes .layout_ticker .greenbg {background:#8aa720;} #box1 {float:left;text-align:center;background:url('../img/box1_bg.png') 0px 0px #8aa720;width:248px; height:80px;margin:7px 9px 0 0;clear:both;} #box1 img { border:0px;margin-top:4px; } #box1 .ce_hyperlink { float:right;padding-right:10px; } #box1 .ce_hyperlink a { color:#fff; } #box1 .ce_hyperlink a:hover { text-decoration:none; } #box2 img, #box3 img, #box4 img {border:4px solid #fff;border-right:8px solid #fff; } #box2 h3 span, #box3 h3 span, #box4 h3 span { display:none; } #box2 h3 { height:24px;background:url('../img/hl_box_shop.gif') no-repeat 124px 6px; } #box3 h3 { height:24px;background:url('../img/hl_box_braugeheimnis.gif') no-repeat 124px 6px; } #box4 h3 { height:24px;background:url('../img/hl_box_landwerthof.gif') no-repeat 124px 6px; } #box2 p, #box4 p {color:#666;line-height:14px;padding:0 4px 0 0;text-align:left;font-size:11px; } #box3 p {color:#666;line-height:14px;padding:0 4px 0 0;text-align:left;letter-spacing:-1px; font-size:11px;} #box2 p {letter-spacing:-1px;} #box2 p.boxmore, #box3 p.boxmore, #box4 p.boxmore {text-align:right;padding:4px 8px 0 0;letter-spacing:normal; } #box2 p a, #box3 p a, #box4 p a {color:#666;} #box2 p a:hover, #box3 p a:hover, #box4 p a:hover {text-decoration:none; color:#333;} div#spacer {width:55px; float:left;height:200px;} div.flasche {float:left;width:86px; height:310px;position:relative;padding-right:45px;} div.flasche img {position:absolute;width:86px;height:310px;top:0px;left:0px;border:0px;} div.padright {padding-right:66px;} div.nopad {padding-right:0px;} div.paddingright {padding-right:300px;} #main-overlay { width: 100%; height: 100%; background-color: #b3c627; position: absolute; z-index: 99997; top: 0; left: 0; } .zopacity { filter:alpha(opacity=0); -moz-opacity: 0.9; opacity: 0; } #close { width: 25px; height: 25px; position: absolute; top: 6px; right: 6px; cursor: pointer; float: left; background:#ff0000;} #gewinne { width: 785px; height: 433px; position: absolute; top: -700px; left: 0; z-index: 999; border: 3px solid #003d90; background: #ccc; text-align: left; } #ol_mixpack, #ol_24erkiste, #ol_20erkiste {position:absolute;top:-430px;left:50%;z-index:99;width:730px;height:420px;margin-left:-365px;z-index: 99999;border:1px solid #fff;overflow:hidden;} #ol_mixpack .ol_text {float:left;background:#b3c627;height:420px; width:365px;} #ol_24erkiste .ol_text, #ol_20erkiste .ol_text {float:left;background:#b3c627;height:420px; width:365px;} #ol_mixpack a.closelink span, #ol_24erkiste a.closelink span, #ol_20erkiste a.closelink span, #ol_werte a.closelink span {display:none;} #ol_mixpack a.closelink, #ol_24erkiste a.closelink, #ol_20erkiste a.closelink {float:right;width:14px;height:14px; background:url('../img/icon_close2.gif') no-repeat 0px 0px;margin:4px 4px 0 0;} #ol_mixpack h3 span, #ol_24erkiste h3 span, #ol_20erkiste h3 span {display:none;} #ol_mixpack h3 {margin-top:78px;background:url('../img/hl_mixpack.gif') no-repeat 0px 0px;height:25px;} #ol_mixpack h3.sixpack {background-image:url('../img/hl_sixpack.gif');} #ol_24erkiste h3 {margin-top:71px;background:url('../img/hl_24erkiste.gif') no-repeat 0px 0px;height:25px;} #ol_20erkiste h3 {margin-top:71px;background:url('../img/hl_20erkiste.gif') no-repeat 0px 0px;height:25px;} #ol_mixpack p, #ol_24erkiste p, #ol_20erkiste p { font-size:11px; padding:0 40px 7px 0;text-align:justify;color:#39792a;} #ol_werte {position:absolute;top:-260px;left:50%;z-index:99;width:650px;height:250px;margin-left:-325px;z-index: 99999;border:1px solid #fff;padding:4px;background-color:#b3c627;} #ol_werte a.closelink {float:right;width:14px;height:14px; background:url('../img/icon_close2.gif') no-repeat 0px 0px;margin:0;} #ol_werte .zutaten p { font-size:11px;color:#39792a;padding:1px 21px 0 0;} /*--| Slideshow [START] */ .mensch-wirkung #slideshow { height:130px;width:250px; position:relative; border:2px solid #fff;float:left;margin:0 15px 0 0;} .fermentation #slideshow { height:180px;width:250px; position:relative; border:2px solid #fff;float:right;margin:0 0 0 15px;} #slideshow img { display:none; position:absolute; top:0; left:0; } #slideshow img.start { display:block; } /*--| Slideshow [STOP!] */ /*--| bios finder [START] */ h2.biosfinder {height:25px;background:url('../img/hl_biosfinder.gif') no-repeat 0px 0px;} h2.finder_erfolgreich {height:25px;background:url('../img/hl_finder_erfolgreich.gif') no-repeat 0px 0px;} h2.finder_error {height:25px;background:url('../img/hl_finder_error.gif') no-repeat 0px 0px;} .site-finder #content {} .site-finder #finder_image {float:left; width:159px;padding-top:10px;} .site-finder #finder_image img {border:2px solid #fff;} .site-finder #finder_content {float:left;width:626px; padding-top:10px;} .site-finder #finder_content p.finder-intro {width:364px;padding-bottom:10px;} .site-finder #form-finder label {float:left;font-size:12px;padding-top:7px;padding-right:5px;} .site-finder input.finder-input {float:left;width:208px; padding:0 5px;height:27px; border:1px solid #39792a; background:url('../img/tex_inputf.gif') repeat-x #e9e997;font: bold 13px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif;color:#333;} .site-finder input.finder-submit {float:left;margin-left:10px;} ul#finder-result {width:544px; background:#ececa1;font-size:12px;padding:5px 8px 3px 8px;} ul#finder-result li {padding: 0 0 2px 20px; background:url('../img/icon_shop.gif') no-repeat;} ul#finder-result li.gastro {background:url('../img/icon_gastro.gif') no-repeat;} #finder_content p.legend {padding:5px 0 10px 0; font-size:11px;background:url('../img/tex_spacer2.gif') repeat-x left bottom;width:560px;} #finder_content p.finder-error {padding:0 0 10px 0px; font-size:11px;background:url('../img/tex_spacer2.gif') repeat-x left bottom;width:560px;} #finder_content p.legend span.l_handel { padding-left:25px;background:url('../img/icon_shop2.gif') no-repeat 5px 0px;} #finder_content p.legend span.l_gastro { padding-left:25px;background:url('../img/icon_gastro2.gif') no-repeat 5px 0px;} h3.hl_neuesuche {height:25px;background:url('../img/hl_neuesuche.gif') no-repeat 0px 11px;padding:2px 0 2px 0;} /*--| bios finder [STOP!] */ #effekt_claim1 {width:266px; height:17px; background:url('../img/effekt_claim1.gif') no-repeat transparent;position:absolute;z-index:99999;top:-99999px; left:200px;} #effekt_claim2 {width:215px; height:13px; background:url('../img/effekt_claim2.gif') no-repeat transparent;position:absolute;z-index:99999;top:-99999px; left:30px;} #effekt_claim3 {width:366px; height:23px; background:url('../img/effekt_claim3.gif') no-repeat transparent;position:absolute;z-index:99999;top:-99999px; left:80px;} #form_left {float:left;width:300px;padding:0 20px 0 30px;} #form_right {float:left;width:300px;} #form_bot {clear:both;float:left;width:620px;padding:0 0 0 30px;} /*--| CE_FORM [START] */ #content .ce_form {float:left; width:800px;padding-right:30px;border-top:1px dotted #5b6f0e;padding-top:10px;} #content .ce_form label { float:left; background:url('../img/icon_label.gif') no-repeat 5px 11px;clear:both;padding:4px 0 3px 20px;} #content .ce_form input.text { float:left;clear:both;font:normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;border:1px solid #5b6f0e;padding:2px 4px;width:290px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form p.error {float:left;padding:4px 0 0 26px;background:url('../img/icon_alert.gif') no-repeat 8px 4px;font-size:10px;} #content .ce_form div.submit_container {float:right; padding:10px 0px;} #content .ce_form input.submit {font: normal 12px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;padding-left:15px; padding-right:15px;float:right;} #content .ce_form div.headline {clear:both;border-bottom:1px dotted #828282;width:420px; clear:both;padding-top:10px;} #content .ce_form div.headline p {padding-bottom:3px;} #content .ce_form textarea.textarea { clear:both;float:left;font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;border:1px solid #5b6f0e;padding:2px 4px;width:610px;height:80px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form select.select {float:left;clear:both;font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; width:50%;color:#323232;border:1px solid #5b6f0e;padding:2px 2px 2px 2px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form select.multiselect {float:left;clear:both;font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; width:50%;color:#323232;border:1px solid #5b6f0e;padding:2px 2px 2px 2px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form input.mandatory, #content .ce_form textarea.mandatory, #content .ce_form select.mandatory {border-color:#5b6f0e;} #content .ce_form .radio_container {float:left; clear:both; width:420px;} #content .ce_form .radio_container input.radio {float:left;} #content .ce_form .radio_container span { float:left; padding-bottom:3px;} #content .ce_form .radio_container label { float:left; background:none;clear:none;padding:0 10px 0 3px;} #content .ce_form .checkbox_container {float:left; clear:both; width:420px;} #content .ce_form .checkbox_container input.radio {float:left;} #content .ce_form .checkbox_container span { float:left; padding-bottom:3px;} #content .ce_form .checkbox_container label { float:left; background:none;clear:none;padding:0 3px 0 0px;} #content .ce_form .checkbox_container input.checkbox {margin-right:10px;} #content .ce_form input.upload { float:left;clear:both;font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;padding:2px 4px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form input.captcha { float:left;clear:both;font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;border:1px solid #828282;padding:2px 4px;width:30px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form span.captcha_text {float:left;padding:4px 0 0 5px;} /*--| CE_FORM [STOP!] */ #fintro {float:left;width:150px;} #fkomplett {float:left;} #fspacer {clear:both; float:left; height:4px; overflow:hidden;} /* #content .ce_form label.fname { float:left; background:url('../img/icon_label.gif') no-repeat 5px 15px;clear:both;padding:8px 0 3px 20px;} */ #content .ce_form #form_bot input.text { float:left;clear:both;font:normal 12px Arial, Helvetica, sans-serif; color:#323232;border:1px solid #5b6f0e;padding:2px 4px;width:610px;background:url('../img/tex_input.gif') repeat-x #fff;} #content .ce_form label.fsafe {clear:none;} .site-login div.loginfields * {float:left;} .site-login div.loginfields {float:left;padding-top:2px;} .site-login div.loginfields label {padding: 3px 5px 0 20px;} .site-login div.loginfields input { font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;border:1px solid #5b6f0e;padding:2px 4px;background:url('../img/tex_input.gif') repeat-x #fff;} .site-login .submit_container input { font: normal 11px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;padding:1px 4px;} .site-login .submit_container {float:left;padding-left:20px;} /*--| ce_accordion [START] */ .ce_accordion { padding:0px 0 0px 0; margin-bottom:5px; border-bottom:1px dotted #39792A;clear:both;} .ce_accordion .toggler { height:20px;padding:3px 0 0 22px;background: url('../img/acc_closed.gif') no-repeat 1px 4px; font-size: 11px; font-weight: bold; cursor: pointer; color:#39792A; text-transform:uppercase; text-decoration:underline; line-height:normal;} .ce_accordion .accordion { padding:0px 0px 0px 22px; } .ce_accordion .active { background-image: url('../img/acc_open.gif'); color:#39792A; text-decoration:none;} /*--| ce_accordion [STOP] */ #logoutform {position:absolute; top:0px; right:0px;} #logoutform p.login_info {float:left;padding: 5px 5px 0 0;} #logoutform div.submit_container {float:left;} #logoutform div.submit_container input {font: normal 12px 'Trebuchet MS', Trebuchet, Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#323232;padding:0px;} ul.ul-dl {clear:both;} ul.ul-dl li {background-repeat:no-repeat;width:370px; float:left;padding-left:20px;height:18px;} ul.ul-dl li a { color:#39792A;text-decoration:none;} ul.ul-dl li a:hover { text-decoration:underline;} div.accspacer {clear:both;float:left;width:10px;height:10px;overflow:hidden;} div.accspacertop {clear:both;float:left;width:10px;height:5px;overflow:hidden;} div.acctopline {float:left;width:809px;height:5px;overflow:hidden;border-top:1px dotted #39792A;margin-top:5px;} #backbtn {float:right;margin-top:-20px;} .partner #content #backbtn p a { -moz-opacity: 0.5;filter:Alpha(opacity=50);opacity: 0.5;color:#fff;text-transform:lowercase;text-decoration:none;background:#39792a;padding:2px 5px 1px 5px; } .partner #content #backbtn p a:hover { -moz-opacity: 0.99;filter:Alpha(opacity=99);opacity: 0.99;} .site-partner a.imglink { float:left; width:158px; height:118px;border:1px solid #d0dc70;margin:0 10px 10px 0;} .site-partner a.imglink span {display:none;} .site-partner a.imglink:hover {border:1px solid #39792a;} .site-partner a.plandwert {background-image:url('../img/logo_landwert.jpg');margin-top:-15px;} .site-partner a.pschulbauernhof {background-image:url('../img/logo_schulbauernhof.jpg');margin-top:-15px;} .site-partner a.pstralsunder {background-image:url('../img/logo_stralsunder.jpg'); margin-right:190px;margin-top:-15px;} .site-partner a.partepuri {background-image:url('../img/logo_artepuri.jpg'); } .site-partner a.pmeckpomm {background-image:url('../img/logo_meckpomm.jpg');} .site-partner a.pbioland {background-image:url('../img/logo_bioland.jpg');} #analyse table a img {border:1px solid #95b88d;} #analyse table a:hover img {border:1px solid #39792a;}