#links #module_links { width: 20em; text-align: center !important; float: left; } #content #module_mitte, #content #module_rechts { width: 20em; text-align: center !important; float: left; } #content #module_mitte { margin-right: 1.5em; } /* IE 6 hack */ *html #links #module_links { width: 19em; } *html #content #module_mitte, *html #content #module_rechts { width: 19em; } *html #content #module_mitte { margin-right: 1.5em; } #links .modul, #content .modul { border: 1px solid #f1bb00; margin-bottom: 1em; width: 98%; } #links .modul .title, #content .modul .title { width: 100%; background-color: #9ec6ce; border-bottom: 1px solid #f1bb00; display: inline-block; } #links .modul .title h3, #content .modul .title h3 { margin: 0; padding: 0.5em 0; width: 100%; } #links .modul .content, #content .modul .content { width: 95%; padding: 1em 0.5em; text-align: center; background-color: #fff; } #content .modul .content .teaser, #content .modul .content .teaser_vk { margin: -1em 0; } #content .modul .content .teaser .teaser_element, #content .modul .content .teaser_vk .teaser_element { text-align: left; } #content .teaser .teaser_titledate, #content .teaser_vk .teaser_titledate { background-color: #; } #content .teaser .teaser_element, #content .teaser_vk .teaser_element { border-bottom: 1px solid #ddd; background-color: transparent !important; } /* IE 6 hack */ *html #logo { behavior: url('/city_data/css/dwa/iepngfix/iepngfix.htc'); } /* IE 6 hack */ *html #header { background-image: url('/city_data/images/8/0/77408/orig_998x285.jpg') !important; background-color: #f1bb00; } *html #topmenu div.menucontainer li.level_1 { background-image: none !important; } #links #video { margin-top: 4em;; height: 17.5em; padding-top: 3.5em; } #links #video h3 { margin-top: 0; margin-bottom: 0.5em; } #links #video a { outline: none; } #content #video { margin-top: 2em; } /* 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 2. Farbzuweisungen 2.1. Universale Farbzuweisungen für aC 2.2. Farbzuweisungen für den gesamten Webauftritt 2.2.1. Grundfarbe 2.2.2. Hoverfarbe 1 2.2.3. Hoverfarbe 2 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.2. Formatierungen im Kopfbereich 6.3. Formatierungen im linken Bereich 6.4. Formatierungen im Inhaltsbereich 6.4.1. Redaktionssystem - allg. Formatierungen 6.4.2. Volltextsuche 6.4.3. Modul Bürgerservice 6.4.4. Modul Rat 6.4.5. Modul News 6.4.6. Modul Veranstaltungskalender 6.4.7. Modul Gästebuch 6.4.8. Modul Galerie 6.4.9. Modul Branchenbuch 6.4.10. Modul Müllabfuhrkalender 6.4.11. Modul Feedbackformular 6.4.12. Mudul Grußkarten 6.4.13. Modul Forum 6.4.14. Modul Tourismus-Portal Unterkünfte 6.4.15. Modul Google Map 6.4.16. Externe Redakteure 6.4.17. CityMail 6.5. Formatierungen im rechten Bereich 6.6. Externe User Registrierung Start 1. GRUNDEINSTELLUNGEN ------------------------------------------------------- 1.1 allgemeine Systemeigenschaften ------------------------------------------ */ body { margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: center; } #logo, #links, #rechts, #content_wrapper, #content { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; } 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; } img.extlinkicon { vertical-align: top; margin: 0 0 0 0.3em; padding: 0; height: 1em; width: 1em; } img + img.extlinkicon { display: none; } div.tpl_div div { float: left; } .dwa_pager img, #vts .page img { vertical-align: middle; } div#logo div.menucontainer li a, div#links div.menucontainer li a { outline: none; } .inner_tsacontent { border:1px solid #ffcc00; padding:0.3em; background-color: #e1f4ff; } .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. */ div#content > div, div#rechts > div, div#links > div { font-size: 1.2em; } /* IE 6 Hack */ *html #acc { font-size: 1.1em; } h1, div#content h1.pagetitle { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5, #content #bs .element_department_tree div.auflistung_level_0 a { 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, *html div#content h1.pagetitle { 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; } div#links img, div#content img, div#rechts img { font-size: 0.833em; } /* IE 6 Hack */ *html #links img, *html #content img, *html #rechts img { font-size: 0.8em; } #logo div.menucontainer li a, #logo #suche form { font-size: 1.2em; } #links #video h3, #content #rs_sitemap h5 a { font-size: 1.1em; } /* IE 6 Hack */ *html #logo div.menucontainer li a, *html #logo #suche form { font-size: 1em; } *html #content #rs_sitemap h5 a, *html #links #video h3 { font-size: 0.96em; } div#links *, div#content *, #links div.menucontainer li a, #rechts div.menucontainer li a { font-size: 1em; } /* IE 6 Hack */ *html div#links *, *html div#content *, *html #links div.menucontainer li a, *html #rechts div.menucontainer li a { font-size: 1em; } /* IE 6 Hack */ *html div#links *, *html div#content *, *html #links div.menucontainer li a, *html #rechts div.menucontainer li a { font-size: 1em; } #links #acc { font-size: 1.3em;} #links #acc a { font-size: 1em;} /* IE 6 Hack */ *html #links #acc { font-size: 1.1em; } #content h2.element_label { font-size: 1em; } #links div.fontsize a.smallerfont { font-size: 1.3em; } #links div.fontsize a.normalfont { font-size: 1.7em; } #links div.fontsize a.biggerfont { font-size: 2.1em; } #content .teaser .teaser_titel, #content .teaser_vk .teaser_titel { font-size: 1em; } .teaser .teaserdate, .teaser_vk .teaserdate, .teaser .element_address, .teaser_vk .element_address { font-size: 0.91em; } /* 1.3. Seitenaufteilung ------------------------------------------------------- */ div#center { width: 100.4em auto; text-align: center; margin: 0; padding: 0; } div#inner_center { width: 99.8em; margin-bottom: 1em; display: inline-block; } div#logo { width: 99.8em; height: 32.1em; margin: 0; padding: 0; float: left; } div#wrapper_unten { width: 99.8em; display: inline-block; } div#links { width: 23.7em; margin: 0; padding: 1.5em 0 0 2.3em; float: left; } div#content_wrapper { width: 73.8em; margin: 0; padding: 0; float: right; } div#content { width: 50.0em; padding: 2em; padding-top: 1.5em; margin: 0; float: left; min-height: 55em; } div#rechts { width: 19.8em; padding: 0; margin: 0; margin-top: 0em; float: right; } /* IE 6 hack */ *html div#center { width: 80.4em auto; } *html div#inner_center { width: 79.8em; } *html div#logo { width: 79.8em; height: 25.8em; } *html div#wrapper_unten { width: 79.8em; } *html div#links { width: 19em; padding: 1.2em 0 0 1.8em; } *html div#content_wrapper { width: 58.9em; } *html div#content { width: 40em; padding: 1.5em; padding-top: 1.2em; height: auto !important; height: 45em; } *html div#rechts { width: 15.7em; } /* 2. Farbzuweisungen ---------------------------------------------------------- */ /* 2.1. Universale Farbzuweisungen für aC -------------------------------------- */ #content .dwa_kalender .dwa_kalendertable th, #content .dwa_kalender .dwa_kalendertable td.woche { border: 1px solid #ddd; background-color: #ddd; color: #000; } #content .dwa_kalender .dwa_kalendertable .So, #content #gaestebuch_uebersicht .comment { background-color: #eee; color: #000; border: 1px solid #ddd; } #content .dwa_kalender .dwa_kalendertable .termin { background-color: #ccc; color: #000; border: 1px solid #aaa; } #content .dwa_kalender .dwa_kalendertable .ohne { background-color: #fff; color: #000; border: 1px solid #eee; } /* 2.2. Farbzuweisungen für den gesamten Webauftritt --------------------------- */ html body, #center { background-image: none; background-color: #8ac3cf; } #inner_center { background-image: none; background-color: #fff; border: 0.1em solid #0dadcf; margin: 1em 0;} div#wrapper_unten, #content_wrapper { background-color: #eee; } #suche { background-color: #0dadcf; } #logo a, #logo a:visited, #content a, #content a:visited, #rechts a, #rechts a:visited { color: #000; } #links a, #links a:visited { color: #000; } #content #rs_sitemap h5 a, #content #rs_sitemap h5:hover a { color: #000; } #topmenu div.menucontainer li a, #topmenu div.menucontainer li a:visited { color: #464646; } #links #video h3, #topmenu div.menucontainer li:hover a, #topmenu div.menucontainer li:hover a:visited { color: #fff; } #content .dwa_kalender .dwa_kalendertable .heute a, #content .dwa_kalender .dwa_kalender_legend .heute span.heute { border: 1px solid #e67200; } /* 2.2.1. Grundfarbe 1: #0dadcf ------------------------------------------------ */ #acc li a:link, #acc li a:visited, #links #quicklinks h3, #content .dwa_kalender .dwa_date, #content #bs .element_departmentlist th, #content #bs #vorgang_uebersicht .element_label, #content #bs .element_department_tree .element_label, #content #bs .contactdata th, #content #bs #unterlage_uebersicht th, #content #bs #element_departmentcontact .contactdata th, #content #news .element_newslist th, #content #bb .dwa_rubrik_list th, #content #bb .dwa_eintrag_list th, #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title, #content #bb #rubrik_detail .dwa_rubrik_firmen .tablehead, #content #rat .dwa_rat_fraktion_chairman table th, #content #rat .dwa_rat_fraktion table th, #content #rat .dwa_rat_ausschuss table th, #content #rat .dwa_rat_ausschuss_chairman table th, #content #rat .dwa_rat_ausschuss_perm table th, #content #rat .dwa_rat_ausschuss_nonperm table th, #content #rat .dwa_ratsmitglied_auflistung .auflistung th, #content #rat #daten .dwa_v_kalender_list .auflistung th, #content #rat .dwa_rat_fraktion table th.head, #content #rat .dwa_rat_ausschuss table th, #content #vk #uebersicht .dwa_v_kalender_list table th, #content .dwa_kalender .dwa_kalendertable .heute a, #content #fo .forums_table_overview th.forums_th, #content #fo .authorName, #content #fo .written, #content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label, #content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label label, #content #gmap #kategorie_uebersicht table th, #content #gmap #objekt_suche .dwa_gmap_searchresult th, #content #tp .dwa_hotel_list table th, #content #mak #abfuhrbezirke table td u, #content #ll .lifesituationlist li.auflistung_ueberschrift, #content #ll .lifesituationlist li.auflistung_ueberschrift a, #rechts #right_newsteaser_title, #rechts #right_vkteaser_title, #rechts #modul #titel { background-color: #0dadcf; color: #000; } #acc li a:link, #acc li a:visited, #links #quicklinks, #content table.auflistung, #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 #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 #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 #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 #0dadcf; } #content .dwa_kalender .dwa_kalendertable, #content #vts .dwa_record_list, #content #bs #vorgang_uebersicht, #content #news .element_newslist table th, #content #fo #forums_profile fieldset, #content #fo #register fieldset, #content #fo .info, #content #rs_oeffnungszeiten th { border-bottom: 1px solid #0dadcf; } #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 #0dadcf; } #content .dwa_kalender .dwa_kalendertable, #content #vts .dwa_record_list, #content #bs #vorgang_uebersicht .auflistung_text, #content #fo .text { border-left: 1px solid #0dadcf; border-right: 1px solid #0dadcf; } #content #bb #rubrik_detail .dwa_rubrik_firmen tr, #content #fo .info { border-left: 1px solid #0dadcf; } #content #daten hr { height: 1px; color: #0dadcf; } #content .dwa_kalender .dwa_kalendertable .termin a, #content .dwa_kalender .dwa_kalendertable .So a, #content .dwa_kalender .dwa_kalendertable .termin a { background-color: #0dadcf; color: #fff; } #content .dwa_kalender .dwa_kalender_legend .termin a { background-color: #0dadcf; color: #0dadcf; } #content #rs_sitemap #bf_1, #content #rs_sitemap #bf_2, #content #rs_sitemap #bf_3, #content #rs_sitemap #bf_4, #content #rs_sitemap #bf_5, #content #rs_sitemap #bf_6 #content #rs_sitemap #bf_7 { border-color: #0dadcf; } /* 2.3.2. Hoverfarbe 1: #efeeec ------------------------------------------------ */ #acc li a:hover, #acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active, #links #quicklinks div.menucontainer li.level_1 a, #links #quicklinks div.menucontainer li.level_1 a:hover, #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 #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_rat_ausschuss table th.headline:hover, #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 #objekt_suche .dwa_gmap_searchresult tr, #content #tp .dwa_hotel_list table tr, #content #mak #abfuhrbezirke table tr { background-color: #efeeec; color: #000; } #content .dwa_kalender .dwa_kalender_legend .heute span.heute { color: #efeeec; } /* 2.3.3. leicht abgedunkelte Hoverfarbe: #efeeec ------------------------------ */ #content #rs_oeffnungszeiten th, #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 ----------------------------- */ #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 #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: #ffffff ------------------------------------------------ */ #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 #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 #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 #objekt_suche .dwa_gmap_searchresult tr:hover, #content #mak #abfuhrbezirke table tr:hover, #content #mak #abfuhrbezirke form table tr { background-color: #fff; } #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;} /* 3. Hintergrundbilder -------------------------------------------------------- */ /* 3.1. Hintergrundbilder für den gesamten Webauftritt ------------------------- */ div#center { background: url('/city_data/images/8/3/77238/orig_10x1150.jpg'); background-position: left -2em; background-repeat: repeat-x; } #content_wrapper { background-image: url('/city_data/images/4/4/77244/orig_1000x10.gif'); background-position: 54em top; background-repeat: repeat-y; } /* IE 6 hack */ *html #content_wrapper { background-position: 43em top; } #header { background-image: url('/city_data/images/2/4/77242/orig_998x340.jpg'); background-position: left top; background-repeat: no-repeat; } #topmenu div.menucontainer li.level_1 { background-image: url('/city_data/images/9/7/77379/orig_190x285.png'); background-position: left top; background-repeat: no-repeat; } /* IE 6 hack */ *html #topmenu div.menucontainer li.level_1 { background-image: none; } #topmenu div.menucontainer li.item_1:hover { background-image: url('/city_data/images/1/5/77251/orig_190x340.png'); background-position: left top; background-repeat: no-repeat; } #topmenu div.menucontainer li.item_2:hover { background-image: url('/city_data/images/3/5/77253/orig_190x340.png'); background-position: left top; background-repeat: no-repeat; } #topmenu div.menucontainer li.item_3:hover { background-image: url('/city_data/images/2/5/77252/orig_190x340.png'); background-position: left top; background-repeat: no-repeat; } #topmenu div.menucontainer li.item_4:hover { background-image: url('/city_data/images/9/4/77249/orig_190x340.png'); background-position: left top; background-repeat: no-repeat; } #other_links div.menucontainer li.item_1 { background-image: url('/city_data/images/6/6/77266/orig_107x93.gif'); background-position: left top; background-repeat: no-repeat; background-color: #efefef; } #other_links div.menucontainer li.item_1:hover { background-image: url('/city_data/images/7/6/77267/orig_107x93.gif'); background-position: left top; background-repeat: no-repeat; background-color: #f8f8f8; } #other_links div.menucontainer li.item_2 { background-image: url('/city_data/images/8/6/77268/orig_107x93.gif'); background-position: left top; background-repeat: no-repeat; background-color: #dfdfdf; } #other_links div.menucontainer li.item_2:hover { background-image: url('/city_data/images/9/6/77269/orig_107x93.gif'); background-position: left top; background-repeat: no-repeat; background-color: #e8e8e8; } #other_links div.menucontainer li.item_3 { background-image: url('/city_data/images/8/2/78128/orig_107x93.gif'); background-position: left top; background-repeat: no-repeat; background-color: #d0d0d0; } #other_links div.menucontainer li.item_3:hover { background-image: url('/city_data/images/0/3/78130/orig_107x93.gif'); background-position: left top; background-repeat: no-repeat; background-color: #d8d8d8; } #links div.menucontainer li.level_1 a, #links div.menucontainer li.level_1 a:visited { background-image: url('/city_data/images/3/7/77273/orig_9x19.jpg'); background-repeat: no-repeat; background-position: left center; } #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/2/7/77272/orig_9x19.jpg'); background-repeat: no-repeat; background-position: left center; } #links div.menucontainer li.level_2 a, #links div.menucontainer li.level_2 a:visited { background-image: url('/city_data/images/4/7/77274/orig_10x19.jpg'); background-repeat: no-repeat; background-position: 1.5em center; } #links div.menucontainer li.level_2 a:hover, #links div.menucontainer li.level_2 a.item_active, #links div.menucontainer li.level_2 a.item_parent_active { background-image: url('/city_data/images/5/7/77275/orig_10x19.jpg'); background-repeat: no-repeat; background-position: 1.5em center; } #links #video { background-image: url('/city_data/images/6/7/77276/orig_200x233.png'); background-repeat: no-repeat; background-position: top left; } /* 4. Menugestaltung ----------------------------------------------------------- */ .menucontainer ul { list-style: none; margin: 0; padding: 0; } /* 4.1. Topmenu ---------------------------------------------------------------- */ #logo #topmenu .extlinkicon { display: none; } #logo #topmenu { height: 28.5em; width: 67.8em; } #logo #topmenu div.menucontainer { width: 100%; } /* IE 6 hack */ *html #logo #topmenu { height: 22.8em; width: 54.4em; } #logo #topmenu div.menucontainer li.level_1 { text-align: center; float: left; width: 19em; height: 28.5em; margin: 0; padding: 0; } /* IE 6 hack */ *html #logo #topmenu div.menucontainer li.level_1 { width: 15.2em; height: 22.8em; } #logo #topmenu div.menucontainer li.item_2, #logo #topmenu div.menucontainer li.item_3, #logo #topmenu div.menucontainer li.item_4 { margin-left: -2.8em; } /* IE 6 hack */ *html #logo #topmenu div.menucontainer li.item_2, *html #logo #topmenu div.menucontainer li.item_3, *html #logo #topmenu div.menucontainer li.item_4 { margin-left: -2.2em; } #logo #topmenu div.menucontainer li.level_1 a, #logo #topmenu div.menucontainer li.level_1 a:visited, #logo #topmenu div.menucontainer li.level_1 a:hover, #logo #topmenu div.menucontainer li.level_1 a.item_active { text-align: center; font-weight: bold; margin: 0 2.5em; padding: 4.5em 2em; margin-top: 11em; height: 2.5em; display: block; outline: none; } /* IE 6 hack */ *html #logo #topmenu div.menucontainer li.level_1 a, *html #logo #topmenu div.menucontainer li.level_1 a:visited, *html #logo #topmenu div.menucontainer li.level_1 a:hover, *html #logo #topmenu div.menucontainer li.level_1 a.item_active { margin: 0 2.0em; padding: 3.8em 2.2em; margin-top: 11em; height: 2.0em; } #logo #other_links { margin: 0; margin-top: 19.5em; } #logo #other_links div.menucontainer { width: 32em; background-color: #d0d0d0; } /* IE 6 hack */ *html #logo #other_links { margin-top: 15.6em; } *html #logo #other_links div.menucontainer { width: 25.4em; } #logo #other_links div.menucontainer li { text-align: center; float: left; width: 10.666em; height: 9em; } /* IE 7 Hack */ *:first-child+html #logo #other_links div.menucontainer li { width: 33%; } /* IE 6 Hack */ *html #logo #other_links div.menucontainer li { width: 33%; height: 7.2em; } #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 { text-align: center; font-weight: bold; padding-bottom: 0.5em; display: block; padding-top: 6em; outline: none; } /* IE 6 Hack */ *html #logo #other_links div.menucontainer li.level_1 a, *html #logo #other_links div.menucontainer li.level_1 a:visited, *html #logo #other_links div.menucontainer li.level_1 a:hover, *html #logo #other_links div.menucontainer li.level_1 a.item_active { padding-bottom: 0.4em; padding-top: 6em; } /* 4.2. Menu Links ------------------------------------------------------------- */ #links div.menucontainer { margin: 0; margin-top: 5em; padding: 0; } #links div.menucontainer li a { padding: 0; margin: 0; display: block; } #links div.menucontainer li.level_1 a, #links div.menucontainer li.level_1 a:visited, #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 { text-decoration: none; font-weight: normal; margin: 0; padding: 0.5em 0.5em 0.5em 1.4em; display: block; } #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, #links div.menucontainer li.level_2 a.item_parent_active { padding: 0.5em 0.5em 0.5em 2.8em; } #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, #links div.menucontainer li.level_3 a.item_parent_active { padding: 0.5em 0.5em 0.5em 4.2em; background-position: 3em center; } #links div.menucontainer li .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } /* 4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */ #content div.menucontainer li .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } #content #rs_sitemap h5 { margin: 0; font-size: 1em; } #content #rs_sitemap h5 .extlinkicon { display: none; } #content #rs_sitemap h5:hover { margin: 1em 0 0 0; font-size: 1em; } #content #rs_sitemap h5 a { margin: 1em 0 0 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 25%; width: 75%; font-weight: bold; font-style: italic; border: 1px solid #d8d7d5; display: block; } #content #rs_sitemap h5 a:hover { display: block; text-decoration: none; } #content #rs_sitemap div.menucontainer { border-bottom: 1px solid #d8d7d5; } #content #rs_sitemap li a { 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-left: 1px solid #d8d7d5; border-right: 1px solid #d8d7d5; font-weight: bold; margin: 0; padding: 0.4em 0; display: block; } #content #rs_sitemap li a:hover { text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; margin: 0; padding: 0.4em 0; display: block; } #content #rs_sitemap div.menucontainer li.level_1 a, #content #rs_sitemap div.menucontainer li.level_1 a:hover { padding-left: 30%; width: 70%; background-position: 27% 0.3em; } #content #rs_sitemap div.menucontainer li.level_2 a, #content #rs_sitemap div.menucontainer li.level_2 a:hover { padding-left: 35%; width: 65%; background-position: 32% 0.3em; } #content #rs_sitemap div.menucontainer li.level_3 a, #content #rs_sitemap div.menucontainer li.level_3 a:hover { padding-left: 40%; width: 60%; background-position: 37% 0.3em; } #content #rs_sitemap div.menucontainer li.level_4 a, #content #rs_sitemap div.menucontainer li.level_4 a:hover { padding-left: 45%; width: 55%; background-position: 42% 0.3em; } #content #rs_sitemap div.menucontainer li.level_5 a, #content #rs_sitemap div.menucontainer li.level_5 a:hover { padding-left: 50%; width: 50%; background-position: 47% 0.3em; } /* 4.4. Menu Rechts ------------------------------------------------------------ */ #rechts div.menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } #rechts div.menucontainer { margin-bottom: 1em; } #rechts div.menucontainer li a, #rechts div.menucontainer li a:visited, #rechts div.menucontainer li a:hover, #rechts div.menucontainer li a.item_active { text-decoration: none; font-weight: bold; color: #000; border-bottom: 1px solid #ffffff; margin: 0; padding: 0.2em 0; display: block; } #rechts div.menucontainer li.level_1 a, #rechts div.menucontainer li.level_1 a:visited, #rechts div.menucontainer li.level_1 a:hover, #rechts div.menucontainer li.level_1 a.item_active { padding: 0.4em 0 0.4em 1em; } #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.4em 0 0.4em 1.5em; } #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.4em 0 0.4em 2.5em; } #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.4em 0 0.4em 3.5em; } /* 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 #ffffff; border-bottom: 1px solid #ffffff; color: #000; } #links #left_newsteaser_title a, #rechts #right_newsteaser_title a { color: #000000; } #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 { } #links #left_vkteaser_title, #rechts #right_vkteaser_title { text-align: center; padding: 0.3em 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #000; } #links #left_vkteaser_title a, #rechts #right_vkteaser_title a { color: #000000; } #links .teaser_vk hr, #rechts .teaser_vk hr { display: none; } #links .teaser_vk .teaser_element, #rechts .teaser_vk .teaser_element { padding: 0.5em; padding-top: 0em; } #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-bottom: 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: left; 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 br { display: none; } #content .teaser .teaser_element { margin: 0.1em 0 0.4em 0; width: 100%; } #content .teaser .teaser_titledate { width: 100%; } #content .teaser .teaser_titel { font-weight: bold; text-align: left !important; margin: 0; padding: 0.3em; width: 95%; } #content .teaser .teaserdate { font-weight: normal; padding: 0 0.5em; float: right; } #content .teaser .wrapper { display: inline-block; padding: 0; margin: 0; width: 100%; } #content .teaser img.teaserimg { margin: 0; padding: 0.8em 0.5em 0.8em 1.3em; } #content .teaser .img_left { float: left; padding-right: 0.5em; } #content .teaser .img_right { float: right; padding-left: 0.5em; } #content .teaser .teasercontent { margin-left: 0em; padding: 0.5em; } #content .teaser .teasercontent .teasertext {} #content .teaser .teasercontent .teasertext span.teaser_more { text-align: left; margin-top: 0.5em; 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: 0.5em 1em 0.8em 1.3em; } #content .teaser_vk img.img_right { clear: both; float: right; padding: 0.8em 1.3em 0.8em 1em; } #content .teaser_vk .teaser_element { margin: 0.1em 0 0.4em 0; padding-bottom: 0.5em; display: inline-block; width: 100%; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { width: 100%; } } #content .teaser_vk .teaser_titel { float: none; font-weight: bold; text-align: left !important; margin: 0; padding: 0.3em 0.5em; width: 94%; } #content .teaser_vk .teaserdate { font-weight: normal; padding: 0 0.5em; float: right; text-align: right; } #content .teaser_vk .teaser_titledate { width: 100%; } #content .teaser_vk .teasertext { padding: 0.5em; text-align: left; display: inline-block; } #content .teaser_vk .teaser_element span.teaser_more { float: none; clear: both; display: block; padding-left: 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: block; padding: 1em 0; margin-left: 1em; } #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; } /* 6. allg. Formatierungen nach Position --------------------------------------- */ /* 6.1. Formatierungen ohne Positionsbezug ------------------------------------- */ #content h2.simplefloat1 { padding-right: 1em; margin-top: 0; float: left; } #content img.extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; float: none; clear: both; } /* 6.1.1. Access Key ----------------------------------------------------------- */ #acc { width: auto; text-align: left; margin: 0.5em; padding: 0 0 0 1.5em; line-height: 1.4em; display: block; } #acc li { text-align: center; margin: 0 0.3em 0.5em 0; padding: 0; border: 0px solid #6f6f6f; float: none; list-style: none; display: inline; } /* 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 { color: #000; background: #d5f1ff; padding: 0.3em 1em; width: 1.2em; border: 1px solid #305695; display: inline-block; text-decoration: none; } #acc li a:hover { color: #fff; background: #305695; font-weight: bold; } #acc li a:focus, #acc li a:active { color: #fffff2; background: #000080; font-weight: bold; } #acc .acc-n { border: 1px dotted #305695; padding: 0.3em 1em; width: 1.2em; color: #000; background: #fff; display: inline-block; } #acc li.acc-logo { border: 0; width: 6.3em; display: inline-block; } #acc .acc-logo a:link, #acc .acc-logo a:visited { padding: 0.3em 0.3em 0.3em 0.1em; width: 6.9em; display: inline-block; color: #ff0000; background: #fff; letter-spacing: 0; text-decoration: none; border: 1px solid #305695; } /* IE 7 Hack */ *:first-child+html #acc .acc-logo a:link, *:first-child+html #acc .acc-logo a:visited { width: 6.5em; } #acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active { background: #d5f1ff; text-decoration: underline; border: 1px solid #305695; } #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 #000; 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, #content .dwa_kalender .dwa_kalendertable .heute a { margin: -1px !important; vertical-align: middle !important; text-align: center; line-height: 2.1em; height: 100% !important; display: block; } #content .dwa_kalender .dwa_kalendertable .heute a { margin: 1px !important; vertical-align: middle !important; text-align: center; line-height: 2em; height: 2em !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 groove #000; background-color: #fff; } #quicksearch { padding: 0; padding-top: 0em; } #quicksearch form { margin: 0; padding: 0; } #quicksearch label { color: white; display: none; } #quicksearch input.element_search_input { border: 1px groove #000; background-color: #fff; color: #000; display: inline-block; float: none; width: 9.5em; margin-right: 0.2em; } #quicksearch button { border: 1px groove #000; background-color: #fff; color: blue; 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.2. Formatierungen im Kopfbereich ------------------------------------------ */ #logo a, a:link, a:visited, a:active { text-decoration: none; font-weight: bold; } #logo a:hover { text-decoration: underline; } /* ------------------- SEITENKOPF MIT ZUFALLSBILD MIT WAPPEN ------------------- */ #logo #header { width: 99.8em; height: 28.5em; padding: 0; margin: 0; } #logo #c2c_logo { position: absolute; margin-left: 69.7em; margin-top: 3.6em; } #logo #suche { width: 99.4em; padding: 0 0.2em; height: 2.8em; margin: 0.4em 0; } #logo #suche form { padding-top: 0.3em; } #logo #suche form * { color: #000; } #logo #suche input { width: 11em; margin-right: 0; } /* IE 6 hack */ *html #logo #c2c_logo { margin-left: 55.8em; margin-top: 2.9em; } *html #logo #header { width: 79.8em; height: 22.8em; } *html #logo #suche { width: 79.5em; padding: 0 0.2em; height: 2.3em; margin: 0.3em 0; } *html #logo #suche form { padding-top: 0.3em; } *html #logo #suche input { width: 10.5em; margin-right: 0.2em; } /* 6.3. Formatierungen im linken Bereich --------------------------------------- */ #links a, a:link, a:visited, a:active { text-decoration: none; font-weight: bold; } #links a:hover { text-decoration: underline; font-weight: bold; } /* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */ #content a, #content a:visited, #content a:active { color: #0dadcf; text-decoration: none; } #content a:hover { text-decoration: underline; } /* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */ #content #karte img { width: 55em; height: 58.6em; } /* -------------------------- 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: 90%; } #content #rs_oeffnungszeiten table.halb { width: 45%; } #content #rs_oeffnungszeiten td { width: 50%; } #content #rs_oeffnungszeiten th { text-align: center; } #content #rs_oeffnungszeiten th, #content #rs_oeffnungszeiten td { padding: 0.3em;} /* ---------------------------------- Bilder ----------------------------------- */ div#content img { padding: 0.3em; } /* -------------------------------- Seitentitel -------------------------------- */ div#content h1.pagetitle, div#content h1.fake_pagetitle { color: #e67200; font-weight: normal; font-style: italic; border-bottom: 0px solid #000; } /* --------------------------------- Adressen ---------------------------------- */ #content .element_address img { padding-top: 0; } #content .element_address div { float: none; } #content .element_address .lable { float: left; font-weight: bold; width: 5em; } #content .element_address .contactdata .lable { width: auto; } #content .element_address .contactinfo, #content .element_address hr { float: none; clear: both; margin: 0.2em 0; display; block; } #content .element_address .hr { height: 0; } #content .element_address .contactdata .lable { display: inline; float: left; clear: left; width: auto; } #content .element_address .contactdata .lablecontactperson .lable { display: inline; 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; } /* ------------------------------- Kontaktdaten -------------------------------- */ #content #daten_bild, #content #bild_daten { border: 1px solid #ddd; display: inline-block; } /* IE 7 Hack */ *:first-child+html #content #daten_bild { display: inline; } *:first-child+html #content #bild_daten { display: inline; } /* IE 6 hack */ *html #content #daten_bild { display: inline; } *html #content #bild_daten { display: inline; } #content #daten_bild #daten, #content #bild_daten #bild { float: left; padding: 0.5em; } #content #daten_bild #bild, #content #bild_daten #daten { float: left; clear: right; padding: 1em 1.5em 0 0; } #content #bild_daten #bild, #content #daten_bild #bild { display: inline; } #content #bild_daten #bild img, #content #daten_bild #bild img { padding: 1em; } #content #bild_daten #daten, #content #daten_bild #daten { display: inline-block; } /* IE 6 hack */ *html #content #bild_daten #daten { display: inline; } *html #content #daten_bild #daten { display: inline; } #content #details { width: 100%; } /* 6.4.2. Volltextsuche -------------------------------------------------------- */ /* -------------------------- Ausgabeseite Ergebnisse -------------------------- */ /* Volltextsuche */ #content #vts .searchfield { width: 50%; display: inline-block; padding-bottom: 0.5em; } #content #vts .searchfield input { float: left; width: 60%; margin-top: 0.1em; } #content #vts .searchfield button { width: 30%; } #content #vts .searchfield, #content #vts .searchfield div { margin-top: 0.5em; text-align: left; } #content #vts .page { display: inline-block; } #content #vts label {} #content #vts hr { display: none; } #content #vts .searchgap { height: 1em; } #content #vts .record { width: 100%; border: 1px solid #ddd; border-top: 0; display: inline-block; } #content #vts .summary { padding: 0.3em; border-top: 1px solid #ddd; } #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 #ddd; height: 1.8em; padding-top: 0.4em; } #content #vts .record .number { width: 5%; padding-left: 1%; } #content #vts .record .detaillink { width: 82%; padding-left: 1%; } #content #vts .record .scores, #content #vts .record .score { text-align: right; width: 10%; 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. Lebenslagen ---------------------------------------------------------- */ #content #ll .lifesituationlist, #content #ll .lifesituation_datasets { margin: 0; padding: 0; width: 100%; } #content #ll .lifesituationlist li, #content #ll .lifesituation_datasets li { list-style: none; margin: 0; padding: 0; } #content #ll .lifesituationlist li a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-position: 2.5em 0.4em; background-repeat: no-repeat; text-decoration: none; font-weight: bold; margin: 0; padding: 0.4em 4em; display: block; } #content #ll .lifesituationlist li.auflistung_ueberschrift a { background-image: none; padding: 0; } #content #ll .lifesituationlist li.auflistung_ueberschrift { background-image: none; text-decoration: none; font-weight: bold; margin: 0; padding: 0.5em 2em; display: block; } #content #ll .lifesituation_datasets li img { vertical-align: middle; } /* 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 { border: 0.1em solid #ddd; 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 table#standorte tr.adresse td, #content table#standorte tr.adresse th, #content table#standorte tr.kontakt td, #content table#standorte tr.kontakt th { padding-top: 0; } #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 #bs #element_employeeleader img { padding-right: 1em; float: left; } #content div#element_employeedata .contactdata, #content #bs #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: 5em; } #content #bs h2.element_label { margin: 1em 0 !important; width: auto !important } #content #bs h2.simplefloatl { margin: 0 !important; width: 12em !important; padding: 0.2em 1em 0 0 !important; float: left; } #content #bs #vorgang_uebersicht h2.element_label { margin: 0 !important; width: auto !important; margin-right: -0.2em !important;} #content #bs #mitarbeiter_detail #element_employeeroom .label_bezeichnung { width: auto; } #content #bs #mitarbeiter_detail #element_employeeroom br { display: none; } #content #bs #mitarbeiter_detail #element_employeeroom .element_address { margin: 0; padding: 0; margin-left: 5em; } #content #bs #mitarbeiter_detail #element_employeeroom .element_address .addresse_name { display: none; } #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_detail .element_address .addresse_name { display: none; } #content .zimmer .zimmer_etage h2 { display: none; } #content .element_address .addresse_name { font-weight: normal; } #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: middle; } #content .vorgang_amt .label_bezeichnung { padding-bottom: 0.5em; } #content .vorgang_amt .oeffnungszeiten { display: block; clear: both; width: 20em; padding-top: 1em; } #content .vorgang_amt .oeffnungszeiten .oeffnungszeiten_wtag { float: left; margin-bottom: 0.5em;} #content .vorgang_amt .oeffnungszeiten .oeffnungszeiten_time { text-align: right; clear: right; margin-bottom: 0.5em; } /* ------------------------------- Auswahlliste -------------------------------- */ #content div.az { text-align: center; } #content div.az span { padding: 0 0.2em; } /* ---------------------------------- Listen ----------------------------------- */ #content #bs #element_departmentcontact .element_label_content, #content #bs #zimmer_detail .element_zimmer_ansprechpartner table { width: 100%; } #content .element_departmentlist, #content #element_departmentcontact .contactdata th, #content #element_departmentcontact .contactdata td, #content #element_departmentcontact .contactdata td a, #content .auflistung_text {} #content #bs #element_departmentcontact table, #content #bs .element_departmentlist table, #content #bs #element_departmentcontact table, #content #bs #unterlage_uebersicht table { width: 100%; } #content #bs #unterlage_uebersicht th, #content #bs .element_departmentlist th { padding: 0.5em 0.3em; } #content #bs #unterlage_uebersicht td, #content #bs .element_departmentlist td { padding: 0.3em; border-top: 1px solid #fff; } #content #bs #unterlage_uebersicht th, #content #bs #unterlage_uebersicht td { padding-left: 2em; } #content #bs #vorgang_uebersicht .az { margin-bottom: 1em; } #content #bs #vorgang_uebersicht .element_label { margin: 0; width: 94%; padding: 0.5em 1% 0.5em 5%; } #content #bs #vorgang_uebersicht .auflistung_text { display: inline-block; clear: both; width: 94%; border-top: 0.1em solid #fff; padding: 0.3em 1% 0.3em 5%; } #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 0.5em 0 1.5em; display: block; float: left; } #content #rs_sitemap li a:hover { text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; margin: 0; padding: 0.4em 0; display: block; } #content #bs .element_departmentlist th, #content #bs .element_departmentlist td {} #content #bs table.contactdata caption { display: none; } #content #bs .element_departmentlist #Bezeichnung { width: 18em; } #content #bs .element_departmentlist th#Email { width: 2.5em; } #content #bs #element_departmentcontact .contactdata td ul { margin: 0; padding: 0; list-style-type: none; } #content #bs table.contactdata { width: 100%; } #content #bs table.contactdata th { border: 0; padding: 0.5em 0.3em; text-align: left; } #content #bs table.contactdata td { border-top: 1px solid #fff; padding: 0.3em; } #content #bs table.contactdata .button { width: auto; text-align: center; } #content #bs table.contactdata #name, #content #bs table.contactdata .label_text { width: 40%; } #content #bs table.contactdata #tel, #content #bs table.contactdata #fax, #content #bs table.contactdata .labeltel, #content #bs table.contactdata .labelfax { width: 25%; } #content #bs table.contactdata .button img, #content #bs table.contactdata .button input { padding-top: 0; padding-left: 0; vertical-align: middle; } #content #bs #employee_list td[headers=name], #content #bs #employee_list .tel_fax_mail_text, #content #bs table.contactdata .labeltel, #content #bs table.contactdata .labelfax { text-align: left; } #content #bs .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 #bs .element_departmentlist caption, #content #bs #element_departmentcontact .contactdata caption { display: none; } #content #bs #mitarbeiter_liste br { line-height: 0.5em; } #content #bs #vorgang_detail .beschreibung, #content #bs #vorgang_detail .beschreibung img { } /* --------------------------- Mitarbeiter - Detail ---------------------------- */ #content #bs #mitarbeiter_detail .simplefloatl { float: left; clear: left;} #content #bs #mitarbeiter_detail .element_label { margin: 0; padding: 0.2em 0; width: 16em; } #content #bs #mitarbeiter_detail .element_label_content { float: left; clear: right; display: block; padding-left: 0.5em; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table { padding: 0; margin: 0; border: 0; width: auto; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table th { display: none; padding: 0; margin: 0; border: 0; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table tr { background-color: transparent !important; padding: 0; margin: 0; border: 0; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td { padding: 0; border: 0; margin: 0; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td img { padding-top: 0em; vertical-align: middle; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content .detail_link { float: left; clear: right; width: auto; } #content #bs #mitarbeiter_detail #element_employeeservice .element_label_content .detail_link { float: none; clear: both; width: auto; } #content #bs #mitarbeiter_detail #element_employeedep { clear: both;} #content #bs *, #content #bs #details *, #content #bs #daten * {} #content #bs * table { border-spacing: 0 !important; } #content #bs #daten .element_address { display: block; } #content #bs #daten .element_address hr { width: 50%; margin: 0.3em 0; } #content #bs #daten .element_label { min-width: 5em !important; width: auto !important; } #content #bs .zimmer_etage .element_label, #content #bs .zimmer_gebaeude .element_label { width: 5em; float: left; padding-right: 1em; margin-top: 0; vertical-align: top; } #content #bs .zimmer_etage .element_label_content, #content #bs .zimmer_gebaeude .element_label_content { padding: 0; margin: 0; vertical-align: top; display: inline-block; } #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 .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_departmentservice .element_label, #content #bs .zimmer_etage .element_label, #content #bs #element_departmentopening .element_label {} #content #bs #element_departmentchief .contactdata_button, #content #bs #element_departmentchief .labelvcard { padding-right: em; margin-top: 0; float: left; } #content #bs #element_departmentchief { display: block; } #content #bs #element_departmentchief .label_text { float: left; clear: right; } #content #bs #element_departmentchief .contactdata_button { width: 2em; float: left; } #content #bs #element_departmentchief .contactdata_button input { padding-top: 0.4em; } #content #bs #element_departmentchief .labelvcard input { padding: 0.7em 0 0 0.2em; } #content #bs #element_departmentopening .beschreibung { width: 35em; margin-bottom: 1em; color: red;} #content #bs #element_departmentopening .element_label_content { padding-left: 1em; 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 #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 #element_departmentservice .element_label_content .overview_link { padding-top: 0em; } #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 .vorgang_dokument .vorgang_dokument img, #content #bs #element_departmentservice .detail_link img, #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; } #content #bs .vorgang_dokument .vorgang_dokument input, #content #bs #element_departmentservice .detail_link input, #content #bs #element_employeeservice .detail_link input, #content #bs #element_employeeleader .element_label_content input, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang input { padding-right: 0.3em; } #content #bs #element_departmentservice .label_bezeichnung { clear: both; } #content #bs #element_departmentservice a, #content #bs #element_departmentservice a input { padding-top: 0em; } #content #bs #element_departmentservice .element_label { padding-top: 0.2em; } #content #bs #amt_detail .simplefloatl { display: inline-block; float: left; clear: right; } #content #bs #amt_detail .element_label { width: 10em; padding: 0; margin: 0; } #content #bs #amt_detail .element_label_content { display: inline-block; } #content #bs #amt_detail #element_departmentchief .element_label { margin-top: 0.5em; } #content #bs #amt_detail .element_address { min-width: 18em;} #content #bs #amt_detail .element_address hr { min-width: 18em; } #content #bs #amt_detail .element_address div { float: none; } #content #bs #amt_detail .element_address .lable { float: left; font-weight: bold; width: 5em; } #content #bs #amt_detail .element_address .contactdata .lable { width: auto; } #content #bs .button img, #content #bs .vorgang_unterlage a img { vertical-align: middle; } /* 6.4.4. Modul Rat ------------------------------------------------------------ */ #content #rat .fraktion_farbe_1 { background-color: #000; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_1 a { border: 1px solid #000; } #content #rat .fraktion_farbe_129 { background-color: #ff0000; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_129 a { border: 1px solid #ff0000; } #content #rat .fraktion_farbe_4 { background-color: #ffcc00; color: #0000bb; font-weight: bold; } #content #rat .fraktion_farbe_4 a { border: 1px solid #ffcc00; } #content #rat .fraktion_farbe_3 { background-color: #00cc00; color: #000; font-weight: bold; } #content #rat .fraktion_farbe_3 a { border: 1px solid #00cc00; } #content #rat .fraktion_farbe_1 a, #content #rat .fraktion_farbe_129 a { color: #fff; } #content #rat .fraktion_farbe_3 a { color: #000; } #content #rat .fraktion_farbe_1:hover, #content #rat .fraktion_farbe_129:hover, #content #rat .fraktion_farbe_1 a:hover, #content #rat .fraktion_farbe_129 a:hover, #content #rat .fraktion_farbe_3 a:hover { color: #000; } #content #rat .fraktion_farbe_4 a, #content #rat .fraktion_farbe_4 a:hover { color: #0000bb; } #content #rat .dwa_rat_ausschuss table { margin-top: 1em; } #content #rat .fraktion_farbe_1:hover, #content #rat .fraktion_farbe_129:hover, #content #rat .fraktion_farbe_4:hover, #content #rat .fraktion_farbe_3:hover { background-color: #ddd; } #content #rat table { width: 100%; border-collapse: collapse; } #content #rat .dwa_kalendertable table { width: 100%; border-collapse: separate; } #content #rat table th, #content #rat table td, #content #rat table td img { margin: 0; padding: 0; } #content #rat div.fraktion_farbe_1, #content table#rat td.fraktion_farbe_1 { background-color: #000; color: #fff; border: 1px solid #000; } #content #rat div.fraktion_farbe_129, #content table#rat td.fraktion_farbe_129 { background-color: #ff0000; color: #fff; border: 1px solid #ff0000; } #content #rat div.fraktion_farbe_4, #content table#rat td.fraktion_farbe_4 { background-color: #ffcc00; color: #0000bb; border: 1px solid #ffcc00; } #content #rat div.fraktion_farbe_3, #content table#rat td.fraktion_farbe_3 { background-color: #00cc00; color: #000; border: 1px solid #00cc00; } #content table#rat td p { line-height: 0em; } #content #rat .fraktion div.fraktion_farbe_1:hover { color: #000; } #content #rat .fraktion div.fraktion_farbe_129:hover { color: #ff0000; } #content #rat .fraktion div.fraktion_farbe_4:hover { color: #0000bb; } #content #rat .fraktion div.fraktion_farbe_3:hover { color: #009900; } #content #rat .fraktion div:hover { background-color: #fff; } #content #rat table td.fraktion { padding: 0 !important; margin: 0 !important; } #content #rat table th.fraktion a, #content #rat table td.fraktion a { display: block; text-align: left; } #content #rat table td.fraktion div { display: block; padding: 0.3em; text-align: center; } #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: 7em; 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_nonperm table td { padding: 0.3em; border-top: 1px solid #fff; vertical-align: top; color: #000; } #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; } /* --------------------------- Mitgliederübersicht ----------------------------- */ #content #rat .dwa_ratsmitglied_auflistung .auflistung { border-collapse: collapse; } #content #rat .dwa_ratsmitglied_auflistung .auflistung caption { display: none; } #content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline img { padding: 0; vertical-align: middle; float: left; } #content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline a { vertical-align: middle; display: block; } #content #rat .dwa_ratsmitglied_auflistung .auflistung td { border-top: 1px solid #fff; } /* ---------------------------- Fraktionsübersicht ----------------------------- */ #content #rat .dwa_rat_fraktion table th.fraktion { padding: 0;} #content #rat .dwa_rat_fraktion table th.fraktion div { display: block; padding: 0.5em 0.3em; } /* ---------------------------- Fraktion - Detail ------------------------------ */ #content #rat .dwa_rat_fraktion_chairman caption, #content #rat .dwa_rat_fraktion caption { display: none; } #content #rat .dwa_rat_fraktion_chairman table th, #content #rat .dwa_rat_fraktion table th { padding: 0.5em 0.3em; } #content #rat .dwa_rat_fraktion_chairman table td, #content #rat .dwa_rat_fraktion table td { border-top: 1px solid #fff; } #content #rat #fraktion_detail .dwa_rat_fraktion { margin-top: -1.4em;} #content #rat .dwa_rat_fraktion_chairman table td.name, #content #rat .dwa_rat_fraktion table td.name { width: 15em auto; } #content #rat .dwa_rat_fraktion_chairman table td.funktion br, #content #rat .dwa_rat_fraktion table td.funktion br { line-height: 0; } #content #rat .dwa_rat_fraktion table td.headline { font-style: italic; } #content #rat .dwa_rat_fraktion table td.space { padding: 0; } #content #rat .dwa_rat_fraktion_chairman table td img, #content #rat .dwa_rat_fraktion table td img { padding-top: 0; vertical-align: middle; } #content #rat .dwa_rat_fraktion_chairman table th a, #content #rat .dwa_rat_fraktion_chairman table td a, #content #rat .dwa_rat_fraktion table th a, #content #rat .dwa_rat_fraktion table td a { text-decoration: none; } /* ----------------------------- Fraktionsmitglied ----------------------------- */ #content .fraktionsmitglied #daten .dwa_ratsmitglied_bezeichnung { font-weight: bold; } #content .fraktionsmitglied #daten .dwa_ratsmitglied_bezeichnung, #content .fraktionsmitglied #daten .dwa_ratsmitglied_strasse, #content .fraktionsmitglied #daten .dwa_ratsmitglied_ort {} #content .fraktionsmitglied #details .element_label, #content .fraktionsmitglied #daten .dwa_ratsmitglied_strasse .element_label { margin-bottom: 0; } #content .fraktionsmitglied #details .element_label { float: left; clear: both; display: inline-block; width: 12em; margin-top: 0; } #content .fraktionsmitglied #details .element_label_content { display: inline-block; } #content .fraktionsmitglied #details .element_label_content, #content .fraktionsmitglied #details .element_label_content .dwa_ausschuesse_item a, #content .fraktionsmitglied #details .dwa_ratsmitglied_fraktionen .element_label_content a {} #content .fraktionsmitglied #details .dwa_ratsmitglied_kontakt_beruf table, #content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate table { text-align: left; width: auto; } #content .fraktionsmitglied #details .dwa_ratsmitglied_kontakt_beruf .element_label_content img, #content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate .element_label_content img { padding-top: 0; width: auto; } #content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate a {} /* ---------------------------- Ausschuss Übersicht ---------------------------- */ #content #rat .dwa_rat_ausschuss caption { display: none; } #content #rat .dwa_rat_ausschuss table td.name, #content #rat .dwa_rat_ausschuss table td.funktion { width: 15em; } #content #rat .dwa_rat_ausschuss table td.funktion br { line-height: 0; } #content #rat .dwa_rat_ausschuss table th.ausschuss a { background-image: url('/city_data/images/7/8/87/orig_20x16.gif'); background-repeat: no-repeat; background-position: left 30%; text-decoration: none; margin: 0; padding: 0 0.5em 0 1.5em; display: block; } /* ---------------------------- Ausschuss - Detail ----------------------------- */ #content #rat .dwa_rat_ausschuss_chairman caption, #content #rat .dwa_rat_ausschuss_perm caption, #content #rat .dwa_rat_ausschuss_nonperm caption { display: none; } #content #rat .dwa_rat_ausschuss_chairman table th, #content #rat .dwa_rat_ausschuss_perm table th, #content #rat .dwa_rat_ausschuss_nonperm table th { padding: 0.5em 0.3em; border-bottom: 0.1em solid #fff; } #content #rat .dwa_rat_ausschuss_chairman table td, #content #rat .dwa_rat_ausschuss_perm table td, #content #rat .dwa_rat_ausschuss_nonperm table td { border-top: 1px solid #fff; } #content #rat .dwa_rat_ausschuss_perm, #content #rat .dwa_rat_ausschuss_nonperm { margin-top: -1.4em;} #content #rat .dwa_rat_ausschuss_chairman table td.name, #content #rat .dwa_rat_ausschuss_perm table td.name, #content #rat .dwa_rat_ausschuss_nonperm table td.name { width: 15em auto; } /* IE 7 hack */ *:first-child + HTML #content #rat .dwa_rat_ausschuss_nonperm table td.name { width: 37.5em; } #content #rat .dwa_rat_ausschuss_nonperm .element_label { display: none; } #content #rat .dwa_rat_ausschuss_chairman table td.fraktion, #content #rat .dwa_rat_ausschuss_perm table td.fraktion, #content #rat .dwa_rat_ausschuss_nonperm table td.fraktion { width: 7.5em; } #content #rat .dwa_rat_ausschuss_chairman table td.funktion br, #content #rat .dwa_rat_ausschuss_perm table td.funktion br, #content #rat .dwa_rat_ausschuss_nonperm table td.funktion br { line-height: 0; } #content #rat .dwa_rat_ausschuss_perm table td.headline, #content #rat .dwa_rat_ausschuss_nonperm table td.headline { font-style: italic; } #content #rat .dwa_rat_ausschuss_perm table td.space, #content #rat .dwa_rat_ausschuss_nonperm table td.space { padding: 0; } #content #rat .dwa_rat_ausschuss_chairman table td img, #content #rat .dwa_rat_ausschuss_perm table td img, #content #rat .dwa_rat_ausschuss_nonperm table td img { padding-top: 0; vertical-align: middle; } #content #rat .dwa_rat_ausschuss_chairman table th a, #content #rat .dwa_rat_ausschuss_chairman table td a, #content #rat .dwa_rat_ausschuss_perm table th a, #content #rat .dwa_rat_ausschuss_perm table td a, #content #rat .dwa_rat_ausschuss_nonperm table th a, #content #rat .dwa_rat_ausschuss_nonperm table td a { text-decoration: none; } /* ------------------------------ Sitzungskalender ----------------------------- */ #content #rat #kalender .dwa_kalender .dwa_date, #content #rat #kalender .dwa_kalender .dwa_kalendertable { display: inline-block; width: 43%; text-align: center; padding: 0.5em 0.5em; margin: 0; } #content #rat #kalender .dwa_kalender .dwa_selectdate, #content #rat #kalender .dwa_kalender .dwa_selectdate form { width: 100%; text-align: center; margin: 0; padding: 0; } #content #rat #kalender .dwa_kalender .dwa_date { margin-top: 1em; } #content #rat #kalender .dwa_navigation_element { display: inline; width: 94%; float: left; clear: both; text-align: center; padding: 0.5em 0; } #content #rat #kalender .dwa_kalender .dwa_kalender_legend div.heute { margin-bottom: 0.3em; } /* IE 7 hack */ *:first-child + HTML #content #rat #kalender .dwa_kalender .dwa_navigation_element { width: 21em; } #content #rat #kalender .dwa_kalender .dwa_kalender_legend div.termin { margin-top: 0.4em; width: 100%; } /* ------------------------ Sitzungskalender - Übersicht ----------------------- */ #content #rat #sitzungskalender_uebersicht #daten { width: 52%; float: right; margin-top: 0.5em; display: block; } #content #rat #sitzungskalender_uebersicht #kalender { width: 48%; float: left; margin: 0; padding: 0; display: block; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_suche { display: block; width: 100%; padding: 0.5em 0; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_suche .sucheingabe { float: left; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list, #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table { width: 100%; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list th { padding: 0.5em 0.3em; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list td { padding: 0.3em; border-top: 1px solid #fff; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table.navigation { border: 0; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table.navigation td { padding: 0; } #content #rat #sitzungskalender_uebersicht .dwa_navigation_element { margin-bottom: 1em;} #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list .dwa_pager { clear: both; float: right; margin-top: 1em; } /* ------------------------- Sitzungskalender - Detail ------------------------- */ #content #rat #sitzungskalender_detail #daten { width: 52%; float: left; margin-top: 0.5em; display: block; } #content #rat #sitzungskalender_detail #kalender { width: 48%; float: right; margin: 0; padding: 0; display: block; } /* 6.4.5. Modul News ----------------------------------------------------------- */ /* --------------------------------- Übersicht --------------------------------- */ #content #news .element_newslist table caption { display: none; } #content #news .element_newslist table th { padding: 0.3em; } #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 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: 100%; 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%; flaot: none; 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 #daten { width: 47%; float: left; margin-top: -1em; display: block; } #content #vk #veranstaltung_details #kalender { width: 50%; float: right; margin: 0; padding: 0; display: block; } #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; } #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: 100%; 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 .dwa_selection img { vertical-align: middle; } #content #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag { margin-bottom: 0.5em; } #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: 0.5em; } #content #gaestebuch_uebersicht .comment { display: block; margin: 0.5em; } #content #gaestebuch_uebersicht .gb_comment_title, #content #gaestebuch_uebersicht .gb_comment_text { font-style: italic; padding: 0.2em; } /* ----------------- Gästebucheinträge erstellen und speichern ----------------- */ #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_overview_list { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: left; width: 100%; } #content .gallery_overview_list li { width: 49%; float: left; text-align: center; margin: 0; padding-right: 0.9%; } #content .gallery_overview_list li .gallery_list_item { background-color: #ddd; display: inline-block; width: 100%; } #content .gallery_overview_list li .gallery_picture { width: 40%; float: left; padding: 5%; } #content .gallery_overview_list li .gallery_element { width: 50%; float: left; } #content .gallery_overview_list li .gallery_picture img { border: 1px solid #aaa; padding: 0; } #content .gallery_overview_list li .gallery_content { width: 47%; float: left; padding: 0.6em 1%; 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/1/8/75081/orig_20x16.gif'); background-repeat: repeat-x; background-position: center bottom; } #content .item_frame_bottom { background-image: url('/city_data/images/2/8/75082/orig_20x16.gif'); background-repeat: repeat-x; background-position: center top;} /* ----------------------------- Galerie - Detail ------------------------------ */ #content #gallery_picture_overview { width: 100%; } #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: #ddd; } #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 #aaa; padding: 0; } #content #ga .picture_row li .picture_content a { 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/1/8/75081/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom; } #content .row_frame_bottom { background-image: url('/city_data/images/2/8/75082/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;} /* --------------------------- Galerie - Bilddetail ---------------------------- */ #content #ga #foto_detail .gallery_picture_detail { width: 92%; padding-left: 4%; } #content #ga #foto_detail #bild { text-align: center !important; } #content #ga #bildoptionen { margin: 0; padding: 0; } #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/3/9/75093/orig_34x20.gif'); background-repeat: repeat-x; background-position: center bottom;} #content .gallery_picture_detail .picture_element { background-color: #ddd; border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: block; width: 99.8%; text-align: center; } #content .gallery_picture_detail .picture img { padding: 0; margin: 1em; border: 1px solid #aaa; } #content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; font-weight: bold; display: block; width: 100%; } #content .gallery_picture_detail .picture_frame_bottom { background-image: url('/city_data/images/2/9/75092/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 { border: 0.1em solid #ddd; } #content #bb .dwa_rubrik_list table { width: 100%; border-collapse: collapse; } #content #bb .dwa_rubrik_list table td { text-align: left; } #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; border-bottom: 1px solid #fff; font-weight: bold; margin: 0; padding: 0.4em 2em; display: block; } #content #bb .dwa_rubrik_list caption { width: 100%; text-align: left; padding: 0.4em; font-weight: bold; } /* --------------------- 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 table { border: 0.1em solid #ddd; border-top: 0; } #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title { border: 0.1em solid #ddd; border-bottom: 0; width: 98%; text-align: left; padding: 0.4em; font-weight: bold; } #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 - A-Z ------------------------- */ #content #bb .dwa_eintrag_list caption { display: none; } #content #bb .dwa_eintrag_list th, #content #bb .dwa_eintrag_list td { padding: 0.3em; } #content #bb .dwa_eintrag_list td { border-top: 1px solid #fff; } #content #bb .dwa_eintrag_list th { padding: 0.5em 0.3em; } #content #bb .dwa_eintrag_list td img { padding: 0 0.3em 0 0; float: left; vertical-align: middle; } #content #bb .dwa_eintrag_list td.auflistung_text { width: auto; } #content #bb .dwa_eintrag_list td.tel_fax_mail_text { width: 12em; } #content #bb .dwa_eintrag_list td.button { width: auto; } /* ----------------------- Branchenbucheintrag - Detail ------------------------ */ #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; } #content #bb #bilder { width: 100%; } #content #bb #bilder #bild1 { float: left; width: auto; } #content #bb #bilder #bild2 { float: right; } /* 6.4.10. Modul Müllabfuhrkalender -------------------------------------------- */ #content #mak #abfuhrbezirke table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 1em; } #content #mak #abfuhrbezirke table td { padding: 0.3em; border-top: 1px solid #fff; } #content #mak #abfuhrbezirke table td u { text-decoration: none; display: block; padding: 0.4em 0.2em; border: 0.1em solid red; margin: -0.3em; } #content #mak #abfuhrbezirke form table { border: 0 !important; } /* 6.4.11. Modul Feedbackformular ---------------------------------------------- */ #content #feedback input.text, #content #feedback textarea { border: 1px solid #bbb; } #content #feedback textarea { margin-left: 12em; margin-bottom: 1em; } #content #feedback hr { height: 0; border-color: #0dadcf; border-style: solid; margin-bottom: 1em; } #content #feedback input:focus, #content #feedback textarea:focus{ border-color: #0dadcf; background-color: #fff; } #content #feedback .formfields { list-style: none; } #content #feedback .formfields label.feldbezeichnung { width: 10em; display: inline-block; text-align: right; } #content #feedback .formfields { border: 1px solid #e67200; 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, #content #feedback .formfields li textarea { width: 56%; margin: 0.2em 0.75em; vertical-align: top; } #content #feedback .formfields li textarea { height: 7em;} #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 #i_1, #content #feedback #i_2, #content #feedback #i_3, #content #feedback #i_4, #content #feedback #i_5, #content #feedback #i_6 { margin-left: 12em; margin-bottom: 0.3em; } #content #feedback h4 { margin: 0.5em 0; margin-bottom: -1.2em; } #content #feedback .captcha_img { margin: 1em 0 1em 12em; } #content #feedback .captcha_img img { padding: 0;} #content #feedback input#captcha { margin-left: 3em;} #content #feedback .submitbuttons { margin-left: 12em;} /* 6.4.12. Modul Grußkarten ---------------------------------------------------- */ div.greetingcard_form ul { margin: 0; padding: 0; list-style: none; } div.greetingcard_form label, div.greetingcard_form span.space { float: left; width: 10em; font-weight: bold; text-align: right; padding: 0 1em 0 0; } div.greetingcard_form .text { font-family : verdana, arial, helvetica, sans-serif; border: 1px solid #000; background-color: #f0f0f0; width: 25em; font-weight: normal; } div.greetingcard_form .textarea { font-family : verdana, arial, helvetica, sans-serif; font-size: 1em; border: 1px solid #000; background-color: #f0f0f0; width: 25em; height: 10em; font-weight: normal; } div.greetingcard_form .captcha_desc, div.greetingcard_form .captcha_img, div.greetingcard_form .captcha_error { margin: 0.5em 0; padding: 0 0 0 11em; } div.greetingcard_form .captcha_error { color: #CC0000; } div.greetingcard_form { } div.greetingcard_form .label_bezeichnung { font-weight: bold; } div.greetingcard_form .gb_date { font-style: oblique; } div.greetingcard_list_item { padding: 0.5em; width: auto; text-align: center; float: left; } div.greetingcard_list { width: 100% !important; } div.greetingcard_list br { display: none; } /* 6.4.13. Modul Forum --------------------------------------------------------- */ #content #fo a.forums_link_thread, #content #fo a.forums_link_author { color: #000; } #content #fo .text_author_clear { margin: 0; font-size: 1em; border-left: 0; clear: both; } #content #fo a.forums_link_thread:hover, #content #fo a.forums_link_author:hover { color: #6699cc; } #content #fo h1, #content #fo table.forums_table_compose input.mediumtext { } #content #fo table.forums_table_compose select, #content #fo table.forums_table_compose input, #content #fo table.forums_table_compose textarea { color: #000; background-color: #fff; } #content #fo table.forums_table_overview { width: 100%; font-size: 1em; } #content #fo table.forums_table_overview caption { font-weight: bold; padding: 0.3em; letter-spacing: 0.6em; text-align: left; } #content #fo table.forums_table_overview td.forums_category, #content #fo table.forums_table_compose td.label { font-weight: bold; color: #fff; letter-spacing: 0.4em; } #content #fo table.forums_table_overview th { width: auto; } #content #fo TABLE.forums_table_overview th a, #content #fo TABLE.forums_table_overview th a:visited { color: #fff; } #content #fo TABLE.forums_table_overview TR.row1 TD { background-color: #eee; } #content #fo TABLE.forums_table_overview TR.row2 TD { background-color: #fff; } #content #fo TABLE.forums_table_overview td a { max-width: 14em; display: inline-block; } #content #fo .forums_background, #content #fo .r1, #content #fo .r2 { background-color: #fff; } #content #fo TABLE.forums_table_thread { border: 0.1em dotted #666699; } #content #fo TABLE.forums_table_thread DIV.author { color: #fff; background-color: #666699; padding: 0.2em 0.2em 0.2em 0.5em; } #content #fo TABLE.forums_table_thread TD DIV.content { width: 100%; color: #fff; height: 100%; background-color: #666666; } #content #fo TABLE.forums_table_thread TD DIV.written { color: #fff; background-color: #666699; } #content #fo TABLE.forums_table_thread UL.info { margin: 0; border: 0.2em outset #ccc; list-style-type: none; } #content #fo .author { float: left; width: 30%; } #content #fo .author * { text-align: left; } #content #fo .authorName { width: auto; background-color: #255d85; color: #fff; padding: 0.3em; display: block; border-left: 0; font-size: 1em; } #content #fo .threadtitle, #content #fo .qrheadline { font-size: 1.4em; padding: 0.3em; } #content #fo .content { float: left; width: 70%; display: block; } #content #fo .info { margin: 0.5em; list-style-type: none; padding: 0; border: 0; } #content #fo .info li { padding: 0.1em 0.3em; } #content #fo .last { border-bottom: 0; } #content #fo .outer { border: 0; width: auto; display: block; } #content #fo .author { border: 0; float: left; width: 30%; font-size: 1em; } #content #fo .author .authorName, #content #fo .author .info { margin: 0; } #content #fo .info { padding: 0; margin: 0; list-style-type: none } #content #fo .content { border: 0; } #content #fo .text { min-height: 7.5em; background-color: #eee; padding: 0.5em; text-align: left; margin: 0; font-size: 1em; border-left: 0; } #content #fo .text img { max-width: 99%; height: auto; } #content #fo .written { width: auto; margin: 0; padding: 0.3em; border: 0; border-left: 1px solid #fff; font-size: 1em; display: block; } #content #fo .text { } #content #fo #forums_profile #forums_name { color: #ff0000; border: #ffffcc 1px solid; padding: 0.3em; } #content #fo #forums_profile { width: auto; } #content #fo #forums_profile_name { font-weight: bold; padding-top: 1em; } #content #fo #forums_profile_status { font-style: italic; padding-bottom: 1em; } #content #fo #forums_profile fieldset { display: inline-block; margin-bottom: 1em; padding: 1%; width: 46%; } #content #fo #benutzer_register fieldset { display: block; margin-bottom: 1em; padding: 0.5em; width: auto; } #content #fo #benutzer_register fieldset label { width: 18em; display: inline-block; } #content #fo #forums_profile fieldset legend, #content #fo #benutzer_register fieldset legend { font-weight: bold; } #content #fo #forums_profile_userinfo { float: left; } #content #fo #forums_profile_contact { float: right; } #content #fo #forums_profile_statistics { float: left; } #content #fo #forums_profile_signatur { float: right; } #content #fo .forums_profile_key { display: inline-block; width: 41%; font-weight: bold; } #content #fo .forums_profile_value { display: block; width: auto; } #content #fo .forums_profile_value a { display: inline-block; width: 85%; } #content #fo #benutzer_einstellungen form.default table.forums_table_compose td { padding: 0; margin: 0; border-top: 0.2em solid #fff; padding: 0.5em 0.3em 0.3em 1em; } #content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label { vertical-align: top; background-color: #255d85; width: 27%; } #content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label label { color: #fff; background-color: #255d85; } #content #fo #benutzer_einstellungen form.default table.forums_table_compose td input, #content #fo #benutzer_einstellungen form.default table.forums_table_compose td select, #content #fo #benutzer_einstellungen form.default table.forums_table_compose td textarea { } #content #fo #forums_usermenu .last_login { color: #ff0000; } #content #fo #forums_usermenu .welcome, #content #fo .statistics { color: #000; background-color: #fff; } #content #fo #forums_usermenu form input, #content #fo #forums_usermenu form input.submit { border: 1px solid #000; margin: 0.1em; } #content #fo #forums_usermenu form a { display: block; float: left; padding: 0.2em 2em; background-image: url('/city_data/images/5/0/61805/orig_17x17.jpg'); background-repeat: no-repeat; } #content #fo .forums_profile_legend, #content #fo .forums_profile_name { font-size: 1em; } /* 6.4.14. Modul Tourismus-Portal Unterkünfte ---------------------------------- */ /* ------------------------- Unterkünfte - Übersicht --------------------------- */ #content #tp #unterkunft_uebersicht .dwa_hotel_list table { width: 100%; border-collapse: collapse; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table th { padding: 0.5em 0.3em; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table td { padding: 0.3em; border-top: 1px solid #fff; font-weight: normal; } #content #tp #unterkunft_uebersicht .dwa_pager { margin: 1em;} #content #tp #unterkunft_uebersicht form table td{ padding-right: 0.5em;} /* --------------------------- Unterkünfte - Detail ---------------------------- */ #content #tp #unterkunft_detail br + br { display: none; } #content #tp #unterkunft_detail #element_picture img { padding: 0; } #content #tp #unterkunft_detail .dwa_hotel_wextras caption { display: none; } #content #tp #unterkunft_detail .dwa_hotel_wextras td { width: 25%; vertical-align: top;} #content #tp #unterkunft_detail .dwa_hotel_wextras img { float: none; clear: both; display: block; } #content #tp #unterkunft_detail .element_address hr.hr { display: block; float: left; clear: both; } /* 6.4.15. 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: 99.6%; height: 35em; margin-top: 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 { padding: 0.5em 0.3em; width: 50%;} #content #gmap #kategorie_uebersicht table td { padding: 0.3em; border-top: 1px solid #fff; } #content #gmap #kategorie_uebersicht .gmap_object_nodata { clear: left; display: block; text-align: center; } /* ----------------------------- Objekt - Umkreissuche ------------------------------ */ #content #gmap #objekt_suche form { padding: 1%; width: 97.6%; } #content #gmap #objekt_suche form table td[abbr=radius] input { width: 3em; } #content #gmap #objekt_suche .dwa_gmap_searchresult, #content #gmap #objekt_suche .dwa_gmap_searchresult table { width: 100%; } #content #gmap #objekt_suche .dwa_gmap_searchresult caption { display: none; } #content #gmap #objekt_suche .dwa_gmap_searchresult th { width: 50%; padding: 0.5em 0.3em; } #content #gmap #objekt_suche .dwa_gmap_searchresult td { padding: 0.3em; border-top: 1px solid #fff; } /* 6.4.16. Externe Redakteure -------------------------------------------------- */ #content #exr #newsletter ul { list-style: none; padding: 0; margin: 0; } #content #exr #newsletter form { padding: 1em; } #content #exr #newsletter .extern_head, #content #exr #newsletter form hr { display: none; } #content #exr #newsletter label { display: inline-block; width: 10em; font-weight: bold; } #content #exr #newsletter .captcha_desc { padding: 1em 0 0.5em; font-weight: bold; } #content #exr #newsletter button { display: block; margin-left: 10.2em; } #content #exr #newsletter .captcha_img { margin-left: 10em; } #content #exr #newsletter .extern_form { color: #fff; } #content #exr #newsletter .extern_form div, #content #exr #newsletter .extern_form label { color: #000; } /* 6.4.17. CityMail ------------------------------------------------------------ */ #content #mail div.message { FONT-WEIGHT: bold } #content #mail .error { COLOR: red } #content #mail .cmForm { display: block; } #content #mail .cmForm .pic_warning { TEXT-ALIGN: right; MARGIN: 0.5em 1em 0 0; WIDTH: 38em; DISPLAY: block; font-weight: bold; FLOAT: left; CLEAR: left } #content #mail .cmForm fieldset { padding: 1em; margin-bottom: 1em; width: 95%; } #content #mail .cmForm legend { MARGIN: 0 0 0 1em; } #content #mail .cmForm span { display: block; float: left; clear: right; margin-top: 0.5em; } /* IE 7 Hack */ *:first-child+html #content #mail .cmForm span { margin-top: 0.7em; } /* IE 6 Hack */ *html #content #mail .cmForm span { margin-top: 0.7em;} #content #mail .cmForm LABEL { width: 15em; text-align: right; margin: 0.5em 1em 0 0; font-weight: bold; float: left; } #content #mail .cmForm select, #content #mail .cmForm input { border: silver 1px solid; margin-top: 0.5em; float: left; clear: right; } #content #mail .cmForm select.text, #content #mail .cmForm input.text { width: 35%; } #content #mail .cmForm input.prefix, #content #mail .cmForm input#street, #content #mail .cmForm input#zipcode { margin-right: 0.3em; } #content #mail .cmForm select.suffix { width: 25%; } #content #mail .cmForm div#gender { width: 35%; float: left; clear: right; } #content #mail .cmForm input#genderm, #content #mail .cmForm input#genderf { margin-top: 0.6em; border: 0; } #content #mail .cmForm select.time { width: 7%; } #content #mail .cmForm select#children, #content #mail .cmForm select#birthdayyear { margin-right: 30%; } #content #mail .cmForm select.short, #content #mail .cmForm input.short { width: 10%; } #content #mail .cmForm input.prefix, #content #mail .cmForm input#genderm, #content #mail .cmForm input#genderf, #content #mail .cmForm select#birthdayday, #content #mail .cmForm select#birthdaymonth, #content #mail .cmForm input#street, #content #mail .cmForm input#zipcode { clear: none; } #content #mail .cmForm input#household, #content #mail .cmForm input#agb { padding: 0; margin: 0; border: 0;} #content #mail .cmForm button { border: silver 1px solid; margin: 0.5em 1em 0 0; width: 10em; } #content #mail .cmForm input#household { text-align: right; margin-left: 14em;} #content #mail .cmForm input:focus, #content #mail .cmForm textarea:focus, #content #mail .cmForm select:focus { border: green 1px solid; background-color: #f0f0f0; } #content #mail .cmForm fieldset#send1 { padding-top: 1em; } #content #mail .cmForm fieldset#send1 span { width: 66.5%; float: right; } #content #mail .cmForm fieldset#send1 img { padding: 0; } #content #mail .cmForm fieldset#send1 #captcha_img, #content #mail .cmForm button#send { float: none; clear: both; margin-left: 34.85%;} #content #mail .cmForm #nutzungsbedingungen label { width: auto; } #content #mail .cmForm span#abg { display: inline-block; width: 92%; } /* 6.5. Formatierungen im rechten Bereich -------------------------------------- */ #rechts p { width: auto; text-align: left; margin-left: 0.5em; color: #000000; } #rechts a:link, #rechts a:link, #rechts a:visited, #rechts a:active { color: #264a89; font-weight: bold; text-decoration: underline; } #rechts a:hover{ color: #6b85b0; text-decoration: none; } #rechts a img { text-decoration: none; } #rechts a img + .extlinkicon { display: none; } #rechts img.randimg_img { width: 18em; height: 18em; } #rechts .teaserimg img[alt~=TSA]{ width: 17em; height: auto; margin-top: 0.5em;} /* IE 7 Hack */ *:first-child+html #rechts .teaserimg img[alt~=TSA]{ width: 100%; height: auto; margin-top: 0.5em;} #rechts p { text-align: center; margin-top: 3em;} /* IE 6 hack */ *html #rechts p { text-align: center; margin-top: 2.4em;} /*********** 6.6. Externe User Registrierung Start ***********/ .extern_form UL.extern_form {margin-left:0; padding-left:0;} .extern_form UL.extern_form LI {list-style-type: none;} .extern_form label {float:left;width:12em;} .extern_form .text {width:15.5em; margin-bottom:0.15em} /* IE 7 Hack */ *:first-child+html .extern_form .text {width:16.8em; margin-bottom:0.15em} /*********** 6.6. Externe User Registrierung End ***********/ /* ihallakoglu c2c object */ div.lastcode{ text-align: left; } div.c2c_lastcode ul{ text-align:left; margin: 0; padding: 0 0.5em 0 2.5em; list-style-type:none; list-style-image: url(/city_info/images/weather_cloudy.png); } div.c2c_lastcode ul{ text-align:left; list-style-type:none; list-style-image: url(/city_info/images/weather_cloudy.png); } div.c2c_lastcode ul li a { font-weight: normal !important; } div.c2c_lastcode ul li #c2c_region { font-style: italic; font-size: 0.833em; }