/* I N H A L T S V E R Z E I C H N I S 1. Grundeinstellungen 1.1. allgemeine Systemeigenschaften 1.2. schriftgrößebasierende Layoutanpassung 1.3. Seitenaufteilung 1.3.1. Ersetzen des rechten Bereichs durch Inline-Container im Inhaltsbereich 2. Farbzuweisungen 2.1. Universale Farbzuweisungen für aC 2.2. Farbzuweisungen für den gesamten Webauftritt 3. Hintergrundbilder 3.1. Hintergrundbilder für den gesamten Webauftritt 4. Menugestaltung 4.1. Topmenu 4.2. Menu Links 4.3. Menu im Contentbereich (Sitemap) 4.4. Menu Rechts 5. Teasergestaltung 5.1. Teaser im rechten und linken Bereich 5.1.1. Newsteaser im rechten und linken Bereich 5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich 5.2. Teaser im Contentbereich 5.2.1. Newsteaser 5.2.2. Teaser Veranstaltungskalender 5.3. Teaser im rechten Bereich 5.3.1. Newsteaser 5.3.2. Teaser Veranstaltungskalender 6. allg. Formatierungen nach Position 6.1. Formatierungen ohne Positionsbezug 6.1.1. Access Key 6.1.2. Fontsize 6.1.3. Kontrast 6.1.4. Kalender 6.1.5. Pathhistory 6.1.6. Suche 6.1.7. Adress-Objekt im RS 6.1.8. Personen-Objekt im RS 6.2. Formatierungen im Kopfbereich 6.3. Formatierungen im linken Bereich 6.4. Formatierungen im Inhaltsbereich 6.4.1. Redaktionssystem - allg. Formatierungen 6.4.2. Startseite 6.4.3. Volltextsuche 6.4.4. Modul Bürgerservice 6.4.5. Modul Rat 6.4.6. Modul News 6.4.7. Modul Veranstaltungskalender 6.4.8. Modul Gästebuch 6.4.9. Modul Galerie 6.4.10. Modul Branchenbuch 6.4.11. Modul Müllabfuhrkalender 6.4.12. Modul Feedbackformular 6.5. Formatierungen im rechten Bereich 1. GRUNDEINSTELLUNGEN ------------------------------------------------------- 1.1 allgemeine Systemeigenschaften ------------------------------------------ */ body { margin: 0 !important; padding: 0 !important; text-align: center; background-image: none !important; } #logo, #links, #rechts, #content_wrapper, #content { font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif !important; text-align: left; } div#center * { font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif !important; } a, a:link, a:visited, a:active { color: blue; text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } .hidden { display: none; } .clear, div.element { clear: both; } br.clear { line-height: 0; } .validators { text-align: center; } .item_float_left { float: left; } .nbspdiv { display: inline; } a img { border: 0px; } table { text-align: left; } table td, table th { padding: 0.3em; } .extlinkicon { vertical-align: middle; padding-top: 0; } .bbForm label span, .bbForm input, .bbForm select, .bbForm textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } div.menucontainer li a { outline: none; } .tpl_div { float: none; clear: both; } .tpl_div_element { float: left; } #content #bs br + br { display: none; } .inner_tsacontent { padding: 0.5em; margin: 0.5em 0; text-style: italic; } .inner_tsacontent * { font-style: italic; } .tsacontent .title { font-weight: bold; } .tsacontent h2.element_label { border-bottom: 1px solid #FFCC00; font-size: 1.2em } .tsacontent .tsa_subtitle{ font-weight: bold; font-style: italic; text-decoration: underline } /* 1.2. schriftgrößebasierende Layoutanpassung --------------------------------- */ /* Kommentar: Festlegung der absoluten Basisschriftgröße. Der Normalwert ist 16px, wovon aber zur Vereinfachung und zur Vermeidung von Rundungsdiskrepanzen für den IE6 abgegangen wurde */ html { font-size: 25px; } /* Kommentar: Festlegung des relativen Bezugs für den Seiteninhalt */ body { font-size: 1em; } /* Kommentar: Festlegung des relativen Bezugs für inline-Tags des Seiteninhalts */ p, div, span, form *, img, table *, th, td, ul *, ol *, a:link, a:active, a:hover, a:visited, #links h3, #rechts h3 { font-size: 1em; } /* Kommentar: Herstellung eines Schriftgrößenverhältnisses von 1em = 10px */ #center { font-size: 0.4em; } /* IE 6 hack Bei der Seiteneinteilung muß für den IE6 mit einem Schriftgrößenverhältnis von 1em = 12.5px (Faktor 0.8 bzw. 4/5) gerechnet werden. Dies ist notwendig, da der IE6 später verwendete aber absolut notwendige Selektoren nicht unterstützt (s.u.): */ *html #center { font-size: 0.5em; } #center img { font-size: 1em; } /* IE 6 hack Dieser Hack ist für IE6 notwendig (s.o.), um die in em definierten Bilder auf den Faktor 1 em = 10px zu setzen: */ *html #center img { font-size: 0.8em; } /* Kommentar: Nachfolgend die Definition des Schriftgrades für angezeigten Text auf 12px = 1em für alle DIV-Tags eine Ebene unterhalb der definierten Bereiche bzw. Links im Header -> dies ist zum einen ein Grund für die geänderten Templates mit umfassenden DIV-Tags, zum anderen auch Ursache für die Layoutänderungen bei aktivem activeEdit. Hinweis zum IE6: Der IE6 interpretiert die Selektoren > und + nicht. Deshalb wurde schon das Schriftgrößenverhältnis der Bereiche selbst auf 1em = 12.5px definiert s.o. */ #content > div, #rechts > div, #links > div { font-size: 1.2em; } #acc { font-size: 1.3em;} /* IE 6 Hack */ *html #acc { font-size: 0.96em; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } /* IE 6 hack Die Größe der definierten Überschriften für den IE6 muß auf Grund der Basisschriftgröße von 12.5px 4/5 der Größe aller anderen Browser (10px) entsprechen */ *html h1 { font-size: 1.2em; } *html h2 { font-size: 1.12em; } *html h3 { font-size: 1.04em; } *html h4 { font-size: 0.96em; } *html h5 { font-size: 0.88em; } *html font { font-size: 1em; } #links img, #content img, #rechts img { font-size: 0.833em; } /* IE 6 Hack */ *html #links img { font-size: 0.8em; } *html #rechts img { font-size: 0.8em; } *html #content img { font-size: 0.8em; } div#logo #suche { font-size: 1.2em;} div#logo #topmenu, div#links #menu, div#rechts .menucontainer { font-size: 1em; } div#links .menucontainer a, div#rechts .menucontainer a { font-size: 1em; } /* IE 6 Hack */ *html div#logo #suche { font-size: 0.96em; } *html div#links .menucontainer a { font-size: 0.96em; } *html div#rechts .menucontainer a { font-size: 0.96em; } div#logo #other_links { font-size: 1.2em; } /* IE 6 Hack */ *html div#logo #other_links { font-size: 0.96em; } div#logo #mitte #ratekau h1, div#logo #oben #url, div#logo #topmenu a, div#logo #service a { font-size: 1.4em; } /* IE 6 Hack */ *html div#logo #oben { font-size: 1.0em; } *html div#logo #mitte #ratekau h1, *html div#logo #topmenu a, *html div#logo #service a { font-size: 1.1em; } div#content h2.element_label { font-size: 1em; } #links div.fontsize a.smallerfont { font-size: 1.4em; } #links div.fontsize a.normalfont { font-size: 1.8em; } #links div.fontsize a.biggerfont { font-size: 2.2em; } #content .teaser .teaser_titel, #content .teaser_vk .teaser_titel, #content #rs_sitemap h5 { font-size: 1em; } #content .teaser .teaserdate, #content .teaser_vk .teaserdate, #content .teaser .element_address, #content .teaser_vk .element_address { font-size: 0.91em; } /* 1.3. Seitenaufteilung ------------------------------------------------------- */ div#center { width: 90.2em auto; text-align: center; margin: 0; padding: 0; } div#inner_center { width: 90.2em; display: inline-block; } div#logo { width: 90em; margin: 0; padding: 0; height: 24.2em; float: left; } #links { width: 16.8em; padding: 0; margin: 0; float: left; } #wrapper_unten { display: inline-block; padding: 0; margin: 0; width: 90em; float: left; } #content_wrapper { width: 73.2em; margin: 0; padding: 0; float: left; } div#content { width: 55.2em; padding: 0 1.5em 1em; margin: 0; height: auto; float: left; min-height: 52em; } div#rechts { width: 15em; padding: 0; margin: 0; float: right; } /* IE 6 hack */ *html div#center { width: 72.4em auto; } *html div#inner_center { width: 72.4em; } *html div#logo { width: 72.2em; height: 19em; } *html div#wrapper_unten { width: 72.2em; margin-top: 0.3em; } *html div#links { width: 13.5em; } *html div#content_wrapper { width: 58.7em; } *html div#content { width: 44em; padding: 0 1.2em 0.8em; height: auto !important; height: 45em; } *html div#rechts { width: 12em; } /* 2. Farbzuweisungen ---------------------------------------------------------- */ /* 2.1. Universale Farbzuweisungen für aC -------------------------------------- */ #content #rat .fraktion_farbe_20 { background-color: #000; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_20 a { border: 1px solid #000; } #content #rat .fraktion_farbe_21 { background-color: #ff0000; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_21 a { border: 1px solid #ff0000; } #content #rat .fraktion_farbe_22 { background-color: #ffcc00; color: #0000bb; font-weight: bold; } #content #rat .fraktion_farbe_22 a { border: 1px solid #ffcc00; } #content #rat .fraktion_farbe_23 { background-color: #00cc00; color: #000; font-weight: bold; } #content #rat .fraktion_farbe_23 a { border: 1px solid #00cc00; } #content #rat .fraktion_farbe_265 { background-color: #004d86; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_265 a { border: 1px solid #004d86; } #content #rat .fraktion_farbe_20 a, #content #rat .fraktion_farbe_21 a { color: #fff; } #content #rat .fraktion_farbe_23 a { color: #000; } #content #rat .fraktion_farbe_20:hover, #content #rat .fraktion_farbe_21:hover, #content #rat .fraktion_farbe_20 a:hover, #content #rat .fraktion_farbe_21 a:hover, #content #rat .fraktion_farbe_23 a:hover { color: #000; } #content #rat .fraktion_farbe_22 a, #content #rat .fraktion_farbe_22 a:hover { color: #0000bb; } /* 2.2. Farbzuweisungen für den gesamten Webauftritt --------------------------- */ body, #content_wrapper, #links .menucontainer { background-color: #fff; } #wrapper_unten, div#links { background-color: #f0f0ea; } #logo #unten { background-color: #838181; } #logo #topmenu .menucontainer ul li a { background-color: #3a3838; } div#logo * { color: #4f4f4f; } #logo #topmenu .menucontainer ul li a, #logo #topmenu .menucontainer ul li a:visited, #logo #service a, #logo #service a:visited { color: #fff; } #content #rs_sitemap h5 a, #content #rs_sitemap h5 a:visited { background-color: #4f4f4f; border: 1px solid #4f4f4f; color: #fff; } #content #rs_sitemap #bf_1 h5 a, #content #rs_sitemap #bf_1 h5 a:visited { background-color: #f0f0ea; border: 1px solid #4f4f4f; color: #4f4f4f; } #content #rs_sitemap #bf_1 h5 a:hover { background-color: #fff; border: 1px solid #4f4f4f; color: #000; } #content #rs_sitemap #bf_2 h5 a, #content #rs_sitemap #bf_2 h5 a:visited { background-color: #3a3838; border: 1px solid #3a3838; } #content #rs_sitemap #bf_2 h5 a:hover { background-color: #838181; border: 1px solid #3a3838; } #content #rs_sitemap #bf_3 h5 a, #content #rs_sitemap #bf_3 h5 a:visited { background-color: #677843; border: 1px solid #677843; } #content #rs_sitemap #bf_3 h5 a:hover { background-color: #9aa481; border: 1px solid #677843; } #content #rs_sitemap #bf_4 h5 a, #content #rs_sitemap #bf_4 h5 a:visited { background-color: #fbb12e; border: 1px solid #fbb12e; } #content #rs_sitemap #bf_4 h5 a:hover { background-color: #f7c873; border: 1px solid #fbb12e; } #content #rs_sitemap #bf_5 h5 a, #content #rs_sitemap #bf_5 h5 a:visited { background-color: #97bee1; border: 1px solid #97bee1; } #content #rs_sitemap #bf_5 h5 a:hover { background-color: #b8d0e4; border: 1px solid #97bee1; } #content #rs_sitemap #bf_6 h5 a, #content #rs_sitemap #bf_6 h5 a:visited { background-color: #006ea7; border: 1px solid #006ea7; } #content #rs_sitemap #bf_6 h5 a:hover { background-color: #589ec0; border: 1px solid #006ea7; } /* 2.2.3. Rahmenfarbe 1: #4f4f4f ----------------------------------------------- */ .inner_tsacontent, #links #acc li a:link, #links #acc li a:visited, #content table.auflistung, #content #rs_organigramm #ebene_oben #frame_bm, #content #rs_organigramm #ebene_oben #frame_gb, #content .dwa_kalender .dwa_date, #content .dwa_kalender .dwa_kalendertable .So a, #content .dwa_kalender .dwa_kalendertable .termin a, #content .dwa_kalender .dwa_kalender_legend .termin a, #content .teaser .teaser_element, #content .teaser_vk .teaser_element, #content #daten_bild, #content #bild_daten, #content #rs_oeffnungszeiten table, #content #bs #vorgang_uebersicht .element_label, #content #bs #element_departmentcontact table, #content #bs .element_departmentlist table, #content #bs table.contactdata, #content #bs .element_department_tree, #content #rat .dwa_rat_fraktion_chairman table, #content #rat .dwa_rat_fraktion table, #content #rat .dwa_rat_ausschuss table, #content #rat .dwa_rat_ausschuss_chairman table, #content #rat .dwa_rat_ausschuss_perm table, #content #rat .dwa_rat_ausschuss_nonperm table, #content #rat #ausschuss_detail table, #content #rat .dwa_ratsmitglied_auflistung table, #content #news .element_newslist table, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag, #content #gb .guestbook_form form, #content #vk #uebersicht .dwa_v_kalender_list table, #content #vk #expertensuche form, #content #bb .dwa_rubrik_list, #content #bb #rubrik_detail .dwa_rubrik_firmen table, #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title, #content #fo #forums_profile fieldset, #content #fo #register fieldset, #content #fo #benutzer_register fieldset, #content #fo .threadtitle, #content #fo .qrheadline, #content #fo .forums_background, #content #fo table.forums_table_compose select, #content #fo table.forums_table_compose input, #content #fo table.forums_table_compose textarea, #content #adr .address_list .address_list_item, #content #gmap #map, #content #gmap #kategorie_uebersicht table, #content #gmap #kategorie_details table, #content #gmap #objekt_suche form, #content #gmap #objekt_suche .dwa_gmap_searchresult table, #content #exr #newsletter form, #content #fb #feedback .formfields, #content #tp .dwa_hotel_list table, #content #mak #abfuhrbezirke table, #content #mak #abfuhrbezirke table td u { border: 1px solid #4f4f4f; } #content .dwa_kalender .dwa_kalendertable, #content .teaser .teaser_titledate, #content .teaser_vk .teaser_titledate, #content #vts .dwa_record_list, #content #bs #vorgang_uebersicht, #content #bs #element_departmentcontact table th, #content #bs .element_departmentlist table th, #content #bs table.contactdata th, #content #bb .dwa_rubrik_list .element_label, #content #news .element_newslist table th, #content #fo #forums_profile fieldset, #content #fo #register fieldset, #content #fo .info, #content #rs_oeffnungszeiten th, #content #gmap .dwa_gmap_objectlist th { border-bottom: 1px solid #4f4f4f; } #content #vts .record, #content #rat table td.space, #content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline, #content #rat .dwa_rat_ausschuss table th.ausschuss, #content #fo .text_author_clear { border-top: 1px solid #4f4f4f; } #content .dwa_kalender .dwa_kalendertable, #content #vts .dwa_record_list, #content #bs #vorgang_uebersicht .auflistung_text, #content #fo .text { border-left: 1px solid #4f4f4f; border-right: 1px solid #4f4f4f; } #content #bb #rubrik_detail .dwa_rubrik_firmen tr, #content #fo .info { border-left: 1px solid #4f4f4f; } #rechts #quicklinks div.menucontainer li.level_1 a, #rechts #quicklinks div.menucontainer li.level_1 a:visited, #rechts .teaser .teaser_element .teasertext, #rechts .teaser_vk .teaser_element .teaserdate, #rechts .teaser_vk .teaser_element .teasertext { color: #4f4f4f; } /* 2.3.2. Hoverfarbe 1: #f0f0ea ------------------------------------------------ */ .inner_tsacontent, #links #address_object, #rechts #quicklinks, #rechts #teaser, #rechts #quicklinks .menucontainer li a, #rechts #quicklinks .menucontainer li a:visited, #content #rs_organigramm #ebene_unten p, #content .teaser .teaser_element, #content .teaser_vk .teaser_element, #content #rs_sitemap li a, #content #rs_oeffnungszeiten th, #content .dwa_kalender .dwa_kalender_legend .heute span.heute, #content .dwa_kalender .dwa_kalendertable .heute, #content #daten_bild, #content #bild_daten, #content #vts .record .headline, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date, #content #bs .contactdata tr, #content #bs .element_departmentlist tr, #content #bs #vorgang_uebersicht .auflistung_text, #content #bs #element_departmentcontact .contactdata tr, #content #bs #unterlage_uebersicht tr, #content #bs .element_department_tree div, #content #news .element_newslist tr, #content #news #pressemitteilungen table, #content #bb #rubrik_detail .dwa_rubrik_firmen tr, #content #bb .dwa_rubrik_list table tr, #content #bb .dwa_eintrag_list table tr, #content #vk #uebersicht .dwa_v_kalender_list table tr, #content #rat .dwa_rat_fraktion_chairman table tr, #content #rat .dwa_rat_fraktion table tr, #content #rat .dwa_rat_ausschuss table tr, #content #rat .dwa_rat_ausschuss_chairman table tr, #content #rat .dwa_rat_ausschuss_perm table tr, #content #rat .dwa_rat_ausschuss_nonperm table tr, #content #rat .dwa_ratsmitglied_auflistung table tr, #content #rat .dwa_ratsmitglied_auflistung table th.headline:hover, #content #rat #daten .dwa_v_kalender_list .auflistung tr, #content #rat .dwa_rat_ausschuss table th#ausschuss:hover, #content #fo .threadtitle, #content #fo .qrheadline, #content #fo table.forums_table_overview caption, #content #fo table.forums_table_overview td.forums_category, #content #fo table.forums_table_compose td.label, #content #adr .address_list .address_list_item .address_title, #content #gmap #kategorie_uebersicht table tr, #content #gmap #kategorie_details table tr, #content #gmap #objekt_suche .dwa_gmap_searchresult tr, #content #tp .dwa_hotel_list table tr, #content #mak #abfuhrbezirke table tr { background-color: #f0f0ea; color: #000; } #content #rs_sitemap li a, #content #rs_sitemap li a:visited { background-color: #f0f0ea; color: #4f4f4f; } #content .dwa_kalender .dwa_kalender_legend .heute span.heute { color: #f0f0ea; } #rechts #quicklinks .menucontainer li a, #rechts #quicklinks .menucontainer li a:visited { border-top: 1px solid #f0f0ea; } #rechts #quicklinks .menucontainer { border-bottom: 1px solid #f0f0ea; } /* 2.3.3. leicht abgedunkelte Hoverfarbe: #efeeec ------------------------------ */ #content #adr .address_list .address_list_item .address_title, #content #vts .record .headline, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date { border-bottom: 1px solid #efeeec; } /* 2.3.4. Linkfarbe vor farbigem Hintergrund: #000 ----------------------------- */ #rechts #quicklinks div.menucontainer li.level_1 a:hover, #rechts #quicklinks div.menucontainer li.level_1 a.item_active, #rechts .teaser .teaser_more a, #rechts .teaser .teaser_more a:visited, #rechts .teaser_vk .teaser_more a, #rechts .teaser_vk .teaser_more a:visited, #content .dwa_kalender .dwa_kalendertable .heute, #content #daten_bild a, #content #bild_daten a, #content #vts .record .headline a, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date a, #content #bs .contactdata tr a, #content #bs #vorgang_uebersicht .auflistung_text a, #content #bs #element_departmentcontact .contactdata tr a, #content #bs .element_departmentlist tr a, #content #bs #unterlage_uebersicht tr a, #content #news .element_newslist tr a, #content #news .element_newslist table th:hover a, #content #bb #rubrik_detail .dwa_rubrik_firmen tr a, #content #bb .dwa_rubrik_list table tr a, #content #bb .dwa_eintrag_list table tr a, #content #vk #uebersicht .dwa_v_kalender_list table tr a, #content #rat table td.name a, #content #rat .dwa_ratsmitglied_auflistung th:hover a, #content #rat #daten .dwa_v_kalender_list tr a, #content #rat .dwa_rat_ausschuss table th.ausschuss:hover a, #content #fo table.forums_table_overview td a, #content #fo table.forums_table_overview td a:hover, #content #adr .address_list .address_list_item .address_title a, #content #gmap #kategorie_uebersicht table td a, #content #gmap #kategorie_details table td a, #content #gmap #objekt_suche .dwa_gmap_searchresult tr a, #content #ga .picture_row li .picture_content a, #content #ga .gallery_overview_list li .gallery_content a, #content #tp .dwa_hotel_list table td a, #content #mak #abfuhrbezirke table td a { color: #000; } /* 2.3.5. Hoverfarbe 2: #fff --------------------------------------------------- */ #rechts #quicklinks .menucontainer li a:hover, #rechts #quicklinks .menucontainer li a.item_active, #rechts #quicklinks .menucontainer li a.item_parent_active, #content #rs_organigramm #ebene_unten p:hover, #content #rs_sitemap h5 a:hover, #content #rs_sitemap li a:hover, #content #bb .dwa_rubrik_list table tr:hover, #content #bb .dwa_eintrag_list table tr:hover, #content #bb #rubrik_detail .dwa_rubrik_firmen tr:hover, #content #bs #vorgang_uebersicht .auflistung_text:hover, #content #bs .element_departmentlist table tr:hover, #content #bs table.contactdata tr:hover, #content #bs #unterlage_uebersicht tr:hover, #content #bs .element_department_tree div:hover, #content #rat table td.space, #content #rat .dwa_rat_fraktion_chairman table tr:hover, #content #rat .dwa_rat_fraktion table tr:hover, #content #rat .dwa_rat_ausschuss_chairman table tr:hover, #content #rat .dwa_rat_ausschuss_perm table tr:hover, #content #rat .dwa_rat_ausschuss_nonperm table tr:hover, #content #rat .dwa_rat_ausschuss table tr:hover, #content #rat .dwa_ratsmitglied_auflistung tr:hover, #content #rat #daten .dwa_v_kalender_list tr:hover, #content #gmap #kategorie_uebersicht table tr:hover, #content #gmap #kategorie_details table tr:hover, #content #gmap #objekt_suche .dwa_gmap_searchresult tr:hover, #content #mak #abfuhrbezirke table tr:hover, #content #mak #abfuhrbezirke form table tr { background-color: #fff; } #content #rs_sitemap #bf_2 h5 a:hover, #content #rs_sitemap #bf_3 h5 a:hover, #content #rs_sitemap #bf_4 h5 a:hover, #content #rs_sitemap #bf_5 h5 a:hover, #content #rs_sitemap #bf_6 h5 a:hover, #content .dwa_kalender .dwa_date a, #content #news .element_newslist th a, #content #rat .dwa_ratsmitglied_auflistung th a, #content #rat .dwa_rat_ausschuss table th a { color: #fff;} #links div.menucontainer li.level_1 a:hover, #links div.menucontainer li.level_1 a.item_active, #links div.menucontainer li.level_1 a.item_parent_active, #rechts div.menucontainer li.level_1 a:hover, #rechts div.menucontainer li.level_1 a.item_active, #rechts div.menucontainer li.level_1 a.item_parent_active { background-color: #fff; color: #000; } /* 3.1. Hintergrundbilder für den gesamten Webauftritt ------------------------- */ #logo #other_links div.menucontainer li.level_1 a, #logo #other_links div.menucontainer li.level_1 a:visited, #rechts div.menucontainer li.level_1 a, #rechts div.menucontainer li.level_1 a:visited { background-image: url('/city_data/images/8/6/74268/orig_6x6.gif'); background-position: 0.2em 0.6em; background-repeat: no-repeat; } #links div.menucontainer li.level_1 a, #links div.menucontainer li.level_1 a:visited { background-image: url('/city_data/images/4/4/82144/orig_11x11.gif'); background-position: 0.2em 0.6em; background-repeat: no-repeat; } #logo #other_links div.menucontainer li.level_1 a:hover, #logo #other_links div.menucontainer li.level_1 a.item_active, #logo #other_links div.menucontainer li.level_1 a.item_parent_active, #rechts div.menucontainer li.level_1 a:hover, #rechts div.menucontainer li.level_1 a.item_active, #rechts div.menucontainer li.level_1 a.item_parent_active { background-image: url('/city_data/images/6/8/74286/orig_6x6.gif'); background-position: 0.2em 0.6em; background-repeat: no-repeat; } #links div.menucontainer li.level_1 a:hover, #links div.menucontainer li.level_1 a.item_active, #links div.menucontainer li.level_1 a.item_parent_active { background-image: url('/city_data/images/4/4/82144/orig_11x11.gif'); background-position: 0.2em 0.6em; background-repeat: no-repeat; } /* 4. Menugestaltung ----------------------------------------------------------- */ .menucontainer ul { list-style: none; margin: 0; padding: 0; } /* 4.1. Topmenu ---------------------------------------------------------------- */ #logo #topmenu { display: inline-block; } /* IE 6 hack */ *html #logo #topmenu { height: 1.6em; } #logo #topmenu .menucontainer ul li.level_1 { text-align: center; padding: 0; margin: 0; float: left; border-right: 0.1em solid #ffffff; } #logo #topmenu .menucontainer ul li.item_1 { width: 8em;} #logo #topmenu .menucontainer ul li.item_2 { width: 6.5em;} #logo #topmenu .menucontainer ul li.item_3 { width: 14.8em;} #logo #topmenu .menucontainer ul li.item_4 { width: 13.4em;} #logo #topmenu .menucontainer ul li.item_5 { width: 15.0em;} /* IE 6 Hack */ *html #logo #topmenu .menucontainer ul li.item_1 { width: 6.4em;} *html #logo #topmenu .menucontainer ul li.item_2 { width: 5.2em;} *html #logo #topmenu .menucontainer ul li.item_3 { width: 11.8em;} *html #logo #topmenu .menucontainer ul li.item_4 { width: 10.8em;} *html #logo #topmenu .menucontainer ul li.item_5 { width: 12.0em;} #logo #topmenu .menucontainer ul li.level_1 a { padding: 0.1em 0.3em 0; display: block; font-weight: normal; } #logo #topmenu .menucontainer ul li.level_1 a:hover, #logo #service a:hover { font-weight: bold; } /* ------------------------- MENU OBEN RECHTS - STARTSEITE -------------------------- */ #logo #other_links div.menucontainer li a:hover, #logo #other_links div.menucontainer li a.item_active { text-decoration: underline; } #logo #other_links div.menucontainer li.level_1 a, #logo #other_links div.menucontainer li.level_1 a:visited, #logo #other_links div.menucontainer li.level_1 a:hover, #logo #other_links div.menucontainer li.level_1 a.item_active { padding: 0.2em 0 0.2em 1em; } #logo #other_links div.menucontainer li.level_2 a, #logo #other_links div.menucontainer li.level_2 a:visited, #logo #other_links div.menucontainer li.level_2 a:hover, #logo #other_links div.menucontainer li.level_2 a.item_active { padding: 0.2em 0 0.2em 2.1em; background-position: 1em } #logo #other_links div.menucontainer li.level_3 a, #logo #other_links div.menucontainer li.level_3 a:visited, #logo #other_links div.menucontainer li.level_3 a:hover, #logo #other_links div.menucontainer li.level_3 a.item_active { padding: 0.2em 0 0.2em 3.2em; } #logo #other_links div.menucontainer li.level_4 a, #logo #other_links div.menucontainer li.level_4 a:visited, #logo #other_links div.menucontainer li.level_4 a:hover, #logo #other_links div.menucontainer li.level_4 a.item_active { padding: 0.2em 0 0.2em 4.3em; } /* 4.2. Menu Links ------------------------------------------------------------- */ #links div.menucontainer { margin: 0.8em 0 0 0.8em; width: 13.2em !important; } /* IE 6 Hack */ *html #links div.menucontainer { margin: 0.6em 0 0 0.6em; width: 12.9em !important; } #links div.menucontainer li a, #links div.menucontainer li a:visited, #links div.menucontainer li a:hover, #links div.menucontainer li a.item_active { text-decoration: none; font-weight: bold; color: #000; margin: 0; border-bottom: 0.1em solid #f0f0ea; display: block; } #links div.menucontainer li.level_1 a, #links div.menucontainer li.level_1 a:visited { padding: 0.4em 0 0.4em 1.5em; } #links div.menucontainer li.level_1 a:hover, #links div.menucontainer li.level_1 a.item_active, #links div.menucontainer li.level_1 a.item_parent_active { padding: 0.4em 0 0.4em 1.5em; font-weight: normal; } #links div.menucontainer li.level_1 a:hover, #links div.menucontainer li.level_1 a.item_active { text-decoration: underline; } #links div.menucontainer li.level_2 a, #links div.menucontainer li.level_2 a:visited, #links div.menucontainer li.level_2 a:hover, #links div.menucontainer li.level_2 a.item_active { background-position: left center; margin-left: 1.5em; } #links div.menucontainer li.level_3 a, #links div.menucontainer li.level_3 a:visited, #links div.menucontainer li.level_3 a:hover, #links div.menucontainer li.level_3 a.item_active { background-position: left center; margin-left: 1.5em; } #links div.menucontainer li.level_4 a, #links div.menucontainer li.level_4 a:visited, #links div.menucontainer li.level_4 a:hover, #links div.menucontainer li.level_4 a.item_active { background-position: left center; margin-left: 1.5em; } #links div.menucontainer li.level_5 a, #links div.menucontainer li.level_5 a:visited, #links div.menucontainer li.level_5 a:hover, #links div.menucontainer li.level_5 a.item_active { background-position: left center; margin-left: 1.5em; } #links .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } /* 4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */ #content .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } #content .menucontainer { margin-left: 1px; } #content #rs_sitemap h5 { padding: 0 1px 0 0; } /* IE 6 hack */ *html #content #rs_sitemap { width: 99%; } #content #rs_sitemap h5 { margin: 0; } #content #rs_sitemap h5 a { margin: 1em 0 0 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 25%; width: 75%; background-position: 27% 0.3em; display: block; } #content #rs_sitemap h5 a:hover { display: block; text-decoration: none; color: #000; } #content #rs_sitemap li a, #content #rs_sitemap li a:visited { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; text-decoration: none; border-top: 1px solid #fff; border-bottom: 0; font-weight: bold; margin: 0; padding: 0.4em 0; display: block; } #content #rs_sitemap li a:hover { text-decoration: underline; } #content #rs_sitemap li.item_1 a.zweig_1, #content #rs_sitemap li.item_1 a.zweig_1:visited, #content #rs_sitemap li.item_1 a.zweig_1:hover { border-top: 0; } #content #rs_sitemap .menucontainer li.level_1 a, #content #rs_sitemap .menucontainer li.level_1 a:hover { padding-left: 30%; width: 70%; background-position: 27% 0.3em; } #content #rs_sitemap .menucontainer li.level_2 a, #content #rs_sitemap .menucontainer li.level_2 a:hover { padding-left: 35%; width: 65%; background-position: 32% 0.3em; } #content #rs_sitemap .menucontainer li.level_3 a, #content #rs_sitemap .menucontainer li.level_3 a:hover { padding-left: 40%; width: 60%; background-position: 37% 0.3em; } #content #rs_sitemap .menucontainer li.level_4 a, #content #rs_sitemap .menucontainer li.level_4 a:hover { padding-left: 45%; width: 55%; background-position: 42% 0.3em; } #content #rs_sitemap .menucontainer li.level_5 a, #content #rs_sitemap .menucontainer li.level_5 a:hover { padding-left: 50%; width: 50%; background-position: 47% 0.3em; } /* 4.4. Menu Rechts ------------------------------------------------------------ */ #rechts #quicklinks .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } #rechts #quicklinks .menucontainer {} #rechts #quicklinks .menucontainer li a, #rechts #quicklinks .menucontainer li a:visited { text-decoration: none; font-weight: normal; margin: 0; display: block; border-top: 1px solid #fff; } #rechts #quicklinks .menucontainer li a:hover, #rechts #quicklinks .menucontainer li a.item_active { text-decoration: underline; } #rechts #quicklinks .menucontainer li.level_1 a, #rechts #quicklinks .menucontainer li.level_1 a:visited, #rechts #quicklinks .menucontainer li.level_1 a:hover, #rechts #quicklinks .menucontainer li.level_1 a.item_active { padding: 0.3em 0.3em 0.3em 1.4em; background-position: 0.4em 0.7em; } #rechts div.menucontainer li.level_2 a, #rechts div.menucontainer li.level_2 a:visited, #rechts div.menucontainer li.level_2 a:hover, #rechts div.menucontainer li.level_2 a.item_active { padding: 0.2em 0 0.2em 1.82em; background-position: 1em } #rechts div.menucontainer li.level_3 a, #rechts div.menucontainer li.level_3 a:visited, #rechts div.menucontainer li.level_3 a:hover, #rechts div.menucontainer li.level_3 a.item_active { padding: 0.2em 0 0.2em 3.2em; } #rechts div.menucontainer li.level_4 a, #rechts div.menucontainer li.level_4 a:visited, #rechts div.menucontainer li.level_4 a:hover, #rechts div.menucontainer li.level_4 a.item_active { padding: 0.2em 0 0.2em 4em; } /* 5. Teasergestaltung --------------------------------------------------------- */ /* 5.1. Teaser im rechten und linken Bereich ----------------------------------- */ /* 5.1.1. Newsteaser im rechten und linken Bereich ----------------------------- */ #links .teaser, #rechts .teaser {} #links #left_newsteaser_title, #rechts #right_newsteaser_title { text-align: center; padding: 0.3em 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #000; } #links #left_newsteaser_title a, #rechts #right_newsteaser_title a { color: #000; } #links .teaser .teaser_element, #rechts .teaser .teaser_element { padding: 0.5em; padding-top: 0em; } #links .teaser .teaser_element br, #rechts .teaser .teaser_element br { line-height: 0em; } #links .teaser .teaser_titledate h3, #rechts .teaser .teaser_titledate h3 { margin-bottom: 0em; } #links .teaser .teaserdate, #rechts .teaser .teaserdate { font-weight: normal; margin: 0.2em 0 0.4em 0; display: block; } #links .teaser .teasertext, #rechts .teaser .teasertext { } #links .teaser .teaser_more, #rechts .teaser .teaser_more { text-align: right; display: block; } /* 5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich ---------- */ #links .teaser_vk, #rechts .teaser_vk { margin: 0; padding: 0; } #links #left_vkteaser_title, #rechts #right_vkteaser_title { text-align: center; padding: 0.3em 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #000; } #links #left_vkteaser_title a, #rechts #right_vkteaser_title a { color: #000; } #links .teaser_vk hr, #rechts .teaser_vk hr { display: none; } #links .teaser_vk .teaser_element, #rechts .teaser_vk .teaser_element { padding: 0.5em; margin-top: 0.3em; padding-top: 0em; border-bottom: 1px solid #fff; } #links .teaser_vk .teaser_element br, #rechts .teaser_vk .teaser_element br { line-height: 0em; } #links .teaser_vk .teaser_titledate h3, #rechts .teaser_vk .teaser_titledate h3 { margin: 0em; } #links .teaser_vk .teaserdate, #rechts .teaser_vk .teaserdate { font-weight: normal; margin: 0.2em 0 0.4em 0; display: block; } #links .teaser_vk .teasertext, #rechts .teaser_vk .teasertext {} #links .teaser_vk .teaser_more, #rechts .teaser_vk .teaser_more { text-align: right; display: block; } #links .teaser_vk .element_address, #rechts .teaser_vk .element_address { font-weight: bold; } #links .teaser_vk .element_address .lable, #rechts .teaser_vk .element_address .lable { display: none; } /* 5.2. Teaser im Contentbereich ----------------------------------------------- */ /* 5.2.1. Newsteaser im Contentbereich ----------------------------------------- */ #content .teaser { display: inline-block; width: 100%; } #content .teaser hr, #content .teaser br { display: none; } #content .teaser .teaser_element { margin: 0; margin-top: 0.5em; padding: 0.em; } #content .teaser .teaser_titledate { padding: 0.2em 0.5em; } #content .teaser .teaser_titel { font-weight: bold; margin: 0; padding: 0; width: 90%; } #content .teaser .teaserdate { margin-top: -1.2em; font-weight: bold; float: right; } /* IE 7 Hack */ *:first-child+html #content .teaser .teaserdate { margin-top: -1.1em; } #content .teaser .wrapper { display: inline-block; padding: 1%; margin: 0; width: 98%; } #content .teaser img.teaserimg { margin: 0; padding: 0; } #content .teaser .img_left { float: left; padding-right: 1em; } #content .teaser .img_right { float: right; padding-left: 0.5em; } #content .teaser .teasercontent { margin-left: 0em; } #content .teaser .teasercontent .teasertext { margin-left: 0.5em; } #content .teaser .teasercontent .teasertext span.teaser_more { text-align: right; display: block; } #content .teaser .teaser_element .teaser_more a:link, #content .teaser .teaser_element .teaser_more a:visited, #content .teaser .teaser_element .teaser_more a:active { font-weight: bold; text-decoration: none; padding-right: 0.5em; } /* 5.2.2. Teaser Veranstaltungskalender im Contentbereich ---------------------- */ #content .teaser_vk { display: inline-block; width: 100%; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { margin-bottom: 1.5em; } } #content .teaser_vk br { display: none; } #content .teaser_vk img.img_left { clear: both; float: left; padding-right: 0.5em; } #content .teaser_vk img.img_right { clear: both; float: right; margin: 0 0 0.5em 2em; } #content .teaser_vk .teaser_element { margin: 0.5em 0 0 0; padding-bottom: 0.5em; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { width: 100%; } } #content .teaser_vk .teaser_titel { float: none; font-weight: bold; margin: 0; padding: 0 0.5em; width: 65% } #content .teaser_vk .teaserdate { font-weight: bold; padding: 0 0.5em; float: right; position: relative; top: -1.2em; text-align: right; } #content .teaser_vk .teaser_titledate { padding: 0.2em 0.5em; height: 1.2em; } /* IE 7 Hack*/ *:first-child+html #content .teaser_vk .teaser_titledate { padding-right: 0.5em; } #content .teaser_vk .teasertext { padding: 0em 0.5em; text-align: left; margin-top: 1em; display: block; } /* IE 7 Hack*/ *:first-child+html #content .teaser_vk .teasertext { margin-top: 0; } #content .teaser_vk .teaser_element span.teaser_more { clear: both; display: block; width: 100%; text-align: right; margin-top: 0.5em; } #content .teaser_vk .teaser_element .teaser_more a:link, #content .teaser_vk .teaser_element .teaser_more a:visited, #content .teaser_vk .teaser_element .teaser_more a:active { font-weight: bold; text-decoration: none; padding-right: 0.5em; } #content .teaser_vk .teaser_element .teaser_more a:hover { text-decoration: underline; } #content .teaser_vk .teaser_element .element_address { display: inline-block; padding-bottom: 0.5em; } #content .teaser_vk .teaser_element .element_address .hr { color: #fff; height: 0px; border-top: thin solid silver; } #content .teaser_vk .teaser_element .element_address .hr_adress_contact_start {} #content .teaser_vk .teaser_element .element_address .hr_adress_contact_end { display: none; } #content .teaser_vk hr { color: #fff; height: 1px; border-top: 0em; clear: both; } #content #zwei_teaser #teaser_links { float: left; width: 49%;} #content #zwei_teaser #teaser_rechts { float: right; width: 49%;} #content #zwei_teaser #teaser_links h5, #content #zwei_teaser #teaser_rechts h5 { margin: 0.5em;} #content #zwei_teaser #teaser_links .teaser_titledate, #content #zwei_teaser #teaser_rechts .teaser_titledate { height: auto; display: inline-block; padding: 0; margin: 0; width: 100%; } #content #zwei_teaser #teaser_links .teaser_titel, #content #zwei_teaser #teaser_rechts .teaser_titel { margin: 0; padding: 0; padding: 0.3em 0.5em; display: inline-block; width: 94%; } #content #zwei_teaser #teaser_links .teaserdate, #content #zwei_teaser #teaser_rechts .teaserdate { margin: 0; padding: 0; padding: 0 0.5em 0.3em 0.5em; position: static; } #content #zwei_teaser #teaser_links .teaser_element, #content #zwei_teaser #teaser_rechts .teaser_element { width: 100%; } /* IE 6 hack */ *html #zwei_teaser #teaser_links { width: 99%; } /* 6. allg. Formatierungen nach Position --------------------------------------- */ /* 6.1. Formatierungen ohne Positionsbezug ------------------------------------- */ #content h2.simplefloat1 { padding-right: 1em; margin-top: 0; float: left; } /* 6.1.1. Access Key ----------------------------------------------------------- */ #acc { width: 12em; text-align: left; line-height: 1.4em; display: block; } #acc .acc-n { border: 0.1em dotted #4f4f4f; padding: 0.2em 0.1em; width: 3em; color: #000; background: #fff; display: inline-block; } #acc li { text-align: center; margin: 0.2em 0.1em; padding: 0; border: 0.1em solid #000; width: 3.2em; float: none; list-style: none; display: inline-block; } /* IE 7 Hack */ *:first-child+html #acc li { float: left; } /* IE 6 Hack */ *html #acc li { float: left; } #acc li a:link, #acc li a:visited { padding: 0.2em 0.1em; border: 0 !important; width: 3em; display: block; text-decoration: none; } #acc li a:link, #acc li a:visited, #acc li a:hover, #acc li a:focus, #acc li a:active { font-weight: bold; } #acc li.acc-logo { border: 0.1em solid #4f4f4f; width: 7.1em; display: inline-block; } #acc .acc-logo a:link, #acc .acc-logo a:visited { padding: 0.3em 0 0.2em 0; width: 7.1em; display: block; color: #ff0000; background: #fff; letter-spacing: 0; text-decoration: none; } #acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active { background: #f8ebbe; text-decoration: none; border: 1px solid #68b2e3; } #acc strong { color: #000090; font-variant: small-caps; font-weight: bold; } #acc strong em { color: #ff0000; font-style: italic; letter-spacing: 0; } #acc span { width: 0; position: absolute; left: -1000px; top: -1000px; height: 0; overflow: hidden; } /* 6.1.2. Fontsize ------------------------------------------------------------- */ div.text_fontsize { float: left; } /* 6.1.3. Kontrast ------------------------------------------------------------- */ div.contrast { margin: 0; padding: 0; text-align: right; } /* Opera hack */ @media screen and (min-width: 0px){ div.contrast { padding-top: 0.2em; } } div.contrast img { border: 0.1em solid #FFFFFF; width: 1em; } div.text_kontrast { float: left; } /* 6.1.4. Kalender ------------------------------------------------------------- */ #content .dwa_kalender .dwa_selectdate label, #content .dwa_kalender .dwa_kalendertable caption, #content .dwa_v_kalender_suche label { display: none; } #content .dwa_kalender .dwa_date, #content .dwa_kalender .dwa_selectdate, #content .dwa_kalender .dwa_kalendertable { width: 20em !important; padding: 0.5em !important; } #content .dwa_kalender .dwa_kalendertable, #content .dwa_kalender .dwa_selectdate, #content .dwa_kalender .dwa_kalendertable table { float: none; clear: both; text-align: center; display: inline-block; } #content .dwa_kalender .dwa_kalendertable td, #content .dwa_kalender .dwa_kalendertable th { padding: 0; margin: 0; width: 2.1em !important; height: 2.1em !important; vertical-align: middle; text-align: center; } #content .dwa_kalender .dwa_kalendertable .So a, #content .dwa_kalender .dwa_kalendertable .termin a { margin: -1px !important; vertical-align: middle !important; text-align: center; line-height: 2.1em; height: 100% !important; display: block; } #content .dwa_kalender_legend .heute a, #content .dwa_kalender_legend .termin a { padding: 0.2em !important; display: block; } #content .dwa_kalender_legend .heute span.heute { padding: 0.2em; } #content .dwa_kalender_legend .termin a, #content .dwa_kalender_legend .heute span.heute { width: 1.5em !important; height: 1.5em !important; text-align: center; vertical-align: middle; font-weight: bold; margin-left: 1em; line-height: 1.5em; display: inline-block; } #content .dwa_kalender_legend div.termin a { width: 1.9em !important; height: 1.9em !important; padding: 0 !important; } /* 6.1.5. Pathhistory ---------------------------------------------------------- */ .pathhistory { position: absolute; background-color: #fff; color: #505050; font-weight: normal; text-align: left; width: 52em; padding: 1em; margin-left: 0.5em; visibility: hidden; display: none; } /* 6.1.6. Suche ---------------------------------------------------------------- */ .quicksearch input { border: 1px solid #4f4f4f ; background-color: #fff; } #quicksearch { padding: 0; padding-top: 0em; } #quicksearch form { margin: 0; padding: 0; } #quicksearch label { display: none; } #quicksearch input.element_search_input { border: 1px solid #4f4f4f; background-color: #fff; color: #000000; display: inline-block; float: none; width: 9.5em; margin-right: 0.1em; } #quicksearch button { border: 1px solid #4f4f4f ; background-color: #fff; color: #4f4f4f; font-weight: normal; width: 5em; } #quicksearch input.element_search_image { margin: 0.2em 0 0 0.3em; padding: 0.1em 0 0 0; display: inline-block; } /* 6.1.7. Adress-Objekt im RS -------------------------------------------------- */ #content .Beschreibungen .element_address { padding: 0.5em; width: 13.8em; display: inline-block; } #content .Beschreibungen #daten_bild .element_address { border: 0; background-color: transparent;} #content .Beschreibungen .element_address .name { font-weight: bold; } #content .Beschreibungen .element_address hr { width: 100%; } #content .Beschreibungen .element_address .hr_adress_contact_end { display: none; } #content .Beschreibungen .element_address .contactinfo .lablecontactperson .contactdata_text_lable { display: block; clear: both; margin-left: 2.5em; margin: 0.3em 0 0.3em 2.5em; font-weight: bold; } #content .Beschreibungen .element_address .contactinfo .contactdata_button { float: left; margin: 0; padding: 0; } /* 6.1.8. Personen-Objekt im RS ------------------------------------------------ */ #content .Beschreibungen .person_object { padding: 0.5em; width: 18.8em; } #content .Beschreibungen #daten_bild .person_object { border: 0; background-color: transparent;} #content .Beschreibungen .person_object .lable { font-weight: bold; float: left; margin-right: 0.5em; } #content .Beschreibungen .person_object .lable { float: left; display: inline-block; line-height: 1.4em; } #content .Beschreibungen .person_object .lable_text { vertical-align: middle; 0; clear: right; line-height: 1.4em; } #content .Beschreibungen .person_object .lable_text a { float: none; margin-top: 0em; display: inline-block; color: #000;} #content .Beschreibungen .person_object .lable_text img { vertical-align: middle; padding: 0.3em 0; margin-top: -0.3em; } #content .Beschreibungen #fraktion_l { width: 48%; float: left; } #content .Beschreibungen #fraktion_r { width: 49%; float: right;} #content .Beschreibungen #fraktionen .person_object { width: 99%; } #content .Beschreibungen #fraktionen .person_object .name .simplefloatl, #content .Beschreibungen #fraktionen .person_object .adresse .simplefloatl, #content .Beschreibungen #fraktionen .person_object .tel_fax_mobil, #content .Beschreibungen #fraktionen .person_object .mail_web { float: none; clear: both; } #content .Beschreibungen #fraktionen .person_object .lable img { padding: 0.3em 0; } /* ----------------------------- einzeilige Darstellung ----------------------------- */ #content #one_row .person_object { float: none !important; clear: both; display: block; width: 100% !important; } #content #one_row .person_object .p_data div { width: auto !important; font-weight: normal; } #content #one_row .person_object .p_data hr { display: none; } #content #one_row .person_object .p_data div { float: left; } /* 6.2. Formatierungen im Kopfbereich ------------------------------------------ */ #logo a, a:link, a:visited, a:active { color: #000; text-decoration: none; font-weight: bold; } #logo a:hover { text-decoration: underline; } #logo .extlinkicon { display: none; } /* ---------------------------- SEITENKOPF STARTSEIE --------------------------- */ #logo #oben { font-weight: normal; margin: 0.3em 0 0.3em; width: 100%; } #logo #oben #url, #logo #oben #suche { width: 49%; } #logo #oben #url { padding-top: 0.2em; } #logo #oben #suche { float: right; text-align: right; white-space: nowrap; } #logo #oben #suche input { border: 0; margin: 0; height: 1.3em; font-weight: normal; vertical-align: middle; } #logo #oben #suche button { padding: 0; margin: 0; width: 4em; border: 0; margin: 0; height: 1.3em; font-weight: normal; vertical-align: middle; } #logo #oben #suche .element_search_input { padding-top: 0.2em; width: 12em; } #logo #oben #suche #quicksearch { border: 1px solid #f0f0ea; float: right; } #logo #mitte { display: block; width: 100%; background-color: #f0f0ea; padding: 0; margin: 0; } #logo #mitte #ratekau { float: left !important; padding: 0.5em 0.5em 0; display: inline-block; width: 40%; font-size: 2.5em; font-weight: normal !important; } #logo #mitte #ratekau h1 { margin: 0; padding: 0; line-height: 1.4em; font-weight: normal; } #logo #mitte #other_links { float: right; display: inline; width: 40%; text-align: right !important; padding-top: 2.4em; } #logo #mitte #other_links div.menucontainer { float: right; margin-right: 1em;} #logo #mitte #other_links a, #logo #mitte #other_links a:visited { margin: 0.5em 0 0; } #logo #mitte #other_links li { float: left; padding: 0.3em 0.3em 0; } #logo #header_bild { display: block; width: 100%; background-color: #f0f0ea; padding-bottom: 2.4em; } #logo #header_bild img { width: 90em; height: 11.5em; border-top: 0.3em solid #fff; border-bottom: 0.3em solid #fff; } #logo #other_links .menucontainer li a, #logo #other_links .menucontainer li a:visited { padding: 0.1em 0 0.1em 1.8em; margin: 0; border: 0; float: none; text-align: left; display: block; font-weight: normal; } #logo #unten { margin-top: -1.8em; display: block; height: 2em; } #logo #topmenu { margin-left: 16.8em; height: 2em; } #logo #topmenu .menucontainer ul li { height: 2em; } #logo #service { text-align: center; width: 13em; } /* IE 6 hack */ *html #logo #header_bild { padding-bottom: 1.9em; } *html div#logo #unten { margin-top: -1.5em; width: 58.7em; font-size: 1em; height: auto; padding-left: 13.5em; height: 1.6em; } *html div#logo #topmenu { margin-left: 0; } *html div#logo #service { width: 10.4em; } /* 6.3. Formatierungen im linken Bereich --------------------------------------- */ #links a, a:link, a:visited, a:active { text-decoration: none; font-weight: normal; } #links a:hover { text-decoration: underline; } #links div.menucontainer li a:hover { font-weight: bold !important; } #links #bitv_links { width: 100%; margin-top: 1em; } /* IE 6 Hack */ *html #logo #bitv_links { margin-top: 3.0em; } #links #bitv_links br { display: none; } #links div.fontsize { float: none; text-align: center; display: block; } #links div.fontsize a, #links div.fontsize a:visited { color: #4f4f4f; text-decoration: none; font-weight: normal; } #links div.fontsize a:hover { text-decoration: underline; } #links div.contrast { display: block; text-align: center; } #links div.contrast img { border: 1px solid #4f4f4f; width: 2em; } #links #acc { margin-left: 0.8em; } #links #address_object { position: absolute; margin: 12.5em 0 0 0; width: 12em; padding: 0 1em 1em 1em; } /* IE 6 hack */ *html #links #address_object { width: 11.5em; } #links #address_object .name { font-weight: bold; } #links #address_object .lable { display: none; } #links #address_object hr { display: none; } #links #address_object .contactinfo { padding-top: 0.3em;} #links #address_object .contactdata .contactdata_button { display: inline-block; vertical-align: top; float: left; clear: left; } #links #address_object .contactdata .lable a { padding-right: 0.3em; margin: 0 !important; } #links #address_object .contactdata .contactdata_text_lable { display: inline-block; float: left; clear: right; } /* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */ div#content a, div#content a:link, div#content a:link, div#content a:visited, div#content a:active { font-weight: bold; text-decoration: none; } div#content a:hover { text-decoration: underline; } div#content a, div#content a:link, div#content a:visited, div#content a:link font, div#content a:visited font, div#content a:link u, div#content a:visited u { font-size: 1em !important; font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif !important; text-decoration: none !important; } div#content #daten h2.element_label { margin-bottom: 0; } #content #willkommen img { padding: 0; height: 20em; width: 15em; } #content #willkommen #vorsteher { padding-right: 10%; } #content #willkommen div p { width: 12.5em; margin-top: 0.3em; text-align: center; } /* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */ #content ul#bauleitplanung {padding: 0; margin: 0; } #content ul#bauleitplanung li { list-style: none; background-image: url('/city_data/images/7/2/74327/orig_20x16.gif'); background-position: left 0.3em; background-repeat: no-repeat; padding: 0.5em 0 0 2.5em; margin: 0; } /* --------------------------- RS Seite Dorfschaften --------------------------- */ #content .Beschreibungen .dorfschaft { border: 1px solid #4f4f4f; background-color: #f0f0ea; display: inline-block; width: 100%; } #content .Beschreibungen .dorfschaft hr { display: none; border: 0; border-bottom: 1px solid #fff; width: 100%; } #content .Beschreibungen .dorfschaft #sp_links, #content .Beschreibungen .dorfschaft #sp_rechts { width: 48%; } #content .Beschreibungen .dorfschaft #sp_rechts { float: right; } #content .Beschreibungen .dorfschaft .kopf { border-bottom: 1px solid #4f4f4f; background-color: #838181; color: #fff; margin-bottom: 0.5em; display: inline-block; width: 100%; } #content .Beschreibungen .dorfschaft .kopf h5 { margin: 0; padding: 0.3em; } #content .Beschreibungen .dorfschaft .kopf #sp_rechts { padding: 0.4em 0.3em 0 0; text-align: right; } #content .Beschreibungen .dorfschaft #sp_links strong, #content .Beschreibungen .dorfschaft #sp_rechts strong { margin: 0.3em 0 0 1em; display: inline-block; } #content .Beschreibungen .dorfschaft #sp_links .person_object, #content .Beschreibungen .dorfschaft #sp_rechts .person_object { padding: 0; margin: 0.3em 0 0.3em 0.8em; display: inline-block; width: 90%; } #content .Beschreibungen .dorfschaft .person_object hr { display: block; border: 0; border-bottom: 1px solid #000; width: 100%; } #content .Beschreibungen .dorfschaft .button { margin: 0; width: auto; vertical-align: middle; } #content .Beschreibungen .dorfschaft .person_object .lable_text img { padding: 0.3em 0; margin: 0; vertical-align: middle; } /* IE 7 Hack */ *:first-child+html #content .Beschreibungen .dorfschaft .person_object .lable_text img { padding-right: 0.3em; } #content .Beschreibungen .dorfschaft .person_object img { padding: 0.3em; padding-left: 0; margin: 0; vertical-align: middle; } #content .Beschreibungen .dorfschaft .person_object .adresse { margin-left: 2em; } #content .Beschreibungen .dorfschaft .person_object .adresse span { display: bock; } #content .Beschreibungen .dorfschaft .person_object .name { font-weight: normal; font-style: italic; } #content .Beschreibungen .dorfschaft .person_object .name .lable, #content .Beschreibungen .dorfschaft .person_object .adresse .lable, #content .Beschreibungen .dorfschaft .person_object div.mail_web { display: none; } /* -------------------------- RS Seite Öffnungszeiten -------------------------- */ #content #zwei_spalten {} #content #zwei_spalten #rs_links, #content #zwei_spalten #rs_rechts { width: 50%; display: inline-block; } #content #zwei_spalten #rs_links { float: left; } #content #zwei_spalten #rs_rechts { float: right; } #content #rs_oeffnungszeiten { text-align: center; } #content #rs_oeffnungszeiten table { width: 100%; } #content #rs_oeffnungszeiten table.halb { width: 70%; } #content #rs_oeffnungszeiten td { width: 50%; } #content #rs_oeffnungszeiten th { text-align: center; } #content #rs_oeffnungszeiten th, #content #rs_oeffnungszeiten td { padding: 0.3em;} /* ---------------------------- RS Seite Organigramm --------------------------- */ #content #rs_organigramm { position: relative; width: 59.9em; min-height: 40em; } #content #rs_organigramm #ebene_oben { } #content #rs_organigramm #ebene_oben #frame_gb { margin: 2.2em 0 0 0; text-align: center; padding: 0.3em; } #content #rs_organigramm #ebene_oben #pfeil_oben img { width: 10em; height: 1.3em; margin-top: 3.5em; } #content #rs_organigramm #ebene_oben #frame_bm { margin: 0; width: 12.5em; text-align: center; } #content #rs_organigramm #ebene_oben h2 { margin: 1em 0 0 0; } #content #rs_organigramm #ebene_oben h4 { margin: 1em 0 1em 0; } /* IE 6 Hack */ *html #content #rs_organigramm { position: absolute; width: 58.5em; min-height: 40em; display: inline-block; } *html #content #rs_organigramm #ebene_oben #frame_gb { margin: 1.2em 0 0 0; } *html #content #rs_organigramm #ebene_oben #pfeil_oben img { margin-top: 1.8em; } *html #content #rs_organigramm #ebene_oben #frame_bm { width: 12em; } #content #rs_organigramm #pfeile_unten { } #content #rs_organigramm #pfeile_unten img { width: 66.5em; height: 6em; } #content #rs_organigramm #ebene_unten .kopf { padding: 0.3em 0; margin-bottom: 1em; display: block; } #content #rs_organigramm #ebene_unten h5 { padding: 0 0 0.3em 0; margin: 0; height: 2.2em; } #content #rs_organigramm #ebene_unten p { margin: 0; padding: 0.2em; border-top: 0.2em solid #fff; } /* IE 6 Hack */ *html #content #rs_organigramm #ebene_unten p {} #content #rs_organigramm #ebene_oben #frame_bm a, #content #rs_organigramm #ebene_oben #frame_gb a, #content #rs_organigramm #ebene_unten .kopf a { color: #fff; } #content #rs_organigramm #ebene_unten #frame_1, #content #rs_organigramm #ebene_unten #frame_2, #content #rs_organigramm #ebene_unten #frame_3, #content #rs_organigramm #ebene_unten #frame_4, #content #rs_organigramm #ebene_unten #frame_5, #content #rs_organigramm #ebene_unten #frame_6 { display: inline-block; width: 9.9em; text-align: center; } /* IE 6 hack */ *html #content #rs_organigramm #ebene_unten #frame_1, *html #content #rs_organigramm #ebene_unten #frame_2, *html #content #rs_organigramm #ebene_unten #frame_3, *html #content #rs_organigramm #ebene_unten #frame_4, *html #content #rs_organigramm #ebene_unten #frame_5, *html #content #rs_organigramm #ebene_unten #frame_6 { width: 9.5em; } #content #rs_organigramm #ebene_unten #frame_1, #content #rs_organigramm #ebene_unten #frame_2, #content #rs_organigramm #ebene_unten #frame_3, #content #rs_organigramm #ebene_unten #frame_4, #content #rs_organigramm #ebene_unten #frame_5 { margin-right: 0.1em; } /* ---------------------------------- Bilder ----------------------------------- */ div#content img { padding: 0.3em; } /* -------------------------------- Seitentitel -------------------------------- */ div#content h1.pagetitle, div#content h1.fake_pagetitle { color: #000000; margin-top: 1em; border-bottom: 1px solid #000; } /* --------------------------------- Adressen ---------------------------------- */ #content .element_address .lable { display: none; } #content .element_address img { padding-top: 0; } #content .element_address hr { clear: both; float: left; width: 50%; height: 0; } #content .element_address .hr_adress_contact_start { margin-top: 1em; margin-bottom: 0.3em; } /* IE 7 Hack */ *:first-child+html #content .element_address .hr_adress_contact_start { margin: 1em 0 0 0; padding: 0; vertical-align: bottom; } *:first-child+html #content #daten .element_address .hr_adress_contact_start { margin: 1em 0; vertical-align: top; } #content .element_address .contactdata .lablecontactperson .lable { display: inline-block; float: left; font-weight: bold; } #content .element_address .contactdata .lablecontactperson .lable_text { clear: left; padding: 0.3em 3em; } #content .element_address .contactdata .contactdata_text, #content .element_address .contactdata .contactdata_text a { float: left; line-height: 1.8em; } #content #daten_bild #daten .element_address .contactdata_button { display: inline-block; float: left; clear: left; margin: 0; padding: 0; width: 2.3em; } #content #daten_bild #daten .element_address .contactdata_button img { width: 2em; height: 1.6em; padding: 0.3em 0 0 0; margin: 0; } #content #daten_bild #daten .element_address .contactdata_text { display: block } #content #daten_bild #daten .element_address .lablecontactperson .lable { width: 100%; float: none; clear: both; margin: 0.5em 0 0 0; padding: 0; } #content #daten_bild #daten .element_address .lablecontactperson .lable_text { padding: 0 0 0 2.3em; float: none; clear: both; font-style: italic; } /* ------------------------------- Kontaktdaten -------------------------------- */ #content #daten_bild, #content #bild_daten { padding: 1em; margin-bottom: 1em; display: block; } /* IE 7 Hack */ *:first-child+html #content #daten_bild, *:first-child+html #content #bild_daten { display: inline-block; } #content #daten_bild #daten, #content #bild_daten #bild { float: left; padding-right: 1.5em; } #content #daten_bild #daten .element_label, #content #bild_daten #daten .element_label { padding-bottom: 0.5em; } /* IE 7 Hack */ *:first-child+html #content #daten_bild #daten { display: inline; width: 45%; } /* IE 7 Hack */ *:first-child+html #content #daten_bild #bild { display: inline; } #content #daten_bild #bild { float: right; } /* ------------------------------- Pathhistory ------------------------------ */ div.pathhistory { position: absolute; clear: right; top: 0; left: 0; text-align: left; width: 57em; padding: 1em; margin: 0; height: 3em; display: none; } .pathhistory .data_list a, .pathhistory .data_list a:link, .pathhistory .data_list a:visited, .pathhistory .data_list a:active { color: #0063be; font-weight: normal; text-decoration: underline; padding-left: 1em; } .pathhistory .data_list a:hover { text-decoration: none; color: #505050; padding-left: 1em; } /* IE 6 Hack */ * html div.pathhistory { position: relative; display: none; } /* 6.4.2. Volltextsuche -------------------------------------------------------- */ /* -------------------------- Ausgabeseite Ergebnisse -------------------------- */ #content #vts .searchfield, #content #vts .searchfield div { margin-top: 0.5em; text-align: left; } #content #vts .searchfield div { padding-bottom: 0.5em; } #content #vts .page { display: inline-block; } #content #vts label {} #content #vts hr { display: none; } #content #vts .searchgap { height: 2em; } #content #vts .record { width: 100%; border-bottom: 1px solid #aaa; display: inline-block; } #content #vts .record .bottom { display: none; } #content #vts .record .number, #content #vts .record .detaillink, #content #vts .record .score, #content #vts .record .scores { border-top: 0.1em solid #aaa; height: 1.8em; padding-top: 0.4em; } #content #vts .record .number { width: 9%; padding-left: 1%; } #content #vts .record .detaillink { width: 75%; } #content #vts .record .scores, #content #vts .record .score { text-align: right; width: 13%; padding-right: 1%; display: inline-block; } /* -------------- Ausgabeseite Ergebnisse - Suche im Branchenbuch -------------- */ #content #vts #bb_volltextsuche label {} #content #vts #bb_volltextsuche hr {} #content #vts #bb_volltextsuche .searchfield {} #content #vts #bb_volltextsuche .searchfield div {} #content #vts #bb_volltextsuche .page {} #content #vts #bb_volltextsuche .searchgap {} #content #vts #bb_volltextsuche .record {} #content #vts #bb_volltextsuche .record .bottom {} #content #vts #bb_volltextsuche .record .number {} #content #vts #bb_volltextsuche .record .detaillink {} #content #vts #bb_volltextsuche .record .score {} #content #vts #bb_volltextsuche .record .scores {} /* ----------- Ausgabeseite Ergebnisse - Suche nach Veranstaltungen ------------ */ #content #vts #vk_volltextsuche label {} #content #vts #vk_volltextsuche hr {} #content #vts #vk_volltextsuche .searchfield {} #content #vts #vk_volltextsuche .searchfield div {} #content #vts #vk_volltextsuche .page {} #content #vts #vk_volltextsuche .searchgap {} #content #vts #vk_volltextsuche .record {} #content #vts #vk_volltextsuche .record .bottom {} #content #vts #vk_volltextsuche .record .number {} #content #vts #vk_volltextsuche .record .detaillink {} #content #vts #vk_volltextsuche .record .score {} #content #vts #vk_volltextsuche .record .scores {} /* 6.4.3. Modul Bürgerservice -------------------------------------------------- */ /* --------------------------------- Ämterbaum --------------------------------- */ #content #bs .element_department_tree .element_label { border: 0.1em solid #ddd; margin: 0; margin-bottom: 0.1em; padding: 0.3em 0 0.3em 8em; } #content #bs .element_department_tree { margin-top: 1em; } #content #bs .element_department_tree div { border-bottom: 0.1em solid #fff; padding: 0.3em 0 0.3em 8em; margin: 0;} #content #bs .element_department_tree div.auflistung_level_1 { padding: 0.3em 0 0.3em 10em; } #content #bs .element_department_tree div.auflistung_level_2 { padding: 0.3em 0 0.3em 12em; } #content div.element_department_tree img { padding-top: 0; vertical-align: middle; } /* ------------------------------- DETAILANSICHT ------------------------------- */ #content div.contactdata { clear: left; } #content div.contactdata_button { margin: 0; padding: 0; float: left; height: 2em; width: 2em; padding-right: 0.5em; margin-top: 0.3em; } #content div.contactdata_text, #content div.catntactdata_text, #content div.contactdata_text a, #content div.catntactdata_text a, #content .zimmer .zimmer_vorgang a { line-height: 2.2em; vertical-align: top; } #content .zimmer p { margin-bottom: 0; font-weight: bold; } #content .detail_link { padding: 0.2em 0; } #content .detail_link img, #content #element_employeeleader img { padding-right: 1em; float: left; } #content div#element_employeedata .contactdata, #content #element_employeeleader .label_bezeichnung { padding: 0.2em 0; } #content div#element_employeedata .contactdata img { float: left; padding-right: 1em; } #content #element_employeeroom .element_label, #content #element_employeeroom .lable, #content .zimmer .zimmer_lable, #content .zimmer .lable { font-weight: bold; padding: 0.1em 0 0.2em 0; margin: 0; float: left; width: 6em; } #content #bs #details #element_employeeroom .label_bezeichnung {} #content #element_employeeroom .label_bezeichnung, #content #element_employeeroom .lable_text, #content .zimmer .zimmer_etage, #content .zimmer .zimmer_gebaeude, #content .zimmer .lable_text { clear: right; padding: 0.2em 0; } #content .zimmer .zimmer_etage h2 { display: none; } #content .element_address .addresse_name { font-weight: normal; } #content #bs #amt_detail .element_label_content .catntactdata_text { white-space: nowrap !important; } #content #bs #amt_detail #element_departmentchief .wrapper {} #content #bs #amt_detail #element_departmentchief .wrapper .element_label { float: left; width: 12em; margin-top: 0.5em;} #content #bs #amt_detail #element_departmentchief .wrapper .contactdata_button { margin-right: 0.5em; float: left; clear: left; } #content #bs #amt_detail #element_departmentchief .wrapper .contactdata_button img { padding: 0.3em 0 0 0; margin: 0; } #content #bs #amt_detail #element_departmentchief .wrapper .label_bezeichnung { float: left; clear: right; padding: 0; margin: 0;} #content .zimmer .element_address .addresse_name { padding-left: 6em; font-weight: bold; padding-top: 1.2em; } #content .zimmer .lable, #content .zimmer .lable_text {} #content td img { float: left; padding-right: 0.5em; } #content .vorgang_amt .label_bezeichnung img { padding: 0 0.3em 0.3em 0; vertical-align: bottom; } #content .vorgang_amt .label_bezeichnung { padding-bottom: 0.5em; } /* ------------------------------- Auswahlliste -------------------------------- */ #content div.az { text-align: center; } #content div.az span { padding: 0 0.2em; } /* ---------------------------------- Listen ----------------------------------- */ #content .element_departmentlist, #content #element_departmentcontact .contactdata th, #content #element_departmentcontact .contactdata td, #content #element_departmentcontact .contactdata td a, #content .auflistung_text {} #content #element_departmentcontact, #content #bs .element_departmentlist table, #content #element_departmentcontact table { width: 100%; } #content #element_departmentcontact .contactdata, #content #bs .contactdata { border-collapse: collapse; width: 100%; } #content #bs .data_table td { padding: 0.3em !important; } #content #bs .element_departmentlist th { padding: 0.3em 0.5em; height: 2em; } #content #bs .element_departmentlist th#Email, #content #bs .element_departmentlist th#Bezeichnung, #content #bs .element_departmentlist th#Telefon, #content #bs .element_departmentlist th#Fax, #content #element_departmentcontact .contactdata th, #content #bs .contactdata th { padding: 0.3em 0.5em; text-align: left; } #content #bs #vorgang_uebersicht .az { margin-bottom: 1em; } #content #bs #vorgang_uebersicht .element_label { margin: 0; margin-bottom: 0.1em; padding: 0.3em 0 0.3em 4em; } #content #bs #vorgang_uebersicht { border-bottom: 0.1em solid #ddd; } #content #bs #vorgang_uebersicht .auflistung_text {} #content #bs #vorgang_uebersicht .auflistung_text a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; background-position: left 30%; text-decoration: none; margin: 0; padding: 0.3em 0 0.3em 1.5em; display: block; } #content #bs #vorgang_uebersicht .auflistung_text a:hover { text-decoration: } #content #bs #vorgang_uebersicht .auflistung_text { border-bottom: 0.1em solid #fff; padding-left: 4.2em; } #content #bs .element_departmentlist th, #content #bs .element_departmentlist td, #content #bs #employee_list {} #content #bs .element_departmentlist #Bezeichnung { width: 18em; } #content #bs .element_departmentlist th#Email { width: 2.5em; } #content #bs .element_departmentlist td, #content #element_departmentcontact .contactdata td, #content #bs .contactdata td { padding: 0.1em; vertical-align: middle; color: #000; font-weight: normal; } #content #element_departmentcontact .contactdata td img { padding-top: 0; } #content .contactdata #name, #content .contactdata .label_text { width: 20em; } #content #element_departmentcontact .contactdata td.label_bezeichnung { width: 16em; } #content #element_departmentcontact .contactdata .label_bezeichnung {} #content #element_departmentcontact .contactdata a { float: left; display: inline; } #content #element_departmentcontact .contactdata ul, #content #element_departmentcontact .contactdata ul li { display: inline-block; float: left; margin: 0; list-style: none; padding: 0 0 0 0.2em; text-indent: 0; white-space: nowrap; } /* IE 7 hack */ *:first-child+html #content #element_departmentcontact .contactdata ul { display: inline-block; float: left; margin: 0; list-style: none; padding: 0 0 0 0.5em; text-indent: 0; } #content .contactdata #tel, #content .contactdata #fax, #content .contactdata .labeltel, #content .contactdata .labelfax { width: 12em; } #content #bs table.contactdata td.labeltel, #content #bs table.contactdata td.labelfax { white-space: nowrap; min-width: 8em; } #content #bs .contactdata th#name, #content #bs .contactdata td.label_bezeichnung { width: 18em; } #content .vorgang_amt .element_address hr { clear: both; float: left; width: 35%; height: 0; } /* IE 7 Hack */ *:first-child+html #content #daten .hr_adress_contact_start { margin-bottom: -1em; } #content .auflistung_text { padding: 0.2em 0; } #content .element_departmentlist caption, #content .contactdata caption { visibility: hidden; } #content .contactdata td, #content .contactdata th { padding: 0.2em 2em; } #content #bs #employee_list .auflistung_text { white-space: normal; } #content #bs #employee_list #tel, #content #bs #employee_list #fax { white-space: normal; width: 13em; } #content #bs #employee_list .labelbild img { padding-top: 0; vertical-align: middle; } #content #bs #mitarbeiter_liste br { line-height: 0.5em; } #content #bs #employee_list #name { width: 15em; } /* --------------------------- Mitarbeiter - Detail ---------------------------- */ #content #bs *, #content #bs #details *, #content #bs #daten *, #content #fake_rechts {} #content #bs #daten hr { width: 100%; } #content #bs #daten .zimmer_etage, #content #bs #daten .zimmer_gebaeude {} #content #bs #element_employeefunc ul { margin: 0; padding: 0; } #content #bs * br { line-height: 0.5em; } #content #bs #element_employeedata img { padding: 0 1em 0.5em 0; } #content #bs #element_employeedata .element_label, #content #bs #element_employeedata .contactdata, #content #bs #element_employeefunc, #content #bs #details .beschreibung, #content #bs #element_employeeroom, #content #bs #element_employeedep, #content #bs #element_employeeservice, #content #bs #element_departmentservice, #content #bs #element_employeeleader, #content #bs #element_departmentchief, #content #bs #daten .element_address, #content #bs #daten .zimmer_etage, #content #bs #daten .zimmer_gebaeude, #content #bs #details .datasetdescription, #content #bs #details .element_zimmer_ansprechpartner .element_label, #content #bs #details .element_zimmer_vorgang .element_label, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang, #content #bs #details .contactdata th, #content #bs #details .contactdata td, #content #bs #element_departmentopening .element_label, #content #bs #element_departmentopening .element_label_content, #content #bs #element_departmentcontact .element_label {} #content #bs #element_departmentcontact, #content #bs #details .element_address div {} #content #bs #vorgang_detail #element_departmentcontact .element_label { margin-bottom: 0; } #content #bs .beschreibung * { text-align: left; } #content #bs #element_employeeroom .element_label, #content #bs #element_employeeroom .lable, #content #bs #element_employeeleader .element_label, #content #bs #element_employeeservice .element_label { padding-top: 0.2em; } #content #bs #element_employeefunc .element_label, #content #bs #element_employeeleader .element_label, #content #bs #element_employeeservice .element_label, #content #bs #element_departmentservice .element_label, #content #bs #daten .zimmer_etage .element_label, #content #bs .element_zimmer_vorgang .element_label, #content #bs #element_departmentopening .element_label { padding-right: 1em; margin-top: 0; float: left; } #content #bs #element_employeedep .data_table { margin-top: -1em;} #content #bs #element_departmentopening .element_label_content { padding-left: 1.5em; width: 20em; display: inline-block; } #content #bs #element_departmentopening .weekdays_label { float: left; width: 7em; padding-bottom: 0.3em; } #content #bs #element_departmentopening .weekdays_text { padding-bottom: 1em; text-align: right; } #content #bs #element_departmentopening .weekdays_text br { line-height: 0; } #content #bs #departmentopening_anmerkung { margin-left: 10em;} #content #bs #element_employeefunc ul { list-style: none; padding-top: 0.1em; } #content #bs #daten .element_label_content, #content #bs #details .element_label_content, #content #bs #element_departmentservice .element_label_content { display: inline-block; } #content #bs #details #element_employeeroom .element_label_content { display: block; } #content #bs #details .detail_link { clear: both; } #content #bs #element_employeeservice div.element_label_content { display: inline-block; } #content #bs #element_employeeservice .detail_link img, #content #bs #element_employeeleader .element_label_content img, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang img { padding-top: 0em; vertical-align: middle; } /* ------------------- Detailinformation im rechten Bereich -------------------- */ #content #fake_rechts br, #content #fake_rechts #element_employeefunc { display: none; } #content #fake_rechts #element_departmentemployee, #content #fake_rechts #element_departmentemployee .label_bezeichnung a, #content #fake_rechts #element_departmentemployee .show_gmposition a, #content #fake_rechts #element_employeeroom, #content #fake_rechts #element_employeeroom .label, #content #fake_rechts #element_employeeroom .lable, #content #fake_rechts .element_address, #content #fake_rechts .auflistung_text, {} #content #fake_rechts #element_departmentemployee a img { float: left; display: inline-block; } #content #fake_rechts #element_departmentemployee .emloyee_img { float: none; clear: left; display: block; } #content #fake_rechts #element_departmentemployee img { vertical-align: middle; } #content #fake_rechts #element_departmentemployee h2, #content #fake_rechts .element_address .element_label { border-bottom: 1px solid #000; } #content #fake_rechts .element_address hr { width: 100%; } #content #fake_rechts .auflistung_text { font-weight: normal; color: #000; } #fake_rechts #element_employeeroom .lable { height: 4em; padding-top: 0.1em } /* 6.4.4. Modul Rat ------------------------------------------------------------ */ #content #rat table { width: 100%; border-collapse: collapse; } #content #rat .dwa_kalendertable table { width: 100%; border-collapse: separate; } #content table#rat td { padding: 0.5em; } #content table#rat td h3 { padding: 0.5em; margin: 0; } #content table#rat td p { padding: 1em 0.5em 0 0; margin: 0; } #content #rat table th, #content #rat table td, #content #rat table td img { margin: 0; padding: 0; } #content #rat div.fraktion_farbe_20, #content table#rat td.fraktion_farbe_20 { background-color: #000; color: #fff; border: 1px solid #000; } #content #rat div.fraktion_farbe_21, #content table#rat td.fraktion_farbe_21 { background-color: #ff0000; color: #fff; border: 1px solid #ff0000; } #content #rat div.fraktion_farbe_22, #content table#rat td.fraktion_farbe_22 { background-color: #ffcc00; color: #0000bb; border: 1px solid #ffcc00; } #content #rat div.fraktion_farbe_23, #content table#rat td.fraktion_farbe_23 { background-color: #00cc00; color: #000; border: 1px solid #00cc00; } #content #rat div.fraktion_farbe_265, #content table#rat td.fraktion_farbe_265 { background-color: #004d86; color: #fff; border: 1px solid #004d86; } #content table#rat td p { line-height: 0em; } #content #rat .fraktion div.fraktion_farbe_20:hover { color: #000; } #content #rat .fraktion div.fraktion_farbe_21:hover { color: #ff0000; } #content #rat .fraktion div.fraktion_farbe_22:hover { color: #0000bb; } #content #rat .fraktion div.fraktion_farbe_23:hover { color: #009900; } #content #rat .fraktion div.fraktion_farbe_265:hover { color: #004d86; } #content #rat .fraktion div:hover { background-color: #fff; } #content #rat table td.fraktion { padding: 0 !important; margin: 0 !important; } #content #rat table td.fraktion div { display: block; padding: 0.3em; text-align: center; font-weight: bold; } #content #rat table td.email, #content #rat table td.vcard { width: 3em; } #content #rat table td.zaehler { width: 1.4em; text-align: right; padding-right: 0.5em } #content #rat table td.fraktion { width: 5em; text-align: center; } #content #rat table th { padding: 0.5em 0.3em; border-bottom: 1px solid #fff; border-top: 1px solid #fff; color: #000; } #content #rat .dwa_rat_fraktion_chairman table td, #content #rat .dwa_rat_fraktion table td, #content #rat .dwa_rat_ausschuss table td, #content #rat .dwa_rat_ausschuss_chairman table td, #content #rat .dwa_rat_ausschuss_perm table td, #content #rat .dwa_rat_ausschuss_temp table td { padding: 0.3em; border-top: 1px solid #fff; vertical-align: top; color: #000; } #content #rat table th { text-align: left; } #content #rat table td.headline { font-style: italic; } #content #rat table td.space { padding: 0; background-color: #fff; } #content #rat table td img { padding-top: 0; vertical-align: middle; } #content #rat table th.headline a, #content #rat table td a { text-decoration: none; } /* ---------------------------- Ausschuss Übersicht ---------------------------- */ #content #rat .dwa_rat_ausschuss caption { display: none; } #content #rat .dwa_rat_ausschuss table td.funktion {} #content #rat .dwa_rat_ausschuss table td.funktion br { display: none; float: left; width: 0.3em; } /* 6.4.5. Modul News ----------------------------------------------------------- */ /* --------------------------------- Übersicht --------------------------------- */ #content #news .element_newslist table caption { display: none; } #content #news .element_newslist table { border: 0.1em solid #ddd; } #content #news .element_newslist table th { padding: 0.3em; border-bottom: 0.1em solid #ddd; } #content #news .element_newslist table td { padding: 0.3em; border-top: 0.1em solid #fff; } #content #news .element_newslist table a { text-decoration: none; } #content #news .element_newslist table #Datum a:after { content:" des Eintrags"; } #content #news .element_newslist table th img { padding-top: 0em; vertical-align: middle; } /* 6.4.6. Modul Veranstaltungskalender ----------------------------------------- */ #content #kalender { padding-top: 1.5em; padding-left: 3em; padding-right: 1em; display: inline-block; } /* ------------------ Veranstaltungskalender - Übersicht ----------------------- */ #content #vk #uebersicht #kalender, #content #vk #uebersicht #daten { float: none; width: auto; } #content #vk #uebersicht #daten a { padding-left: 1.5em; margin-top: 0.5em; background: transparent url('/city_data/images/3/6/1063/orig_6x13.gif') top left no-repeat; float: left; clear: both; } #content #vk #uebersicht .dwa_kalender_legend div.heute, #content #vk #uebersicht .dwa_kalender_legend div.termin { float: left; width: 40%; margin-top: -29%; margin-left: 9%; display: inline-block; } /* IE 6 hack */ *html #content #vk #uebersicht .dwa_kalender_legend div.heute, *html #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-left: 0em; margin-top: 0; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_kalender_legend div.heute, *:first-child + HTML #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-left: 5%; margin-top: 0; } #content #vk #uebersicht .dwa_kalender_legend div.termin { width: 40%; margin-top: -23%; } /* IE 6 hack */ *html #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-top: -0.4em; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-top: 0.4em; } #content #vk #uebersicht .dwa_selectdate { float: none; width: 48% !important; text-align: center; } #content #vk #uebersicht .dwa_date, #content #vk #uebersicht .dwa_kalendertable { display: inline-block; width: 43%; text-align: center; padding: 0.5em 0.5em; margin: 0; } #content #vk #uebersicht .dwa_date { float: left; margin-top: 1em; clear: both;} #content #vk #uebersicht .dwa_kalendertable { float: left; clear: both; } #content #vk #uebersicht .dwa_navigation_element { display: inline; width: 45%; float: left; clear: both; text-align: center; padding: 0.5em 0; } #content #vk #uebersicht .dwa_v_kalender_list div.dwa_navigation_element { display: block; width: 100%; text-align: left; padding: 0 0 1em 0; font-weight: bold; } #content #vk #uebersicht #daten { display: inline; } #content #vk #uebersicht #daten div.dwa_v_kalender_suche { position: absolute; display: inline; width: 21em; margin-top: -8.2em; margin-left: 26.7em; z-index: 10;} /* IE 6 hack */ *html #content #vk #uebersicht #daten div.dwa_v_kalender_suche { display: inline-block; width: 45%; position: absolute; margin-top: -8.2em; margin-left: 24.2em; z-index: 10; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht #daten div.dwa_v_kalender_suche { display: inline; margin-top: -9.2em; margin-left: 27.8em; z-index: 10; } #content #vk #uebersicht #daten div.dwa_v_kalender_suche .element_label { margin-bottom: 0.5em;} #content #vk #uebersicht div.dwa_v_kalender_suche div { display: inline; float: none; clear: both; } #content #vk #uebersicht div.dwa_v_kalender_suche input { color: #000; font-weight: normal; font-family: arial;} #content #vk #uebersicht .dwa_v_kalender_list .nbspdiv { display: none; } #content #vk #uebersicht .dwa_v_kalender_list .label_bezeichnung { } #content #vk #uebersicht .dwa_v_kalender_list .suchparam { } #content #vk #uebersicht .dwa_v_kalender_list .dwa_navigation_element { text-align: left; padding: 0 0.5em 0 2.5em; } #content #vk #uebersicht .dwa_v_kalender_list table { margin: 1em 0; empty-cells: hide; border-spacing: 0px; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_v_kalender_list table { border-collapse: collapse; } #content #vk #uebersicht .dwa_v_kalender_list table caption { display: none; } #content #vk #uebersicht .dwa_v_kalender_list table th, #content #vk #uebersicht .dwa_v_kalender_list table td { padding: 0.3em; color: #000; vertical-align: top; } #content #vk #uebersicht .dwa_v_kalender_list table td { border-top: 1px solid #fff; } #content #vk #uebersicht .dwa_v_kalender_list table th a, #content #vk #uebersicht .dwa_v_kalender_list table td a { text-decoration: none; display: block; } #content #vk #uebersicht .dwa_v_kalender_list table th img { vertical-align: middle; } #content #vk #uebersicht .dwa_v_kalender_list table th#Datum { width: 6.5em; } /* ------------------ Veranstaltungskalender - Detailansicht ------------------- */ #content #vk #veranstaltung_details #kalender, #content #vk #veranstaltung_details #daten { float: none; width: auto; } #content #vk #veranstaltung_details #daten { width: 50%; float: left; margin-top: -1em; display: block; } #content #vk #veranstaltung_details #kalender { width: 46%; float: right; margin: 0; padding: 0; display: block; } #content #vk #veranstaltung_details #daten div .element_label { padding-bottom: 0.5em !important; float: none !important; clear: both !important; } #content #vk #bilder { display: block; width: 100%; } #content #vk #bilder #bild1 { float: left; width: auto; } #content #vk #bilder #bild1 .element_picture img { padding-left: 0; margin-right: 1em; } #content #vk #bilder #bild2 { float: right; } #content #daten { float: left; display: inline-block; } #content #daten .beschreibung { width: 100%; } #content #daten br { line-height: 0.2em; } #content #vk #veranstaltung_details .dwa_eventdate .simplefloatl { display: none; } #content #vk #veranstaltung_details .dwa_zeit, #content #vk #veranstaltung_details .element_eventlocation { float: none; clear: both; margin-top: 1em; } #content #vk #veranstaltung_details .element_eventlocation { padding-top: 1em; } #content #vk #veranstaltung_details .dwa_homepage .element_label, #content #vk #veranstaltung_details .dwa_zeit .element_label, #content #vk #veranstaltung_details .element_eventlocation .element_label, #content #vk #veranstaltung_details .element_eventorganizer .element_label { float: left; margin: 0; } #content #vk #veranstaltung_details .element_eventlocation .lable_text, #content #vk #veranstaltung_details .element_eventorganizer .lable_text, #content #vk #veranstaltung_details .element_eventlocation a, #content #vk #veranstaltung_details .element_eventorganizer a { float: none; clear: both; } #content #vk #veranstaltung_details .element_eventlocation .contactdata, #content #vk #veranstaltung_details .element_eventorganizer .contactdata {} #content #vk #veranstaltung_details .element_eventlocation .contactdata .contactdata, #content #vk #veranstaltung_details .element_eventlocation .contactdata .lable_text, #content #vk #veranstaltung_details .element_eventlocation .contactdata .lable_text a, #content #vk #veranstaltung_details .element_eventorganizer .contactdata .contactdata, #content #vk #veranstaltung_details .element_eventorganizer .contactdata .lable_text, #content #vk #veranstaltung_details .element_eventorganizer .contactdata .lable_text a { margin-left: 0em; } #content #vk #veranstaltung_details .element_eventlocation .hr, #content #vk #veranstaltung_details .element_eventorganizer .hr {} #content #vk #veranstaltung_details .element_label { margin-top: 1em; } #content #vk #veranstaltung_details .element_address, #content #vk #veranstaltung_details .element_address a { display: inline-block; width: 100%; } /* IE 6 hack */ *html #content #vk #veranstaltung_details .element_address a { } #content #vk #veranstaltung_details .element_address .contactdata_button { float: left; } #content #vk #veranstaltung_details .element_address .contactdata_text { float: left; clear: right; white-space: nowrap; } #content #vk #veranstaltung_details .dwa_date, #content #vk #veranstaltung_details .dwa_kalendertable { display: inline-block; width: 80%; text-align: center; padding: 0.5em; margin: 0; } #content #vk #veranstaltung_details div.dwa_date { float: none; } #content #vk #veranstaltung_details .dwa_navigation_element { display: inline-block; width: 75%; text-align: center; padding-top: 0.3em; } /* IE 7 hack */ *:first-child + HTML #content #vk #veranstaltung_details .dwa_navigation_element { width: 21em; } #vk #veranstaltung_details .dwa_kalender_legend div.termin { margin-top: 0.4em; width: 100%; } #content form select, #content form option { font-weight: normal; background-color: #fff; color: #000; } #content #vk #veranstaltung_details .element_eventorganizer .element_address { clear: both; } #content #vk #veranstaltung_details .element_eventorganizer { float: none; clear: both; } #content #vk br + br { display: none; } /* ---------------- Veranstaltungskalender - Expertensuche --------------------- */ #content #vk #expertensuche form { padding: 1em; } #content #vk #expertensuche table caption { display: none; } #content #vk #expertensuche table td { font-weight: bold; } #content #vk #expertensuche table td.exsearch_themen_liste { font-weight: normal; } #content #vk #expertensuche table td div.nbspdiv { line-height: 0em; } /* 6.4.7. Modul Gästebuch ------------------------------------------------------ */ /* ------------------------ Gästebucheinträge anzeigen ------------------------- */ #content #gaestebuch_uebersicht p, #content #gaestebuch_uebersicht .dwa_selection {} #content #gaestebuch_uebersicht .dwa_selection img { vertical-align: middle; } #content #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag { padding: 0.5em 0; } #content #gaestebuch_uebersicht .gaestebuch_liste .gb_date { font-weight: bold; padding: 0.2em 0.5em; } #content #gaestebuch_uebersicht .gaestebuch_liste .gb_date img { vertical-align: middle; padding-left: 1em; } #content #gaestebuch_uebersicht .gaestebuch_message { padding-top: 0.2em; } #content #gaestebuch_uebersicht .comment { display: block; margin-top: 0.5em; } #content #gaestebuch_uebersicht .gb_comment_title, #content #gaestebuch_uebersicht .gb_comment_text { font-style: italic; padding: 0.2em; } #content #gaestebuch_uebersicht .gb_comment_text {} #content #gaestebuch_uebersicht .dwa_navigation {} /* ----------------- Gästebucheinträge erstellen und speichern ----------------- */ #content .guestbook_message {} #content .guestbook_form { list-style: none; } #content .guestbook_form * { vertical-align: top; padding-top: 0.2em; } #content .guestbook_form .guestbook_head { display: none; } #content .guestbook_form label { float: left; width: 10em; padding: 0.3em 1em 0.2em 0; } #content .guestbook_form #name, #content .guestbook_form #mail, #content .guestbook_form #captcha { width: 14.6em; } #content .guestbook_form textarea { width: 30em; } /* Micha */ #content .dwa_selection .hervortext{color:red} /* 6.4.8. Modul Galerie -------------------------------------------------------- */ /* ----------------------------- Galerieübersicht ------------------------------ */ #content #gallery_picture_overview { width: 90%; margin-left: 5%; } #content .picture_container { width: auto; display: inline-block; } #content .picture_row { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; } #content .picture_container { background-color: #e6edfa; } #content .picture_row li { width: 32%; float: left; text-align: center; margin: 0; padding: 0.5%; } #content .picture_row li .picture_element { width: 100%; float: left; } #content .picture_row li .picture_content { width: 100%; float: left; } #content .picture_row li img { border: 1px solid #ccd7fc; padding: 0; } #content .picture_row li a { color: black; font-weight: bold;} #content .picture_row li .picture_content br, #content #gallery_picture_overview .item_frame_top, #content #gallery_picture_overview .picture_frame_top, #content #gallery_picture_overview .item_frame_bottom, #content #gallery_picture_overview .picture_frame_bottom { display: none; } #content .row_frame_top, #content .row_frame_bottom { background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .row_frame_top { background-image: url('/city_data/images/3/6/72163/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom; } #content .row_frame_bottom { background-image: url('/city_data/images/4/6/72164/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;} /* gerade Zeile #content .even .row_frame_top, #content .even .row_frame_bottom { display: none; } #content .even .element_frame_top, #content .even .element_frame_bottom { display: compact; background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .even .element_frame_top { background-image: url('/city_data/images/8/6/71468/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom;} #content .even .picture_row { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; background-color: #fff;} #content .even .picture_row li { height: 100%; display: inline-block; background-color: #c4ebd6; padding: 0; margin: 0.5em; } #content .even .picture_row li .picture { margin: 0; padding-right: 0.4em; } #content .even .picture_row li .picture_element, #content .even .picture_row li .picture_content { width: 99%; border-left: 1px solid #007ec6; border-right: 1px solid #007ec6; margin: 0; padding: 0; } #content .even .picture_row li .picture img { border: 1px solid #007ec6; padding: 0; margin: 1em; margin-left: 1.4em; } #content .even .picture_row li .picture_content { width: 99%; margin-right: -0.2em; } #content .even .picture_row li .picture_title { min-height: 3.8em; } #content .even .picture_row li a { color: blue; font-weight: bold;} #content .even .element_frame_bottom { background-image: url('/city_data/images/7/6/71467/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;} */ /* dritte Zeile #content .row_3 .row_frame_top, #content .row_3 .row_frame_bottom { display: none; } #content .row_3 .picture_frame_top, #content .row_3 .picture_frame_bottom { display: compact; background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .row_3 .picture_frame_top { background-image: url('/city_data/images/4/6/71464/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom;} #content .row_3 .picture_row { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; background-color: #fff;} #content .row_3 .picture_row li { display: inline-block; background-color: #fff; padding: 0; margin: 0.5em; } #content .row_3 .picture_row li .picture_element { margin-left: -0.2em; } #content .row_3 .picture_row li .picture { margin: 0; background-color: #ccc; border-left: 1px solid #aaa; border-right: 1px solid #aaa;} #content .row_3 .picture_row li .picture img { border: 1px solid #aaa; padding: 0; margin: 1em; } #content .row_3 .picture_row li .picture_title { } #content .row_3 .picture_row li a { color: blue; font-weight: bold;} #content .row_3 .picture_frame_bottom { background-image: url('/city_data/images/5/6/71465/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;} #content #ga .page { float: none; clear: both; } */ /* --- TESTGALERIE - Übersicht --- */ #content .gallery_overview_list { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; } #content .gallery_overview_list li { width: 48%; float: left; text-align: center; margin: 0; padding: 1%; } #content .gallery_overview_list li .gallery_list_item { background-color: #e6edfa; display: inline-block; width: 100%; } #content .gallery_overview_list li .gallery_picture { width: 45%; float: left; padding: 0.5em; } #content .gallery_overview_list li .gallery_content { width: 50%; float: left; padding: 0.6em 0.25%; text-align: left; } #content .item_frame_top, #content .item_frame_bottom { background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .item_frame_top { background-image: url('/city_data/images/3/6/72163/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom; } #content .item_frame_bottom { background-image: url('/city_data/images/4/6/72164/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;} /* --- TESTGALERIE - Bilddetail --- */ #content .gallery_picture_detail {} #content #ga #bild { float: left; width: 65%; text-align: center; } #content #ga #bildoptionen { float: left; width: 35%; margin: 0; padding: 0; text-in} #content .gallery_picture_detail .picture_frame_top, #content .gallery_picture_detail .picture_frame_bottom { display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .gallery_picture_detail .picture_frame_top { background-image: url('/city_data/images/5/6/72165/orig_34x20.gif'); background-repeat: repeat-x; background-position: center bottom;} #content .gallery_picture_detail .picture_element { background-color: #e6edfa; border-left: 1px solid #ccd7fc; border-right: 1px solid #ccd7fc; } #content .gallery_picture_detail .picture img { padding: 0; margin: 1.5em 0 0.5em 0; border: 1px solid #ccd7fc; } #content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; font-weight: bold; } #content .gallery_picture_detail .picture_frame_bottom { background-image: url('/city_data/images/6/6/72166/orig_34x20.gif'); background-repeat: repeat-x; background-position: center top;} #content .gallery_picture_options_label { font-weight: bold; } #content .gallery_picture_options ul { margin: 0; } /* 6.4.9. Modul Branchenbuch --------------------------------------------------- */ /* ----------------------------- Eintragsformular ------------------------------ */ #content #bbForm { margin-top: 2em;} #content #bbForm #send1 span { line-height: 1.4em; } #content #bbForm #send1 input#send { line-height: 1.6em; text-align: center; margin-top: 0.3em; float: left; } /* ----------------------- Branchenbuchrubik - Übersicht ----------------------- */ #content #bb .dwa_rubrik_list {} #content #bb .dwa_rubrik_list .element_label { width: 96%; text-align: left; margin: 0; padding: 0.5em 1% 0.5em 3%; } #content #bb .dwa_rubrik_list table { width: 100%; border-collapse: collapse; } #content #bb .dwa_rubrik_list table caption { display: none; } #content #bb .dwa_rubrik_list table td { text-align: left; padding-left: 4em; border-top: 1px solid #fff; } #content #bb .dwa_rubrik_list table td a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-position: 0.5em 0.4em; background-repeat: no-repeat; text-decoration: none; font-weight: bold; margin: 0; padding: 0.4em 2em; display: block; } /* --------------------- Branchenbuchrubik - Baumstruktur ---------------------- */ #content #bb .dwa_rubrik_baum { padding: 1em; } #content #bb .dwa_rubrik_baum span a { line-height: 2em; width: 80%; } #content #bb .dwa_rubrik_baum span img { padding-top: 0em; vertical-align: middle; } /* ------------------------ Branchenbuchrubik - Detail ------------------------- */ #content #bb #rubrik_detail .dwa_rubrik_branchenbezeich { margin-top: 2em; } #content #bb #rubrik_detail .dwa_rubrik_firmen br {} #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title { border-bottom: 0 !important; text-align: left; padding: 0.4em 1%; font-weight: bold; display: block; } #content #bb #rubrik_detail .dwa_rubrik_firmen caption { display: none; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung { width: 100%; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung td { text-align: left; line-height: 1.6em; padding: 0.3em; border-top: 1px solid #fff; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .button img { padding: 0.1em 0.3em 0.3em 0.3em; float: left; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .homepage, #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .email { padding: 0; padding-top: 0.3em; margin: 0; vertical-align: top; width: 6%; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .telefon, #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .fax { white-space: normal; width: 12.2em; color: #000; font-weight: normal; vertical-align: top; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung { white-space: normal; vertical-align: top; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung a { text-decoration: none; white-space: normal; display: block; } /* ----------------------- Branchenbucheintrag - Detail ------------------------ */ #content #bb #eintrag_detail #daten_bild #daten, #content #bb #eintrag_detail #daten_bild #bild { background: ed; width: 48%; } #content #bb #eintrag_detail #daten_bild #daten .element_address { background: lue; width: 100%; display: inline-block; } #content #bb #eintrag_detail #daten_bild #daten .element_address hr.hr_adress_contact_start { width: 100%; height: 1px; background-color: #000 } #content #bb #eintrag_detail #daten_bild #daten .element_address hr.hr_adress_contact_end { display: none } #content #bb #eintrag_detail #daten_bild #bild { float: right; text-align: right; } #content #bb #eintrag_detail br { line-height: 0.5em; } #content #bb #eintrag_detail .dwa_eintrag_beschreibung .element_label { display: none; } #content #bb #eintrag_detail .element_label { font-weight: bold; } /* 6.4.10. Modul Müllabfuhrkalender -------------------------------------------- */ /* 6.4.11. Modul Feedbackformular ---------------------------------------------- */ #content #feedback .formfields { list-style: none; } #content #feedback .formfields label.feldbezeichnung { width: 15em; display: inline-block; text-align: right; } #content #feedback .formfields { border: 1px solid #ccc; padding: 1em; } /* IE 6 hack */ * HTML #content #feedback .formfields { margin-left: 0em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields { margin-left: 0em; } #content #feedback .formfields li {} #content #feedback .formfields li input { width: 40%; margin: 0.2em 0.75em; } #content #feedback .formfields li input#zusatz2 { margin: 0.2em 0.75em 0.2em 0; } /* IE 6 hack */ * HTML #content #content #feedback .formfields li input#email, #content #feedback .formfields li input#zusatz2 { margin-left: 1em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields li input#email, #content #feedback .formfields li input#zusatz2 { margin-left: 1em; } *:first-child + HTML #content #feedback .formfields li input#zusatz2 { margin-right: 0.75em; } #content #feedback input#i_1 { height: 1.2em; float: left; clear: both; margin-right: 0.5em; padding-left: 3em; text-indent: 2em; } /* IE 7 hack */ *:first-child + HTML #content #feedback input#i_1 { } #content #feedback #i_1, #content #feedback #i_2, #content #feedback #i_3, #content #feedback #i_4, #content #feedback #i_5, #content #feedback #i_6 { margin-left: 2em;} #content #feedback h4 { margin: 0.5em 0; } #content #feedback .captcha_img { margin: 1em 0; } #content #feedback .captcha_img img { padding: 0;} #content #feedback input#captcha { margin-left: 0.5em;} /* 6.4.13. Modul Google Map ---------------------------------------------------- */ /* -------------------------------- Objekt - Detail --------------------------------- */ #content #gmap #objekt_details .dwa_gmap_object_bezeichnung { font-weight: bold; } #content #gmap #objekt_details .element_address hr.hr_adress_contact_end { display: none;} #content #gmap .gmap_dimension { width: 100%; height: 35em; margin-bottom: 1em; } /* IE 7 hack */ *:first-child + HTML #content #gmap #objekt_details .dwa_gmap_object_bezeichnung { } /* IE 6 hack */ *html #content #gmap #objekt_details .dwa_gmap_object_bezeichnung { } /* ----------------------------- Kategorie - Übersicht ------------------------------ */ #content #gmap #kategorie_uebersicht .dwa_gmap_category .element_label { float: none; } #content #gmap #kategorie_uebersicht .dwa_gmap_category li { padding-right: 1em; } #content #gmap #kategorie_uebersicht h2.element_label { margin-top: 0.2em; } #content #gmap #kategorie_uebersicht .dwa_gmap_objectlist .element_label { float: none; } #content #gmap #kategorie_uebersicht ul { list-style: none; padding: 0; margin: 0; display: inline-block; } #content #gmap #kategorie_uebersicht li a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; background-position: left center; text-decoration: none; display: block; padding-left: 1.5em; padding: 0.2em 0 0.1em 1em; } #content #gmap #kategorie_uebersicht li a:hover { text-decoration: underline; } #content #gmap #kategorie_uebersicht table { width: 100%; } #content #gmap #kategorie_uebersicht table caption { display: none; } #content #gmap #kategorie_uebersicht table th, #content #gmap #kategorie_uebersicht table td { margin: 0; padding: 0.3em; } #content #gmap #kategorie_uebersicht table th#details {} #content #gmap #kategorie_uebersicht table td { border-top: 1px solid #fff; } #content #gmap #kategorie_uebersicht table td[abbr=details] {} #content #gmap #kategorie_uebersicht .gmap_object_nodata { clear: left; display: block; text-align: center; } /* ------------------------------ Kategorie - Detail -------------------------------- */ #content #gmap #kategorie_details .dwa_gmap_category .element_label { float: none; } #content #gmap #kategorie_details .dwa_gmap_category li { padding-right: 1em; } #content #gmap #kategorie_details h2.element_label { margin-top: 0.2em; } #content #gmap #kategorie_details .dwa_gmap_objectlist .element_label { float: none; } #content #gmap #kategorie_details ul { list-style: none; padding: 0; margin: 0; display: inline-block; } #content #gmap #kategorie_details li a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; background-position: left center; text-decoration: none; display: block; padding-left: 1.5em; padding: 0.2em 0 0.1em 1em; } #content #gmap #kategorie_details li a:hover { text-decoration: underline; } #content #gmap #kategorie_details table { width: 100%; } #content #gmap #kategorie_details table caption { display: none; } #content #gmap #kategorie_details table th, #content #gmap #kategorie_details table td { margin: 0; padding: 0.3em; } #content #gmap #kategorie_details table th#details {} #content #gmap #kategorie_details table td { border-top: 1px solid #fff; } #content #gmap #kategorie_details table td[abbr=details] {} #content #gmap #kategorie_details .gmap_object_nodata { clear: left; display: block; text-align: center; } /* ----------------------------- Objekt - Umkreissuche ------------------------------ */ #content #gmap #objekt_suche form { padding: 1%; width: 98%; } #content #gmap #objekt_suche form table td[abbr=radius] input { width: 3em; } /* 6.5. Formatierungen im rechten Bereich -------------------------------------- */ div#rechts { text-align: left; } #rechts a:link, #rechts a:link, #rechts a:visited, #rechts a:active { color: blue; font-weight: normal; text-decoration: none; } #rechts a:hover{ font-weight: normal; color: blue; text-decoration: underline; } #rechts #quicklinks {} #rechts #quicklinks h5, #rechts #teaser h5 { text-align: center; padding: 0.3em; margin: 0; border-bottom: 1px solid #fff; } #rechts #quicklinks h5 { border: none;} #rechts #space { height: 1em; }