anstatt

VERSION 0.9.3 (003) + Schriften angepasst + "Lucida Sans Unicode" fuer Windows eingefuegt VERSION 0.9.3 (002) + iFrame fuer Abgeordnetendatenbank + Hoehe geaendert (wir ueber JavaScript angepasst) VERSION 0.9.3 + Galerien + 4/4-spaltiges Layout: neue ID #galerie + weitere neue Klassen Zusammenhang mit der ID #galerie + neue Klasse .mitte fuer die Inline-Navigation + Klassen .links und .rechts in Zusammenhang mit der Inline-Navigation (#inhalt .navigation) angepasst + Headlines in Balken + Zeilenabstand geaendert bei #inhalt .block.hervorgehoben h3 + Sonstiges + Klassen fuer an Spalten angepasste Breiten universell gemacht (z.B. .achtspaltig anstatt #hauptspalte.achtspaltig) + In der Inline-Navigation werden besuchte Links nicht ausgegraut #inhalt .navigation a:visited VERSION 0.9.2 + Übersichtsseiten: + 4/4-spaltiges Layout: neue ID #uebersicht + vierspaltige Bloecke: neue Klasse .teaser in Zusammenhang mit der Klasse .block DAVOR + Listen bei Header- und Footernavigation + Pseudoklasse :firstchild ersetzt eingene Klasse .letzter #kopf .navigation li:first-child:before { content: ""; } #kopf .navigation li:first-child a { margin-left: 0; } + Suche in der Navigationsspalte + bei #marginalspalte form.suche input.text Hohe von 14px bzw. 18px; ***** ANMERKUNGEN ***** Der Farbcode fuer die einzelnen Rubriken werden ueber Klassen, die dem Body-Tag zugeordnet werden, gesteuert. So faerbt z.B. "" die Balken gruen ein. ***** FARBEN ***** Hellgrau: #999999 (neutral) Gruen: #006600 (rubrik_1) Dunkelblau: #003377 (rubrik_2) Hellblau: #2266AA (rubrik_3) Rot: #990000 (rubrik_4) Orange: #EE7700 (rubrik_5) Dunkelgrau: #555555 (rubrik_6) Hellrot: #E60000 (Loewe) Lichtgrau: #EBEBEB (Hintergruende) BILDER: Bildhoehen sind immer einvielfaches von 36px (bis auf vollformatige Bilder */ /*************************************/ /***** Uebergreifende Typografie *****/ /*************************************/ body { color: black; font-size: 0.75em; font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Helvetica, Arial, sans-serif; /* geaendert in 0.9.3 (003) */ line-height: 1.4em; } h1 { /* Ohne Verwendung */ font-size: 1.7em; margin: 0 auto 0.5em auto; } h2 { /* Grosse Themenueberschriften */ font-size: 1.4em; line-height: 1.2em; margin: 0 auto 1.2em auto; } h3 { /* Kleine Themenueberschriften */ font-size: 1.2em; line-height: 1.2em; margin: 0 auto 0.8em auto; } h4 { /* Zwischenueberschriften im Text, ohne Abstand danach */ font-size: 1em; margin: 0 auto 0.1em auto; } h5 { /* Dachzeilen, ohne Abstand danach */ margin: 0 auto 0.1em auto; font-size: 0.85em; } h2.mit_subline { /* Grosse Themenueberschriften mit folgender Subline (ohne Abstand danach) */ margin: 0 auto 0.3em auto; } h3.mit_subline { /* Kleine Themenueberschriften mit folgender Subline (ohne Abstand danach) */ margin: 0 auto 0.3em auto; } h3.subline { /* Subline mit Abstand danach */ margin: 0 auto 0.6em auto; } h4.subline { /* Subline mit Abstand danach */ margin: 0 auto 0.6em auto; } p { margin: 0 auto 0.6em auto; } form { margin: 0 auto 0.6em auto; } ul { margin: 0 auto 0.6em auto; } li { margin: 0 auto 0.2em auto; } input, select, textarea, button { color: black; font-size: 1em; } em { font-style: normal; font-weight: bold; } a, img { border: none; outline: none; } a { text-decoration: underline; } a:link { color: #990000; } a:visited { color: #666666; } a:hover, a:focus { text-decoration: none; color: #E60000; } a:active { color: #EE7700; } /*************************/ /***** Grundstruktur *****/ /*************************/ body { background: white url("hintergruende/body.jpg") repeat-y center top; text-align: center; margin: 0 auto } #container { text-align: left; margin: 0 auto; width: 962px; overflow: hidden; } #kopf { width: 962px; height: 152px; overflow: hidden; } #navigation { width: 206px; overflow: hidden; float: left; display: inline; } #inhalt { width: 756px; overflow: hidden; float: left; display: inline; } #fuss { clear: both; margin-left: 206px; width: 688px; } iframe#uebernommen { /* geaendert in 0.9.3 (002) */ width: 688px; height: 400px; border: none; } /***********************************************/ /***** Uebergreifende Elemente und Klassen *****/ /***********************************************/ .links { float: left; } .rechts { float: right; } .clear { clear: both; } .accesskey { text-decoration: underline; } .kleingedrucktes { /* neu in 0.9.6 */ font-size: 0.85em; } .negativer_einzug { /* neu in 0.9.6 */ margin-left: -6px; } .unsichtbar { /* neu in 0.9.8 */ display: block; height: 0; width: 0; overflow: hidden; } /***** Listen *****/ ul { list-style: square outside; padding-left: 1.5em; margin-left: 0; } /***** Formulare *****/ form .pflicht { font-weight: bold; } fieldset { /* in 0.9.6 geaendert */ margin: 0; padding: 0.8em 1em 0 1em; background-color: #EBEBEB; border: none; border-bottom: 2px solid white; } legend { /* in 0.9.6 hinzugefuegt */ font-weight: bold; font-size: 1.2em; line-height: 1.2em; text-align: left; width: 100%; padding-bottom: 0.8em; /* in 0.9.7 hinzugefuegt */ /* legend funtioniert im IE nicht, da er es um einen unbestimmten Wert einrueckt */ /* legend sollte also als h3 ausgezeichnet werden (Aenderungen dazu unten) */ color: black; } /* Neu in 0.9.7 */ #inhalt .block.hervorgehoben form h3 { color: black; background-color: transparent; background-image: none; border: 0; margin: 0 auto 0.8em auto; padding: 0; } select { width: 100%; margin: 0.3em 0 0.3em -1px; } textarea { width: 100%; display: block; } input.radio, input.checkbox { margin: 0 0.5em 0 0; } input.text, input.password, input.textarea { border: 1px solid #999999; border-top-color: black; border-left-color: black; width: 100%; /* neu in 0.9.6 */ padding-left: 0; padding-right: 0; /* neu in 0.9.7 */ } button { color: #ad2923; text-decoration: underline; background: none; border: 0; margin: 0; padding: 0; width: auto; overflow: visible; /* fuer IE */ cursor: pointer; } button:hover, button:focus { text-decoration: none; color: #ad2923; } button:active { text-decoration: underline; color: #e66600; } /***** Tabellen (neu in 0.9.6) *****/ table { border-collapse: separate; border-spacing: 0; margin: 0; padding 0; } th { text-align: left; font-weight: normal; } /****************/ /***** Kopf *****/ /****************/ /* Geaendert in 0.9.5 */ #kopf { background: white url(kopf/motive/portal.jpg) 206px top no-repeat; } #kopf #motiv { background-position: 206px top; background-repeat: no-repeat; height: 152px; } #kopf #transparenz { background: url(kopf/transparenz.png) top left repeat-x; position: absolute; top: 0; } /* Ende geaendert in 0.9.5 */ #kopf .container { width: 962px; height: 152px; background: url(kopf/hintergrund.gif) top left no-repeat; } #kopf .navigation { text-align: right; font-size: 0.85em; line-height: 21px; height: 21px; overflow: hidden; margin-right: 100px; } #kopf .navigation ul { list-style: none inside; float: right; display: inline; } #kopf .navigation li { float: left; display: inline; margin-left: 0.5em; } #kopf .navigation li:before { content: "·"; } #kopf .navigation li a { margin-left: 0.5em; } #kopf .navigation li:first-child:before { content: ""; } #kopf .navigation li:first-child a { margin-left: 0; } #kopf .logo { clear: both; } #kopf .logo img { height: 116px; width: 206px; background: url(kopf/logo.gif) 60px 20px no-repeat; } #kopf .farbcode { height: 15px; background: url(kopf/streifen/hellgrau.gif) top left no-repeat; } .rubrik_1 #kopf .farbcode { background-image: url(kopf/streifen/gruen.gif); } .rubrik_2 #kopf .farbcode { background-image: url(kopf/streifen/dunkelblau.gif); } .rubrik_3 #kopf .farbcode { background-image: url(kopf/streifen/hellblau.gif); } .rubrik_4 #kopf .farbcode { background-image: url(kopf/streifen/rot.gif); } .rubrik_5 #kopf .farbcode { background-image: url(kopf/streifen/orange.gif); } .rubrik_6 #kopf .farbcode { background-image: url(kopf/streifen/dunkelgrau.gif); } #kopf a { text-decoration: none; } #kopf a:link, #kopf a:visited { color: black; } #kopf a:hover, #kopf a:focus { text-decoration: underline; color: #E60000; } #kopf a:active { text-decoration: none; color: #EE7700; } #briefkopf { display: none; } /* neu in 0.9.6 */ /***************************/ /***** Hauptnavigation *****/ /***************************/ #navigation { text-align: right; line-height: 1.2em; margin: 20px 0 0 0; } #navigation ul { font-weight: bold; list-style: none inside; margin: 0; } #navigation ul li { font-size: 1.1em; background: url(navigation/farbcodes/hellgrau.gif) top right repeat-y; display: block; margin: 0 0 2px 0; padding: 0.4em 13px 0.4em 0; } #navigation ul li.rubrik_1 { background-image: url(navigation/farbcodes/gruen.gif); } #navigation ul li.rubrik_2 { background-image: url(navigation/farbcodes/dunkelblau.gif); } #navigation ul li.rubrik_3 { background-image: url(navigation/farbcodes/hellblau.gif); } #navigation ul li.rubrik_4 { background-image: url(navigation/farbcodes/rot.gif); } #navigation ul li.rubrik_5 { background-image: url(navigation/farbcodes/orange.gif); } #navigation ul li.rubrik_6 { background-image: url(navigation/farbcodes/dunkelgrau.gif); } #navigation ul li.ebene_2 { background-image: none; margin: 0; padding: 0; } #navigation ul ul { font-weight: normal; display: inline; margin: 0 0 4px 0; } #navigation ul ul li { font-size: 1.0em; background-image: none; padding: 0.2em 13px 0.2em 0; } #navigation ul ul li.aktuell { background-color: white; background-image: url(navigation/farbcodes/weiss.gif); } #navigation a { text-decoration: none; } #navigation a:link { color: black; } #navigation a:visited { color: black; } #navigation a:hover, #navigation a:focus { text-decoration: underline; color: #E60000; } #navigation a:active { text-decoration: none; color: #EE7700; } /* ICT - FraktionsNavigation */ #navigation ul li.fraktionnav { font-size: 1.1em; display: block; margin: 5px 0 2px 0; padding: 1.4em 13px 0 0; background-image: none; } /* Suchfeld */ #navigation form { background: url(navigation/farbcodes/hellgrau.gif) top right repeat-y; display: block; margin: 15px 0 0 0; padding: 0.4em 13px 0.4em 0; } #navigation form label { font-weight: bold; display: block; margin-bottom: 0.2em; } #navigation form input { width: 132px; text-align: right; /* neu in 0.9.8 */ } #navigation form button { font-size: 0.85em; text-align: right; width: 132px; } #navigation form button { text-decoration: none; } #navigation form button:hover, #navigation form button:focus { text-decoration: underline;} #navigation form button:active { text-decoration: none; } /******************/ /***** Inhalt *****/ /******************/ #inhalt { margin-bottom: 32px; } /* Geaendert in 0.9.4 */ #hauptspalte, .hauptspalte { float: left; display: inline; margin: 20px 16px 0 32px; width: 384px; } #marginalspalte, .marginalspalte { float: left; display: inline; margin: 20px 0 0 0; width: 224px; } .einspaltig, #hauptspalte.einspaltig, #marginalspalte.einspaltig { width: 64px; } .zweispaltig, #hauptspalte.zweispaltig, #marginalspalte.zweispaltig { width: 144px; } .dreispaltig, #hauptspalte.dreispaltig, #marginalspalte.dreispaltig { width: 224px; } .vierspaltig, #hauptspalte.vierspaltig, #marginalspalte.vierspaltig { width: 304px; } .fuenfspaltig, #hauptspalte.fuenfspaltig, #marginalspalte.fuenfspaltig { width: 384px; } .sechsspaltig, #hauptspalte.sechsspaltig, #marginalspalte.sechsspaltig { width: 464px; } .siebenspaltig, #hauptspalte.siebenspaltig, #marginalspalte.siebenspaltig { width: 544px; } .achtspaltig, #hauptspalte.achtspaltig, #marginalspalte.achtspaltig { width: 624px; } /* Ende der Aenderung in 0.9.3 (004) */ /* Volle Breite fuer Flash-Inhalte (neu in 0.9.6) */ #inhalt #vollebreite { width: 650px; overflow: hidden; margin: 20px 16px 0 19px; } /***** Bloecke *****/ #inhalt .block { margin-bottom: 20px; } #inhalt .block h2 { margin-bottom: 0.6em; } #inhalt .block h2.mit_subline { margin-bottom: 0.2em; } #inhalt .block.hervorgehoben { background-color: #EBEBEB; padding: 10px 12px 0.4em 12px; } #inhalt .block.hervorgehoben h3 { /* Geaendert in 0.9.3 */ color: white; background: #999999 url(hintergruende/headlines.gif) top left repeat-x; border-bottom: 1px solid black; margin: -10px -12px 0.8em -12px; padding: 0.25em 12px; } #inhalt .block.meldung { text-align: center; width: 464px; margin: 32px auto 20px auto; } /* Mit Teaserbild */ #inhalt .block .teaserbild { float: left; display: inline; } #inhalt .block .teaserbild img { width: 144px; overflow: hidden; } #inhalt .block .teasertext { float: right; display: inline; width: 224px; } #inhalt .sechsspaltig .block .teasertext { width: 304px; } #inhalt .siebenspaltig .block .teasertext { width: 384px; } #inhalt .achtspaltig .block .teasertext { width: 464px; } /* Formulare in hervorgehobenen Bloecken (neu in 0.9.6) */ .block.hervorgehoben fieldset { margin: 0 -12px 0.8em -12px; padding: 0 12px 0.8em 12px; } /* Uebersichtsseiten (0.9.2, aktualisiert 9.0.7) */ #inhalt #uebersicht { float: none; display: block; width: 650px; margin: 20px 0 0 32px; } #inhalt #uebersicht .block, #inhalt .block.teaser { float: left; display: inline; width: 304px; margin-right: 16px; } #inhalt #uebersicht h2 { clear: both; font-size: 1.2em; line-height: 1.2em; width: 624px; margin: 0 auto 0.8em 0; padding-bottom: 0.2em; border-bottom: 1px solid black; } /* Ueberischtsseiten mit Portraets (0.9.7) */ #inhalt #uebersicht.portraets { width: 650px; } #inhalt #uebersicht.portraets h2 { width: 464px; } #inhalt #uebersicht.portraets .block { float: left; display: inline; width: 224px; margin-right: 16px; } /* Galerien (0.9.3) */ #inhalt #galerie { float: none; display: block; width: 624px; margin: 20px 0 0 32px; } #inhalt #galerie .bild { float: left; display: inline; margin-right: 16px; width: 464px; overflow: hidden; } #inhalt #galerie .bild table { text-align: center; width: 464px; height: 465px; overflow: hidden; border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; } #inhalt #galerie .bild table td { background-color: #EBEBEB; vertical-align: middle; border-bottom: 3px solid white; } #inhalt #galerie .bild .beschreibung { float: left; display: inline; } #inhalt #galerie .bild .credit { float: right; display: inline; color: #999999;} #inhalt #galerie .uebersicht { float: left; display: inline; width: 624px; overflow: hidden; } #inhalt #galerie .uebersicht.zweispaltig { width: 144px; } #inhalt #galerie .uebersicht table { text-align: center; border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; } #inhalt #galerie .uebersicht table td { background-color: #EBEBEB; width: 90px; height: 90px; overflow: hidden; vertical-align: middle; border-bottom: 3px solid white; border-right: 3px solid white; } /* At a Glance */ #inhalt #fremdsprachen.block.hervorgehoben h3 { height: 36px; background: url(bilder/fahnen.jpg) top left no-repeat; border-bottom: 1px solid black; margin: -10px -12px 0.8em -12px; padding: 0; /* in 0.9.5 geaendert */ } #inhalt #fremdsprachen.block.hervorgehoben h3 span { display: block; height: 0; width: 0; overflow: hidden; } /* in 0.9.5 geaendert */ /* Seite mit der Einstellung der Schriftgroesse (neu in 0.9.6) */ form#schriftgroesse .klein { font-size: 0.85em; line-height: 1.4em; } form#schriftgroesse .gross { font-size: 1.2em; line-height: 1.4em; } form#schriftgroesse table { border-collapse: separate; border-spacing: 2px; margin: -2px -2px 0.8em -2px; } form#schriftgroesse tr { padding: 0.8em 1em 0 1em; } form#schriftgroesse th { text-align: center; font-weight: normal; background-color: #EBEBEB; padding: 0 0.4em; } form#schriftgroesse td { background-color: #EBEBEB; padding: 0.8em 1em 0.4em 1em; } /***** Navigation *****/ #inhalt .navigation { font-size: 0.85em; border-bottom: 1px solid #990000; margin-bottom: 1em; } #inhalt .navigation.unten { border-bottom: none; border-top: 1px solid #990000; margin-bottom: 0; margin-top: 1em; } #inhalt .navigation.pfad { border-bottom: 1px solid black; } #inhalt .navigation.pfad.achtspaltig { /* Neu in 0.9.6 */ margin: 20px 0 0 32px; } #inhalt .navigation a { text-decoration: none; } #inhalt .navigation a:link { color: #990000; } #inhalt .navigation a:visited { color: #990000; } /* Geaendert in 0.9.3 */ #inhalt .navigation a:hover, #inhalt .navigation a:focus { text-decoration: underline; color: #E60000; } #inhalt .navigation a:active { text-decoration: none; color: #EE7700; } #inhalt .navigation.pfad a { text-decoration: none; } #inhalt .navigation.pfad a:link { color: black; } #inhalt .navigation.pfad a:visited { color: black; } #inhalt .navigation.pfad a:hover, #inhalt .navigation.pfad a:focus { text-decoration: underline; color: #E60000; } /* Geaendert in 0.9.6 */ #inhalt .navigation.pfad a:active { text-decoration: none; color: #EE7700; } /* Neu in 0.9.3 */ #inhalt .navigation .links { width: 33%; } #inhalt .navigation .rechts { width: 33%; text-align: right; } #inhalt .navigation .mitte { float: left; display: inline; text-align: center; width: 34%; } /***** Listen mit Optionen *****/ ul.optionen { list-style: none inside; margin-left: 0; padding-left: 0; width: 100%; /* neu in 0.9.7 */ } ul.optionen li div { font-weight: bold; clear: left; float: left; display: inline; width: 0.8em; overflow: hidden; } /* Workaround fuer IE6 */ ul.optionen li h3, ul.optionen li h4, ul.optionen li h5, ul.optionen li p { float: none !important; float: left; padding-right: 0 !important; padding-right: 0.8em; } ul.optionen li h3, ul.optionen li h4 { margin-top: 0; margin-bottom: 0.2em !important; margin-bottom: 0; padding-bottom: 0 !important; padding-bottom: 0.2em; } /***** Formulare *****/ /* Suche in der Marginalspalte */ #marginalspalte form {} #marginalspalte form.suche input.text { float: left; display: inline; vertical-align: middle; width: 176px; height: 14px; line-height: 14px; } #marginalspalte form.suche input.image { float: right; display: inline; vertical-align: middle; width: 18px; height: 18px; background: #999999 url(buttons/absenden_1.gif) center left no-repeat; } #marginalspalte form.suche input.image:hover, #marginalspalte form.suche input.image:focus { background-image: url(buttons/absenden_2.gif); background-color: #990000; } #marginalspalte form.suche input.image:active { background-image: url(buttons/absenden_3.gif); background-color: #EE7700; } /***** Terminkalender *****/ /* Termine */ table.termine { border-collapse: separate; border-spacing: 0; margin-top: -1.4em; } table.termine tr { vertical-align: top; } table.termine thead th h3 { margin: 1em auto 0.4em auto; } table.termine tbody th { font-size: 0.85em; font-weight: normal; text-align: right; line-height: 1.4em; background-color: #EBEBEB; padding: 0.2em 0.4em; border-bottom: 2px solid white; } table.termine tbody th span { display: block; white-space: nowrap; } table.termine tbody th span.trenner { display: none; } table.termine tbody td { padding: 0.2em 0.4em 0.6em 1em; } /* Monatskalender */ table.kalender { width: 224px; border-collapse: separate; border-spacing: 0; border: 1px solid #EBEBEB; border-left: 0; background-color: #EBEBEB; } .block.hervorgehoben table.kalender { /* neu in 0.9.8 */ margin: -12px -12px 0.6em -12px; } .block.hervorgehoben table.kalender form { /* neu in 0.9.8 */ margin: -12px -12px 0.6em -12px; } table.kalender caption { color: white; font-weight: bold; font-size: 1.2em; line-height: 1.8em; overflow: hidden; background: #999999 url(hintergruende/headlines.gif) top left repeat-x; border-bottom: 1px solid black; text-align: center; padding: 0; } table.kalender caption .bezeichnung { float: left; display: inline; width: 176px; overflow: hidden; } table.kalender caption .zurueck, table.kalender caption .vor { display: inline; height: 1.8em; overflow: hidden; padding: 0 4px; } table.kalender caption .zurueck { float: left; } table.kalender caption .vor { float: right; } table.kalender caption .zurueck img, table.kalender caption .vor img { width: 14px; height: 1.8em; overflow: hidden; } table.kalender caption .zurueck a img { background: url(buttons/pfeil_zurueck_1.gif) center right no-repeat; } table.kalender caption .zurueck a:link img { } table.kalender caption .zurueck a:visited img { color: black; } table.kalender caption .zurueck a:hover img, table.kalender caption .zurueck a:focus img { background-image: url(buttons/pfeil_zurueck_2.gif); } table.kalender caption .zurueck a:active img { background-image: url(buttons/pfeil_zurueck_3.gif); } /* Geaendert in 0.9.9 */ table.kalender caption .vor a img { background: url(buttons/pfeil_vor_1.gif) center right no-repeat; } table.kalender caption .vor a:link img { } table.kalender caption .vor a:visited img { color: black; } table.kalender caption .vor a:hover img, table.kalender caption .vor a:focus img { background-image: url(buttons/pfeil_vor_2.gif); } table.kalender caption .vor a:active img { background-image: url(buttons/pfeil_vor_3.gif); } table.kalender th, table.kalender td { border: 1px solid #EBEBEB; width: 26px; overflow: hidden; text-align: center; vertical-align: middle; } table.kalender th { font-weight: normal; background-color: #cccccc; } table.kalender th.kw { border-left: 0; background-color: #EBEBEB; } table.kalender td { background-color: white; font-weight: bold; } table.kalender td.heute { background-color: #EBEBEB; } table.kalender td.anderer_monat { color: #999999; font-weight: normal; } table.kalender th.kw a { text-decoration: underline; } table.kalender th.kw a:link { color: black; } table.kalender th.kw a:visited { color: black; } table.kalender th.kw a:hover, table.kalender th.kw a:focus { text-decoration: none; color: #E60000; } table.kalender th.kw a:active { color: #EE7700; } /***** Tabelle mit Highscores (neu in 0.9.6) *****/ table.highscores { width: 224px; border: 0; border-collapse: collapse; border-spacing: 0; background-color: #EBEBEB; } table.highscores caption { color: white; font-weight: bold; font-size: 1.2em; line-height: 1.8em; overflow: hidden; border-bottom: 1px solid black; background: #999999 url(hintergruende/headlines.gif) top left repeat-x; text-align: left; padding: 0 10px 0 12px; } table.highscores caption .bezeichnung { float: left; display: inline; width: 152px; overflow: hidden; } table.highscores caption .zurueck, table.highscores caption .vor { float: right; display: inline; width: 14px; height: 1.8em; overflow: hidden; padding: 0; } table.highscores caption .vor { padding-left: 4px; } table.highscores caption .zurueck img, table.highscores caption .vor img { width: 14px; height: 1.8em; overflow: hidden; } table.highscores caption .zurueck img { background: url(buttons/pfeil_hoch.gif) 0 center no-repeat; } table.highscores caption .zurueck a img { background: url(buttons/pfeil_hoch.gif) -14px center no-repeat; } table.highscores caption .zurueck a:link img { } table.highscores caption .zurueck a:visited img { color: black; } table.highscores caption .zurueck a:hover img, table.highscores caption .zurueck a:focus img { background-position: -28px center; } table.highscores caption .zurueck a:active img { background-position: -42px center; } table.highscores caption .vor img { background: url(buttons/pfeil_runter.gif) 0 center no-repeat; } table.highscores caption .vor a img { background: url(buttons/pfeil_runter.gif) -14px center no-repeat; } table.highscores caption .vor a:link img { } table.highscores caption .vor a:visited img { color: black; } table.highscores caption .vor a:hover img, table.highscores caption .vor a:focus img { background-position: -28px center; } table.highscores caption .vor a:active img { background-position: -42px center; } table.highscores tr.alt { background-color: white; } table.highscores th, table.highscores td { text-align: left; vertical-align: top; padding: 0.25em 0; } table.highscores th { font-weight: normal; white-space: nowrap; padding-right: 0.2em; padding-left: 12px; } table.highscores td { } table.highscores td.punkte { text-align: right; white-space: nowrap; padding-right: 12px; } /***** Tabelle mit Wahlergebnis (neu in 0.9.6) *****/ table.wahlergebnisse { border: 0; border-collapse: separate; border-spacing: 0.5em; margin: -0.5em -0.5em 0.6em -0.5em; } table.wahlergebnisse tr { line-height: 1em; } table.wahlergebnisse th { width: 80%; } table.wahlergebnisse th.b90, table.wahlergebnisse th.spd, table.wahlergebnisse th.linke, table.wahlergebnisse th.cdu, table.wahlergebnisse th.fdp { border-left: 1.0em solid white; padding-left: 0.5em; } table.wahlergebnisse th.b90 { border-color: #009900; } table.wahlergebnisse th.spd { border-color: #FF0000; } table.wahlergebnisse th.linke { border-color: #9933CC; } table.wahlergebnisse th.cdu { border-color: black; } table.wahlergebnisse th.fdp { border-color: #FFCC00; } table.wahlergebnisse td { text-align: right; padding-left: 0.25em; } /**** Fahrplanauskunft (neu in 0.9.7) *****/ #fahrplanauskunft form fieldset { width: 100%; } #fahrplanauskunft form table { border: 0; border-collapse: collapse; border-spacing: 0; width: 100%; } #fahrplanauskunft form table th { width: 20%; } #fahrplanauskunft form table td { padding-right: 2px; } /****************/ /***** Fuss *****/ /****************/ #fuss { border-top: 12px solid #999999; } #fuss .navigation { font-size: 0.85em; border-top: 1px solid black; padding: 0.3em 32px 1.6em 32px; } .rubrik_1 #fuss { border-top-color: #006600; } .rubrik_2 #fuss { border-top-color: #003377; } .rubrik_3 #fuss { border-top-color: #2266AA; } .rubrik_4 #fuss { border-top-color: #990000; } .rubrik_5 #fuss { border-top-color: #EE7700; } .rubrik_6 #fuss { border-top-color: #555555; } #fuss .navigation .toplink { float: left; display: inline; } #fuss .navigation ul { list-style: none inside; float: right; display: inline; } #fuss .navigation li { float: left; display: inline; margin-left: 0.5em; } #fuss .navigation li:before { content: "·"; } #fuss .navigation li a { margin-left: 0.5em; } #fuss .navigation li:first-child:before { content: ""; } #fuss .navigation li:first-child a { margin-left: 0; } #fuss a { text-decoration: none; } #fuss a:link { color: black; } #fuss a:visited { color: black; } #fuss a:hover, #fuss a:focus { text-decoration: underline; color: #E60000; } #fuss a:active { text-decoration: none; color: #EE7700; } #fuss .toplink a:link { color: black; } #fuss .toplink a:visited { color: black; } #fuss .toplink a:hover, #fuss .toplink a:focus { text-decoration: underline; color: #E60000; } #fuss .toplink a:active { text-decoration: none; color: #EE7700; }