/* ***** HISTORY ***** 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; 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; } table { font-size: 100%; } 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("/systemstatic/internet/img/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; } /***** 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; } select { width: 100%; margin: 0.3em 0 0.3em -1px; } select#betreff, textarea#nachricht { width: 368px; } 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; } /****************/ /***** Kopf *****/ /****************/ /* Geaendert in 0.9.5 */ #kopf { background: white 206px top no-repeat; } #kopf #motiv { background-position: 206px top; background-repeat: no-repeat; height: 152px; } #kopf #transparenz { background: url("/systemstatic/internet/img/transparenz.png") top left repeat-x; position: absolute; top: 0; } #kopf .container { width: 962px; height: 152px; background: url("/systemstatic/internet/img/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("/systemstatic/internet/img/logo.gif") 60px 20px no-repeat; } #kopf .farbcode { height: 15px; background: url("/systemstatic/internet/img/hellgrau.gif") top left no-repeat; } .rubrik_1 #kopf .farbcode { background-image: url("/systemstatic/internet/img/gruen.gif"); } .rubrik_2 #kopf .farbcode { background-image: url("/systemstatic/internet/img/dunkelblau.gif"); } .rubrik_3 #kopf .farbcode { background-image: url("/systemstatic/internet/img/hellblau.gif"); } .rubrik_4 #kopf .farbcode { background-image: url("/systemstatic/internet/img/rot.gif"); } .rubrik_5 #kopf .farbcode { background-image: url("/systemstatic/internet/img/orange.gif"); } .rubrik_6 #kopf .farbcode { background-image: url("/systemstatic/internet/img/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; } /***************************/ /***** 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("/systemstatic/internet/img/hellgrau-1.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("/systemstatic/internet/img/gruen-1.gif"); } #navigation ul li.rubrik_2 { background-image: url("/systemstatic/internet/img/dunkelblau-1.gif"); } #navigation ul li.rubrik_3 { background-image: url("/systemstatic/internet/img/hellblau-1.gif"); } #navigation ul li.rubrik_4 { background-image: url("/systemstatic/internet/img/rot-1.gif"); } #navigation ul li.rubrik_5 { background-image: url("/systemstatic/internet/img/orange-1.gif"); } #navigation ul li.rubrik_6 { background-image: url("/systemstatic/internet/img/dunkelgrau-1.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("/systemstatic/internet/img/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: url("/systemstatic/internet/img/grau.gif") top right repeat-y; } /* Suchfeld */ #navigation form { background: url("/systemstatic/internet/img/hellgrau-1.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; } #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; } #hauptspalte { float: left; display: inline; margin: 20px 16px 0 32px; width: 384px; } #marginalspalte { float: left; display: inline; margin: 20px 0 0 0; width: 224px; } #hauptspalte.einspaltig, #marginalspalte.einspaltig { width: 64px; } #hauptspalte.zweispaltig, #marginalspalte.zweispaltig { width: 144px; } #hauptspalte.dreispaltig, #marginalspalte.dreispaltig { width: 224px; } #hauptspalte.vierspaltig, #marginalspalte.vierspaltig { width: 304px; } #hauptspalte.fuenfspaltig, #marginalspalte.fuenfspaltig { width: 384px; } #hauptspalte.sechsspaltig, #marginalspalte.sechsspaltig { width: 464px; } #hauptspalte.siebenspaltig, #marginalspalte.siebenspaltig { width: 544px; } #hauptspalte.achtspaltig, #marginalspalte.achtspaltig { width: 624px; } /***** 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("/systemstatic/internet/img/headlines.gif") top left repeat-x; border-bottom: 1px solid black; margin: -10px -12px 0.8em -12px; padding: 0.25em 12px; } /* 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) */ #inhalt #uebersicht { float: none; display: block; width: auto; margin: 20px 0 0 32px; } #inhalt .block.teaser { float: left; display: inline; width: 304px; 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("/systemstatic/internet/img/fahnen.jpg") top left no-repeat; border-bottom: 1px solid black; margin: -10px -12px 0.8em -12px; } #inhalt #fremdsprachen.block.hervorgehoben h3 span { display: none; } /***** 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 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 a:focus { text-decoration: underline; color: #E60000; } #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; } 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: 18px; line-height: 14px; } #marginalspalte form.suche input.image { float: right; display: inline; vertical-align: middle; width: 18px; height: 18px; background: #999999 url("/systemstatic/internet/img/absenden_1.gif") center left no-repeat; } #marginalspalte form.suche input.image:hover, #marginalspalte form.suche input.image:focus { background-image: url("/systemstatic/internet/img/absenden_2.gif"); background-color: #990000; } #marginalspalte form.suche input.image:active { background-image: url("/systemstatic/internet/img/absenden_3.gif"); background-color: #EE7700; } /***** Terminekalender *****/ /* Termine */ table.termine { border-collapse: separate; border-spacing: 0; margin-top: -1.4em; font-size: 100%; } 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 th span { display: block; white-space: nowrap; width: 60px; } table.termine th span.trenner { display: none; } table.termine 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; font-size: 100%; } table.kalender caption { color: white; font-weight: bold; font-size: 1.2em; line-height: 1.8em; overflow: hidden; background: #999999 url(/systemstatic/internet/img/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(/systemstatic/internet/img/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(/systemstatic/internet/img/pfeil_zurueck_2.gif); } table.kalender caption .zurueck a:active img { background-image: url(/systemstatic/internet/img/pfeil_zurueck_3.gif); } table.kalender caption .vor a img { background: url(/systemstatic/internet/img/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(/systemstatic/internet/img/pfeil_vor_2.gif); } table.kalender caption .vor a:active img { background-image: url(/systemstatic/internet/img/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; } /**** 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; } /* ICT Klassen */ .medialinkbox { padding-left: 22px; display: block; padding-bottom: 4px; } .marginimg { margin-left: -22px; } .picbox { float: left; margin-right: 12px; margin-bottom: 5px; } .selectlist { width: 198px; } .bold, .contentbold, .fett { font-weight: bold; } .kursiv { font-style: italic; } /* .activethumb { filter:Alpha(opacity=60, finishopacity=0, style=0);} */ .floatleft { float: left; } /* Kontaktformular */ .formcontainer { background-color: #EBEBEB; margin-bottom: 2px; padding:8px; } .textfeld { width: 98%; font-size: 0.90em; font-family: "Lucida Grande", Geneva, Verdana, Helvetica, Arial, sans-serif; } .hit { background: #fbeac9; text-transform : uppercase; } .contentdivider { background: #990000; } /* HAI */ select.list { width: 300px; } .contenttable { width: 100%; font-size: 100%; } .datenzelle { width: 110px; vertical-align: top; padding-right: 12px; } .datenzelle2 { vertical-align: top; } .datenzellefett { vertical-align: top; font-weight: bold; width: 150px; } .datenzellerechts { vertical-align: top; } .datenzelle3 { vertical-align: top; width: 60px; } .datenzelleheader { vertical-align: top; font-weight: bold; width: 50%; } .datenzellebottom { vertical-align: bottom; } .datenzellecol { width: 200px; vertical-align: top; } .legendboxleft { float: left; font-weight: bold; width: 30px; } .legendboxright { float: left; width: 170px; } table.datentabelleberuf { width: 100%; } table.datentabelleberuf th.headline { background-color: #A2A2A2; padding: 3px; } table.datentabelleberuf th.header1 { background-color: #EBEBEB; border: 1px solid #919090; padding: 3px; border-right: 0px; } table.datentabelleberuf th.header2 { background-color: #EBEBEB; border: 1px solid #919090; padding: 3px; text-align: center; border-right: 0px; } table.datentabelleberuf th.header3 { background-color: #EBEBEB; border: 1px solid #919090; padding: 3px; text-align: center; } table.datentabelleberuf td.inhalt1 { background-color: #ffffff; border: 1px solid #919090; border-top: 0; padding: 3px; border-right: 0px; vertical-align: top; } table.datentabelleberuf td.inhalt2 { background-color: #ffffff; border: 1px solid #919090; border-top: 0; padding: 3px; border-right: 0px; text-align: center; vertical-align: top; } table.datentabelleberuf td.inhalt3 { background-color: #ffffff; border: 1px solid #919090; border-top: 0; padding: 3px; text-align: center; vertical-align: top; } table.datentabelleberuf td.divider { background-color: #ffffff; border: 0; padding: 3px; } .gebheader { background-color: #EBEBEB; border-bottom: 1px solid #000000; height: 20px; padding: 3px; } .textalignleft {text-align: left;} .paddingleft {padding-left: 10px;} .negativemarginleft {margin-left: -10px;} .specialbr {line-height: 0px;} .fontsize100 { font-size: 100%; }