/*CSS von Thomas Hoefler, footage.org, Loerrach*/ /*body*/ body { color: #202020; font-size: 11px; font-family: Verdana, Helvetica, Arial; line-height: 20px; background-color: #f1f6f9; background-image: none; background-position: 0 0; text-align: center; visibility: visible } #zentrierung { margin: 30px auto auto; position: relative; width: 795px; height: 595px; border: solid 1px #a4a4a4 } /*header*/ #header { font-family: Verdana, Arial, Helvetica; background-image: url("images/logo.jpg"); margin: 0; position: absolute; top: 0; left: 0; width: 795px; height: 90px; clear: none } /*contend*/ #indexueberschrift { color: #838182; font-size: 22px; line-height: 40px; background-color: #f1f6f7; letter-spacing: 3px; padding-top: 35px } #content { font-family: Verdana, Helvetica, Arial; background-color: #f1f6f7; text-align: center; margin-top: 17px; margin-left: 30px; position: absolute; top: 100px; right: 0; bottom: 0; left: 0; width: 747px; height: 350px } /*footer*/ #footer { color: white; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-color: #a4a4a4; text-align: center; letter-spacing: 1px; margin: 0; position: absolute; top: 505px; right: 0; bottom: 0; left: 0; width: 795px; height: 90px } #ch_fr { color: #000; font-size: 10px; line-height: 35px; letter-spacing: 3px } /*logo top*/ #logo { margin: 4px 16px 5px 5px; position: absolute; top: 1px; right: 0; bottom: 0; left: 0; width: 435px; height: 80px } /*schriften*/ h3 { } /*bildbalken index*/ #bildbalken { background-image: url("images/bildbalken.jpg"); margin-left: 0; padding-left: 0; position: absolute; top: 300px; left: 0; width: 100%; height: 130px } /* Menu */ #menu { background-color: #cd004d; text-align: left; visibility: inherit; position: absolute; top: 470px; left: 0; width: 609px; height: 30px; clear: right } #menu ul { margin: 5px 0 0; padding-left: 15px } #menu li { display: inline } #menu a { font-size: 8pt; font-weight: bold; text-decoration: none; display: block; padding: 0 8px; float: left } #menu a:hover, #menu .active a { color: black } #menu .active a { } a:link { color: white } a:hover { color: black; text-decoration: none } a:visited { color: white } /*Ueber Uns*/ #ueberuns_Bild { background-color: #f1f6f7; background-image: url("images/ueberuns.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #ueberuns_Text { line-height: 16px; background-color: #f1f6f7; text-align: left; position: absolute; top: 4px; left: 10px; width: 370px; height: 350px } #ueberuns_zeiten { line-height: 17px; background-color: #f1f6f7; text-align: left; position: absolute; top: 287px; left: 56px; width: 200px; height: 20px } /*Leistungen*/ #leistungen_dach { background-color: #f1f6f7; background-image: url("images/dachgeschoss.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_fassade { background-color: #f1f6f7; background-image: url("images/fassade.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_bad { background-color: #f1f6f7; background-image: url("images/bad.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_kueche { background-color: #f1f6f7; background-image: url("images/kueche.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_haustech { background-color: #f1f6f7; background-image: url("images/haustech.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_balkon { background-color: #f1f6f7; background-image: url("images/balkon.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_wintergarten { background-color: #f1f6f7; background-image: url("images/wintergarten.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_wohnen { background-color: #f1f6f7; background-image: url("images/wohnen.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_garten { background-color: #f1f6f7; background-image: url("images/garten.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_kamin { background-color: #f1f6f7; background-image: url("images/kamin.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_sanierung { background-color: #f1f6f7; background-image: url("images/sanierung.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_schluessel { background-color: #f1f6f7; background-image: url("images/schluessel.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_schaden { background-color: #f1f6f7; background-image: url("images/schaden.jpg"); text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } #leistungen_Text { line-height: 18px; background-color: #f1f6f7; text-align: left; position: absolute; top: 4px; left: 10px; width: 370px; height: 350px } /*Leistungsmenue*/ #leistungsmenue { } #leistungsmenue1 { } #leistungsmenue a { color: black; text-decoration: none } #leistungsmenu .active a { color: gray } #BU_leistungen { font-size: 10px; background-color: #f1f6f7; text-align: left; visibility: visible; position: absolute; top: 280px; left: 370px; width: 370px; height: 15px; float: right; clear: none } #weiter { font-size: 10px; background-color: #f1f6f7; text-align: left; visibility: visible; position: absolute; top: 300px; left: 680px; width: 60px; height: 15px; float: right; clear: none } /*Impressum*/ #Impressum_Text1 { line-height: 17px; background-color: #f1f6f7; text-align: left; position: absolute; top: 4px; left: 10px; width: 320px; height: 300px } #Impressum_anfahrt { background-color: #f1f6f7; text-align: left; position: absolute; top: 3px; left: 320px; width: 394px; height: 296px; border: solid 1px gray } #BU_impressum { font-size: 10px; background-color: #f1f6f7; text-align: left; visibility: visible; position: absolute; top: 304px; left: 320px; width: 300px; height: 15px; float: right; clear: none } #impress_foot { font-size: 9px; line-height: 12px; text-align: left; margin-top: 8px; position: absolute; top: 285px; left: 0; width: 250px; height: 20px } /*Mitglieder*/ #mitglieder_Text1 { background-color: #f1f6f7; text-align: left; position: absolute; top: 3px; left: 10px; width: 300px; height: 300px } #mitglieder_Text2 { background-color: #f1f6f7; text-align: left; visibility: visible; position: absolute; top: 63px; left: 230px; width: 200px; height: 250px } #mitglieder_Text3 { background-color: #f1f6f7; text-align: left; position: absolute; width: 350px; height: 20px } #mitgliedermenue { } #mitgliedermenue a { color: black; text-decoration: none } #mitgliedermenu .active a { color: gray } #mitglieder_bild { background-color: #f1f6f7; background-image: url("images/mitglieder_start.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_bernhard { background-color: #f1f6f7; background-image: url("images/l-bernhard.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_decopoint { background-color: #f1f6f7; background-image: url("images/l-DecoPoint.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_tscheulin { background-color: #f1f6f7; background-image: url("images/I-tscheulin.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_dietsche { background-color: #f1f6f7; background-image: url("images/l-Dietsche.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_Richwalsky { background-color: #f1f6f7; background-image: url("images/l-eiche-richwalsky.gif"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_eichin { background-color: #f1f6f7; background-image: url("images/l-Eichin.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_greiner { background-color: #f1f6f7; background-image: url("images/l-Greiner.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_mandau { background-color: #f1f6f7; background-image: url("images/l-haas-mandau.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_hauser { background-color: #f1f6f7; background-image: url("images/l-Hauser.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_indlekofer { background-color: #f1f6f7; background-image: url("images/l-Indlekofer.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_kiefer { background-color: #f1f6f7; background-image: url("images/l-Kiefer.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_kohler { background-color: #f1f6f7; background-image: url("images/l-kohler.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_kraus { background-color: #f1f6f7; background-image: url("images/l-kraus.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_maier { background-color: #f1f6f7; background-image: url("images/l-maier.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_quant { background-color: #f1f6f7; background-image: url("images/l-quandt.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_schneegass { background-color: #f1f6f7; background-image: url("images/l-schneegass.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_seger { background-color: #f1f6f7; background-image: url("images/l-seger.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_weiss { background-color: #f1f6f7; background-image: url("images/l-weiss.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_zimmermann { background-color: #f1f6f7; background-image: url("images/l-zimmermann.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_zipser { background-color: #f1f6f7; background-image: url("images/l-zipser.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_meyer { background-color: #f1f6f7; background-image: url("images/l-meyer.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } #mitglieder_priem { background-color: #f1f6f7; background-image: url("images/I-priem.jpg"); text-align: left; visibility: visible; position: absolute; top: 100px; left: 475px; width: 200px; height: 121px; float: right; clear: none } /*Referenzen*/ #referenzen_Text { line-height: 19px; background-color: #f1f6f7; text-align: left; position: absolute; top: 4px; left: 10px; width: 370px; height: 350px } /*flash_referenzen*/ #flash_referenzen { background-color: #f1f6f7; text-align: left; visibility: visible; position: absolute; top: 50px; left: 370px; width: 350px; height: 230px; float: right; clear: none } /*weblink_Mitglieder*/ #weblink_mitglieder { font-size: 7pt; text-align: left; position: absolute; top: 122px; left: 0; width: 200px; height: 10px } /*KONTAKTFORMULAR*/ h1 { color: #000000; font-size: 11px; font-family: Verdana, Geneva, Helvetica, Arial; background-color: #f1f6f9 } p,li { color: #000; font-size: 11px; font-family: Verdana, Geneva, Helvetica, Arial; background-color: #f1f6f9 } TD { color: black; font-size: 11px; font-family: Verdana, Geneva, Helvetica, Arial; background-color: #f1f6f9 } td.my { font-size: 11px; background-color: #f1f6f7 } input.button { font-size: 9px; font-family: Verdana, Geneva, Helvetica, Arial; background-color: #f1f6f7 } .field { font-size: 11px; font-family: Verdana, Arial, Geneva; background-color: #f1f6f7 } #kontakt_text { font-size: 11px; background-color: #f1f6f7; text-align: left; position: absolute; top: 4px; left: 10px; width: 680px; height: 360px } #kontakt_feld { font-size: 11px; background-color: #f1f6f7; text-align: left; position: absolute; top: 100px; left: 10px; width: 680px; height: 250px } /*ANGEBOTSABSCHNITT*/ #tabelle { color: black; font-size: 12px; font-family: Verdana, Helvetica, Arial; line-height: 16px text-decoration: none}