/* ---------------------------------- CSS Style Sheet ---------------------------------- */ /* ----------------------------- normales Bildschirm-Layout ---------------------------- */ body { margin:0px; padding:0px; font-family:verdana; font-size:11px; color:#000000; } img { border-width:0px; } /* --------------------------------- AEUSSERES LAYOUT ------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* -------------------- Header Bild oben in der Mitte ------------------------------- */ #centerheader { display:none; } #obermenu { display:none; } #header_links { display:none; } #header_mitte_1 { display:none; } #header_mitte_2 { display:none; } .hm_span1 { display:none; } .hm_span2 { display:none; } #header_rechts { display:none; } .foto_aktuelles { display:none; } .foto_person { display:none; } .foto_berlin { display:none; } .foto_wahlkreis { display:none; } .foto_service { display:none; } .foto_termine { display:none; } .foto_interaktiv { display:none; } .foto_kontakt { display:none; } .foto_intern { display:none; } .foto_intranet { display:none; } .foto_allgemein { display:none; } /* -------------------- zentriert das gesamte Layout ---------------------------------- */ #centerdiv { width:1004px; margin-left:0px; text-align:left; } /* --------------------- Footer-Bereich innerhalb des whitepaper div ------------------------ */ #footer_linie { display:none; } #footer_links { display:none; } #footer_mitte { display:none; } #footer_rechts { display:none; } /* --------------------- Schatten unter dem weissen Bereich ---------------------------- */ #footerimpressum { display:none; } /* --------------------------------- INNERES LAYOUT --------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* --------------------- Linke Spalte Komponenten ----------------------------------- */ #linkespalte { display:none; } #hauptmenurubrik { display:none; } a.menu_haupt { display:none; } a.menu_haupt:hover { display:none; } .menu_haupt_ausg { display:none; } #untermenu { display:none; } a.untermenu_n { display:none; } a.untermenu_g { display:none; } a.untermenu_n:hover { display:none; } #untermenu div { display:none; } .lkasten { display:none; } #linkespalte h1 { display:none; } /* --------------------- mittlere Spalte Komponenten --------------------------------- */ #mittlerespalte { float:left; width:525px; height:auto; min-height:500px; _height:500px; margin-bottom:0px; } #paper { float:left; height:auto; min-height:500px; _height:500px; padding-left:22px; padding-right:22px; width:524px; line-height:15px; voice-family: "\"}\""; voice-family:inherit; width:480px; } html>body #paper { width:480px; } #pfad { float:left; width:400px; height:40px; margin-left:22px; font-size:11px; color:#A89D8B; margin-bottom:7px; } #pfad a { text-decoration:none; color:#A89D8B; } #pfad a:hover { text-decoration:underline; color:#A89D8B; } #pfad a:visited { text-decoration:none; } /* --------------------- rechte Spalte Komponenten ------------------------------------ */ #unteruntermenu { display:none; } #unteruntermenu span { display:none; } a.menu_unterunter_ausg { display:none; } a.menu_unterunter { display:none; } a.menu_unterunter:hover { display:none; } #rechtespalte { display:none; } #rechtekasten { display:none; } .kasten { display:none; } #rechtekasten h1 { display:none; } .kasten p { display:none; } .kasten hr { display:none; } .pair { display:none; } .pair img { display:none; } .pair span { display:none; } /* ------------------------- FORMATIERUNGEN MITTLERE SPALTE---------------------------- */ /* ------------------------------------------------------------------------------------ */ /* Überschriften */ #mittlerespalte h1 { padding:0px; margin:0px; } /* für alle Überschriften */ #mittlerespalte h1 a { text-decoration:none; } /* für alle Links in Überschriften */ #mittlerespalte h1 a:hover { color:#322304; } /* für alle Links in Überschriften */ #mittlerespalte h1 a:visited { color:#322304; } /* für alle Links in Überschriften */ #mittlerespalte p { font-size:11px; } .h1oben { font-size:11px; font-weight:bold; color:#BEB494; } /* Oberüberschrift */ .h1mitte { font-size:15px; color:#A0050A; line-height:18px; } /* Hauptüberschrift */ .h1unten { font-size:11px; font-weight:bold; color:#BEB494; } /* Unterüberschrift */ .h2oben { font-size:11px; font-weight:bold; color:#BEB494; } /* Oberüberschrift */ .h2mitte { font-size:12px; color:#A0050A; line-height:15px; } /* Hauptüberschrift */ .h2unten { font-size:11px; font-weight:bold; color:#BEB494; } /* Unterüberschrift */ .h2mitte a { font-size:12px; color:#A0050A; line-height:15px; text-decoration:none; } .h2mitte a { font-size:12px; color:#A0050A; line-height:15px; text-decoration:none; } .hbalken { clear:both; margin-top:10px; margin-bottom:10px; width:480px; height:23px; background-color:#CDC6AB; color:#FFFFFF; font-size:13px; line-height:23px; font-weight:bold; } /* Link im Text in der mittleren Spalte */ a.link { text-decoration:none; font-size:11px; font-weight:bold; color:#CA2420; } a.link:hover { text-decoration:underline; color:#CA2420; } a.link:visited { text-decoration:none; color:#CA2420; } /* *************************** Ausrichtung von Bildern **************************** */ /* Test: Bilder am linken Rand von Text umflossen Dies ist ein Test, um zu versuchen, die Breite flexibel festzulegen ueber Breitenangaben im HTML-Code */ .bild0 { clear:both; margin-right:12px; margin-top:5px; margin-bottom:3px; float:left; background-color:#EDE8D5; } .bild0 img { clear:both; float:left; display:block; padding:0px; } .bild0 div { padding:0px; font-size:10px; line-height:12px; color:#7C7660; } /* ---------------------------------- Die sind die neuen Bildformatierungen für die dynamischen Inhalte. Sie sind identisch mit den darunterstehenden, allerdings mit anderem Namen. */ /* Bild am linken Rand von Text umflossen (vertikal) */ .bild1_150 { clear:both; margin-right:12px; margin-top:5px; margin-bottom:3px; float:left; width:150px; } .bild1_150 img { clear:both; float:left; width:150px; } .bild1_150 div { clear:both; float:left; width:142px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* Bild am linken Rand von Text umflossen (horizontal) */ .bild1_210 { clear:both; margin-right:12px; margin-top:5px; margin-bottom:3px; float:left; width:210px; } .bild1_210 img { clear:both; float:left; width:210px; } .bild1_210 div { clear:both; float:left; width:202px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* allgemeine Bilder am rechten Rand von Text umflossen */ .bild2_150 { margin-left:12px; padding-top:2px; margin-top:2px; margin-bottom:3px; float:right; } /* Bild am rechten Rand von Text umflossene (vertikal) */ .bild2_150 { margin-left:12px; padding-top:2px; margin-top:2px; margin-bottom:3px; float:right; width:150px; } .bild2_150 img { clear:both; float:left; width:150px; } .bild2_150 div { clear:both; float:left; width:142px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* Bild am rechten Rand von Text umflossene (horizontal) */ .bild2_210 { margin-left:12px; padding-top:2px; margin-top:2px; margin-bottom:3px; float:right; width:210px; } .bild2_210 img { clear:both; float:left; width:210px; } .bild2_210 div { clear:both; float:left; width:202px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* Bilder und andere Inhalte mittig */ .bild0_480 { clear:both; float:left; display:block; margin-left:0px; padding-left:0px; width:480px; text-align:center; } .bild0_480 img { clear:both; float:left; width:480px; } /* Bildunterschrift */ .bild0_480 div { width:480px; float:left; padding-top:6px; padding-bottom:6px; margin-top:0px; margin-bottom:10px; font-size:11px; color:#7C7660; text-align:center; line-height:13px; background-color:#EDE8D5; } /* ---------------------------------- */ /* allgemeine Bilder am linken Rand von Text umflossen */ .bildlinks { clear:both; margin-right:12px; margin-top:5px; margin-bottom:3px; float:left; } /* Bild am linken Rand von Text umflossen (vertikal) */ .bildlinksV { clear:both; margin-right:12px; margin-top:5px; margin-bottom:3px; float:left; width:150px; } .bildlinksV img { clear:both; float:left; width:150px; } .bildlinksV div { clear:both; float:left; width:142px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* Bild am linken Rand von Text umflossen (horizontal) */ .bildlinksH { clear:both; margin-right:12px; margin-top:5px; margin-bottom:3px; float:left; width:210px; } .bildlinksH img { clear:both; float:left; width:210px; } .bildlinksH div { clear:both; float:left; width:202px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* allgemeine Bilder am rechten Rand von Text umflossen */ .bildrechts { margin-left:12px; padding-top:2px; margin-top:2px; margin-bottom:3px; float:right; } /* Bild am rechten Rand von Text umflossene (vertikal) */ .bildrechtsV { margin-left:12px; padding-top:2px; margin-top:2px; margin-bottom:3px; float:right; width:150px; } .bildrechtsV img { clear:both; float:left; width:150px; } .bildrechtsV div { clear:both; float:left; width:142px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* Bild am rechten Rand von Text umflossene (horizontal) */ .bildrechtsH { margin-left:12px; padding-top:2px; margin-top:2px; margin-bottom:3px; float:right; width:210px; } .bildrechtsH img { clear:both; float:left; width:210px; } .bildrechtsH div { clear:both; float:left; width:202px; background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } /* Bilder und andere Inhalte mittig */ .mittig { clear:both; float:left; display:block; margin-left:0px; padding-left:0px; width:480px; text-align:center; } /* Bildunterschrift */ .untermbild { width:480px; clear:both; padding-top:6px; padding-bottom:6px; margin-top:0px; margin-bottom:10px; font-size:11px; color:#7C7660; text-align:center; line-height:13px; background-color:#EDE8D5; } /* grau hinterlegter Kasten in der mittleren Spalte */ .grauhinterlegt { background-color:#E6E4E5; padding-top:5px; padding-left:5px; padding-bottom:5px; padding-right:5px; margin-bottom:15px; } /* fuer Tags allgemein */ .cl { clear:both; } .ob00 { padding-top:0px; margin-top:0px; } .ob03 { padding-top:3px; margin-top:0px; } .ob05 { padding-top:5px; margin-top:0px; } .ob10 { padding-top:10px; margin-top:0px; } .ob15 { padding-top:15px; margin-top:0px; } .ob20 { padding-top:20px; margin-top:0px; } .ob30 { padding-top:30px; margin-top:0px; } .ob40 { padding-top:40px; margin-top:0px; } .obm05 { padding-top:0px; margin-top:5px; } .un00 { padding-bottom:0px; margin-bottom:0px; } .un03 { padding-bottom:0px; margin-bottom:3px; } .un05 { padding-bottom:0px; margin-bottom:5px; } .un10 { padding-bottom:0px; margin-bottom:10px; } .un15 { padding-bottom:0px; margin-bottom:15px; } .un20 { padding-bottom:0px; margin-bottom:20px; } .un30 { padding-bottom:0px; margin-bottom:30px; } .trennlinie { padding:0px; margin-top:15px; height:1px; width:393px; background-image:url('../pics_layout/linie.jpg'); } .ausgleichszeile { clear:both; width:100%; height:1px; } /* ------------------------- SEITENSPEZIFISCHE FORMATIERUNGEN ------------------------- */ /* ------------------------------------------------------------------------------------ */ /* PERSON - Biografie */ .lebenslauf { width:400px; font-size:11px; line-height:16px; } .lebenslauf tr td { vertical-align:top; } /* BERLIN - Berlintipps */ .zurueck { padding-top:10px; padding-bottom:4px; float:left; align:left; } .vorwaerts { padding-top:10px; padding-bottom:4px; float:right; align:right; } /* SITEMAP */ .sitemap { list-style-image:url('/pics_layout/icon_link.gif'); } /* SERVICE -LINKS */ .linkmap { list-style-image:url('/pics_layout/icon_linkaway.gif'); } /* NEWSLETTER */ .newsletter { width:380px; clear:both; font-size:11px; } /* KONTAKT */ .kontakt { width:420px; clear:both; font-size:11px; } /* KONTAKT UND NEWSLETTER */ .formrand { border:1px solid #85744A; } .formzeile { background-color:#EFEBE2; } .formradio { color:#EFEBE2; } .formlabel { float:left; text-align:right; width:9em; margin:2px; } .buttonrand { border:1px solid #85744A; } .button { width:150px; margin-left:20px; font-size:11px; background-color:#EFEBE2; } .captcha { width:30px; border:1px solid #85744A; background-color:#EFEBE2; } .captchapict { float:left; border:1px solid #85744A; } .pressefotos { font-size:11px; } /* IMPRESSUM h2r Logo */ .h2r1 { font-size:11px; color:#FB6C06; font-weight:bold; font-family:Verdana; } .h2r2 { font-size:11px; color:#888888; font-weight:bold; font-family:Verdana; } .bild div { background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } .bildlinks div { background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; } .bildrechts div { background-color:#EDE8D5; font-size:10px; line-height:12px; color:#7C7660; padding:4px; }