/* layout.css */ /* css-Datei der EU-CAR.DE */ /* erstellt: Juli 2002 */ /* reedit by Marko Ritter 9/2002 */ /**** Aufbau ***** 1. Dynamische Seiten 1. Allgemein 2. Seitenspezifisch 2. Statische Seiten 1. Allgemein 2. Seitenspezifisch */ /**** Kürzel: ***** d - detailansicht e - ergebnisseite a - angebotsseite s - suchseite */ /******************************************************************************/ /******************************************************************************/ /* DYNAMISCHE SEITEN: pkwsuche.php, angebot.php */ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ /* ALLGEMEIN */ /******************************************************************************/ /* Standard-Fonts und Colors */ body { font-size:8pt; font-family:Verdana,Helvetica,Arial; color:#404040; background-color:#293C4F; scrollbar-base-color:#293C4F; scrollbar-track-color:#293C4F; scrollbar-face-color:#0293C4F; scrollbar-highlight-color:#ffffff; scrollbar-3d-light-color:#; scrollbar-dark-shadow-color:#000000; scrollbar-shadow-color:#000000; scrollbar-arrow-color:#F9FAEA; margin:0px;} /* Standardschrift im Table */ TD{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;COLOR:#000000;line-height:160%;} td.txt{FONT-FAMILY:Helvetica,Arial;FONT-SIZE:10pt;color:#000000;text-align:justify;line-height:120%;width:80%} /******************************************************************************/ /* ALLGEMEIN - LINKS */ /******************************************************************************/ a:link {font-family:Verdana,Arial,Helvetica; color:#516171;font-size:8pt;} a:visited {font-family:Verdana,Arial,Helvetica;color:#516171;font-size:8pt;} a:hover {font-family:Verdana,Arial,Helvetica;color:#7D8695;font-size:8pt;} /* Links oben */ /* de */ A.linkoben:link{COLOR:#FFFFFF;TEXT-DECORATION:underline; FONT-FAMILY: Helvetica,Arial;FONT-SIZE:10pt;} /* de */ A.linkoben:visited{COLOR:#FFFFFF;TEXT-DECORATION:underline; FONT-FAMILY: Helvetica,Arial;FONT-SIZE:10pt;} /* de */ A.linkoben:hover{COLOR:#FF0000;TEXT-DECORATION:underline; FONT-FAMILY: Helvetica,Arial;FONT-SIZE:10pt;} /* Links unten */ /* de */ A.linkklein:link{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* de */ A.linkklein:visited{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* de */ A.linkklein:hover{COLOR:#FFFFFF;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* de */ A.ergpage:link{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* de */ A.ergpage:visited{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* de */ A.ergpage:hover{COLOR:#FFFFFF;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /******************************************************************************/ /* TABLES - RAHMEN */ /******************************************************************************/ /****** Allgemeine Rahmen ******/ /* ae */ table.rahmen{border-color:#000000;border-width:1px;border-style:solid; border-collapse:collapse;width:98%;background-color:#E8EEFF} /* s*/ table.rahmenklein{border-color:#004990;border-width:0px;border-style:solid; width:450px} /******************************************************************************/ /* TABLES - BACKGROUNDS */ /******************************************************************************/ /* ades */ tr.ub{background-color:#7D8695;} /* ades */ tr.ub1{background-color:#FBB34D;} /* ades */ tr.gb1{background-color:#FFFFFF;} /* ades */ tr.faq{background-color:#7D8695;} /* ades */ tr.faq1{background-color:#D5DCF1;} /* e */ tr.ub1farbe{background-color:#CFCFCF;} /* e */ tr.ub2farbe{background-color:#EFEFEF;} /******************************************************************************/ /* TABLES - FONTS */ /******************************************************************************/ /* as */ TD.ub{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:12pt;COLOR:#000000;background-color:#D5DCF1;} /* as */ TD.faq{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:10pt;COLOR:#FFFFFF;} /* as */ TD.faqtxt{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:12pt;COLOR:#000000;} /* as */ TD.ubtext{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:12pt;COLOR:#FFFFFF;} /* as */ TD.ubtext2{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:14pt;COLOR:#FFFFFF;} /* as */ TD.ubtext1{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:11pt;COLOR:#FFFFFF;} /******************************************************************************/ /* BUTTONS & ELEMENTS */ /******************************************************************************/ /* Button */ /* ds */ input.button{BORDER-RIGHT: #4C586A 1px solid; BORDER-TOP: #A9B3C3 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #A9B3C3 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #4C586A 1px solid; FONT-FAMILY: verdana, helvetica, geneva; BACKGROUND-COLOR: #7D8695; width:120px} /* DESIGN LINIE */ /* des */ hr.linie{height:1px;color:#0E403A;} /******************************************************************************/ /* SUCHMASKE - pkwsuche.php - suchmaske */ /******************************************************************************/ /****** FONTS ******/ /* s */ TD.std{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt;COLOR:#000000;} /****** BUTTONS & ELEMENTS ******/ /* Drop Down */ /*s*/ select.pull{width:150px;border-color:#CFCFCF;FONT-FAMILY: Helvetica,Arial; FONT-SIZE:9pt;color:#000000;border-style:solid;;background:#FAFBFD} /*s*/ select.pullklein{width:57px;border-color:#CFCFCF;FONT-FAMILY: Helvetica,Arial; FONT-SIZE:9pt;color:#000000;border-style:solid;;background:#FAFBFD} /* Eingabefeld */ /*s*/ input.eingabe{width:150px;border-color:#000000;FONT-FAMILY: Helvetica,Arial; FONT-SIZE:9pt;color:#000000;border-width:1px;background:#FAFBFD;} /* d */ input.code{BORDER-RIGHT: thin solid color: #FFFFFF;BORDER-LEFT: thin solid color: #7D8695; BORDER-TOP: thin solid color: #7D8695; BORDER-BOTTOM: thin solid color: #FFFFFF; width:115px; FONT-FAMILY: Helvetica,Arial; FONT-SIZE:9pt; color:#000000; } /* Eingabefeld für Validierunscode*/ /******************************************************************************/ /* ERGEBNISLISTE - pkwsuche.php - ergebnis */ /******************************************************************************/ /****** Rahmen Ergebnisliste ******/ /* e */ table.rahmenerg{border-color:#004990;border-width:0px;border-style:solid; width:98%;} /* Rahmen Ergebnisliste unten vor zurück*/ /* e*/ table.rahmenunten{border-color:#004990;border-width:1px;border-style:solid; width:580px} /****** FONTS ******/ /* e */ TD.ergkopf{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:11pt;font-weight:bold; COLOR:#FFFFFF;} /* e */ TD.ergunten{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:bold; COLOR:#FFFFFF;} /* e */ TD.sucherergebnis{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#D5DCF1;} /* e */ TD.fzgangaben{FONT-FAMILY:Verdana,Helvetica,Arial;FONT-SIZE:8pt;COLOR:#000000;} /* e */ TD.preis{FONT-FAMILY:Verdana,Helvetica,Arial;FONT-SIZE:10pt;font-weight:bold; COLOR:#000000;} /* e */ TD.fbottom{FONT-FAMILY: HVerdana,elvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#e0e0e0;} /****** Links Fahrzeuge******/ /* e */ A.linkfzg:link{COLOR:#505C70;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:none;} /* e */ A.linkfzg:visited{COLOR:#505C70;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:none;} /* e */ A.linkfzg:hover{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:none;} /******************************************************************************/ /* ANGEBOT - angebot.php */ /******************************************************************************/ /****** TABLE ******/ /* Serienzubehör Rahmen*/ /* a */ table.angebot{border-color:#000000;border-width:1px;border-style:solid; background-color:#E8EEFF;width:270px;} /****** FONTS ******/ /* a */ TD.angebot{background-color:#7D8695;font-family:Verdana,Arial,Helvetica; font-size:11pt;color:#ffffff;} /* a */ TD.angebotklein{FONT-FAMILY: Verdana,Helvetica,Arial; FONT-SIZE:8pt;COLOR:#000000;} /****** LINKS ******/ /* a */ A.angebot:link{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:none;} /* a */ A.angebot:visited{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:none;} /* a */ A.angebot:hover{COLOR:#505C70;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;font-weight:none;} /* a */ A.angebotklein:link{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* a */ A.angebotklein:visited{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /* a */ A.angebotklein:hover{COLOR:#505C70;TEXT-DECORATON:underline; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt;} /******************************************************************************/ /* DETAILANSICHT - pkwsuche.php - detailansicht */ /******************************************************************************/ /****** TABLES ******/ /* Aussenrahmen */ /* d */ table.detailrahmen{border-color:#000000;border-width:0px; border-style:solid; width:560px} /* Oberster Rahmen */ /* d */ table.innenrahmen{border-collapse:collapse; border:1px solid #000000;width:560px;background-color:#E8EEFF} /* 3er Block Außenrahmen oben Detail */ /* d */ table.innenrahmen2{border-collapse:collapse; border:1px solid #000000;width:560px;background-color:#E8EEFF} /* 3er Block oben Detail */ /* d */ table.detailblock{width:100%;} /***** FONTS ******/ /* SZB UB*/ /* d */ TD.fahrzeugart{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:8pt; font-weight:bold;COLOR:#000000;} /* d */ td.fahrzeugnr{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#ffffff;} /* d */ td.fahrzeug{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:12pt;COLOR:#FFFFFF;font-style:italic;} /* d */ td.kleins{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;} /* d */ TD.ganzklein{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:7pt; COLOR:#000000;} /***** MIXED - !FELDER! MIT BACKGR-COLOR *****/ /* d */ TD.dunkel{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#C2CBD7;} /* d */ TD.hell{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#D3DDEC;} /* Link zur Anzeige des Serienzubehör */ /* d */ td.sbzanzeige{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#FFFFFF;} /* SZB 1 */ /* d */ TD.szb1{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#C2CBD7;} /* SZB 2*/ /* d */ TD.szb2{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt; COLOR:#000000;background-color:#D3DDEC;} /******* BACKGROUNDS *******/ /* d */ tr.detailkopf1{background-color:#7D8695;} /* d */ tr.detailkopf2{background-color:#7D8695;} /****** BUTTONS & ELEMENTS *******/ /* eMail Eingabefeld */ /* d */ input.email{width:80px;height:21px;border-color:#000000; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:9pt;color:#000000; border-width:1px;background:#EFEFEF;} /****** LINKS *********/ /* d */ A.szb:link{COLOR:#000000;TEXT-DECORATION:underline;font-weight:bold; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;} /* d */ A.szb:visited{COLOR:#000000;TEXT-DECORATION:underline;font-weight:bold; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;} /* d */ A.szb:hover{COLOR:#505C70;TEXT-DECORATION:underline;font-weight:bold; FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;} /****** FORMS ******/ /* d */ input.bestellform{ BORDER-RIGHT: #9F9F9F thin solid; BORDER-LEFT: #9F9F9F thin solid;BORDER-TOP: #9F9F9F thin solid; BORDER-BOTTOM: #9F9F9F thin solid color:#9F9F9F; width:140px; height=22; font-size:9pt;} /******************************************************************************/ /******************************************************************************/ /* ANDERE STATISCHE SEITEN: agb.php , ... */ /******************************************************************************/ /******************************************************************************/ /******************************************************************************/ /* ALLGEMEIN - LINKS */ /******************************************************************************/ a.nav:link{font-family:Verdana,Arial,Helvetica;font-size:8pt;color:#ffffff; text-decoration:none} a.nav:visited{font-family:Verdana,Arial,Helvetica;font-size:8pt;color: #ffffff; text-decoration:none} a.nav:hover{font-family:Verdana,Arial,Helvetica;font-size:8pt;color:#000000; text-decoration:none} a.mail:link{font-family:Arial,Helvetica;font-size:9pt;color:#001060; text-decoration:none} a.mail:visited{font-family:Arial,Helvetica;font-size:9pt;color: #001060; text-decoration:none} a.mail:hover{font-family:Arial,Helvetica;font-size:9pt;color:#FF7F00; text-decoration:none} a.mailoben:link{font-family:Arial,Helvetica;font-size:8pt;color:#FFFFFF; text-decoration:none} a.mailoben:visited{font-family:Arial,Helvetica;font-size:8pt;color: #FFFFFF; text-decoration:none} a.mailoben:hover{font-family:Arial,Helvetica;font-size:8pt;color:#FF7F00; text-decoration:none} A.detailkopf:link{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt;} A.detailkopf:visited{COLOR:#000000;TEXT-DECORATION:underline; FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt;} A.detailkopf:hover{COLOR:#EAD581;TEXT-DECORATION:underline; FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt;} /******************************************************************************/ /* TABLES - RAHMEN */ /******************************************************************************/ table.rahmenub{border-top-color:#7D8695; border-left-color:#7D8695; border-right-color:#7D8695; border-bottom-color:#000000; border-width:1px; border-style:solid; width:100%;background-color:#7D8695} table.rahmenub2{border-color:#004990;border-width:1px;border-style:solid; background-color:#004990;width:580px} table.rahmentop{width:580px} table.rahmenohne{border-style:solid; border-width:1px;border-color:#004990; background-color:#F3F9FE;} /* DetaildruckSerienzubehör Rahmen*/ table.szbrahmen{border-color:#000080;border-width:1px; border-style:solid; background-color:#FFFFFF;} /******************************************************************************/ /* TABLES - BACKGROUNDS */ /******************************************************************************/ tr.grau{background-color:#D7E6F4;} tr.weiss{background-color:#F3F9FE;} /****** Hintergrund Ergebnis ******/ /* oberer Teil */ tr.bgergeboben{background-color:#FCEFCF;} /* unterer Teil */ tr.bgergebunten{background-color:#FCEFCF;} /* Hintergrund oberer Teil */ tr.szb{background-color:#000000;} /******************************************************************************/ /* TABLES - FONTS */ /******************************************************************************/ TD.welcome{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:11pt;font-weight:bold;} TD.dickblau{FONT-FAMILY:Helvetica,Arial;FONT-SIZE:8pt; COLOR:#2C3676;font-weight:bold;} /* Dickblau TD.normalblau{FONT-FAMILY:Helvetica,Arial;FONT-SIZE:11pt; COLOR:#2C3676;font-weight:bolder;} */ /* kleine Standardschrift */ TD.klein{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:8pt;COLOR:#000000;} TD.kleinweiss{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:8pt;COLOR:#FFFFFF;} weiße kleine Standardschrift /* grosse Standardschrift */ TD.gross{FONT-FAMILY: Verdana,Helvetica,Arial;FONT-SIZE:16pt;COLOR:#FFFFFF;font-style:italic; } TD.ubgross{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:25pt;font-weight:bold;COLOR:#ffffff;} TD.ubklein{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt;font-weight:bold;COLOR:#ffffff;} /******************************************************************************/ /* TABLES - MENU LEISTE */ /******************************************************************************/ td.menuu{font-family:Arial,Helvetica;font-size:8pt;color:#EFEFEF;} td.menuborder{border-style:solid; border-colr:#000000;} TD.menua{font-family:Arial,Helvetica;font-size:9pt;color:#FFFFFF;background-color:#DFDFDF;} td.dickw{font-family:Arial,Helvetica;font-size:12pt;color:#CEEFFF;} /* Kopf */ TD.bg{background-color:#DCEFE2} TD.obenn{background-color:#DCEFE2} TD.oben{font-family:Arial,Helvetica;font-size:8pt;color:#FFFFFF;background-color:#00376B} /******************************************************************************/ /* NOINFO */ /******************************************************************************/ /**** MIXED ****/ TD.ueberschrift{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:12pt; font-weight:bold;COLOR:#ffffff;background-color:#000000;} /* Serienzubehör */ TD.serie{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt; COLOR:#000000;background-color:#ffffff;} /* SZB UB*/ TD.szbub{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:9pt; COLOR:#000000;background-color:#000000;} td.copy{FONT-FAMILY: Helvetica,Arial;FONT-SIZE:8pt;COLOR:#7F7F7F;} .kontaktform{ BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #7D8695 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7D8695 1px solid; WIDTH: 300px; COLOR: #000000; LINE-HEIGHT: 15px; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: verdana, helvetica, geneva; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff } .kontaktformplz{ BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #7D8695 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7D8695 1px solid; WIDTH: 50px; COLOR: #000000; LINE-HEIGHT: 15px; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: verdana, helvetica, geneva; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff } .kontaktformort{ BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #7D8695 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7D8695 1px solid; WIDTH: 219px; COLOR: #000000; LINE-HEIGHT: 15px; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: verdana, helvetica, geneva; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff } .kontaktarea{ BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #7D8695 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; BORDER-LEFT: #7D8695 1px solid; WIDTH: 300px; COLOR: #000000; LINE-HEIGHT: 15px; BORDER-BOTTOM: #FFFFFF 1px solid; FONT-FAMILY: verdana, helvetica, geneva; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff } .gbform{BORDER-RIGHT: thin solid color: #FFFFFF;BORDER-LEFT: thin solid color: #7D8695; BORDER-TOP: thin solid color: #7D8695; BORDER-BOTTOM: thin solid color: #FFFFFF; width:320px; height=22; font-size:9pt;} .gbarea{BORDER-RIGHT: thin solid color: #FFFFFF;BORDER-LEFT: thin solid color: #7D8695; BORDER-TOP: thin solid color: #7D8695; BORDER-BOTTOM: thin solid color: #FFFFFF; width:320px; height=80; font-size:9pt;} /* Button */ input.schalter{border-color:#9F9F9F;FONT-FAMILY: Helvetica,Arial; FONT-SIZE:9pt;color:#000000;border-style:solid;} /* Serienzubehör Rahmen*/ table.rahmendick{border-color:#0E3879;border-width:1px;border-style:solid; background-color:#F8F8F8;}