/**************************************************/ /* -- Reset CSS vom YUI | Yahoo User Interface -- */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}/*sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}*/input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /** -- Eigene Styleangaben hier eingeben -- **/ body { font: 13px Arial, Verdana, "sans serif"; color: #7F8A7E; line-height: 16px; } a { color: #77870B; } /** -- Wrapper /** -- damit der Footer immer ganz unten bleibt **/ div#wrapper { position: absolute; left: 0; top: 0; width: 990px; min-height: 100%; /* s.a. DynCss */ background: url(/graphics/misc/logo.jpg) no-repeat 30px 0; z-index: 10; } /** -- HEADER /** -- beinhaltet Logo und Navigation **/ div#header { width: 950px; height: 148px; background: url(/graphics/misc/trennlinie.jpg) repeat-x 10px bottom; margin-left: 40px; z-index: 20; } /** -- Logo -- **/ h1 { width: 174px; height: 84px; margin-left: -10px; z-index: 30; } h1 a { display: block; width: 174px; height: 84px; } h1 a span { display: none; } /** -- HauptNav -- **/ ul#navigation { float: right; width: 851px; height: 37px; margin: 26px 0 0 0; } ul#navigation li { display: block; float: left; padding: 0 0 0 30px; } ul#navigation li a { display: block; float: left; height: 37px; } /* Einzelne NavPunkte */ ul#navigation li a#aktuelles { background: url(/graphics/navigation/aktuelles.gif) no-repeat; width: 92px; } ul#navigation li a#krimskrams { background: url(/graphics/navigation/krimskrams.gif) no-repeat; width: 114px; margin-left: -1px; } ul#navigation li a#team { background: url(/graphics/navigation/team.gif) no-repeat; width: 53px; } ul#navigation li a#leistungen { background: url(/graphics/navigation/leistungen.gif) no-repeat; width: 107px; } ul#navigation li a#loesungen { background: url(/graphics/navigation/loesungen.gif) no-repeat; width: 94px; margin-left: -1px; } ul#navigation li a#referenzen { background: url(/graphics/navigation/referenzen.gif) no-repeat; width: 111px; margin-left: -1px; } ul#navigation li a#kontakt { background: url(/graphics/navigation/kontakt.gif) no-repeat; width: 73px; } ul#navigation li a:hover { background-position: 0 -37px !important; } /* Over-Status */ ul#navigation li a span { display: none; } /* Invisible */ /** -- FlashNav /** -- wird auf der Startseite ueber die Hauptnav gelegt */ div#flashNav { position: absolute; left: 0; top: 0; z-index: 100000000 !important; } /** -- NEWSCLOUD /** -- News am Seitenanfang (im Header) **/ div#newsCloud { width: 950px; height: 147px; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; margin-left: 40px; } div#newsCloud h2 { display: none; } div#newsCloud ul { display: none; } div#newscloudFlash { position: absolute; left: 40px; top: 170px; width: 949px; height: 107px; z-index: 100000; } /** -- CONTENT BLOCK /** -- umgibt Content und alle Inhalte die sich direkt darunter befinden **/ div#contentBlock { float: left; width: 520px; margin-left: 40px !important; margin-left: 20px; padding: 0 0 34px 0; } /** -- CONTENT **/ #content { width: 520px; padding: 0 0 34px 0; /* dynCss */ } #content * { font-size: 14px; } #content h2 { font-size: 16px; font-weight: bold; color: #768802; padding: 20px 0; } #content h3 { font-size: 14px; font-weight: bold; color: #535D55; padding: 0 0 10px 0; } #content p { padding: 0 0 15px 0; } #content p.introText { font-size: 14px; font-weight: bold; color: #535D55; margin: -20px 0 25px 0; padding: 0 0 10px 0 !important; } #content p.trennlinie { clear: left; line-height: 1px !important; height: 1px !important; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 top; } #content ul { padding: 0 0 20px 2px; } #content ul li { background: url(/graphics/misc/listItem.gif) no-repeat left 6px; padding: 0 0 2px 10px; } #content a { color: #77870B; text-decoration: none; } #content a:hover { text-decoration: underline; } #content table { font: 13px Arial, Verdana, sans serif; margin: 0 0 15px 0; } #content table th { font-weight: bold; } #content table td { vertical-align: top; padding: 0 10px 1px 0; } /* Tabelle mit Kontaktdaten */ #content table.kontakt { margin-top: -15px !important; } #content table td { } /* -- TEAM: */ #content div.team_passbild { font: 13px Arial, Verdana, sans serif; float:left; width:109; padding:0 20px 20px 0 !important; padding: 0 20px 5px 0;} #content div.team_beschreibung p { font: 13px Arial, Verdana, sans serif; } #content .team_table td { font: 13px Arial, Verdana, sans serif; padding:0px 20px 5px 2px !important; } /** -- Refernzen -- **/ #content div.showRoomFlash { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 top; margin-bottom: 20px; padding: 14px 0 0 0; } #content div.showRoomFlash div { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; } /* Detailseiten */ #content div.screenshot { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 top; margin-bottom: 20px; padding: 20px 0 0 0; } #content div.borderBottom { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; padding: 0 0 20px 0; } /* Admin-Ansicht */ #content ul#kundenliste { } #content ul#kundenliste li { } #content ul#kundenliste li span.kunde { display: block; float: left; width: 320px; padding-top: 5px; } #content ul#kundenliste li span.admin { display: block; color: #7F8A7E; text-decoration: none; height: 24px; padding: 0 10px 1px 10px; border-bottom: 1px solid #768702; } #content ul#kundenliste li span.admin a { display: block; height: 24px; padding: 0 !important; } #content ul#kundenliste li span.admin a.loeschen { float: right; width: 66px; background: url(/graphics/admin/loeschen.gif); margin-right: 10px; } #content ul#kundenliste li span.admin a.bearbeiten { float: right; width: 79px; background: url(/graphics/admin/bearbeiten.gif); margin-right: 10px; } #content ul#kundenliste li span.admin a:hover { background-position: 0 -24px; } /** -- Blog -- **/ #content div.blogentry { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; margin: 0 0 20px 0; padding: 0 0 10px 0; } #content div.blogentry p.name { text-transform: uppercase; color: #363E39; font-weight: bold; padding: 0 0 5px 0 !important; } /* linke Spalte mit Datum und Bild*/ #content div.blogentry div.infoCol { float: left; width: 170px; padding: 0 !important; } #content div.blogentry div.infoCol img { display: block; float: left; padding: 0 10px 0 0; } #content div.blogentry div.infoCol p * { font-size: 11px !important; color: #7F8A7E; } #content div.blogentry div.infoCol p span.left { display: block; float: left; } #content div.blogentry div.infoCol p span.right { display: block; float: right; } #content div.blogentry div.infoCol p span.first { padding-top: 3px; } /* rechte Spalte mit Text */ #content div.blogentry p.teaser { float: right; width: 320px; margin: 0 !important; padding: 0 10px 5px 0 !important; } #content div.blogentry div.text { float: right; width: 320px; margin: 0 !important; padding: 0 10px 0 0 !important; } /* Admin-Ansicht */ #content div.blogentry p.admin { display: block; color: #7F8A7E; text-decoration: none; height: 24px; padding: 0 10px 1px 10px; } #content div.blogentry p.admin a { display: block; height: 24px; padding: 0 !important; } #content div.blogentry p.admin a.loeschen { float: right; width: 66px; background: url(/graphics/admin/loeschen.gif); margin-right: 10px; } #content div.blogentry p.admin a.bearbeiten { float: right; width: 79px; background: url(/graphics/admin/bearbeiten.gif); margin-right: 10px; } #content div.blogentry p.admin a:hover { background-position: 0 -24px; } #content div.blogentry p.admin_inaktive { display: block; height: 24px; background: url(/graphics/admin/inaktiv.gif) no-repeat 345px 0; padding: 0 10px 1px 10px; } /** -- ADMIN-Formular */ p.adminBack { margin-top: 30px !important; } form#gdAdminForm { margin-bottom: 40px !important; } form#gdAdminForm p { margin-top: -10px; padding: 0 0 10px 15px !important; } /* ----------------------------------- END: Content Css ----------------------------------*/ /** -- WEITERE NEUIGKEITEN /** -- 5 "aktuelles" Meldungen werden nach Zufallsprinzip angezeigt **/ div.weitereNeuigkeiten { width: 520px; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; padding: 0 0 24px 0; } div.weitereNeuigkeiten h3 { font-size: 16px; font-weight: bold; color: #363E39; padding: 5px 0; } div.weitereNeuigkeiten ul li { } div.weitereNeuigkeiten ul li a { color: #363E39; } /* Admin-Ansicht */ div.weitereNeuigkeiten ul li.admin_news { display: block; clear: right; height: 24px; margin-bottom: 3px; } div.weitereNeuigkeiten ul li.admin_news a.linkAdmin { display: block; float: left; } div.weitereNeuigkeiten ul li.admin_news span.admin { display: block; float: right; width: 224px; height: 24px; } div.weitereNeuigkeiten ul li.admin_news span.admin img.status { display: block; float: left; width: 59px; height: 24px; margin: 0 10px 0 0; } div.weitereNeuigkeiten ul li.admin_news span.admin a.bearbeiten { display: block; float: left; width: 79px; height: 24px; background: url(/graphics/admin/bearbeiten.gif); margin: 0 10px 0 0; } div.weitereNeuigkeiten ul li.admin_news span.admin a.loeschen { display: block; float: left; width: 66px; height: 24px; background: url(/graphics/admin/loeschen.gif); } div.weitereNeuigkeiten ul li.admin_news span.admin a:hover { background-position: 0 -24px; } div.weitereNeuigkeiten ul li.admin_news span.admin a span { display: none; } /** -- SHOWROOM /** -- Screenshots der letzten Projekte werden angezeigt **/ div#showRoom { width: 520px; height: 232px; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; padding: 2px 0 1px 0; } /** -- DIE FACKEL, Webdesign **/ div#dieFackel,div#Webdesign { width: 520px; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; margin: 0 0 24px 0; padding: 0 0 24px 0; } div#dieFackel div,div#Webdesign div { border: 1px solid #868885; margin-top: 24px; padding: 0 20px 20px 20px; } div#dieFackel div h3,div#Webdesign div h3 { font-size: 16px; font-weight: bold; color: #535D55; margin-top: -11px; padding: 15px 0; } div#dieFackel div p,div#Webdesign div p { color: #7F8A7E; padding: 10px 0 0 0; } p#subHeaderInv { color: #7F8A7E; margin-top: -10px; padding: 0 !important; display:none; } div#Webdesign p#subHeaderInv { display:block; } p.anreisser { color: #7F8A7E; margin-bottom: 10px; padding: 0 !important; font-weight: bold; } div#dieFackel div a,div#Webdesign div a { display: block; width: 77px; height: 10px; background: url(/graphics/misc/link_weiterlesen.gif) no-repeat 0 0; margin: 13px 0 0 398px; } div#dieFackel div a span,div#Webdesign div a span{ display: none; } div#Webdesign ul {margin: 10px 15px;} div#Webdesign li {list-style:square;} /* ----------------------------------- END: Content Block Css ----------------------------------*/ /** -- CONTEXT-BLOCK /** -- enthält alle Inhalte die rechts vom Content angezeigt werden */ div#contextBlock { float: right; width: 412px; padding: 0 0 34px 0; } /** -- SUB-NAV: /** -- wird nur auf bestimmen Seiten angeeigt **/ ul#subNav { width: 412px; height: 156px; margin: 0 0 20px 0; } ul#subNav li { display: block; float: left; } ul#subNav li a { display: block; float: left; width: 196px; height: 156px; } /* Team */ ul#subNav li a#sub_team { background: url(/graphics/subNav/team.gif); } ul#subNav li a#sub_partner { background: url(/graphics/subNav/partner.gif); margin-left: 20px !important; margin-left: 10px; } /* Partner */ ul#subNav li a#sub_raxis { background: url(/graphics/subNav/raxis.gif); } ul#subNav li a#sub_typo3 { background: url(/graphics/subNav/typo3.gif); } ul#subNav li a#sub_contentnode { background: url(/graphics/subNav/contentnode.gif); margin-left: 20px !important; margin-left: 10px; } /* Ajax Content */ ul#subNav li a.off { background-position: 0 0 !important; } ul#subNav li a.on { background-position: 0 -156px !important; } /* Over */ ul#subNav li a:hover { background-position: 0 -156px !important; } /* Over-Status */ ul#subNav li a span { display: none; } /* Invisible */ /** -- NEWSBOX: /** -- 2-spaltige Info bzw. Newsbox mit Text und Bild **/ div.newsbox { /* dynCss */ padding: 0 0 20px 0; } div.newsbox div.header { width: 412px; height: 81px; } div.newsbox div.header * { display: none; } div.newsbox div.text { float: left; width: 197px; } div.newsbox div.text p { padding: 0 0 10px 0; } div.newsbox div.text a.link { color: #77870B; text-decoration: none; } div.newsbox div.text a.link:hover { text-decoration: underline; } div.newsbox div.text a { color: #77870B; text-decoration: none; } div.newsbox div.text a:hover { text-decoration: underline; } div.newsbox img, div.newsbox .imgage { display: block; float: right; padding: 3px 0 0 0; } /* Rezept-Box */ div.newsbox.rezept p { clear: both; padding: 10px 0; } div.newsbox.rezept a.zu_den_tipps { display: block; height: 10px; background: url(/graphics/misc/link_zu_den_tipps.gif) no-repeat right 0; margin-top: 7px; } /* Die Fackel-Box */ div.newsbox.diefackel div.links { float: right; } div.newsbox.diefackel div.links a.logo { display: block; width: 196px; height: 65px; background: url(/graphics/misc/diefackel.jpg);} div.newsbox.diefackel div.links a.mehr { display: block; width: 196px; height: 10px; background: url(/graphics/misc/link_die_fackel_lesen.gif) no-repeat right 0; margin-top: 10px; } /* Blog-Box */ div.newsbox.blog { min-height: 147px; /* dynCss */ } div.newsbox.blog div p { float: left; width: 200px; padding: 80px 0 0 0; } div.newsbox.blog div a { display: block; float: right; height: 145px; width: 160px; background: url(/graphics/misc/link_blog_lesen.gif) no-repeat right bottom; margin-top: 22px; z-index: 10000 !important; } /** -- Linke Spalte -- **/ div.leftCol { float: left; width: 196px; } /* Jobangebot */ div#jobangebot { width: 196px; height: 130px; background: url(/graphics/misc/jobbox.gif); margin: 0 0 20px 0; } div#jobangebot a { display: block; width: 196px; height: 130px; } /* Jobangebot */ div#facebook { width: 196px; height: 65x; background: url(/graphics/misc/facebook_weiss.gif) no-repeat 0 0; margin: 0 0 5px 0; } div#facebook a { display: block; width: 196px; height: 65px; } /* Newsletteranmeldung */ form#newsletter { width: 196px; height: 136px; background: url(/graphics/misc/newsletter_ohne_archiv.gif); margin: 0 0 20px 0; } form#newsletter fieldset { float: left; width: 131px; margin: 79px 0 0 0; padding: 0 0 0 10px; } form#newsletter fieldset label { display: none; } form#newsletter fieldset input { float: left; color: #768802; width: 131px; height: 15px !important; height: 17px; border: 1px solid #FFF; padding: 0 0 0 2px; } form#newsletter button { float: left; width: 40px; height: 18px; background: none; border: none; margin: 79px 0 0 2px; cursor: pointer; cursor: hand; } /* Erfolgs- und Fehlermeldungen */ form#newsletter p.success { float: left; font-size: 11px; font-weight: bold; color: #FFF; width: 170px !important; width: 190px; background: #768705; margin: 50px 0 0 0; padding: 10px 10px; } form#newsletter p.error { font-size: 11px; font-weight: bold; color: #FFF; background: #768705; margin-top: -20px; padding: 0 10px; } form#newsletter p.exists { font-size: 11px; font-weight: bold; color: #FFF; background: #768705; margin-top: -20px; padding: 0 10px; } /* Zum Newsletterarchiv */ form#newsletter a { display: block; clear: left; width: 150px; height: 20px; margin: 5px 0 0 0; } /* Newsletteranmeldung ohne Archiv*/ form#newsletter_ohne_archiv { width: 196px; height: 136px; background: url(/graphics/misc/newsletter_ohne_archiv.gif); margin: 0 0 20px 0; } form#newsletter_ohne_archiv fieldset { float: left; width: 131px; margin: 79px 0 0 0; padding: 0 0 0 10px; } form#newsletter_ohne_archiv fieldset label { display: none; } form#newsletter_ohne_archiv fieldset input { float: left; color: #768802; width: 131px; height: 15px !important; height: 17px; border: 1px solid #FFF; padding: 0 0 0 2px; } form#newsletter_ohne_archiv button { float: left; width: 40px; height: 18px; background: none; border: none; margin: 79px 0 0 2px; cursor: pointer; cursor: hand; } /* Erfolgs- und Fehlermeldungen */ form#newsletter_ohne_archiv p.success { float: left; font-size: 11px; font-weight: bold; color: #FFF; width: 170px !important; width: 190px; background: #768705; margin: 50px 0 0 0; padding: 10px 10px; } form#newsletter_ohne_archiv p.error { font-size: 11px; font-weight: bold; color: #FFF; background: #768705; margin-top: -20px; padding: 0 10px; } form#newsletter_ohne_archiv p.exists { font-size: 11px; font-weight: bold; color: #FFF; background: #768705; margin-top: -20px; padding: 0 10px; } /* Zum Newsletterarchiv */ form#newsletter_ohne_archiv a { display: block; clear: left; width: 150px; height: 20px; margin: 5px 0 0 0; } /* Blogeintrag */ div.blogBox { width: 196px; min-height: 200px; /* s.a. IE6 Css */ background: url(/graphics/misc/blogBox_bg.jpg) repeat-y; margin-bottom: 20px; } div.blogBox div.entry { width: 196px; min-height: 200px; /* s.a. IE6 Css */ background: url(/graphics/misc/blogBox_text.jpg) no-repeat; } div.blogBox div.entry h3 { font-size: 11px; color: #333D35; text-transform: uppercase; font-weight: bold; padding: 89px 0 0 10px; } div.blogBox div.entry div.userInfo { padding: 8px 0 0 10px; } div.blogBox div.entry div.userInfo * { font-size: 11px; line-height: 14px; color: #828A7F; } div.blogBox div.entry div.userInfo img { display: block; float: left; padding: 2px 8px 0 0; } /* Datum und Uhrzeit */ div.blogBox div.entry div.userInfo p { float: left; width: 100px; } div.blogBox div.entry div.userInfo p span.left { display: block; float: left; } div.blogBox div.entry div.userInfo p span.right { display: block; float: right; } div.blogBox div.entry div.userInfo p span.first { padding-top: 3px; } div.blogBox div.entry p.text { clear: both; font-size: 12px; line-height: 14px; color: #363B35; padding: 10px; } div.blogBox a { display: block; width: 196px; height: 37px; background: url(/graphics/misc/blogBox_link.jpg); } /* Rezeptbox */ div#kitchenBox { width: 196px; height: 239px; background: url(/graphics/misc/kitchenBox.jpg); margin-bottom: 20px; } div#kitchenBox a { display: block; width: 196px; height: 239px; } /** -- Rechte Spalte -- **/ div.rightCol { float: right; width: 196px; min-height: 48px; /* s.a. IE6 Css */ background: #E6F0E5 url(/graphics/misc/newsheader.gif) no-repeat; padding: 48px 0 10px 0; } div.rightCol ul { } div.rightCol ul li { display: block; width: 196px; } div.rightCol ul li#news_darbo { background: url(/usergraphics/context/weitere_news/darbo.gif); height: 61px; } div.rightCol ul li#news_volksoper { background: url(/usergraphics/context/weitere_news/volksoper.gif); height: 172px; } div.rightCol ul li#news_mave { background: url(/usergraphics/context/weitere_news/mave.gif); height: 59px; } div.rightCol ul li#news_wienerzucker { background: url(/usergraphics/context/weitere_news/wiener_zucker.gif); height: 152px; } div.rightCol ul li#news_awo { background: url(/usergraphics/context/weitere_news/awo.gif); height: 82px; } div.rightCol ul li#news_gfnoe { background: url(/usergraphics/context/weitere_news/gfnoe.gif); height: 171px; } div.rightCol ul li#news_kaiserhof { background: url(/usergraphics/context/weitere_news/kaiserhof.gif); height: 79px; } div.rightCol ul li span { display: none; } div.rightCol a#zumNewsarchiv { display: block; clear: right; width: 196px; height: 49px; background: url(/graphics/misc/newsarchiv.gif); } /** -- Auflistung der REFERENZEN auf der rechten Seite **/ div.refListe { } div.refListe h2 { background: url(/graphics/misc/referenzen_header.gif) no-repeat; width: 412px; height: 82px; } div.refListe ul { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; } div.refListe ul li { display: block; clear: both; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 top; margin-top: -1px; padding: 1px 0; } div.refListe ul li.no-border { background: none !important; } div.refListe ul li a { display: block; color: #7F8A7E; font-size: 12px; text-decoration: none; padding: 3px 10px 2px 10px; } div.refListe ul li a:hover { background-color: #E3EEE2; cursor: pointer; cursor: hand; } div.refListe ul li a:hover span.hidden { color: #E3EEE2; cursor: pointer; cursor: hand; } div.refListe ul li a span.kunde { display: block; float: left; width: 200px; } div.refListe ul li a span.projekt { display: block; float: right; width: 170px; } div.refListe ul li a span.hidden { color: #FFF; } div.refListe ul li a span.clearer { display: block; clear: both; line-height: 1px !important; } /* Admin Ansicht */ div.refListe ul li span.admin { display: block; color: #7F8A7E; text-decoration: none; height: 30px; padding: 2px 10px 1px 10px; border-bottom: 1px solid #768702; } div.refListe ul li span.admin a { display: block; height: 24px; padding: 0 !important; } div.refListe ul li span.admin a.loeschen { float: right; width: 66px; background: url(/graphics/admin/loeschen.gif); margin-right: 20px; } div.refListe ul li span.admin a.bearbeiten { float: right; width: 79px; background: url(/graphics/admin/bearbeiten.gif); margin-right: 10px; } div.refListe ul li span.admin a.kunde_bearbeiten { float: left; width: 111px; background: url(/graphics/admin/bearbeiten_kunden.gif); margin-left: 10px; } div.refListe ul li span.admin a:hover { background-position: 0 -24px; } /*a#alle_kunden { display: block; width: 412px; height: 33px; background: url(/graphics/misc/referenzen_alle_kunden.gif) no-repeat; margin-bottom: 20px; }*/ /** -- Newsletterbestellung (kontakt.php) -- **/ div.newsletterBestellung { padding: 0 0 20px 0; } div.newsletterBestellung div.header { width: 412px; height: 81px; background: url(/graphics/newsboxheader/kontakt.gif); } div.newsletterBestellung div.text { float: left; width: 197px; } div.newsletterBestellung div.text p { padding: 0 0 10px 0; } div.newsletterBestellung div.text a.link { color: #77870B; text-decoration: none; } div.newsletterBestellung div.text a.link:hover { text-decoration: underline; } div.newsletterBestellung form { float: right; } /** -- Newsletterarchiv (kontakt.php) -- **/ div#newsletterArchiv { } div#newsletterArchiv h2 { background: url(/graphics/misc/newsletterarchiv_header.gif) no-repeat; width: 412px; height: 84px; } div#newsletterArchiv ul { background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 bottom; } div#newsletterArchiv ul li { display: block; clear: both; background: url(/graphics/misc/trennlinie.jpg) repeat-x 0 top; margin-top: -1px; padding: 1px 0; } div#newsletterArchiv ul li.no-border { background: none !important; } div#newsletterArchiv ul li a { display: block; color: #7F8A7E; font-size: 12px; text-decoration: none; padding: 3px 10px 2px 10px; } div#newsletterArchiv ul li a:hover { background-color: #E3EEE2; cursor: pointer; cursor: hand; } div#newsletterArchiv ul li a:hover span.hidden { color: #E3EEE2; cursor: pointer; cursor: hand; } div#newsletterArchiv ul li a span.datum { display: block; float: left; width: 60px; } div#newsletterArchiv ul li a span.titel { display: block; float: right; width: 330px; } div#newsletterArchiv ul li a span.hidden { color: #FFF; } div#newsletterArchiv ul li a span.clearer { display: block; clear: both; line-height: 1px !important; } /* Admin Ansicht */ div#newsletterArchiv ul li span.admin { display: block; color: #7F8A7E; text-decoration: none; height: 30px; padding: 2px 10px 1px 10px; border-bottom: 1px solid #768702; } div#newsletterArchiv ul li span.admin a { display: block; height: 24px; padding: 0 !important; } div#newsletterArchiv li span.admin a.bearbeiten { float: left; width: 79px; background: url(/graphics/admin/bearbeiten.gif); margin-left: 60px; } div#newsletterArchiv ul li span.admin a.loeschen { float: left; width: 66px; background: url(/graphics/admin/loeschen.gif); margin-left: 10px; } div#newsletterArchiv li span.admin a:hover { background-position: 0 -24px; } /** -- Footer -- **/ ul#footer { display: block; position: absolute; left: 0; bottom: 0; font-size: 11px; color: #FFF; width: 990px; height: 20px; background: #768802; border-top: 20px solid white;} ul#footer li { display: block; float: left; padding: 2px 10px 0 10px; background: url(/graphics/misc/footer_trenner.jpg) no-repeat right 0; } ul#footer li.first { padding-left: 40px !important; padding-right: 20px !important; background: none !important;} ul#footer li.last { padding-right: 0 !important; background: none !important; } ul#footer li a { color: #FFF; text-decoration: none; } /** -- Allgemeine Definitionen /** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden */ strong, b { font-weight: bold; } u { text-decoration: underline; } em { font-style: italic; } blockquote{ padding: 0 20px; } .invisible { display: none; } .clear { display: block; clear: both; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; } .small { font-size: 11px !important; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /** -- These "decoy" styles are used to hide the browser text before it is replaced... -- The negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text -- in this example is so much narrower... -- Your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles -- **/ #content .sIFR-hasFlash h2 { visibility: hidden; } /* Markus */ .right_footer{background: url(/graphics/misc/trennlinie_rechts.jpg) repeat-x scroll 0 bottom; padding:3px 0 3px 0;} .right_footer a{text-decoration:none;color:#000000;font-size:11px;text-align:center; display:block;cursor:pointer;} /** -- NEWSBOX: /** -- 2-spaltige Info bzw. Newsbox mit Text und Bild **/ div.right_newsbox #news_entries{height:415px;overflow:hidden;} div.right_newsbox .news_entry {height:415px;width:100%;overflow:hidden;} div.right_newsbox .right_header {display:block;height:10px;background:#768702;} div.right_newsbox .right_header a{background:transparent url(/graphics/misc/bg_contextbox_dunkel_pfeil.jpg) repeat-x scroll 0 0 !important; width: 412px; display:none;text-decoration:none;height:10px;} div.right_newsbox .right_header span {display:none;} .right_newsbox h2{font-size:18px; line-height:20px; height:30px; color:#768802; font-weight:bold; padding:0;} .right_newsbox p.introText{ font-size:30px; height:37px; line-height:28px; color:#000000; padding:0; margin-bottom:10px; margin-top:-8px; } div.right_newsbox { /* dynCss */ padding: 0 0 20px 0; } div.right_newsbox div.header { width: 412px; height: 81px; } div.right_newsbox div.header * { display: none; } div.right_newsbox div.text { float: left; width: 197px; } div.right_newsbox div.text p { padding: 0 0 10px 0; } div.right_newsbox div.text a.link { color: #77870B; text-decoration: none; } div.right_newsbox div.text a.link:hover { text-decoration: underline; } div.right_newsbox div.text a { color: #77870B; text-decoration: none; } div.right_newsbox div.text a:hover { text-decoration: underline; } div.right_newsbox img, div.right_newsbox .image { display: block; float: right; padding: 3px 0 0 0; } /* Rezept-Box */ div.right_newsbox.rezept p { clear: both; padding: 10px 0; } div.right_newsbox.rezept a.zu_den_tipps { display: block; height: 10px; background: url(/graphics/misc/link_zu_den_tipps.gif) no-repeat right 0; margin-top: 7px; } /* Die Fackel-Box */ div.right_newsbox.diefackel div.links { float: right; } div.right_newsbox.diefackel div.links a.logo { display: block; width: 196px; height: 65px; background: url(/graphics/misc/diefackel.jpg);} div.right_newsbox.diefackel div.links a.mehr { display: block; width: 196px; height: 10px; background: url(/graphics/misc/link_die_fackel_lesen.gif) no-repeat right 0; margin-top: 10px; } /* Blog-Box */ div.right_newsbox.blog { min-height: 147px; /* dynCss */ } div.right_newsbox.blog div p { float: left; width: 200px; padding: 80px 0 0 0; } div.right_newsbox.blog div a { display: block; float: right; height: 145px; width: 160px; background: url(/graphics/misc/link_blog_lesen.gif) no-repeat right bottom; margin-top: 22px; z-index: 10000 !important; } /** -- LEISTUNGSBOX: /** -- 2-spaltige Info bzw. Newsbox mit Text und Bild **/ .box_achievement{ padding:15px 12px 25px 12px; background: #bbc6ba; margin:0 0 10px 0; } .box_achievement.odd{ background: #e3eee2; } .box_achievement.odd p{ color:#7f8a7e; } .box_achievement p{ color:#535d55; } .box_achievement h1{ height:33px; width:392px; background: transparent url(/graphics/leistungen/pano.gif) no-repeat 0 0; margin:0 0 10px 0; } .box_achievement h1 span{ display: none; }