/* Farben: Light Blue #0093d0 Dark Blue #00468c Very Dark Blue #003162 Beige #efeeea Bright Green #abc600 Bright Green 40% #dde899 Dark Green #7fac15 Light Orange #ff981f Orange #c66a00 Light Red #9f1100 Dark Red #610e00 */ /* RESET ###################################################################################################### */ html, body, body *, div, table, h1, h2, h3, h4, h5, h6, p, form, img, input, select { margin: 0; border: 0; padding: 0; font-size: 100.01%; } /* BASICS ###################################################################################################### */ body { background: #fff; } #page { width: 960px; margin: 0 auto; background: #efeeea; position: relative; } /* HEADER ###################################################################################################### */ #header { height: 100px; background: url("/assets/images/css/header_bg.gif") repeat-x; } #header #logo { width: 250px; height: 100px; float: left; } #header #logo a { width: 250px; height: 80px; display: block; text-indent: -9999px; background: url("/assets/images/css/header_logo.gif") no-repeat; } #header #tagline { display: none; } /* SERVICEMENU ###################################################################################################### */ #header #servicemenu { list-style: none; text-align: right; left: 125px; overflow: hidden; position: relative; top: 63px; width: 578px; } #header #servicemenu li { float: left; display: block; padding: 0px 10px; } #header #servicemenu li a { text-decoration: none; text-transform: uppercase; letter-spacing: 0.3px; font: 11px Helvetica, sans-serif; color: #003162;} #header #servicemenu li a:hover { color: #c66a00;} #header #servicemenu li a.selected { border-bottom: 1px dotted #7fac15;} #news #header #servicemenu #btn_news a { border-bottom: 1px dotted #7fac15 !important; } #fotogalerie ul#servicemenu li#btn_fotogalerie a { border-bottom: 1px dotted #7fac15; } /* NAV ###################################################################################################### */ #nav { width: 215px; float: left; list-style: none; margin-left: 20px;} #nav li { margin-bottom: 5px; } #nav li a { display: block; width: 215px; height: 60px; text-indent: -9999px; background-position: 0px 0px;} #nav li a:hover { background-position: 0px -60px; } #nav li a.selected { background-position: 0px -120px; } #nav li#btn_konzept a { background-image: url("/assets/images/css/nav_konzept.gif") } #nav li#btn_bereiche a { background-image: url("/assets/images/css/nav_bereiche.gif") } #nav li#btn_referenzen a { background-image: url("/assets/images/css/nav_referenzen.gif") } #nav li#btn_zertifikat a { background-image: url("/assets/images/css/nav_zertifikat.gif") } #nav li#btn_garantie a { background-image: url("/assets/images/css/nav_garantie.gif") } #nav li#btn_angebot a { background-image: url("/assets/images/css/nav_angebot.gif") } #nav li#btn_dienstleister { background: transparent; margin-top: 7px; padding-top: 8px; border-top: 1px dotted #003162;} #nav li#btn_dienstleister a { background-image: url("/assets/images/css/nav_information.gif"); } /* EMPFEHLEN ###################################################################################################### */ #empfehlen { width: 155px; height: 70px; position: absolute; top: 650px; left: 50px; } #empfehlen a { display: block; width: 155px; height: 70px; background: url("/assets/images/css/button_final.gif"); text-indent: -9999px; } #empfehlen a:hover { background-position: 0 -70px; } /* CONTENT ###################################################################################################### */ #content { min-height: 400px; margin-left: 255px; font: 11px/20px Verdana, sans-serif; color: #003162; position: relative; } #content #main { width: 440px; } #content #main h1 { text-indent: -9999px; height: 30px; margin-top: 30px; margin-bottom: 0px; } #content #main p { margin: 0 0 1em;} #content #main p.footnote { color: #00234E; font-size: 10px; position: relative; } #content #main p.footnote span { color: #666; left: 13px; position: absolute; } #content #main p.footnote sup { left: 5px; position: relative; vertical-align: top; } #content #main sup.footnote { color: #00234E; position: relative; vertical-align: top; top: 1px; } #content #main .clear { clear: both; } #content a.bodylink { color: #00468c; text-decoration: none; font-weight: bold; } #content a.bodylink:hover { color: #c66a00; } /* STARTPAGE ###################################################################################################### */ #startpage #content #main #claim #mainclaim { display: block; width: 450px; height: 320px; padding: 0; position: relative; } #startpage #content #main #claim h1 { display: none; } #startpage #content #main #claim h2 { text-indent: -9999px; } #startpage #content #main h1 { background: url("/assets/images/css/start_h1.gif") no-repeat; position: relative; top: -8px;} #startpage #content #main p em { color: #c66a00; font-weight: bold; font-style: normal;} #startpage #content #sp_news { position: absolute; top: 452px; left: 470px; } #startpage #content #sp_news h2 { background: url("/assets/images/css/news_start.png") no-repeat !important; width: 215px; height: 70px !important;} #startpage #content #sp_news ul { background: transparent !important; list-style-image: url("/assets/images/css/icon_page.png") !important; padding-top: 0 !important;} #startpage #content #sp_news ul li { /*background: url("/assets/images/css/icon_page.png") no-repeat !important;*/ } #startpage #content #sp_news #newslink { background: transparent !important; } #startpage #content #sp_news p#newslink a { text-transform: none; color: #00468c !important; text-decoration: none; font-weight: bold;} #startpage #content #sp_news p#newslink a:hover { color: #c66a00; } #startpage #content #banner { clear: both; position: relative; top: 10px; } /* STARTBLOCK ###################################################################################################### */ #carousel_wrapper { position: absolute; top: 306px; left: 470px; background: url("/assets/images/carousel/flaeche.gif") no-repeat 0 32px; width: 215px; height: 92px; } #carousel_wrapper h2 { height: 32px; margin: 0; color: #777; text-align: center;} #sp_refs_carousel { width: 215px; height: 60px; background: transparent; } #startpage #content #sp_news { width: 215px; height: 300px; font: 11px/15px Verdana, sans-serif; color: #003162; } #startpage #content #sp_news h2 { text-indent: -9999px; height: 35px; background: url("/assets/images/css/start_news_h2.gif") no-repeat;} #startpage #content #sp_news ul { background: #fff; width: 180px; padding: 13px 8px 5px 27px; list-style-image: url("/assets/images/css/start_news_ul_bg.gif") ;} #startpage #content #sp_news ul li { margin-bottom: 10px; font-family: Arial, sans-serif; } #startpage #content #sp_news p#newslink { text-align: right; width: 205px; height: 35px; font-weight: bold; color: #003162; background: #fff url("/assets/images/css/fblock_end.gif") no-repeat; text-transform: uppercase; font-size: 10px; padding-right: 10px;} #startpage #content #sp_news p#newslink a { color: #003162; text-decoration: none; } #startpage #content #sp_news p#newslink a:hover { text-decoration: underline; } #startpage #content #sp_news ul li a { font-weight: normal; color: #003162; text-decoration: none; } #startpage #content #sp_news ul li a:hover { text-decoration: underline; } #startpage #content #cake { position: absolute; left: 470px; top: 0px; } #kienbaum { display: none; } #startpage #kienbaum { display: block; background: url("/assets/images/css/kienbaum.gif") no-repeat; height: 55px; left: 0px; position: absolute; text-indent: -9999px; top: 1027px; width: 230px; } #startpage #kienbaum a { display: block; height: 55px; position: relative; top: -40px; text-indent: -9999px; width: 230px; } #startpage #content #banner { width: 685px; height: 232px; background: url("/assets/images/css/startbanner.gif") no-repeat; margin-top: 40px;} #startpage #content #banner * { display: none; } #startpage .more { padding: 20px 0 10px; } /*#startpage #content #sp_news ul li a#link6 { display: block; background: url("/assets/images/css/neu.gif") no-repeat 150px center; }*/ /* GARANTIEBLOCK ###################################################################################################### */ #content div.garantieblock { width: 230px; text-align: center; font: 11px/15px Verdana, sans-serif; position: absolute; left: 470px;} #content div.garantieblock h2 { text-indent: -9999px; height: 35px; width: 215px; } #content div.garantieblock p { margin: 0 !important;} #content div.garantieblock p.bg { background: #fff; width: 195px; padding: 5px 10px 15px; } #content div.garantieblock p.gblocklink { width: 230px; height: 120px; font-weight: bold; background: #fff url("/assets/images/css/gblock_glink_bg.gif") no-repeat; text-indent: -15px;} #content div.garantieblock p.gblocklink a { text-decoration: none; color: #003162; } #content div.garantieblock p.gblocklink a:hover { color: #c66a00; } /* FAQBLOCK ###################################################################################################### */ #content div.faqblock { width: 215px; text-align: left; font: 11px/15px Verdana, sans-serif; position: absolute; left: 470px;} #content div.faqblock h2 { text-indent: -9999px; height: 35px; width: 215px; } #content div.faqblock p { margin: 0 !important;} #content div.faqblock p.bg { background: #fff; width: 195px; padding: 5px 10px 15px; } #content div.faqblock p.fblocklink { text-align: right; width: 215px; height: 35px; font-weight: bold; color: #003162; background: #fff url("/assets/images/css/fblock_end.gif") no-repeat; text-transform: uppercase; font-size: 10px; } #content div.faqblock p.fblocklink a { text-decoration: none; color: #003162; } #content div.faqblock p.fblocklink a:hover { color: #c66a00; } /* KONZEPT ###################################################################################################### */ #konzept #content #main #redcard { text-indent: -9999px; width: 450px; height: 95px; background: url("/assets/images/css/konzept_rotekarte.jpg"); margin-bottom: 5px; } #konzept #content #main #konzept_header { width: 450px; height: 295px; background: url("/assets/images/css/konzept_header_bg.gif"); position: relative; } #konzept #content #main #konzept_header h2 { text-indent: -9999px; } #konzept #content #main #konzept_header ol { list-style: none; } #konzept #content #main #konzept_header ol li { width: 145px; height: 95px; position: absolute; } #konzept #content #main #konzept_header ol li a { text-indent: -9999px; width: 145px; height: 95px; display: block; } #konzept #content #main #konzept_header ol li#btn_analyse { left: 0px; top: 0px; background: url("/assets/images/css/konzept_header_bg_1.jpg"); } #konzept #content #main #konzept_header ol li#btn_bestand { left: 153px; top: 0px; width: 144px; background: url("/assets/images/css/konzept_header_bg_2.jpg"); } #konzept #content #main #konzept_header ol li#btn_bestand a { width: 144px; } #konzept #content #main #konzept_header ol li#btn_verhandlungen { left: 305px; top: 0px; background: url("/assets/images/css/konzept_header_bg_3.jpg");} #konzept #content #main #konzept_header ol li#btn_entscheidung { left: 305px; top: 100px; background: url("/assets/images/css/konzept_header_bg_4.jpg"); } #konzept #content #main #konzept_header ol li#btn_abrechnung { left: 0px; top: 200px; background: url("/assets/images/css/konzept_header_bg_5.jpg"); } #konzept #content #main #konzept_header ol li#btn_reminder { left: 153px; top: 200px; width: 144px; background: url("/assets/images/css/konzept_header_bg_6.jpg"); } #konzept #content #main #konzept_header ol li#btn_reminder a { width: 144px; } #konzept #content #main h1 { background: url("/assets/images/css/konzept_h1.gif") no-repeat; } #konzept #content #main ol#stepslist { list-style: none; } #konzept #content #main ol#stepslist li h2 { text-indent: -9999px; height: 40px; } #konzept #content #main ol#stepslist li img { float: left; margin: 5px 0 20px 0; } #konzept #content #main ol#stepslist li img.img1 { margin-right: 20px; } #konzept #content #main ol#stepslist li#analyse h2 { background: url("/assets/images/css/konzept_ol1.gif") no-repeat; } #konzept #content #main ol#stepslist li#bestand { clear: both; } #konzept #content #main ol#stepslist li#bestand span.caption { display: block; position: relative; top: -15px; text-align: center; width: 450px; } #konzept #content #main ol#stepslist li#bestand h2 { background: url("/assets/images/css/konzept_ol2.gif") no-repeat; } #konzept #content #main ol#stepslist li#verhandlungen h2 { background: url("/assets/images/css/konzept_ol3.gif") no-repeat; } #konzept #content #main ol#stepslist li#entscheidung h2 { background: url("/assets/images/css/konzept_ol4.gif") no-repeat; } #konzept #content #main ol#stepslist li#abrechnung h2 { background: url("/assets/images/css/konzept_ol5.gif") no-repeat; } #konzept #content #main ol#stepslist li#reminder h2 { background: url("/assets/images/css/konzept_ol6.gif") no-repeat; } #konzept #content div#gb_konzept1 h2 { background: url("/assets/images/css/konzept_gblock_h2.gif") no-repeat; } #konzept #content div#fb_konzept1 { top: 360px;} #konzept #content div#fb_konzept1 h2 { background: url("/assets/images/css/konzept_faqblock_h2.gif") no-repeat; } #konzept #content div#fb_konzept2 { top: 1380px;} #konzept #content div#fb_konzept2 h2 { background: url("/assets/images/css/konzept_faqblock2_h2.gif") no-repeat; height: 56px;} #konzept #content div#grafik_konzept1 { top: 915px; left: 464px;} #konzept #content h2.kostendefinition { height: 30px; margin: 30px 0 0; text-indent: -9999px; width: 450px; } #konzept #content #kosten { background: url("/assets/images/css/konzept_kosten.gif") no-repeat; } #konzept #content #definition { background: url("/assets/images/css/konzept_definition.gif") no-repeat; } #konzept #content #dauer { background: url("/assets/images/css/konzept_dauer.gif") no-repeat; } #konzept #content #main #diagramm { margin-right: 30px; } #konzept #content #main .diagramme { float: left; margin: 10px 0 20px 0; } #konzept #content #main p.footnote { clear: both; height: 40px; margin-top: 0; } /* BEREICHE ###################################################################################################### */ #bereiche #content #main #bereiche_header { width: 450px; height: 395px; background: url("/assets/images/css/bereiche_header_bg.gif"); position: relative; } #bereiche #content #main #bereiche_header h2 { text-indent: -9999px; } #bereiche #content #main #bereiche_header ul { list-style: none; } #bereiche #content #main #bereiche_header ul li { width: 145px; height: 95px; position: absolute; } #bereiche #content #main #bereiche_header ul li a { text-indent: -9999px; width: 145px; height: 95px; display: block; } #bereiche #content #main #bereiche_header ul li#btn_telekommunikation { left: 0px; top: 0px; background: url("/assets/images/css/bereiche_header_bg_1.jpg"); } #bereiche #content #main #bereiche_header ul li#btn_energie { left: 153px; top: 0px; width: 144px; background: url("/assets/images/css/bereiche_header_bg_2.jpg"); } #bereiche #content #main #bereiche_header ul li#btn_energie a { width: 144px; } #bereiche #content #main #bereiche_header ul li#btn_versicherungen { left: 305px; top: 0px; background: url("/assets/images/css/bereiche_header_bg_3.jpg");} #bereiche #content #main #bereiche_header ul li#btn_druckkosten { left: 0px; top: 100px; background: url("/assets/images/css/bereiche_header_bg_4.jpg"); } #bereiche #content #main #bereiche_header ul li#btn_e-payment { left: 153px; top: 100px; width: 144px; background: url("/assets/images/css/bereiche_header_bg_6.jpg"); } #bereiche #content #main #bereiche_header ul li#btn_e-payment a { width: 144px; } #bereiche #content #main #bereiche_header ul li#btn_entsorgung { left: 305px; top: 100px; background: url("/assets/images/css/bereiche_header_bg_5.jpg");} #bereiche #content #main #bereiche_header ul li#btn_it { left: 153px; top: 200px; background: url("/assets/images/css/bereiche_header_bg_7.jpg"); } #bereiche #content #main #bereiche_header ul li#btn_kurier { left: 0px; top: 200px; width: 144px; background: url("/assets/images/css/bereiche_header_bg_8.jpg"); } #bereiche #content #main #bereiche_header ul li#btn_kurier a { width: 144px; } #bereiche #content #main #bereiche_header ul li#btn_verpackung { left: 305px; top: 200px; background: url("/assets/images/css/bereiche_header_bg_9.jpg");} #bereiche #content #main #bereiche_header ul li#btn_logistik { left: 0px; top: 300px; background: url("/assets/images/css/bereiche_header_bg_10.jpg"); } #bereiche #content #main h1 { background: url("/assets/images/css/bereiche_h1.gif") no-repeat; } #bereiche #content #main ul#catlist { list-style: none; } #bereiche #content #main ul#catlist li h2 { text-indent: -9999px; height: 40px; } #bereiche #content #main ul#catlist li#telekommunikation h2 { background: url("/assets/images/css/bereiche_ul1.gif") no-repeat; } #bereiche #content #main ul#catlist li#energie h2 { background: url("/assets/images/css/bereiche_ul2.gif") no-repeat; } #bereiche #content #main ul#catlist li#versicherungen h2 { background: url("/assets/images/css/bereiche_ul3.gif") no-repeat; } #bereiche #content #main ul#catlist li#werbekosten h2 { background: url("/assets/images/css/bereiche_ul4.gif") no-repeat; } #bereiche #content #main ul#catlist li#fuhrpark h2 { background: url("/assets/images/css/bereiche_ul5.gif") no-repeat; } #bereiche #content #main ul#catlist li#mieten h2 { background: url("/assets/images/css/bereiche_ul6.gif") no-repeat; } #bereiche #content #main ul#catlist li#it h2 { background: url("/assets/images/css/bereiche_ul8.gif") no-repeat; } #bereiche #content #main ul#catlist li#it img { margin-top: 20px; } #bereiche #content #main ul#catlist li#it span.caption { display: block; font-style: oblique; margin-bottom: 20px; text-align: center; width: 450px; } #bereiche #content #main ul#catlist li#kurier h2 { background: url("/assets/images/css/bereiche_ul7.gif") no-repeat; } #bereiche #content #main ul#catlist li#verpackung h2 { background: url("/assets/images/css/bereiche_ul9.gif") no-repeat; } #bereiche #content #main ul#catlist li#logistik h2 { background: url("/assets/images/css/bereiche_ul10.gif") no-repeat; } #bereiche #content #main ul#catlist li#sonstiges { display: block; padding: 0 10px; margin: 3em 0; background: #fff; width: 430px; } #bereiche #content #main ul#catlist li#sonstiges h2 { background: url("/assets/images/css/bereiche_ul11.gif") no-repeat; } #bereiche #content #main ul#catlist li#druckkosten h2 { background: url("/assets/images/css/bereiche_ul4.gif") no-repeat; } #bereiche #content #main ul#catlist li#e-payment h2 { background: url("/assets/images/css/bereiche_ul5.gif") no-repeat; } #bereiche #content #main ul#catlist li#entsorgung h2 { background: url("/assets/images/css/bereiche_ul6.gif") no-repeat; } #bereiche #content div#gb_bereiche1 h2 { background: url("/assets/images/css/bereiche_gblock_h2.gif") no-repeat; } #bereiche #content div#gb_bereiche2 { top: 1310px;} #bereiche #content div#gb_bereiche2 h2 { background: url("/assets/images/css/bereiche_gblock2_h2.gif") no-repeat; } #bereiche #content div#fb_bereiche1 { top: 500px;} #bereiche #content div#fb_bereiche1 h2 { background: url("/assets/images/css/bereiche_faqblock_h2.gif") no-repeat; height: 56px;} /* REFERENZEN ###################################################################################################### */ #referenzen #content #main #redcard { text-indent: -9999px; width: 450px; height: 95px; background: url("/assets/images/css/referenzen_rotekarte.jpg"); margin-bottom: 5px; } #referenzen #content #main #referenzen_header { width: 450px; height: 295px; background: url("/assets/images/css/referenzen_header_bg.gif"); position: relative; } #referenzen #content #main #referenzen_header h2 { text-indent: -9999px; } #referenzen #content #main #referenzen_header ul { list-style: none; display: none;} #referenzen #content #main #referenzen_header ul li { width: 145px; height: 95px; position: absolute; } #referenzen #content #main #referenzen_header ul li a { text-indent: -9999px; width: 145px; height: 95px; display: block; } #referenzen #content #main #referenzen_header ul li#btn_zitat1 { left: 153px; top: 100px; width: 144px; background: url("/assets/images/css/referenzen_header_bg_1.gif"); } #referenzen #content #main #referenzen_header ul li#btn_zitat1 a { width: 144px; } #referenzen #content #main #referenzen_header ul li#btn_zitat2 { left: 305px; top: 200px; background: url("/assets/images/css/referenzen_header_bg_2.gif"); } #referenzen #content #main #referenzen_header ul li#btn_zitat3 { left: 0px; top: 300px; background: url("/assets/images/css/referenzen_header_bg_3.gif"); } #referenzen #content #main #referenzen_header ul li#btn_zitat4 { left: 153px; top: 300px; width: 144px; background: url("/assets/images/css/referenzen_header_bg_4.gif"); } #referenzen #content #main #referenzen_header ul li#btn_zitat4 a { width: 144px; } #referenzen #content #main h1#ergebnisse { background: url("/assets/images/css/referenzen_h1.gif") no-repeat; } #referenzen #content #main h1#kunden { background: url("/assets/images/css/referenzen_h1_2.gif") no-repeat; } #referenzen #content #main h1#wirkt { background: url("/assets/images/css/referenzen_h1_3.gif") no-repeat; } #referenzen #content #main ol#caselist { list-style: none; } #referenzen #content #main ol#caselist li h2 { text-indent: -9999px; height: 40px; } #referenzen #content #main ol#caselist li#case1 h2 { background: url("/assets/images/css/referenzen_ol1.gif") no-repeat; } #referenzen #content #main ol#caselist li#case2 h2 { background: url("/assets/images/css/referenzen_ol2.gif") no-repeat; } #referenzen #content #main ol li.case { margin-bottom: 1em; list-style: none; border-bottom: 1px dotted #00468c; padding-bottom: 1em; } #referenzen #content #main ol li.case ul.posten { padding-left: 1em; margin: 1em 0; } #referenzen #content #main ol li.case ul.posten h4 { color: #003162; } #referenzen #content #main ol li.case div.fazit { background: #fff url("/assets/images/css/fazit.gif") no-repeat 10px 13px; margin-bottom: 30px; padding: 22px 10px 10px 40px; width: 400px; } #referenzen #content #main ol li.case div.fazit h4 { color: #003162;} #referenzen #content #main ul li.zitat { margin-bottom: 2em; list-style: none; border-top: 1px dotted #003162; padding-top: 1em; position: relative; } #referenzen #content #main ul li.zitat blockquote { font-style: italic; font: italic 12px/20px Georgia, serif; padding-right: 80px; background: url("/assets/images/css/quote.gif") no-repeat right top;} #referenzen #content #main ul li.zitat cite { color: #003162; text-align: right; display: block; font-size: 9px; line-height: 15px;} #referenzen #content #main ul li.zitat #delmodlogo { position: absolute; left: 460px; top: 128px; z-index: 20;} #referenzen #content #main p.footnote { height: 70px; margin-top: -20px; } #referenzen #content div#gb_referenzen1 h2 { background: url("/assets/images/css/referenzen_gblock_h2.gif") no-repeat; } #referenzen #content div#gb_referenzen2 { top: 298px; left: 460px;} #referenzen #content div#fb_referenzen1 h2 { background: url("/assets/images/css/referenzen_fblock1_h2.gif") no-repeat; height: 56px;} #referenzen #content div#fb_referenzen2 { top: 1410px;} #referenzen #content div#fb_referenzen2 h2 { background: url("/assets/images/css/referenzen_fblock2_h2.gif") no-repeat; height: 56px;} #referenzen #content div#grafik_referenzen1 { top: 1907px; left: 464px;} /* GARANTIE ###################################################################################################### */ #garantie #content #main #garantie_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/garantie_header_bg.gif"); margin-bottom: 5px; } #garantie #content #main h1 { background: url("/assets/images/css/garantie_h1.gif") no-repeat; } #garantie #content #main ol#garantielist { list-style: none; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px dotted #c66a00; } #garantie #content #main ol#garantielist li h2 { text-indent: -9999px; height: 40px; } #garantie #content #main ol#garantielist li#kundenzufriedenheit h2 { background: url("/assets/images/css/garantie_ol1.gif") no-repeat; } #garantie #content #main ol#garantielist li#fairness h2 { background: url("/assets/images/css/garantie_ol3.gif") no-repeat; } #garantie #content #main ol#garantielist li#integritaet h2 { background: url("/assets/images/css/garantie_ol4.gif") no-repeat; } #garantie #content #main ol#garantielist li#unabhaengigkeit h2 { background: url("/assets/images/css/garantie_ol2.gif") no-repeat; } #garantie #content #main ol#garantielist li#ergebnisfokus h2 { background: url("/assets/images/css/garantie_ol6.gif") no-repeat; } #garantie #content #main ol#garantielist li#qualitaet h2 { background: url("/assets/images/css/garantie_ol5.gif") no-repeat; } #garantie #content #main ol#garantielist li#zertifikat h2 { background: url("/assets/images/css/garantie_ol7.gif") no-repeat; } #garantie #content #main ol#garantielist li#reminder h2 { background: url("/assets/images/css/garantie_ol8.gif") no-repeat; } #garantie #content #main p.sig { text-align: center; background: url("/assets/images/css/garantie_sig.gif") no-repeat center top; height: 30px; padding-top: 135px;} #garantie #content div#mainimg { left: 462px; } #garantie #content #costkilling-in-press { background: url("/assets/images/css/costkilling-in-press.gif") no-repeat; display: block; height: 120px; position: relative; text-indent: -9999px; width: 215px; } #garantie #content #costkilling-in-press a { display: block; position: absolute; } #garantie #content #costkilling-in-press #gmbh-chef { height: 20px; left: 0px; top: 55px; width: 110px; } #garantie #content #costkilling-in-press #creditreform { height: 20px; left: 45px; top: 77px; width: 100px; } #garantie #content #costkilling-in-press #versandhausberater { height: 60px; left: 147px; top: 50px; width: 67px; } #content #main a.textlink { text-decoration: none; color: #00458a; font-weight: bold; } #content #main a.textlink:hover { text-decoration: underline; } a.pdf { color: #666; font-size: 11px; text-decoration: none; background: url("/assets/images/css/pdf.png") no-repeat; padding: 2px 0px 2px 20px;} a.pdf:hover { text-decoration: underline; } #garantie #content div#fb_garantie1 { top: 1550px; } #garantie #content div#fb_garantie2 { top: 700px; } #garantie #content div#fb_garantie2 h2 { background: url("/assets/images/css/garantie_fblock1_h2.gif") no-repeat; height: 56px;} #garantie #content div#fb_garantie3 { top: 385px; } #garantie #content div#fb_garantie4 { top: 1250px; } /* ANGEBOT ###################################################################################################### */ #angebot #content #main #angebot_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/angebot_header_bg.gif"); margin-bottom: 5px; } #angebot #content #main h1 { background: url("/assets/images/css/angebot_h1.gif") no-repeat; } #angebot #content #main ol#angebotlist { list-style: none; border-top: 1px dotted #444; padding-top: 20px; } #angebot #content #main ol#angebotlist li { margin-bottom: 5px; } #angebot #content #main ol#angebotlist li h2 { text-indent: -9999px; } #angebot #content #main ol#angebotlist li#telefon { background: url("/assets/images/css/angebot_ol1.gif") no-repeat; width: 450px; height: 60px; } #angebot #content #main ol#angebotlist li#telefon p { display: none; } #angebot #content #main ol#angebotlist li#fax { background: url("/assets/images/css/angebot_ol2.gif") no-repeat; width: 450px; height: 60px; } #angebot #content #main ol#angebotlist li#fax p a { display: block; height: 30px; position: relative; top: -20px; width: 140px; left: 300px;} #angebot #content #main ol#angebotlist li#fax p span.hide { display: none;} #angebot #content #main ol#angebotlist li#fax p a span { display: none;} #angebot #content #main ol#angebotlist li#email { background: url("/assets/images/css/angebot_ol3.gif") no-repeat; width: 450px; height: 60px; } #angebot #content #main ol#angebotlist li#email a { display: block; width: 297px; height: 60px; margin-left: 153px; position: relative; top: -20px; } #angebot #content #main ol#angebotlist li#email a span { display: none; } #angebot #content #main ol#angebotlist li#internet { background: url("/assets/images/css/angebot_ol4.gif") no-repeat; width: 450px; height: 420px; } #angebot #content #main ol#angebotlist li#internet form fieldset { margin-left: 163px; position: relative; top: -15px;} #angebot #content #main ol#angebotlist li#internet form fieldset div.formrow { height: 45px; } #angebot #content #main ol#angebotlist li#internet form fieldset label { display: block; color: #fff; position: relative; top: 2px;} #angebot #content #main ol#angebotlist li#internet form fieldset input.text { display: block; width: 270px; height: 20px; border: 1px solid #003162; padding-top: 5px; padding-left: 5px;} #angebot #content #main ol#angebotlist li#internet form fieldset div.formrow textarea { display: block; width: 265px; height: 65px; border: 1px solid #003162; padding-top: 5px; padding-left: 5px; padding-right: 5px;} #angebot #content #main ol#angebotlist li#internet form fieldset#btn { position: relative; top: 55px; text-align: right; padding-right: 10px;} #angebot #content #main ol#angebotlist li#internet form fieldset input#btn_submit { cursor: pointer; width: 110px; border: 1px solid #003162; background: #7fac15; color: #fff; } #angebot #content #main ol#angebotlist li#danke { background: url("/assets/images/css/danke_ol4.gif") no-repeat; width: 450px; height: 60px; } #angebot #content #main ol#angebotlist li#danke p { color: #fff; margin-left: 160px; width: 280px; position: relative; top: -11px; text-align: right; line-height: 15px; } #angebot #content #main ol#angebotlist li#danke p a { color: #c66a00; text-decoration: none; } #angebot #content #main ol#angebotlist li#danke p a:hover { color: #c66a00; text-decoration: underline; } #angebot #content div#gb_angebot1 h2 { background: url("/assets/images/css/angebot_gblock_h2.gif") no-repeat; } #angebot #content div#fb_angebot1 { top: 425px;} #angebot #content div#fb_angebot1 h2 { background: url("/assets/images/css/angebot_fblock1_h2.gif") no-repeat; height: 56px;} /* DIENSTLEISTER ###################################################################################################### */ #dienstleister #content #main #dienstleister_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/dienstleister_header_bg.gif"); margin-bottom: 5px; } #dienstleister #content #main h1 { background: url("/assets/images/css/dienstleister_h1.gif") no-repeat; } #dienstleister #content #main ul#aimslist { list-style: none; border-bottom: 1px dotted #00468c; margin-bottom: 2em; padding-bottom: 1em;} #dienstleister #content #main ul#aimslist li h2 { text-indent: -9999px; height: 40px; } #dienstleister #content #main ul#aimslist li#provisionen h2 { background: url("/assets/images/css/dienstleister_ul1.gif") no-repeat; } #dienstleister #content #main ul#aimslist li#kooperationen h2 { background: url("/assets/images/css/dienstleister_ul2.gif") no-repeat; } #dienstleister #content #main ul#aimslist li#beziehungen h2 { background: url("/assets/images/css/dienstleister_ul3.gif") no-repeat; } #dienstleister #content #main ul#aimslist li#konditionen h2 { background: url("/assets/images/css/dienstleister_ul4.gif") no-repeat; } #dienstleister #content #main ul#aimslist li#angebote h2 { background: url("/assets/images/css/dienstleister_ul5.gif") no-repeat; } #dienstleister #content #main a.bodylink { color: #005ba0; text-decoration: none; font-weight: bold; } #dienstleister #content #main a.bodylink:hover { color: #c66a00; } #dienstleister #content div#gb_dienstleister1 h2 { background: url("/assets/images/css/dienstleister_gblock_h2.gif") no-repeat; } #dienstleister #content div#fb_dienstleister1 { top: 260px;} #dienstleister #content div#fb_dienstleister2 { top: 460px;} #dienstleister #content div#fb_dienstleister2 h2 { background: url("/assets/images/css/dienstleister_fblock1_h2.gif") no-repeat; height: 56px;} /* ZERTIFIKATION ###################################################################################################### */ #zertifikation #content #main #zertifikation_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/zertifikation_header.gif"); margin-bottom: 5px; } #zertifikation #content #main h1 { background: url("/assets/images/css/zertifikat_h1.gif") no-repeat; } #zertifikation #content #main ol#caselist { list-style: none; margin-top: 20px;} #zertifikation #content #main ol#caselist li h2 { text-indent: -9999px; height: 40px; } #zertifikation #content #main ol#caselist li#case1 h2 { background: url("/assets/images/css/zertifikation_ol1.png") no-repeat; } #zertifikation #content #main ol#caselist li#case2 h2 { background: url("/assets/images/css/zertifikation_ol2.png") no-repeat; } #zertifikation #content #main ol#caselist li#case3 h2 { background: url("/assets/images/css/zertifikation_ol3.png") no-repeat; } #zertifikation #content #main ol li.case { margin-bottom: 1em; list-style: none; border-bottom: 1px dotted #00468c; padding-bottom: 1em; } #zertifikation #content #main ol#caselist li#case3 { border-bottom: 0; } #zertifikation #content div#gb_zertifikation1 h2 { background: url("/assets/images/css/zertifikation_gblock_h2.gif") no-repeat; } #zertifikation #content div#fb_zertifikation1 { top: 505px; } #zertifikation #content div#fb_zertifikation1 h2 { background: url("/assets/images/css/zertifikation_fblock1_h2.gif") no-repeat; height: 56px;} /* ÜBER UNS ###################################################################################################### */ #ueberuns #content #main #ueberuns_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/ueberuns_header_bg.gif"); margin-bottom: 5px; } #ueberuns #content #main h1#geschichte { background: url("/assets/images/css/ueberuns_h1_1.gif") no-repeat; } #ueberuns #content #main h1#kschramm { background: url("/assets/images/css/ueberuns_h1_2.gif") no-repeat; } #ueberuns #content #main h1#dschramm { background: url("/assets/images/css/ueberuns_h1_3.gif") no-repeat; } #ueberuns #content #main h1#costkilling { background: url("/assets/images/css/ueberuns_h1_4.gif") no-repeat; } #ueberuns #content #main blockquote { font-style: italic; font: italic 12px/20px Georgia, serif; padding: 0 70px 0 20px; background: url("/assets/images/css/quote.gif") no-repeat 370px 0px; margin: 1em 0; border-left: 10px solid #7fac15; } #ueberuns #content div#gb_ueberuns1 { top: 660px; left: 460px; } #ueberuns #content div#gb_ueberuns2 { top: 1115px; left: 460px; } #ueberuns #content div#gb_ceo { top: 1450px; left: 460px; } /* FAQ ###################################################################################################### */ #faq #content #main #faq_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/faq_header_bg.gif"); margin-bottom: 5px; } #faq #content #main h1 { background: url("/assets/images/css/faq_h1.gif") no-repeat; } #faq #content #main ol#faqlist { list-style: none; } #faq #content #main ol#faqlist li h2 { text-indent: -9999px; height: 40px; width: 450px;} /*#faq #content #main ol#faqlist li p { margin-left: 47px; }*/ #faq #content #main ol#faqlist li#ergebnisbezogen h2 { background: url("/assets/images/css/faq/ergebnisbezogen.gif") no-repeat; height: 80px; } #faq #content #main ol#faqlist li#einsparungen h2 { background: url("/assets/images/css/faq/einsparungen.gif") no-repeat; } #faq #content #main ol#faqlist li#risiko h2 { background: url("/assets/images/css/faq/risiko.gif") no-repeat; height: 60px; } #faq #content #main ol#faqlist li#dauer h2 { background: url("/assets/images/css/faq/dauer.gif") no-repeat; } #faq #content #main ol#faqlist li#wechsel h2 { background: url("/assets/images/css/faq/wechsel.gif") no-repeat; height: 60px; } #faq #content #main ol#faqlist li#preisguenstig h2 { background: url("/assets/images/css/faq/preisguenstig.gif") no-repeat; height: 60px; } #faq #content #main ol#faqlist li#nicht-preisguenstig h2 { background: url("/assets/images/css/faq/nicht-preisguenstig.gif") no-repeat; height: 60px; } #faq #content #main ol#faqlist li#abrechnung h2 { background: url("/assets/images/css/faq/abrechnung.gif") no-repeat; } #faq #content #main ol#faqlist li#datenschutz h2 { background: url("/assets/images/css/faq/datenschutz.gif") no-repeat; } #faq #content #main ol#faqlist li#potenzialanalyse h2 { background: url("/assets/images/css/faq/potenzialanalyse.gif") no-repeat; } #faq #content #main ol#faqlist li#reminder-service h2 { background: url("/assets/images/css/faq/reminder-service.gif") no-repeat; } #faq #content #main ol#faqlist li#kategorien h2 { background: url("/assets/images/css/faq/kategorien.gif") no-repeat; height: 60px; } #faq #content #main ol#faqlist li#kategorie-nicht-vorhanden h2 { background: url("/assets/images/css/faq/kategorie-nicht-vorhanden.gif") no-repeat; height: 60px; } #faq #content #main ol#faqlist li#erfolgsgarantie h2 { background: url("/assets/images/css/faq/erfolgsgarantie.gif") no-repeat; } #faq #content #main ol#faqlist li#vor-ort h2 { background: url("/assets/images/css/faq/vor-ort.gif") no-repeat; } #faq #content #main ol#faqlist li#unabhaengig h2 { background: url("/assets/images/css/faq/unabhaengig.gif") no-repeat; } #faq #content #main ol#faqlist li#monatsreport h2 { background: url("/assets/images/css/faq/monatsreport.gif") no-repeat; } #faq #content #main ol#faqlist li#arbeitsaufwand h2 { background: url("/assets/images/css/faq/arbeitsaufwand.gif") no-repeat; } #faq #content div#faq_sidebar { left: 462px; } #faq #content .caption { display: block; text-align: center; width: 450px; } /* ENGAGEMENT ###################################################################################################### */ #engagement #content #main { min-height: 1000px;} #engagement #content #main #engagement_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/engagement_header_bg.gif"); margin-bottom: 5px; } #engagement #content #main h1 { background: url("/assets/images/css/engagement_h1.gif") no-repeat; } #engagement #gb_engagement1 { top: 70px;} #engagement #gb_engagement2 { top: 452px;} #engagement #gb_engagement3 { top: 702px;} #engagement #content #main .pressimg { float: right; position: relative; left: 20px; top: -10px;} #engagement #content #main .presslinks { margin: 0 !important; width: 100%; margin-bottom: 20px !important;} #engagement #content #main .presslinks li { list-style: none; display: block; float: left; width: 90px; height: 25px; padding: 0; margin: 0; margin-right: 10px;} #engagement #eng_articles { margin-top: 100px; list-style: none;} #engagement span.less { color: #00468c; cursor: pointer; font-weight: bold; text-decoration: none;} #engagement span.more:hover, #engagement span.less:hover { color: #c66a00; } #engagement span.more { cursor: pointer; display: block; text-indent: -9999px; width: 90px; height: 25px; background: url("/assets/images/css/button_lesen.png") no-repeat; } #engagement #content #main .presslinks li.presspdf { width: 60px; height: 25px; } #engagement #content #main .presslinks li.presspdf a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/css/button_pdf.png") no-repeat; } #engagement #content #main .presslinks li.presslink { width: 60px; height: 25px; } #engagement #content #main .presslinks li.presslink a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/css/button_link.png") no-repeat;} #engagement #content #main .pressinfo em { color: #003162; font-size: 10px;} #engagement #content #main .presslinks li.dummy { float: none; } /* KARRIERE ###################################################################################################### */ #karriere #content #main { min-height: 700px;} #karriere #content #main #karriere_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/karriere_header_bg.gif"); margin-bottom: 5px; } #karriere #content #main h1 { background: url("/assets/images/css/karriere_h1.gif") no-repeat; } #karriere #jobs { list-style: none; margin-top: 20px; } #karriere #jobs h2 { background: url("/assets/images/css/news_bullet.gif") no-repeat 0px 4px; color: #003162; font: bold 11px/20px Verdana, Helvetica, Arial, sans-serif; padding-left: 24px; position: relative; left: -25px; top: -7px; margin-bottom: 11px;} #karriere #jobs h2 strong { display: block; font-size: 17px; color: #003162; font-weight: normal;} #karriere #jobs li { border-top: 1px dotted #003162; padding: 2em 0 2em 2.4em; } #karriere #jobs li p.intro { } #karriere #jobs li h3 { color: #003162; font: 13px/20px Helvetica, Arial, sans-serif; font-weight: normal; margin-bottom: 1em;} #karriere #jobs li ul { margin: 0em 0 1em 1em;} #karriere #jobs li ul li { border: 0; padding: 0; list-style: inside circle; } #karriere #content #main a { color: #00468c; font-weight: bold; text-decoration: none;} #karriere #content #main a:hover { color: #c66a00;} #karriere span.more { cursor: pointer; display: block; text-indent: -9999px; width: 90px; height: 25px; background: url("/assets/images/css/button_lesen.png") no-repeat; } #karriere span.less { color: #00468c; cursor: pointer; font-weight: bold; text-decoration: none;} #karriere span.more:hover, #karriere span.less:hover { color: #c66a00; } #karriere div.more-panel { margin-top: 10px; } /* FOTOGALERIE ############################################################################################### */ #fotogalerie #content #main #fotogalerie_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/fotogalerie_header_bg.gif"); margin-bottom: 20px; } #fotogalerie #main dl { float: left; margin-right: 10px; width: 210px; } #fotogalerie #main dl dd { font-size: 10px; margin: -10px 0 10px 0; padding: 5px; width: 200px; } #fotogalerie #content div#gb_news1 { top: 0px; } #fotogalerie #content div#gb_news1 h2 { background: url("/assets/images/css/news_gblock_h2.gif") no-repeat; } #fotogalerie #content div#gb_news1 p.gblocklink { width: 230px; height: 138px; font-weight: bold; color: #003162; background: url("/assets/images/css/gblock_glink_bg_plain.gif") no-repeat; text-indent: -15px;} /* NEWS ###################################################################################################### */ #news #content #main #news_header { text-indent: -9999px; width: 450px; height: 60px; background: url("/assets/images/css/news_header_bg.gif"); margin-bottom: 5px; } #news #content #main h1 { background: url("/assets/images/css/news_h1.gif") no-repeat; } #news #content #main ul#newslist { list-style: none; margin-top: 20px; } #news #content #main ul#newslist li.newsentry { margin-left: 2.4em; margin-bottom: 1em; padding-bottom: 2em; border-top: 1px dotted #003162; padding-top: 2em; clear: right; } #news #content #main ul#newslist li.newsentry h2 { background: url("/assets/images/css/news_bullet.gif") no-repeat 0px -18px; color: #003162; font: 17px/20px Helvetica, Arial, sans-serif; font-weight: normal; padding-left: 24px; position: relative; left: -25px; top: -7px; } #news #content #main ul#newslist li.newsentry h2+p { line-height: 15px; padding-bottom: 10px;} #news #content #main ul#newslist li.newsentry h2+p em { color: #003162; font-size: 9px;} #news #content #main ul#newslist li.newsentry h3 { color: #00468c; font: 13px/20px Helvetica, Arial, sans-serif; font-weight: normal; margin-bottom: 1em;} #news #content #main ul#newslist ol { margin-left: 2em; margin-bottom: 1em; list-style: decimal;} #news #content #main ul#newslist ul { margin-left: 13px; margin-bottom: 1em; list-style: square;} #news #content #main ul#newslist li.annoso h2+p { border-bottom: none; } #news #content #main ul#newslist li.border h2+p { border-bottom: 1px dotted #7fac15; } #news #content #main a { color: #00468c; font-weight: bold; text-decoration: none;} #news #content #main a:hover { color: #c66a00;} #news #content #main div.contentimg { margin: 20px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 20px 0 10px; text-align: center; } #news #content #main div.contentimg img { border: 1px solid #333;} #news #content #main div.contentimg p { margin: 0;} #news #content div#gb_news1 { background: url("/assets/images/css/pressemappe.jpg") no-repeat; height: 185px; top: 90px; width: 230px; } #news #content div#gb_news1 h2 { background: none !important; } #news #content div#gb_news1 p.gblocklink { background: none !important; color: #FFF; height: 20px; left: 10px; position: relative; top: 112px; width: 215px; } #news #content div#gb_news1 p.gblocklink a { color: #FFF; } #news #content div#gb_news1 p.gblocklink a:hover { text-decoration: underline; } #news #content div#gb_news8 { background: url("/assets/images/css/kienbaum.gif") no-repeat; height: 55px; width: 230px; top: 5px; text-indent: -9999px; } #news #content div#gb_news8 a { display: block; height: 55px; position: relative; top: -40px; text-indent: -9999px; width: 230px; } #news #content #main .pressimg { float: right; position: relative; left: 20px; top: -10px;} #news #content #main .presslinks { margin: 0 !important; width: 100%; margin-bottom: 20px !important;} #news #content #main .presslinks li { list-style: none; display: block; float: left; width: 90px; height: 25px; padding: 0; margin: 0; margin-right: 10px;} #news span.less { color: #00468c; cursor: pointer; font-weight: bold; text-decoration: none;} #news span.more:hover, #news span.less:hover { color: #c66a00; } #news span.more { cursor: pointer; display: block; text-indent: -9999px; width: 90px; height: 25px; background: url("/assets/images/css/button_lesen.png") no-repeat; } #news #content #main .presslinks li.presspdf { width: 60px; height: 25px; } #news #content #main .presslinks li.presspdf a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/css/button_pdf.png") no-repeat; } #news #content #main .presslinks li.presslink { width: 60px; height: 25px; } #news #content #main .presslinks li.presslink a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: url("/assets/images/css/button_link.png") no-repeat;} #news #content #main .pressinfo em { color: #c66a00; font-size: 10px;} #news #content #main .presslinks li.dummy { float: none; } /* KONTAKT ###################################################################################################### */ #kontakt #content #main #kontakt_header { text-indent: -9999px; width: 450px; height: 190px; background: url("/assets/images/css/kontakt_header_bg.jpg"); margin-bottom: 5px; } #kontakt #content #main h1#h11 { background: url("/assets/images/css/kontakt_h1.gif") no-repeat; } #kontakt #content #main h1#h12 { background: url("/assets/images/css/kontakt_h1_2.gif") no-repeat; } #kontakt #content #main h1#h13 { background: url("/assets/images/css/kontakt_h1_3.gif") no-repeat; } #kontakt #content #main ul.kontaktlist { margin-top: 20px; list-style: none; } #kontakt #content #main ul.kontaktlist li { margin-bottom: 1em; border-bottom: 1px dotted #003162; padding: 1em 0 0 25px; margin-left: 2.4em; } #kontakt #content #main ul.kontaktlist li li { background: none; } #kontakt #content #main ul.kontaktlist li h2 { background: url("/assets/images/css/news_bullet.gif") no-repeat -1px -18px; color: #003162; font: 17px/20px Helvetica, Arial, sans-serif; font-weight: normal; padding-left: 25px; position: relative; left: -25px; top: -7px; } #kontakt #content #main ul.kontaktlist li ol { list-style: decimal; padding-left: 20px;} #kontakt #content #main ul.kontaktlist li ol li { border: none; margin: 10px 0 15px; padding: 0;} #kontakt #content #main ul.kontaktlist li#kontakt { background: none; } #kontakt #content #main ul.kontaktlist li#kontakt span { float: left; display: block; width: 50px; } #kontakt #content #main ul.kontaktlist li#meeting { background: url("/assets/images/css/kontakt_meeting.gif") no-repeat right 28px; } #kontakt #content #main ul.kontaktlist li#adresse { background: url("/assets/images/css/kontakt_post.gif") no-repeat right 38px; } #kontakt #disclaimer ol ul { margin-left: 30px;} #kontakt #rotonda { padding-top: 20px; line-height: 30px;} /* QUICKNAV ###################################################################################################### */ #quicknav { font-weight: normal; margin: 60px 0 20px 255px; width: 450px; border-top: 1px dotted #444; padding-top: 20px;} #quicknav h2 { color: #003162; font: normal 11px Verdana, sans-serif; float: left; position: relative; top: 1px; font-weight: normal; margin-right: 10px;} #quicknav ul { list-style: none; } #quicknav ul li { color: #222; display: inline; font-size: 11px; } #quicknav ul li span.separator { margin: 0 2px 0 4px; } #quicknav ul li a { color: #444; font: normal 11px Verdana, sans-serif; text-decoration: none; padding: 0 6px;} #quicknav ul li a:hover { color: #003162; } #quicknav ul li a.selected { color: #003162; } /* FOOTER ###################################################################################################### */ #footer { color: #cdccc9; font: 10px Verdana, sans-serif; text-align: center; margin-top: 20px; padding-bottom: 10px;} #fotogalerie #footer { clear: both; padding-top: 20px; } /* RECOMMEND ###################################################################################################### */ #recommend #page { width: auto; padding: 20px; font: 11px/20px Verdana, sans-serif; color: #003162; position: relative; } #recommend h3 { font: normal 17px/20px Helvetica, Arial, sans-serif; margin-bottom: 20px; color: #003162; } #recommend h4 { background: url("/assets/images/css/news_bullet.gif") no-repeat -1px -18px; color: #003162; font: normal 17px/20px Verdana, Arial, sans-serif; padding-left: 25px; margin-top: 20px; } #recommend h5 { font: normal 11px/20px Helvetica, Arial, sans-serif; color: #888; } #recommend fieldset.row { margin-bottom: 10px; } #recommend fieldset.row label { width: 80px; display: block; float: left; text-align: right; padding-right: 10px; } #recommend fieldset.row input, #recommend fieldset.row textarea { width: 300px; border: 1px solid #888; height: 16px;} #recommend fieldset#fs_submit input { position: relative; left: 90px; background: #bbb; border: 1px solid #888; height: auto; padding: 5px; cursor: pointer; } #recommend fieldset#fs_submit input:hover { background: #999; } #recommend fieldset.row textarea { height: 150px; } #recommend #warn { color: #888; border-top: 1px dotted #888; margin-top: 30px; padding-top: 30px; padding-left: 100px;} #recommend #warn h5 { font-size: 12px; font-weight: bold; } #recommend #errors { background: #f9d003; line-height: 16px; padding: 20px; margin-bottom: 20px;} /* STARTV2 ###################################################################################################### */ #startv2 #page { background: #efeeea url("/assets/images/css/start/balken.gif") no-repeat 0 100%; padding-bottom: 10px;} #startv2 #content { min-height: 0; height: 760px; } #startv2 #content #main { width: 685px; } #startv2 #content #main #claim { width: 685px; height: 400px; background: url("/assets/images/css/start/start_claim.jpg") no-repeat; position: static; } #startv2 #content #main #claim #mainclaim { display: block; width: 100%; height: 320px; padding: 0; text-indent: -9999px;} #startv2 #content #main #v2_lead-in { position: relative; top: -58px; width: 430px;} #startv2 #content #main h1#v2_title { background: url("/assets/images/css/start_h1.gif") no-repeat; position: relative; top: -8px; width: 300px;} #startv2 #content #sp_news { position: absolute; top: 483px; left: 470px; } #startv2 #content #sp_news h2 { background: url("/assets/images/css/news_start.png") no-repeat !important; width: 215px; height: 70px !important;} #startv2 #content #sp_news ul { background: transparent !important; list-style-image: url("/assets/images/css/icon_page.png") !important; padding-top: 0 !important;} #startv2 #content #sp_news ul li { /*background: url("/assets/images/css/icon_page.png") no-repeat !important;*/ } #startv2 #content #sp_news #newslink { background: transparent !important; } #startv2 #content #sp_news p#newslink a { text-transform: none; color: #00468c !important; text-decoration: none; font-weight: bold;} #startv2 #content #sp_news p#newslink a:hover { color: #c66a00; } #startv2 #content #sp_news { width: 215px; font: 11px/15px Verdana, sans-serif; color: #003162; } #startv2 #content #sp_news h2 { text-indent: -9999px; height: 35px; background: url("/assets/images/css/start_news_h2.gif") no-repeat;} #startv2 #content #sp_news ul { background: #fff; width: 180px; padding: 13px 8px 5px 27px; list-style-image: url("/assets/images/css/start_news_ul_bg.gif") ;} #startv2 #content #sp_news ul li { margin-bottom: 10px; font-family: Arial, sans-serif; } #startv2 #content #sp_news p#newslink { text-align: right; width: 205px; height: 35px; font-weight: bold; color: #003162; background: #fff url("/assets/images/css/fblock_end.gif") no-repeat; text-transform: uppercase; font-size: 10px; padding-right: 10px;} #startv2 #content #sp_news p#newslink a { color: #003162; text-decoration: none; } #startv2 #content #sp_news p#newslink a:hover { text-decoration: underline; } #startv2 #content #sp_news ul li a { font-weight: normal; color: #003162; text-decoration: none; } #startv2 #content #sp_news ul li a:hover { text-decoration: underline; } #kienbaum { display: none; } #startv2 #kienbaum { display: block; background: url("/assets/images/css/start/kienbaum.gif") no-repeat; height: 30px; position: absolute; text-indent: -9999px; top: 355px; width: 100px; left: 585px; z-index: 500;} #startv2 #kienbaum a { display: block; height: 100%; text-indent: -9999px; width: 100%; margin: 0; padding: 0;} #startv2 .footnote, #startv2 .footnote span { font-size: 8px !important; color: #808080 !important;} #startv2 .weiter { padding: 20px 0 10px; text-align: right; } #startv2 .weiter a:hover { opacity: 0.85; } #startv2 #content #sp_news .weiter { position: absolute; top: 180px; right: 0;} #v2_ckblock { width: 960px; height: 420px; background: url("/assets/images/css/start/flaeche.gif") no-repeat 0 100%; position: relative; font: 11px/20px Verdana, sans-serif; color: #003162; } #v2_ckblock h2 { text-indent: -9999px; height: 25px; margin: 0 0 25px 20px; } #v2_ckblock ul { list-style: none; } #v2_ckblock #v2_bereiche { position: absolute; left: 0; top: 0px; width: 255px; } #v2_ckblock #v2_bereiche h2 { background: url("/assets/images/css/start/h2_bereiche.gif") no-repeat;} #v2_ckblock #v2_bereiche ul { margin: 30px 0 0 20px;} #v2_ckblock #v2_bereiche li { width: 105px; height: 65px; display: block; float: left; margin: 0 5px 5px 0;} #v2_ckblock #v2_bereiche a { width: 100%; height: 100%; display: block; text-indent: -9999px; background: url("/assets/images/css/start/kommunikation.jpg");} #v2_ckblock #v2_bereiche li#btn_energie a { background-image: url("/assets/images/css/start/energie.jpg");} #v2_ckblock #v2_bereiche li#btn_versicherungen a { background-image: url("/assets/images/css/start/versicherungen.jpg");} #v2_ckblock #v2_bereiche li#btn_druckkosten a { background-image: url("/assets/images/css/start/druck.jpg");} #v2_ckblock #v2_bereiche li#btn_e-payment a { background-image: url("/assets/images/css/start/epay.jpg");} #v2_ckblock #v2_bereiche li#btn_entsorgung a { background-image: url("/assets/images/css/start/entsorgung.jpg");} #v2_ckblock #v2_bereiche li#btn_kurier a { background-image: url("/assets/images/css/start/kurier.jpg");} #v2_ckblock #v2_bereiche li#btn_it a { background-image: url("/assets/images/css/start/it.jpg");} #v2_ckblock #v2_bereiche li#btn_verpackung a { background-image: url("/assets/images/css/start/verpackung.jpg");} #v2_ckblock #v2_bereiche li#btn_logistik a { background-image: url("/assets/images/css/start/logistik.jpg");} #v2_ckblock #v2_bereiche a:hover { opacity: 0.85; } #v2_ckblock #v2_vorteile { position: absolute; left: 260px; top: 0px; width: 440px; } #v2_ckblock #v2_vorteile h2 { background: url("/assets/images/css/start/h2_vorteile.gif") no-repeat; } #v2_ckblock #v2_vorteile ul { margin: 30px 0 0 20px;} #v2_ckblock #v2_vorteile ul li { background: url("/assets/images/css/start/checker.png") no-repeat; min-height: 25px; padding: 0 20px 0 40px; margin-bottom: 22px;} #v2_ckblock #v2_vorteile .weiter { padding: 0; margin: 0 20px;} #v2_ckblock #v2_refs { position: absolute; left: 705px; top: 0px; width: 255px; } #v2_ckblock #v2_refs h2 { background: url("/assets/images/css/start/h2_refs.gif") no-repeat; } #v2_ckblock #v2_refs ul {} #v2_ckblock #v2_refs li { width: 105px; height: 345px; display: block; float: left; margin: 0 5px 0px 0;} #startv2 a.bodylink { color: #00468c; text-decoration: none; font-weight: bold; } #startv2 a.bodylink:hover { color: #c66a00; } /* SAFARI 3 #################################################################################################### */ @media screen and (-webkit-min-device-pixel-ratio:0) { #header #servicemenu { left: 145px; } #quicknav h2 { top: 3px; } #startv2 #content #sp_news { top: 503px;} }