body {font-family:Verdana,Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background-color:#86898E} /********************************** ANFANG Hauptseite, nicht Index ************************************************/ div#Rahmen {width:900px; border:solid 1px #86898E; background-color:white; height:auto; position:absolute; left:50%; top:30px; margin-left: -450px; padding:0px;} /********************************* BEGINN NAVITOP ***********************************************/ div.NaviLevel_1 {font-size: 10px; width:715px; position:absolute; left:183px; top:55px; display: block; margin:0px; border-top:0px none; border-right:solid 1px white; border-left:0px none; border-bottom: 25px solid #DC251B;} div.NaviLevel_1 a:link, div.NaviLevel_1 a:visited, div.NaviLevel_1 a { height: 16px; color:white; font-weight:bolder; font-family:Verdana, Arial, sans-serif; font-size:1em; background-image: url('../Design/hg_menue.gif'); background-repeat:no-repeat; display:block; width: 170px; float:left; text-align: center; padding-top: 5px; padding-bottom:0px; text-decoration: none; letter-spacing:0.1em; margin-left:0px; margin-right:10px; margin-top:19px; margin-bottom:0px} div.NaviLevel_1 a:hover {color:black} div.NaviLevel_1 a:active {background-color:white; color:black} /*Opera*/ html:first-child>*:first-child+body div.NaviLevel_1 {} /********************************* ENDE NAVITOP **************************************************/ /********************************* BEGINN Animationen links ***************************************/ /*Vertrieb*/ Table#Inhalt div.Animation2_18 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/Vertrieb.gif'); background-repeat:no-repeat; background-position: 0px 45px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Motorenservice*/ Table#Inhalt div.Animation2_16 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/Motorenservice.gif'); background-repeat:no-repeat; background-position: 0px 45px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Partner*/ Table#Inhalt div.Animation2_4 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/Motorenservice.gif'); background-repeat:no-repeat; background-position: 0px 45px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Instandsetzung*/ Table#Inhalt div.Animation2_17 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/Instandsetzung.gif'); background-repeat:no-repeat; background-position: 0px 45px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Historie*/ Table#Inhalt div.Animation2_3 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/standort-neu-kl.jpg'); background-repeat:no-repeat; background-position: 0px 47px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Unternehmen*/ Table#Inhalt div.Animation2_2 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/standort-neu-kl.jpg'); background-repeat:no-repeat; background-position: 0px 47px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Standort*/ Table#Inhalt div.Animation2_5 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/standort-neu-kl.jpg'); background-repeat:no-repeat; background-position: 0px 47px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Kontakt*/ Table#Inhalt div.Animation2_6 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/standort-neu-kl.jpg'); background-repeat:no-repeat; background-position: 0px 47px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /*Impressum*/ div#Animation2 {position:absolute; background-color:#c8c8c8; left:0px;margin-left: 0px; top:95px; border-right:0px none; border-top: 25px solid #DC251B; border-left:1px solid white; border-bottom:1px solid white; width: 180px; height: 188px; background-image: url('../Design/standort-neu-kl.jpg'); background-repeat:no-repeat; background-position: 0px 47px; margin-left:2px; margin-right:0px; margin-top:0px; margin-bottom:0px} /********************************** ENDE Animationen *************************************************/ /********************************* BEGINN NAVI LINKS *************************************************/ div.NaviPer {width: 180px; height: auto; font-size: 11px; font-weight: bold; position:absolute; left:0px; margin-left:3px; top:303px } div.NaviPer a, div.NaviPer a:link, div.NaviPer a:visited {display: block; margin:1px 0px; background-image: url('../Design/pfeilWeiss.gif'); background-repeat:no-repeat; background-position: 8px 10px; text-decoration: none; background-color: #c8c8c8; color: #666; padding-left:19px; padding-right:0px; padding-top:7px; padding-bottom:7px} div.NaviPer a:hover {background-color:#86898E; color: #fff;} div.NaviPer a:active {background-color:#86898E; color: #fff;} /*Bildikons - Kontakt, Drucken */ div#images { position:absolute; top:480px; left:9px; margin: 10px 0px 0px 5px; border:solid 1px #fff;} div#images img {border:0px none; margin:3px} div#images A {text-decoration:none; border:solid 1px #fff} div#images A:Active {border:solid 1px #333} /********************************* ENDE NAVI LINKS ***************************************************/ /********************************* BEGINN Inhalte *****************************************/ Table#Inhalt {border:1px solid #86898E;width:900px; height:600px; background-image: url('../Design/Logo.png'); background-repeat:no-repeat; padding:0px; margin:0px; background-position: 597px 15px } Table#Inhalt td { padding:0px; margin:0px; vertical-align:top;} Table#Inhalt td.top { height:97px; } Table#Inhalt div#Animation1 {margin-top:0px; margin-left:0px; padding:0px; width:180px; height:95px; border:0px none; background-image: url('../Design/BannerMotorenzentrum.png'); background-repeat:no-repeat; background-position: 0px 0px} /*alle Inhalte ohne Menues*/ div#Artikel { height:100%; padding: 0px; width:680px; margin-top:57px; margin-bottom:30px;} /*Opera*/ html:first-child>*:first-child+body div#Artikel {margin-top:56px;} div#Artikel table ul {float:left; width:400px; margin:10px 0px 0px 48px; padding-left:2px;font-family:Arial, Helvetica, sans-serif; } *html div#Artikel table td ul {float:left; width:400px; margin:10px 0px 0px 25px; padding-left:2px;font-family:Arial, Helvetica, sans-serif; } div#Artikel table li{background-image: url('../Design/pfeilRot.gif'); background-repeat: no-repeat; background-position: 0px 5px; font-weight:normal; padding-left:12px; line-height: 1.5em; font-size: 9pt; margin-bottom:2px; list-style-type:none} /*Tabelle mit Textinhalten*/ div#Artikel table {color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom:15px; margin-bottom:10px; line-height:1.4em; width:100%} /*Opera*/ html:first-child>*:first-child+body Table#Inhalt { height:100%; padding-bottom:7em;} html:first-child>*:first-child+body Table#Inhalt div#Artikel {height:100%; padding-bottom:20px;} html:first-child>*:first-child+body div#Artikel table {height:450px; margin-bottom:10px} html:first-child>*:first-child+body div#Artikel ul {width:400px; margin:0px 0px 0px 48px; padding-left:2px;font-family:Arial, Helvetica, sans-serif; } html:first-child>*:first-child+body div#Artikel li strong {} /*Texte und Absätze*/ div#Artikel table td.Links { padding:0px; margin:0px; width:420px; vertical-align:top; } div#Artikel table td p {width:460px; padding:0px 10px 0 50px; } div#Artikel table td.Rechts {width:5px} div#Artikel table p.Adresse {font-weight:bold; padding-top:0px; font-size:9pt} div#Artikel table p.rechts {line-height:145%; margin:0px 0px 0px 14px; padding-bottom:0px;} /*Standort*/ *html div#Artikel table p.rechts {/*line-height:145%; */margin:0px 0px 0px 7px; } /*Standort*/ div#Artikel table p.Wegbeschreibung { margin:5px 0px 0px 0px; width:460px;} /*Strong*/ strong {font-size:9pt; margin:0px;padding:0px; letter-spacing:0.1em; color:#666; font-family:Arial} table.ContactTable td strong {padding-left:1px; vertical-align:top; line-height:25pt; display:block } div#Artikel table p.Wegbeschreibung strong {line-height:2em; margin-left:0px;} div#Artikel table p.rechts strong {letter-spacing:0; font-size:9pt; padding-right:5px;} /*Überschriften*/ div#Artikel table H1 {color:#DC251B;font-weight:bold; font-size:12pt; margin:0px; line-height: 19pt; width:250px; padding-left:17px;} div#Artikel table H2{color:#333; font-weight:bold;width:90%; font-size:10pt; margin:15px 0px; line-height:15pt; padding-left: 49px;} div#Artikel table H2.WEGBESCHREIBUNG {margin-top:20px;} div#Artikel table H3 {color:#666;width:90%; font-weight:bold; font-size:10pt; margin:0px; line-height:12pt; padding-left:50px;} div#Artikel table H3.Standort {background-image: url('../Design/pfeilRot.gif'); background-repeat: no-repeat; background-position: 0px 5px; margin-left:50px; padding-left:15px; line-height:1.4em; font-size:12px; font-weight:600; margin-left:49px; margin-right:3px; margin-top:0px; margin-bottom:0px} div#Artikel table H4.Wegbeschreibung {color:#666; font-weight:bold; width:90%; margin-left:0px; font-size:9pt; letter-spacing:0.1em; padding-left:50px; padding-top:0px;} /*Links*/ div#Artikel table a, div#Artikel table a:link, div#Artikel table a:hover, div#Artikel table a:visited {background-image: url('none.html'); color:#666; text-decoration: none; padding-right:5px; line-height:1.4em; font-size:12px; margin-left:1px; margin-right:5px } div#Artikel table a:hover{color:#ff3333; text-decoration: none;}1 /*Zertifikate*/ /*Zertikate*/ div#Artikel table img { padding:0px; width:116px; height:195px; border:solid 1px white} div#Artikel table a img, div#Artikel table div.Zertifikat1_16 img, div#Artikel table div.Zertifikat1_18 img, div#Artikel table div.Zertifikat1_17 img, div#Artikel table div.Zertifikat1_2 img {position:absolute; top: 168px; left:732px; border:Solid 1px white!important; margin-top:0px; padding:0px;} /*Opera*/ html:first-child>*:first-child+body div#Artikel table td div.Zertifikat1_16 img, html:first-child>*:first-child+body div#Artikel table td div.Zertifikat1_18 img, html:first-child>*:first-child+body div#Artikel table td div.Zertifikat1_17 img, html:first-child>*:first-child+body div#Artikel table td div.Zertifikat1_2 img {position:absolute; top: 164px; left:732px; margin-top:0px; padding:0px;} div#Artikel table div.Zertifikat1_3, div#Artikel table div.Zertifikat1_4, div#Artikel table div.Zertifikat1_5, div#Artikel table div.Zertifikat1_6, div#Artikel table div.Zertifikat2_16, div#Artikel table div.Zertifikat2_17, div#Artikel table div.Zertifikat2_18, div#Artikel table div.Zertifikat2_2, div#Artikel table div.Zertifikat2_3, div#Artikel table div.Zertifikat2_4, div#Artikel table div.Zertifikat2_5, div#Artikel table div.Zertifikat2_6 {display:none;} /********************************* ENDE Inhalte *****************************************/ /******************************** BEGINN Fusszeile - Impressum, AGB **************************************/ div#Fusszeile {margin-left: -445px; left:49%; width:899px; color:#666; padding:0px 2px 5px 0px; height:50px; position:absolute; bottom:-5.5em; font-size: .8em;text-align:right; } /*Opera*/ html:first-child>*:first-child+body div#Rahmen div#Fusszeile {font-family: Arial, sans-serif; padding:5px 0px 5px 0px; text-align:right; position:absolute; margin-left:-445px; left:49%; width:902px; height:30px !important; background-color:#86898E; padding:5px 0px 5px 0px; margin-top:0px; border:Solid 1px #86898E; bottom:-0.5em} div#Fusszeile a, div#Fusszeile a:link, div#Fusszeile a:visited { height:30px; padding-left: 3px; padding-right: 5px; background-color: transparent; font-weight:normal; color:#d8d8d8; text-decoration: none; } div#Fusszeile a:hover{color: #fff; background-color: black; text-decoration:none} /******************************* ENDE Fusszeile ****************************************/ /****************************** BEGINN Kontakt ********************************************/ div#Artikel table {} /*Opera*/ html:first-child>*:first-child+body div#Artikel table { } html:first-child>*:first-child+body div#Artikel table td {} div#Artikel table H1 {} div#Artikel div#Control { width: 60%; margin-left:50px; line-height:1.5em; padding:0px;} /* ================================================================================================================================================================ ================================================================= KONTAKT ========================================================================================= ================================================================================================================================================================ */ table#kontakt { margin:0 0 0 17px; padding:0; } table#kontakt td { padding:0px; width:50%; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:left; margin:0; padding:0 0 10px 0; } table#kontakt td.TeilHeader { font-weight:bold; } table#kontakt td.SpalteLinks { height:18px; padding-right:10px; font-weight:normal; color:#666; } table#kontakt td.SpalteRechts { height:18px; font-weight:normal; } table#kontakt td input { font-weight:normal; width:240px; height:18px; padding:2px; color:black; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:1em; } table#kontakt td input.senden { width:120px; font-weight:bold; border:1px solid #666; padding:8px 0px 8px 0px!important; height:30px;} table#kontakt td textarea { font-weight:normal; padding:2px; width:240px; margin:0px; color:black; font-family:Arial, Helvetica, sans-serif; font-size:1em; } /*Opera*/ html:first-child>*:first-child+body table#kontakt { margin-bottom:0px;} html:first-child>*:first-child+body table#kontakt td {padding:0px 0px;} html:first-child>*:first-child+body table#kontakt td textarea {width:239px;} /*Fehlermeldungen*/ table#kontakt td span#ctl05_namevalidator, table#kontakt td span#ctl05_surnamevalidator, table#kontakt td span#ctl05_webvalidator, table#kontakt td span#ctl05_Nachrichtvalidator { margin-left:5px; display:block; padding-left:0px; font-size:0.8em; } /************************** ENDE Formular Kontakt *********************************************/ /*************************** BEGINN Standort **************************************************/ div#Artikel table td.Links p.Standortbild { background-image: url('../Design/Kartenansicht.jpg'); background-repeat: no-repeat; background-position: 0px 2px; height:172px; width:380px; padding:0px; margin-left:49px; margin-right:0px; margin-top:10px; margin-bottom:10px} div#Artikel table td.Links p.Wegbeschreibung { width:460px;} *html div#Artikel table td.Links p.Standortbild { background-image: url('../Design/Kartenansicht.jpg'); background-repeat: no-repeat; background-position: 0px 2px; height:172px; padding:0px; margin-left:49px; margin-right:0px; margin-top:10px; margin-bottom:10px} /*************************** ENDE Standort ****************************************************/