/* I N H A L T S V E R Z E I C H N I S 1. Grundeinstellungen 1.1. allgemeine Systemeigenschaften 1.2. schriftgrößebasierende Layoutanpassung 1.3. Seitenaufteilung 1.3.1. Ersetzen des rechten Bereichs durch Inline-Container im Inhaltsbereich 1.3.2. Ersetzen des linken - rechten- und Inhaltsbereiches auf Startseite 2. Farbzuweisungen 2.1. Universale Farbzuweisungen für aC 2.2. Farbzuweisungen für den gesamten Webauftritt 3. Hintergrundbilder 3.1. Hintergrundbilder für den gesamten Webauftritt 4. Menugestaltung 4.1. Topmenu 4.1.2. gefakter Contentbereich auf Startseite 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.5. Formatierungen im rechten Bereich 1. GRUNDEINSTELLUNGEN ------------------------------------------------------- 1.1 allgemeine Systemeigenschaften ------------------------------------------ */ body { margin: 0; padding: 0; text-align: center; } #logo, #links, #rechts, #content_wrapper, #content { font-family: 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: 1px; } #links .extlinkicon, #content .extlinkicon, #rechts .extlinkicon { vertical-align: middle; display: inline-block; float: none; clear: none; padding-top: 0; } #logo #wappen h2, #logo #other_links span, #logo #other_links_2 span, #logo #topmenu .menucontainer li a, #logo #topmenu_2 .menucontainer li a, .bbForm label span, .bbForm input, .bbForm select, .bbForm textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* 1.2. schriftgrößebasierende Layoutanpassung --------------------------------- */ html { font-size: 16px; } body { font-size: 1em; } 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; } #center { font-size: 0.625em; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3, .fake_pagetitle { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } #links #wetter img, #rechts #galerie_bild img, #links #galerie img { font-size: 0.83em; } /* IE 6 Hack */ *html #logo a img { font-size: 1em; } *html #logo #topmenu { font-size: 0.83em; } *html #logo #topmenu_2 { font-size: 0.83em; } #content #fake_rechts { font-size: 1em; } #content > div, #rechts > div, #fake_rechts > div, #links > div, #acc, #logo a { font-size: 1.2em; } #logo a img { font-size: 0.83em; } /* IE 7 hack */ *:first-child + HTML #logo > div { font-size: 1.01em; } *:first-child + HTML #content #fake_rechts { font-size: 1em; } *:first-child + HTML #logo #topmenu li { font-size: 1em; } *:first-child + HTML #logo #topmenu li a { font-size: 2.2em; } *:first-child + HTML #logo #topmenu_2 li { font-size: 1em; } *:first-child + HTML #logo #topmenu_2 li a { font-size: 2.2em; } div#logo #topmenu .menucontainer a, div#logo #topmenu_2 .menucontainer a { font-size: 2.2em; } div#links .menucontainer a, div#rechts .menucontainer a { font-size: 1.1em; } div#links #sitemap, div#links #sitemap_2, #rechts #galerie, #links #right_newsteaser_title, #links #right_vkteaser_title, #rechts #right_newsteaser_title, #rechts #right_vkteaser_title { font-size: 1.4em; } div#content h2.element_label { font-size: 1em; } #links div.fontsize a.normalfont { font-size: 1.4em; } #links div.fontsize a.biggerfont { font-size: 1.8em; } #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; } /* 2. Farbzuweisungen ---------------------------------------------------------- */ /* 2.1. Universale Farbzuweisungen für aC -------------------------------------- */ #content #rat p.fraktion_farbe_20 { background-color: #000; color: #fff; border: 1px solid #000; } #content #rat p.fraktion_farbe_21 { background-color: #ff0000; color: #fff; border: 1px solid #ff0000; } #content #rat p.fraktion_farbe_22 { background-color: #ffcc00; color: #000; border: 1px solid #ffcc00; } #content #rat p.fraktion_farbe_23 { background-color: #00cc00; color: #000; border: 1px solid #00cc00; } #content #rat p.fraktion_farbe_20 a, #content #rat p.fraktion_farbe_21 a { color: #fff; } #content #rat p.fraktion_farbe_22 a, #content #rat p.fraktion_farbe_23 a { color: #000; } #content #rat p.fraktion_farbe_20 a:hover, #content #rat p.fraktion_farbe_21 a:hover, #content #rat p.fraktion_farbe_22 a:hover, #content #rat p.fraktion_farbe_23 a:hover { color: #000; } #content .record .number, #content .record .detaillink, #content .record .score, #content .record .scores, #content #vts .record .headline, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date, #content #bs .contactdata tr, #content #bs .element_departmentlist tr, #content #bs #vorgang_uebersicht .auflistung_text, #content #bs #element_departmentcontact .contactdata tr, #content #bs #unterlage_uebersicht tr, #content #bs .element_department_tree div, #content #news .element_newslist tr, #content #news #pressemitteilungen table, #content #bb #rubrik_detail .dwa_rubrik_firmen tr, #content #bb .dwa_rubrik_list table tr, #content #bb .dwa_eintrag_list table tr, #content #vk #uebersicht .dwa_v_kalender_list table tr, #content #rat .dwa_rat_fraktion_chairman table tr, #content #rat .dwa_rat_fraktion table tr, #content #rat .dwa_rat_ausschuss table tr, #content #rat .dwa_rat_ausschuss_chairman table tr, #content #rat .dwa_rat_ausschuss_perm table tr, #content #rat .dwa_rat_ausschuss_nonperm table tr, #content #rat .dwa_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 #dat #uebersicht .element_documentlist table tr, #content #adr .address_list .address_list_item .address_title, #content #gmap #kategorie_uebersicht table tr, #content #gmap #kategorie_details table tr, #content #gmap #objekt_suche .dwa_gmap_searchresult tr, #content #tp .dwa_hotel_list table tr, #content #mak #abfuhrbezirke table tr { background-color: #eee; } #content .dwa_kalendertable table td.dwa_kalmark3 { background-color: #ddd; } #content #bs .element_departmentlist th#Email, #content #bs .element_departmentlist th#Bezeichnung, #content #bs .element_departmentlist th#Telefon, #content #bs .element_departmentlist th#Fax, #content #bs #vorgang_uebersicht .element_label, #content #news .element_newslist th, #content #element_departmentcontact .contactdata th, #content #bs .contactdata th, #content #bb .dwa_rubrik_list caption, #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title, #content #vk #uebersicht .dwa_v_kalender_list table th, #content #rat .fraktion_farbe_20:hover, #content #rat .fraktion_farbe_21:hover, #content #rat .fraktion_farbe_22:hover, #content #rat .fraktion_farbe_23:hover, #content #rat .dwa_rat_fraktion table th.head, #content #rat .dwa_rat_ausschuss table th, #content #rat #daten .dwa_v_kalender_list th { background-color: #1f3dad; color: #fff; } #content #bs #vorgang_uebersicht .auflistung_text:hover, #content #bb .dwa_rubrik_list table tr:hover, #content #bb #rubrik_detail .dwa_rubrik_firmen tr:hover, #content #news .element_newslist table tr:hover, #content #vk #uebersicht .dwa_v_kalender_list table tr:hover, #content #dat #uebersicht .element_documentlist table tr:hover, #content #rat #daten .dwa_v_kalender_list tr:hover, #content #rat .dwa_rat_fraktion table tr:hover, #content #rat .dwa_rat_ausschuss table tr:hover { background-color: #fff; } #content #vk #uebersicht .dwa_v_kalender_list table th a { color: #fff; } /* 2.2. Farbzuweisungen für den gesamten Webauftritt --------------------------- */ div#logo, #logo #fake_content li div, #links #sitemap, #rechts #galerie { background-color: #fff; } #content, div#logo div#header_bild ul li, #logo #topmenu, #logo #fake_content { background-color: #c9ddf7; } div#logo div#header_bild div.menucontainer ul li, #logo #topmenu .menucontainer ul li, #logo #fake_content .menucontainer ul li { border-right: 0.1em solid #c9ddf7; } #logo #topmenu li.item_1 a, #logo #topmenu_2 li.item_1 a { background-color: #009c38; color: #fff; } #logo #fake_content #teaser_buerger { border: 0.3em solid #009c38; } #logo #topmenu .menucontainer ul li.item_1 a, #logo #topmenu .menucontainer ul li.item_1 a:hover { border: 0.15em solid #009c38; } #logo #fake_content #teaser_buerger .teaser_titledate h3, #logo #fake_content #teaser_buerger .teaser_more a { color: #009c38; } #logo #topmenu li.item_1 a:hover { background-color: #c0f7bd; color: #000; } #logo #topmenu li.item_2 a, #logo #topmenu_2 li.item_2 a { background-color: #1f3dad; color: #fff; } #logo #fake_content #teaser_rathaus { border: 0.3em solid #1f3dad; } #logo #topmenu .menucontainer ul li.item_2 a, #logo #topmenu .menucontainer ul li.item_2 a:hover { border: 0.15em solid #1f3dad; } #logo #fake_content #teaser_rathaus .teaser_titledate h3, #logo #fake_content #teaser_rathaus .teaser_more a { color: #1f3dad; } #logo #topmenu li.item_2 a:hover { background-color: #bac7fb; color: #000; } #logo #topmenu li.item_3 a, #logo #topmenu_2 li.item_3 a { background-color: #018288; color: #fff; } #logo #fake_content #teaser_wirtschaft { border: 0.3em solid #018288; } #logo #topmenu .menucontainer ul li.item_3 a, #logo #topmenu .menucontainer ul li.item_3 a:hover { border: 0.15em solid #018288; } #logo #fake_content #teaser_wirtschaft .teaser_titledate h3, #logo #fake_content #teaser_wirtschaft .teaser_more a { color: #018288; } #logo #topmenu li.item_3 a:hover { background-color: #b6dcdd; color: #000; } #logo #topmenu li.item_4 a, #logo #topmenu_2 li.item_4 a { background-color: #941461; color: #fff; } #logo #fake_content #teaser_kultur { border: 0.3em solid #941461; } #logo #topmenu .menucontainer ul li.item_4 a, #logo #topmenu .menucontainer ul li.item_4 a:hover { border: 0.15em solid #941461; } #logo #fake_content #teaser_kultur .teaser_titledate h3, #logo #fake_content #teaser_kultur .teaser_more a { color: #941461; } #logo #topmenu li.item_4 a:hover { background-color: #e2c8d5; color: #000; } #logo #topmenu li.item_5 a, #logo #topmenu_2 li.item_5 a { background-color: #b40013; color: #fff; } #logo #fake_content #teaser_tourismus { border: 0.3em solid #b40013; } #logo #topmenu .menucontainer ul li.item_5 a, #logo #topmenu .menucontainer ul li.item_5 a:hover { border: 0.15em solid #b40013; } #logo #fake_content #teaser_tourismus .teaser_titledate h3, #logo #fake_content #teaser_tourismus .teaser_more a { color: #b40013; } #logo #topmenu li.item_5 a:hover { background-color: #f3a8af; color: #000; } #logo #other_links, #logo #other_links_2 { background-color: #fff; } #content #rs_sitemap h5 a:hover, #content #rs_sitemap li a { background-color: #eee; } #content #rs_sitemap h5 a { background-color: #ddd; } #content #daten_bild, #content #bild_daten { background-color: #eee; border: 1px solid #ddd; } /* 3. Hintergrundbilder -------------------------------------------------------- */ /* 3.1. Hintergrundbilder für den gesamten Webauftritt ------------------------- */ /* 4. Menugestaltung ----------------------------------------------------------- */ .menucontainer ul { list-style: none; margin: 0; padding: 0; } /* 4.1. Topmenu ---------------------------------------------------------------- */ #logo #header_bild .menucontainer ul li img { width: 19.9em; height: 25.3em; } #logo #header_bild .menucontainer ul li.item_5, #logo #topmenu .menucontainer ul li.item_5, #logo #fake_content .menucontainer ul li.item_5 { border: 0em; } #logo #header_bild .menucontainer ul, #logo #topmenu .menucontainer ul, #logo #fake_content .menucontainer ul, #logo #topmenu_2 .menucontainer ul { width: 100em; } /*FireFox 2 */ #logo #topmenu_2 .menucontainer ul, x:-moz-any-link {width: 100.4em; } /*FireFox 3*/ #logo #topmenu_2 .menucontainer ul, x:-moz-any-link, x:default { width: 100em; } #logo #header_bild .menucontainer ul li.level_1, #logo #topmenu .menucontainer ul li.level_1, #logo #fake_content .menucontainer ul li.level_1, #logo #topmenu_2 .menucontainer ul li.level_1 { text-align: center; clear: right; float: left; width: 19.9em; } #logo #topmenu_2 .menucontainer ul li.level_1 { text-align: center; clear: right; float: left; width: 19.5em; } /* IE 6 Hack */ *html #logo #topmenu .menucontainer ul li.level_1 { width: 23.9em; } *html #logo #topmenu_2 .menucontainer ul li.level_1 { width: 23.55em; } /* IE 7 hack */ *:first-child+html #logo #topmenu_2 .menucontainer li { width: 19.525em !important; } #logo #topmenu_2 li.item_1, #logo #topmenu_2 li.item_2, #logo #topmenu_2 li.item_3, #logo #topmenu_2 li.item_4 { margin-right: 0.625em; } #logo #topmenu .menucontainer li.level_1 a, #logo #topmenu_2 li.item_1 a, #logo #topmenu_2 li.item_2 a, #logo #topmenu_2 li.item_3 a, #logo #topmenu_2 li.item_4 a, #logo #topmenu_2 li.item_5 a { height: 2.4em; padding: 0.8em 0em 0em 0em; display: block; color: #fff; font-weight: normal; text-transform: uppercase; } #logo #topmenu .menucontainer ul li a:hover { color: #000; text-decoration: none; } #logo #topmenu_2 .menucontainer li.level_1 a:hover { text-decoration: none; } /* IE 6 Hack */ *html #logo #topmenu .menucontainer li.level_1 a { padding: 0.7em 0 0 0; } *html #logo #topmenu_2 .menucontainer li.level_1 a { padding: 0.8em 0 0 0; } /* Opera hack */ @media screen and (min-width: 0px){ #logo #topmenu, #logo #topmenu_2 { display: block; } #logo #topmenu .menucontainer, #logo #topmenu_2 .menucontainer { width: 100em; display: inline-block; } #logo #topmenu .menucontainer li.level_1 a, #logo #topmenu_2 .menucontainer li.level_1 a { height: 2em; padding: 0.5em 0em 0.1em 0em; } } /* 4.1.2. gefakter Contentbereich auf Startseite ------------------------------- */ /* IE 6 Hack */ *html #logo #fake_content .menucontainer ul li.level_1 { width: 19.9em; } #logo #fake_content .menucontainer li.level_1 div { text-align: left; padding: 0.2em; display: block; } /* IE 6 Hack */ *html #logo #fake_content .menucontainer li.level_1 a { height: 2.4em; padding: 0.6em 0 0 0; } /* Opera hack */ @media screen and (min-width: 0px){ #logo #fake_content { display: block; } #logo #fake_content .menucontainer { width: 100em; display: inline-block; } #logo #fake_content .menucontainer li.level_1 { height: 2em; padding: 0.5em 0em 0.1em 0em; } } #logo #fake_content li.item_1, #logo #fake_content li.item_2, #logo #fake_content li.item_3, #logo #fake_content li.item_4, #logo #fake_content li.item_5 { font-weight: bold; color: #000000; margin-right: 0; display: block; } /* -------------------------- MENU OBEN - STARTSEITE --------------------------- */ #logo #topmenu { margin: 0; margin-top: -8.8em; float: left; } /* IE 6 Hack */ *html #logo #topmenu { margin-top: -10.7em; } /* ---------------------------- MENU OBEN - NORMAL ----------------------------- */ #logo #topmenu_2 { position: relative; margin: 0; margin-top: -9.7em; float: left; } /* IE 7 hack */ *:first-child+html #logo #topmenu_2 { margin-top: -9.7em; } /* IE 6 Hack */ * html #logo #topmenu_2 { margin-top: -11.4em; } /* 4.2. Menu Links ------------------------------------------------------------- */ #links div.menucontainer { padding-bottom: 1.5em; } #links div.menucontainer li a, #links div.menucontainer li a:visited, #links div.menucontainer li a:hover, #links div.menucontainer li a.item_active { text-decoration: none; font-weight: bold; color: #000; border-bottom: 1px solid #ffffff; margin: 0; padding: 0.2em 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 { background-position: 0.2em 0.3em; padding: 0.4em 0 0.4em 1.8em; 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 { background-position: 1.2em 0.4em; padding: 0.4em 0 0.4em 2.6em; display: block; } #links div.menucontainer li.level_3 a, #links div.menucontainer li.level_3 a:visited, #links div.menucontainer li.level_3 a:hover, #links div.menucontainer li.level_3 a.item_active { background-position: 2.2em 0.4em; padding: 0.4em 0 0.4em 3.6em; display: block; } #links div.menucontainer li.level_4 a, #links div.menucontainer li.level_4 a:visited, #links div.menucontainer li.level_4 a:hover, #links div.menucontainer li.level_4 a.item_active { background-position: 3.2em 0.4em; padding: 0.4em 0 0.4em 4.6em; display: block; } #links div.menucontainer li.level_5 a, #links div.menucontainer li.level_5 a:visited, #links div.menucontainer li.level_5 a:hover, #links div.menucontainer li.level_5 a.item_active { background-position: 4.2em 0.4em; padding: 0.4em 0 0.4em 5.6em; display: block; } #links .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } /* 4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */ #content .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } #content #rs_sitemap h5 { margin: 0; font-size: 1em; } #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%; background-position: 27% 0.3em; border: 1px solid #ddd; border-bottom: 1px solid #fff; display: block; } #content #rs_sitemap h5 a:hover { border-bottom: 1px solid #ddd; display: block; text-decoration: none; } #content #rs_sitemap .menucontainer { border-bottom: 1px solid #ddd; } #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-bottom: 1px solid #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; 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 .menucontainer li.level_1 a, #content #rs_sitemap .menucontainer li.level_1 a:hover { padding-left: 30%; width: 70%; background-position: 27% 0.3em; } #content #rs_sitemap .menucontainer li.level_2 a, #content #rs_sitemap .menucontainer li.level_2 a:hover { padding-left: 35%; width: 65%; background-position: 32% 0.3em; } #content #rs_sitemap .menucontainer li.level_3 a, #content #rs_sitemap .menucontainer li.level_3 a:hover { padding-left: 40%; width: 60%; background-position: 37% 0.3em; } #content #rs_sitemap .menucontainer li.level_4 a, #content #rs_sitemap .menucontainer li.level_4 a:hover { padding-left: 45%; width: 55%; background-position: 42% 0.3em; } #content #rs_sitemap .menucontainer li.level_5 a, #content #rs_sitemap .menucontainer li.level_5 a:hover { padding-left: 50%; width: 50%; background-position: 47% 0.3em; } /* 4.4. Menu Rechts ------------------------------------------------------------ */ #rechts .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: right; display: block; } #links .teaser_vk .element_address, #rechts .teaser_vk .element_address { font-weight: bold; } #links .teaser_vk .element_address .lable, #rechts .teaser_vk .element_address .lable { display: none; } /* 5.2. Teaser im Contentbereich ----------------------------------------------- */ /* 5.2.1. Newsteaser im Contentbereich ----------------------------------------- */ #content .teaser { display: inline-block; width: 100%; } #content .teaser br { display: none; } #content .teaser .teaser_element { margin: 0; padding-bottom: 0.5em; } #content .teaser .teaser_titledate { padding: 0.2em 0.5em; } #content .teaser .teaser_titel { font-weight: bold; margin: 0; width: 80%; } #content .teaser .teaserdate { margin-top: -1.5em; font-weight: bold; float: right; } /* IE 7 Hack */ *:first-child+html #content .teaser .teaserdate { margin-top: -1.1em; } #content .teaser .wrapper { display: inline-block; padding: 0; margin: 0; margin-top: 0.5em; width: 100%; } #content .teaser img.teaserimg { margin: 0; padding: 0; } #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; } #content .teaser .teasercontent .teasertext { margin-left: 0.5em; } #content .teaser .teasercontent .teasertext span.teaser_more { text-align: right; display: block; } #content .teaser .teaser_element .teaser_more a:link, #content .teaser .teaser_element .teaser_more a:visited, #content .teaser .teaser_element .teaser_more a:active { font-weight: bold; text-decoration: none; padding-right: 0.5em; } /* 5.2.2. Teaser Veranstaltungskalender im Contentbereich ---------------------- */ #content .teaser_vk { display: inline-block; width: 100%; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { margin-bottom: 1.5em; } } #content .teaser_vk br { display: none; } #content .teaser_vk img.img_left { float: left; } #content .teaser_vk img.img_right { clear: both; float: right; margin: 0 0 0.5em 2em; } #content .teaser_vk .teaser_element { margin: 0.5em 0; padding-bottom: 0.5em; margin-bottom: 1em; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { width: 100%; } } #content .teaser_vk .teaser_titel { float: none; font-weight: bold; margin: 0; padding: 0 0.5em; width: 65% } #content .teaser_vk .teaserdate { font-weight: normal; padding: 0 0.5em; float: right; position: relative; top: -1.2em; text-align: right; } #content .teaser_vk .teaser_titledate { padding: 0.3em 0; } /* IE 7 Hack*/ *:first-child+html #content .teaser_vk .teaser_titledate { padding-right: 0.5em; } #content .teaser_vk .teasertext { padding: 0em 0.5em; text-align: left; margin-top: 1em; display: block; } /* IE 7 Hack*/ *:first-child+html #content .teaser_vk .teasertext { width: 100%; margin-top: 0; } #content .teaser_vk .teaser_element span.teaser_more { display: block; width: 100%; text-align: right; margin-top: 0.5em; } #content .teaser_vk .teaser_element .teaser_more a:link, #content .teaser_vk .teaser_element .teaser_more a:visited, #content .teaser_vk .teaser_element .teaser_more a:active { font-weight: bold; text-decoration: none; padding-right: 0.5em; } #content .teaser_vk .teaser_element .teaser_more a:hover { text-decoration: underline; } #content .teaser_vk .teaser_element .element_address { display: block; padding: 0.5em; } #content .teaser_vk hr, #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 .element_address .hr { color: #fff; height: 0em; border-top: 1em solid #fff; clear: both; } /* 5.3. Teaser im gefakten Contentbereich -------------------------------------- */ /* 5.3.1. Newsteaser im gefakten Contentbereich -------------------------------- */ #logo #fake_content .teaser {} #logo #fake_content .teaser .teaser_element { padding: 0.5em; padding-top: 0em; } #logo #fake_content .teaser .teaser_element br { line-height: 0em; } #logo #fake_content .teaser .teaser_titledate h3 { margin-bottom: 0em; } #logo #fake_content .teaser .teasercontent { margin: 0.4em -0.4em;} #logo #fake_content .teaser .teaserdate { display: none; } #logo #fake_content .teaser .teasertext { font-size: 1.2em; font-weight: normal; } #logo #fake_content .teaser .teaser_more { font-size: 1em; margin-top: 0.2em; display: block; } /* 5.3.2. Teaser Veranstaltungskalender im gefakten ContentBereich ------------- */ #logo #fake_content .teaser_vk { } #logo #fake_content #left_vkteaser_title { text-align: center; padding: 0.3em 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #000; } #logo #fake_content #left_vkteaser_title a { color: #000000; } #logo #fake_content .teaser_vk hr { display: none; } #logo #fake_content .teaser_vk .teaser_element { padding: 0.5em; padding-top: 0em; } #logo #fake_content .teaser_vk .teaser_element br { line-height: 0em; } #logo #fake_content .teaser_vk .teaser_titledate h3 { margin-bottom: 0em; } #logo #fake_content .teaser_vk .teaserdate { font-weight: normal; margin: 0.2em 0 0.4em 0; display: block; } #logo #fake_content .teaser_vk .teasertext {} #logo #fake_content .teaser_vk .teaser_more { text-align: right; display: block; } /* 6. allg. Formatierungen nach Position --------------------------------------- */ /* 6.1. Formatierungen ohne Positionsbezug ------------------------------------- */ #content h2.simplefloat1 { padding-right: 1em; margin-top: 0; float: left; } /* 6.1.1. Access Key ----------------------------------------------------------- */ #acc { margin-top: 1.6em; width: 12em; text-align: center; line-height: 1.4em; display: block; } #acc li { margin: 0 0.3em 0.3em 0; padding: 0; border: 1px solid #6f6f6f; float: left; list-style: none; display: inline-block; } #acc li a:link, #acc li a:visited { color: #000000; background: #d3d3d3; padding: 0.3em 1em; width: 1.2em; display: inline-block; text-decoration: none; } #acc li a:hover { color: #fffff2; background: #bf0000; font-weight: bold; } #acc li a:focus, #acc li a:active { color: #fffff2; background: #000080; font-weight: bold; } #acc .acc-n { border: 1px dotted #d7e9ff; padding: 0.4em 1em; width: 1.2em; color: #000000; 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 0.3em 0.1em; width: 6.8em; display: inline-block; color: #ff0000; background: #FFFFFF; letter-spacing: 0; text-decoration: none; border: 1px solid #ffffff; } #acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active { background: #d3d3d3; text-decoration: underline; border: 1px solid #6f6f6f; } #acc strong { color: #000090; font-variant: small-caps; font-weight: bold; } #acc strong em { color: #ff0000; font-style: italic; letter-spacing: 0; } #acc span { width: 0; position: absolute; left: -1000px; top: -1000px; height: 0; overflow: hidden; } /* 6.1.2. Fontsize ------------------------------------------------------------- */ div.text_fontsize { float: left; } /* 6.1.3. Kontrast ------------------------------------------------------------- */ div.contrast { margin: 0; padding: 0; text-align: right; } /* Opera hack */ @media screen and (min-width: 0px){ div.contrast { padding-top: 0.2em; } } div.contrast img { border: 0.1em solid #FFFFFF; width: 1em; } div.text_kontrast { float: left; } /* 6.1.4. Kalender ------------------------------------------------------------- */ #content #vk .dwa_kalendertable table, #content #rat .dwa_kalendertable table { width: 20em; } .dwa_kalendertable table td { padding: 0.4em; } div.dwa_kalmark2 { margin-bottom: 1em; } .dwa_kalmark4_found, .dwa_kalmark4_found:link, .dwa_kalmark4_found:visited, .dwa_kalmark4_found:active, .dwa_kalmark4_found:hover { background-color: #F1AF00; border: 1px solid silver; color: #0033AA; padding: 0.2em; } .dwa_kalmark4_found:hover { text-decoration: underline; } .dwa_kalmark2_date { background-color: #0086E6; border: 1px solid silver; color: #E50000; padding: 0.2em; } td.kalmark2 { border: #cccccc 1px solid; color: #E50000; background-color: #0086E6 } .dwa_kalmark2_date a { color: #E50000; } /* 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: #000000; 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 { color: blue; text-decoration: none; font-weight: bold; } #logo a:hover { text-decoration: underline; } /* ---------------------------- SEITENKOPF STARTSEIE --------------------------- */ #logo #header_bild { margin-top: 5em; } /* FireFox 2 */ #logo #header_bild, x:-moz-any-link { margin-top: 8em; } /*FireFox 3*/ #logo #header_bild, x:-moz-any-link, x:default { margin-top: 5em; } #logo #wappen { position: relative; top: -29.5em; left: auto; margin-left: 1em; width: 72em; display: inline; float: left; } #logo #wappen img { width: 8.2em; height: 8.8em; margin-right: 1em; float: left; vertical-align: top; } #logo #wappen h2 { margin: 0; color: #1f3dad; font-size: 2.8em; font-weight: normal; } #logo #other_links { position: relative; width: auto; margin-top: -29em; color: blue; padding: 0em 0.5em; float: right; text-align: right; display: inline-block; } #logo #other_links span { font-size: 1.2em; } #logo #other_links span img { font-size: 1.4em; padding: 0 0 0.1em 0.2em; vertical-align: middle; } /* IE 6 Hack */ * html #logo #other_links { margin-right: 0.3em; } #logo .suche { float: right; } #logo #other_links a { font-weight: normal; } /* --------------------------- SEITENKOPF MIT WAPPEN --------------------------- */ #logo #header_bild_2 { margin-top: 5em; } #logo #header_bild_2 img { width: 100em; height: 25.3em; float: left; } #logo #other_links_2 { position: relative; width: auto; margin-top: -29em; color: blue; padding: 0em 0.5em; float: right; text-align: right; display: inline-block; } #logo #other_links_2 span { font-size: 1.2em; } #logo #other_links_2 span img { padding: 0 0.2em 0.1em 0.2em; vertical-align: middle; } #logo #other_links_2 a { font-weight: normal; } /* ------------------- SEITENKOPF MIT ZUFALLSBILD OHNE WAPPEN ------------------ */ #logo #other_links_3 { width: 46.8em; margin-right: 0.6em; margin-top: -2.9em; color: blue; padding: 1em 0.5em; float: right; } /* IE 6 Hack */ *html #logo #other_links_3 { margin-right: 0.3em; position: relative; } #logo #other_links_3 .other_links { float: left; } #logo #other_links_3 .other_links a { font-weight: normal; padding: 0.15em 0.35em; float: left; } div#logo div.suche_3 { float: right; } /* 6.3. Formatierungen im linken Bereich --------------------------------------- */ #links a, a:link, a:visited, a:active { text-decoration: none; font-weight: normal; } #links a:hover { text-decoration: underline; } #links #wetter { width: 100%; height: 20em; text-align: center; padding-top: 1em; } #links #wetter img { width: 12.2em; height: 12.7em; } #links #sitemap, #links #sitemap_2 { text-align: center; padding: 0.3em 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-top: -1em; } #links #sitemap a, #links #sitemap_2 a { color: #000000; } #links #links_oben, #links #links_unten { width: 100%; text-align: center; padding: 0 0 1em 0; } #links #links_oben .bitv_links, #links #links_unten .bitv_links { width: 100%; } #links div.fontsize { float: none; display: inline-block; } #links div.fontsize a { color: blue; text-decoration: none; } #links div.fontsize a:hover { text-decoration: underline; } #links div.contrast { display: inline-block; text-align: center; } #links div.contrast img { border: 1px solid #000; width: 2em; } #links #left_city_address { padding-left: 1.8em; margin-top: 1em; } #links #left_city_address img { vertical-align: middle; padding: 0 0.4em; } #links #acc { margin-top: 3em; } /* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */ div#content a, div#content a:link, div#content a:visited, div#content a:active { font-weight: bold; text-decoration: none; } div#content a:hover { text-decoration: underline; } div#content #daten h2.element_label { margin-bottom: 0; } /* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */ /* -------------------------- 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: #000000; margin-top: 1em; border-bottom: 1px solid #000; } /* --------------------------------- Adressen ---------------------------------- */ #content .element_address .lable { display: none; } #content .element_address img { padding-top: 0; } #content .element_address hr { clear: both; float: left; width: 50%; height: 0; } #content .element_address .hr_adress_contact_start { margin-top: 1em; margin-bottom: 0.3em; } #content .element_address .contactdata .lable { display: inline; float: left; clear: left; width: 2.5em; } #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 { padding: 1em; border: 1px solid #ddd; display: inline-block; } /* IE 7 Hack */ *:first-child+html #content #daten_bild { display: inline; } #content #daten_bild #daten, #content #bild_daten #bild { float: left; padding-right: 1.5em; } #content #daten_bild #daten .element_label, #content #bild_daten #daten .element_label { padding-bottom: 0.5em; } /* IE 7 Hack */ *:first-child+html #content #daten_bild #daten { display: inline; width: 35%; } /* IE 7 Hack */ *:first-child+html #content #daten_bild #bild { display: inline; } /* ------------------------------- Pathhistory ------------------------------ */ div.pathhistory { position: absolute; clear: right; top: 0; left: 0; text-align: left; width: 57em; padding: 1em; margin: 0; height: 3em; display: none; } .pathhistory .data_list a, .pathhistory .data_list a:link, .pathhistory .data_list a:visited, .pathhistory .data_list a:active { color: #0063be; font-weight: normal; text-decoration: underline; padding-left: 1em; } .pathhistory .data_list a:hover { text-decoration: none; color: #505050; padding-left: 1em; } /* IE 6 Hack */ * html div.pathhistory { position: relative; display: none; } /* 6.4.2. Volltextsuche -------------------------------------------------------- */ /* -------------------------- Ausgabeseite Ergebnisse -------------------------- */ #content #vts .searchfield, #content #vts .searchfield div { margin-top: 0.5em; text-align: left; } #content #vts .searchfield div { padding-bottom: 0.5em; } #content #vts .page { display: inline-block; } #content #vts label {} #content #vts hr { display: none; } #content #vts .searchgap { height: 2em; } #content #vts .record { width: 100%; border-bottom: 1px solid #aaa; display: inline-block; } #content #vts .record .bottom { display: none; } #content #vts .record .number, #content #vts .record .detaillink, #content #vts .record .score, #content #vts .record .scores { border-top: 0.1em solid #aaa; height: 1.8em; padding-top: 0.4em; } #content #vts .record .number { width: 9%; padding-left: 1%; } #content #vts .record .detaillink { width: 75%; } #content #vts .record .scores, #content #vts .record .score { text-align: right; width: 13%; padding-right: 1%; display: inline-block; } /* -------------- Ausgabeseite Ergebnisse - Suche im Branchenbuch -------------- */ #content #vts #bb_volltextsuche label {} #content #vts #bb_volltextsuche hr {} #content #vts #bb_volltextsuche .searchfield {} #content #vts #bb_volltextsuche .searchfield div {} #content #vts #bb_volltextsuche .page {} #content #vts #bb_volltextsuche .searchgap {} #content #vts #bb_volltextsuche .record {} #content #vts #bb_volltextsuche .record .bottom {} #content #vts #bb_volltextsuche .record .number {} #content #vts #bb_volltextsuche .record .detaillink {} #content #vts #bb_volltextsuche .record .score {} #content #vts #bb_volltextsuche .record .scores {} /* ----------- Ausgabeseite Ergebnisse - Suche nach Veranstaltungen ------------ */ #content #vts #vk_volltextsuche label {} #content #vts #vk_volltextsuche hr {} #content #vts #vk_volltextsuche .searchfield {} #content #vts #vk_volltextsuche .searchfield div {} #content #vts #vk_volltextsuche .page {} #content #vts #vk_volltextsuche .searchgap {} #content #vts #vk_volltextsuche .record {} #content #vts #vk_volltextsuche .record .bottom {} #content #vts #vk_volltextsuche .record .number {} #content #vts #vk_volltextsuche .record .detaillink {} #content #vts #vk_volltextsuche .record .score {} #content #vts #vk_volltextsuche .record .scores {} /* 6.4.3. Modul Bürgerservice -------------------------------------------------- */ /* --------------------------------- Ämterbaum --------------------------------- */ #content div.element_department_tree div { margin: 0.5em 0; } #content div.element_department_tree img { padding-top: 0; vertical-align: middle; } /* ------------------------------- DETAILANSICHT ------------------------------- */ #content div.contactdata { clear: left; } #content div.contactdata_button { margin: 0; padding: 0; float: left; height: 2em; width: 2em; padding-right: 0.5em; margin-top: 0.3em; } #content div.contactdata_text, #content div.catntactdata_text, #content div.contactdata_text a, #content div.catntactdata_text a, #content .zimmer .zimmer_vorgang a { line-height: 2.2em; vertical-align: top; } #content .zimmer p { margin-bottom: 0; font-weight: bold; } #content .detail_link { padding: 0.2em 0; } #content .detail_link img, #content #element_employeeleader img { padding-right: 1em; float: left; } #content div#element_employeedata .contactdata, #content #element_employeeleader .label_bezeichnung { padding: 0.2em 0; } #content div#element_employeedata .contactdata img { float: left; padding-right: 1em; } #content #element_employeeroom .element_label, #content #element_employeeroom .lable, #content .zimmer .zimmer_lable, #content .zimmer .lable { font-weight: bold; padding: 0.1em 0 0.2em 0; margin: 0; float: left; width: 6em; } #content #bs #details #element_employeeroom .label_bezeichnung {} #content #element_employeeroom .label_bezeichnung, #content #element_employeeroom .lable_text, #content .zimmer .zimmer_etage, #content .zimmer .zimmer_gebaeude, #content .zimmer .lable_text { clear: right; padding: 0.2em 0; } #content .zimmer .zimmer_etage h2 { display: none; } #content .element_address .addresse_name { font-weight: normal; } #content .zimmer .element_address .addresse_name { padding-left: 6em; font-weight: bold; padding-top: 1.2em; } #content .zimmer .lable, #content .zimmer .lable_text {} #content td img { float: left; padding-right: 0.5em; } #content .vorgang_amt .label_bezeichnung img { padding: 0 0.3em 0.3em 0; vertical-align: bottom; } #content .vorgang_amt .label_bezeichnung { padding-bottom: 0.5em; } /* ------------------------------- Auswahlliste -------------------------------- */ #content div.az { text-align: center; } #content div.az span { padding: 0 0.2em; } /* ---------------------------------- Listen ----------------------------------- */ #content .element_departmentlist, #content #element_departmentcontact .contactdata th, #content #element_departmentcontact .contactdata td, #content #element_departmentcontact .contactdata td a, #content .auflistung_text {} #content #element_departmentcontact, #content #bs .element_departmentlist table, #content #element_departmentcontact table { width: 100%; } #content #element_departmentcontact .contactdata, #content #bs .contactdata { border-collapse: collapse; width: 100%; } #content #bs .element_departmentlist th { padding: 0.3em 0.5em; border-bottom: 0.1em solid #fff; border-right: 0.1em solid #fff; height: 2em; } #content #bs .element_departmentlist th#Email, #content #bs .element_departmentlist th#Bezeichnung, #content #bs .element_departmentlist th#Telefon, #content #bs .element_departmentlist th#Fax, #content #element_departmentcontact .contactdata th, #content #bs .contactdata th { padding: 0.3em 0.5em; border-bottom: 0.2em solid #fff; border-right: 0.1em solid #fff; height: 2em; } #content #bs #vorgang_uebersicht .az { margin-bottom: 1em; } #content #bs #vorgang_uebersicht .element_label { border: 0.1em solid #ddd; margin: 0; margin-bottom: 0.1em; padding: 0.3em 0 0.3em 4em; } #content #bs #vorgang_uebersicht { border-bottom: 0.1em solid #ddd; } #content #bs #vorgang_uebersicht .auflistung_text { border-left: 0.1em solid #ddd; border-right: 0.1em solid #ddd; } #content #bs #vorgang_uebersicht .auflistung_text a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; background-position: left 30%; text-decoration: none; margin: 0; padding: 0.3em 0 0.3em 1.5em; display: block; } #content #bs #vorgang_uebersicht .auflistung_text a:hover { text-decoration: } #content #bs #vorgang_uebersicht .auflistung_text { border-bottom: 0.1em solid #fff; padding-left: 4.2em; } #content #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 #employee_list {} #content #bs .element_departmentlist #Bezeichnung { width: 18em; } #content #bs .element_departmentlist th#Email { width: 2.5em; } #content #bs .element_departmentlist td, #content #element_departmentcontact .contactdata td, #content #bs .contactdata td { padding: 0.1em; vertical-align: middle; border-bottom: 0.1em solid #fff; border-right: 0.1em solid #fff; color: #000; font-weight: normal; } #content #element_departmentcontact .contactdata td img { padding-top: 0; } #content .contactdata #name, #content .contactdata .label_text { width: 20em; } #content .contactdata #tel, #content .contactdata #fax, #content .contactdata .labeltel, #content .contactdata .labelfax { width: 10em; } #content .vorgang_amt .element_address hr { clear: both; float: left; width: 35%; height: 0; } /* IE 7 Hack */ *:first-child+html #content #daten .hr_adress_contact_start { margin-bottom: -1em; } #content .auflistung_text { padding: 0.2em 0; } #content .element_departmentlist caption, #content .contactdata caption { visibility: hidden; } #content .contactdata td, #content .contactdata th { padding: 0.2em 2em; } #content #bs #employee_list .auflistung_text { white-space: normal; } #content #bs #employee_list #tel, #content #bs #employee_list #fax { white-space: normal; width: 13em; } #content #bs #employee_list .labelbild img { padding-top: 0; vertical-align: middle; } #content #bs #mitarbeiter_liste br { line-height: 0.5em; } #content #bs #employee_list #name { width: 15em; } /* --------------------------- Mitarbeiter - Detail ---------------------------- */ #content #bs *, #content #bs #details *, #content #bs #daten *, #content #fake_rechts {} #content #bs #daten hr { width: 100%; } #content #bs #daten .zimmer_etage, #content #bs #daten .zimmer_gebaeude {} #content #bs #element_employeefunc ul { margin: 0; padding: 0; } #content #bs * br { line-height: 0.5em; } #content #bs #element_employeedata img { padding: 0 1em 0.5em 0; } #content #bs #element_employeedata .element_label, #content #bs #element_employeedata .contactdata, #content #bs #element_employeefunc, #content #bs #details .beschreibung, #content #bs #element_employeeroom, #content #bs #element_employeedep, #content #bs #element_employeeservice, #content #bs #element_departmentservice, #content #bs #element_employeeleader, #content #bs #element_departmentchief, #content #bs #daten .element_address, #content #bs #daten .zimmer_etage, #content #bs #daten .zimmer_gebaeude, #content #bs #details .datasetdescription, #content #bs #details .element_zimmer_ansprechpartner .element_label, #content #bs #details .element_zimmer_vorgang .element_label, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang, #content #bs #details .contactdata th, #content #bs #details .contactdata td, #content #bs #element_departmentopening .element_label, #content #bs #element_departmentopening .element_label_content, #content #bs #element_departmentcontact .element_label {} #content #bs #element_departmentcontact, #content #bs #details .element_address div {} #content #bs #vorgang_detail #element_departmentcontact .element_label { margin-bottom: 0; } #content #bs .beschreibung * { text-align: left; } #content #bs #element_employeeroom .element_label, #content #bs #element_employeeroom .lable, #content #bs #element_employeeleader .element_label, #content #bs #element_employeeservice .element_label { padding-top: 0.2em; } #content #bs #element_employeefunc .element_label, #content #bs #element_employeeleader .element_label, #content #bs #element_employeeservice .element_label, #content #bs #element_departmentservice .element_label, #content #bs #daten .zimmer_etage .element_label, #content #bs .element_zimmer_vorgang .element_label, #content #bs #element_departmentchief .contactdata_button, #content #bs #element_departmentopening .element_label { padding-right: 1em; margin-top: 0; float: left; } #content #bs #element_employeedep .data_table { margin-top: -1em;} #content #bs #element_departmentopening .element_label_content { padding-left: 1.5em; width: 20em; display: inline-block; } #content #bs #element_departmentopening .weekdays_label { float: left; width: 7em; padding-bottom: 0.3em; } #content #bs #element_departmentopening .weekdays_text { padding-bottom: 1em; text-align: right; } #content #bs #element_departmentopening .weekdays_text br { line-height: 0; } #content #bs #element_departmentchief .contactdata_button { padding-top: 0.3em; } #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_departmentchief .label_bezeichnung, #content #bs #element_departmentservice .element_label_content { display: inline-block; } #content #bs #details #element_employeeroom .element_label_content { display: block; } #content #bs #details .detail_link { clear: both; } #content #bs #element_employeeservice div.element_label_content { display: inline-block; } #content #bs #element_employeeservice .detail_link img, #content #bs #element_employeeleader .element_label_content img, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang img { padding-top: 0em; vertical-align: middle; } /* ------------------- Detailinformation im rechten Bereich -------------------- */ #content #fake_rechts br, #content #fake_rechts #element_employeefunc { display: none; } #content #fake_rechts #element_departmentemployee, #content #fake_rechts #element_departmentemployee .label_bezeichnung a, #content #fake_rechts #element_departmentemployee .show_gmposition a, #content #fake_rechts #element_employeeroom, #content #fake_rechts #element_employeeroom .label, #content #fake_rechts #element_employeeroom .lable, #content #fake_rechts .element_address, #content #fake_rechts .auflistung_text, {} #content #fake_rechts #element_departmentemployee a img { float: left; display: inline-block; } #content #fake_rechts #element_departmentemployee .emloyee_img { float: none; clear: left; display: block; } #content #fake_rechts #element_departmentemployee img { vertical-align: middle; } #content #fake_rechts #element_departmentemployee h2, #content #fake_rechts .element_address .element_label { border-bottom: 1px solid #000; } #content #fake_rechts .element_address hr { width: 100%; } #content #fake_rechts .auflistung_text { font-weight: normal; color: #000; } #fake_rechts #element_employeeroom .lable { height: 4em; padding-top: 0.1em } /* 6.4.4. Modul Rat ------------------------------------------------------------ */ #content #rat {} #content #rat table { border-collapse: collapse; width: 100%; } #content #rat table th { padding: 0.5em 0.3em; border-right: 0.1em solid #fff; } #content #rat table td { padding: 0.3em; border-right: 0.1em solid #fff; } /* ---------------------------- Fraktionsübersicht ----------------------------- */ #content #rat .dwa_rat_fraktion table { border-left: 0.1em solid #ddd; border-right: 0.1em solid #ddd; } #content #rat .dwa_rat_fraktion table td { padding: 0.3em; border-top: 0.1em solid #fff; vertical-align: middle; } #content #rat .dwa_rat_fraktion table th { padding: 0.5em 0.3em; } #content #rat .dwa_rat_fraktion table td a, #content #rat .dwa_rat_fraktion table td a p { display: block; } #content #rat .dwa_rat_fraktion table th a:hover, #content #rat .dwa_rat_fraktion table td a:hover, #content #rat .dwa_rat_fraktion table td a:hover p { text-decoration: none; } #content #rat .dwa_rat_fraktion table td img { margin: 0; padding-top: 0; } #content #rat .dwa_rat_fraktion table .fraktion_farbe_20, #content #rat .dwa_rat_fraktion table .fraktion_farbe_21, #content #rat .dwa_rat_fraktion table .fraktion_farbe_22, #content #rat .dwa_rat_fraktion table .fraktion_farbe_23 { padding: 0; margin: 0; } #content #rat .dwa_rat_fraktion table .fraktion_farbe_20 a, #content #rat .dwa_rat_fraktion table .fraktion_farbe_21 a, #content #rat .dwa_rat_fraktion table .fraktion_farbe_22 a, #content #rat .dwa_rat_fraktion table .fraktion_farbe_23 a { display: block; padding: 0.5em; } #content #rat .dwa_rat_fraktion table td a:hover {} /* --------------------------------- Fraktion ---------------------------------- */ #content #rat #details {} #content #rat #details br { line-height: 0.5em; } #content #rat #details .dwa_frakktion_bezeichnung { display: none; } #content #rat #details .dwa_fraktiondetail_beschreibung * { text-align: left; } /* ----------------------------- 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 #ausschuss_uebersicht .dwa_rat_ausschuss caption { display: none; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss { border: 0.1em solid #ddd; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th { padding: 0.5em 0.3em; font-weight: bold; text-align: left; border-left: 0.1em solid #fff; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss:hover { border-bottom: 0.1em solid #fff; border-top: 0.1em solid #ddd; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td { padding: 0.3em; border-top: 0.1em solid #fff; border-left: 0.1em solid #fff; vertical-align: top; text-align: left; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td.fraktion { width: 25% } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td.headline { font-weight: bold; font-style: italic; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td.button { text-align: center; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td.button img { float: none; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_20, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_21, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_22, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_23 { padding: 0; margin: 0; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_20 a, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_21 a, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_22 a, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_23 a { display: block; padding: 0.3em; } #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss a, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td a { text-decoration: none; display: block; } /* ---------------------------- Ausschuss - Detail ----------------------------- */ #content #rat .dwa_ausschuss_chairman table td[abbr=vorsitz], #content #rat .dwa_ausschuss_chairman table td[abbr=vice] { width: 37%; font-weight: bold; } #content #rat .dwa_ausschuss_chairman table td[abbr=name], #content #rat .dwa_ausschuss_chairman table td[abbr~=fraktion] { width: 49%; } #content #rat .dwa_ausschuss_chairman table td, #content #rat .dwa_ausschuss_chairman table td[abbr~=name] a { padding-bottom: 0.5em; } #content #rat .dwa_ausschuss_wrapper .element_label_content .ausschuss, #content #rat .dwa_ausschuss_wrapper .element_label, #content #rat .dwa_ausschuss_wrapper .ausschuss td[abbr~=fraktion] a {} #content #rat .dwa_ausschuss_wrapper .element_label_content .ausschuss a {} /* --- Sitzungskalender - Übersicht --- */ #content #rat #kalender { display: inline-block; float: left; } #content #rat #daten { display: inline-block; margin-left: 2em; width: 50%; } #content #rat div.dwa_kalmark2 { display: none; } #content #rat div.dwa_kalmark4 a { color: #000; padding: 0.2em; border: 0.1em solid #ddd; } #content #rat #sitzungskalender_uebersicht .dwa_date { display: inline-block; margin-top: 0.5em; } #content #rat #sitzungskalender_uebersicht #daten { display: inline-block; margin-top: 0.5em; } #content #rat #kalender { margin: 0; padding: 0; text-align: center; float: left; } #content #rat .dwa_kalendertable table { text-align: center; width: auto; } #content #rat .dwa_kalendertable table a { display: block; border: 0.1em solid #ddd; } #content #rat .dwa_kalendertable table { empty-cells: hide; border-collapse: collapse; } #content #rat .dwa_kalendertable table th, #content #rat .dwa_kalendertable table td { padding: 0.2em; width: 1.8em !important; height: 1.5em !important; border: 1px solid #fff; } #content #rat .dwa_kalendertable td[abbr~=Week] a { border: 0em; } #content #rat #daten .dwa_v_kalender_list { width: auto; } #content #rat #daten .dwa_v_kalender_list table { border: 0.1em solid #ddd; padding: 0.1em; } #content #rat #daten .dwa_v_kalender_list th { padding: 0.3em; } #content #rat #daten .dwa_v_kalender_list td { padding: 0.3em; border: 0.1em solid #fff; border-left: 0em; border-right: 0em; } #content #rat #daten .dwa_v_kalender_list .dwa_pager { clear: both; float: right; margin-top: 1em; } #content #rat .dwa_ratsmitglied_auflistung th.headline { display: none; } /* 6.4.5. Modul News ----------------------------------------------------------- */ /* --------------------------------- Übersicht --------------------------------- */ #content #news .element_newslist table caption { display: none; } #content #news .element_newslist table { border: 0.1em solid #ddd; } #content #news .element_newslist table th { padding: 0.3em; border-right: 0.1em solid #ddd; white-space: nowrap; } #content #news .element_newslist table td { padding: 0.3em; border-top: 0.1em solid #fff; border-right: 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; display: inline-block; float: none; } #content #news .element_newslist table th:hover a { color: #fff; } /* 6.4.6. Modul Veranstaltungskalender ----------------------------------------- */ /* ------------------ Veranstaltungskalender - Übersicht ----------------------- */ #content #vk #uebersicht .dwa_kalendertable table td.dwa_kalmark4 a { display: block; height: 100% !important; } #content #vk #uebersicht #kalender_daten #kalender { float: left; width: 100%; margin: 0; padding: 0; } #content #vk #uebersicht #kalender_daten #daten { float: right; width: 50%; margin-top: -20em; } #content #vk #uebersicht #kalender_daten #daten a { float: left; clear: both; } #content #vk #uebersicht #kalender_daten #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; width: 100%; } #content #vk #uebersicht .dwa_selectdate { float: right; display: inline-block; width: 50%; } #content #vk #uebersicht .dwa_date, #content #vk #uebersicht .dwa_kalendertable, #content #vk #uebersicht div.dwa_navigation_element { display: inline-block; width: 50%; } #content #vk #uebersicht .dwa_selectdate label, #content #vk #uebersicht .dwa_kalendertable caption { display: none; } #content #vk #uebersicht .dwa_kalendertable table { padding: 0; margin: 0; } /* IE 6 hack */ *html #content #vk #uebersicht .dwa_date { margin-top: -3.5em; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_date { margin-top: -3em; } #content #vk #uebersicht .dwa_kalendertable table td, #content #vk #uebersicht .dwa_kalendertable table th, #content #vk #uebersicht .dwa_kalendertable .dwa_kalmark4 a, #content #vk #uebersicht .dwa_kalendertable .dwa_kalmark3 a { padding: 0; margin: 0; width: 2.1em !important; height: 2.1em !important; vertical-align: middle; text-align: center; } #content #vk #uebersicht .dwa_kalendertable { margin-left: 5%; display: block; width: auto; float: none; clear: both; } #content #vk #uebersicht .dwa_v_kalender_suche label { font-weight: bold; padding-bottom: 0.5em; } #content #vk #uebersicht .dwa_v_kalender_suche input#searchfield { margin-top: 0.05em; display: inline-block; float: left; clear: both; } #content #vk #uebersicht .dwa_v_kalender_suche input.button { margin-left: 0.4em; width: 6.5em; } #content #vk #uebersicht div.dwa_navigation_element { padding: 0.5em 0; clear: both; } #content #vk #uebersicht div.dwa_kalmark2, #content #vk #uebersicht div.dwa_kalmark4 { float: left; display: inline-block; } #content #vk #uebersicht .dwa_kalendertable .dwa_kalmark4 a, #content #vk #uebersicht .dwa_kalmark4 a, #content #vk #uebersicht .dwa_kalendertable .dwa_kalmark3 a { border: 0.1em solid silver; width: 2.1em !important; height: 2.1em !important; vertical-align: middle !important; text-align: center; color: #000; line-height: 2.1em; display: inline-block; } #content #vk #uebersicht div.dwa_kalmark4 a, #content #vk #uebersicht div.dwa_kalmark2 span.dwa_kalmark2_date { width: 1.5em !important; height: 1.5em !important; text-align: center; vertical-align: middle; display: inline-block; font-weight: bold; margin-left: 2.6em; margin-right: 1em; line-height: 1.5em; color: none; } #content #vk #uebersicht div.dwa_kalmark4 a { width: 1.9em !important; height: 1.9em !important; } #content #vk #uebersicht .dwa_v_kalender_list {} #content #vk #uebersicht .dwa_v_kalender_list .label_bezeichnung { text-align: left; float: left; padding: 0 0.5em 0 2.5em; } #content #vk #uebersicht .dwa_v_kalender_list .suchparam { display: inline-block; text-align: left; } #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 { border-collapse: collapse; border: 0.1em solid #ddd; margin: 1em 0; } #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.4em; vertical-align: middle; } #content #vk #uebersicht .dwa_v_kalender_list table td { border-top: 0.1em 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; } #content #vk #uebersicht .dwa_v_kalender_list table th#Datum a img { } #content #vk #uebersicht .note { display: block; margin-top: 2em; clear: left; text-align: center; } /* ------------------ Veranstaltungskalender - Detailansicht ------------------- */ #content #bilder { width: 100%; } #content #bilder #bild1 { width: 50%; float: left; text-align: center; display: inline-block; } #content #bilder #bild2 { width: 50%; text-align: center; display: inline-block; } #content #daten { float: left; display: inline-block; } #content #daten .beschreibung { width: 100%; } #content #daten br { line-height: 0.2em; } #content #daten .element_label {} #content #kalender { padding-top: 0.5em; padding-left: 3em; padding-right: 1em; display: inline-block; } #content #vk .dwa_eventdate .simplefloatl { display: none; } #content .dwa_navigation_element, #content .dwa_date { width: 100%; text-align: center; display: none; } #content #kalender .dwa_date { padding: 0.5em 0; } #content form select, #content form option { font-weight: normal; background-color: #fff; color: #000; } #content #daten_kalender #daten { float: left; width: 50%; } #content #daten_kalender #kalender { float: right; width: 40%; padding: 0 5%; } #content .dwa_kalendertable .kalender { text-align: center; margin-top: 1em; width: 100%; } #content .dwa_kalendertable table th, #content .dwa_kalendertable table td { padding: 0.4em 0; width: 1.8em; height: 1.5em; } #content .dwa_kalendertable table td.dwa_kalmark4_found, #content div.dwa_kalmark4 a.dwa_kalmark4_found { color: #000; cursor: pointer; } #content .dwa_kalendertable table td.dwa_kalmark4_found a, #content .dwa_kalendertable table td.dwa_kalmark3 a { } #content .dwa_kalendertable table td.dwa_kalmark2_date, #content .dwa_kalendertable table td.dwa_kalmark2_date, #content div.dwa_kalmark2 span.dwa_kalmark2_date { color: #000; } #content div.dwa_kalmark4 a.dwa_kalmark4_found, #content div.dwa_kalmark2 span.dwa_kalmark2_date { width: 1.8em; height: 1.5em; text-align: center; vertical-align: middle; display: inline-block; font-weight: bold; margin-left: 2.6em; margin-right: 1em; } #content .dwa_kalendertable table th, #content .dwa_kalendertable table td, #content .dwa_kalendertable table th a, #content .dwa_kalendertable table td a { color: #000; } /* 6.4.7. Modul Gästebuch ------------------------------------------------------ */ /* ------------------------ Gästebucheinträge anzeigen ------------------------- */ #content #gaestebuch_uebersicht p, #content #gaestebuch_uebersicht .dwa_selection {} #content #gaestebuch_uebersicht .dwa_selection img { vertical-align: middle; } #content #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag { padding: 0.5em 0; } #content #gaestebuch_uebersicht .gaestebuch_liste .gb_date { font-weight: bold; padding: 0.2em 0.5em; } #content #gaestebuch_uebersicht .gaestebuch_liste .gb_date img { vertical-align: middle; padding-left: 1em; } #content #gaestebuch_uebersicht .gaestebuch_message { padding-top: 0.2em; } #content #gaestebuch_uebersicht .comment { display: block; margin-top: 0.5em; } #content #gaestebuch_uebersicht .gb_comment_title, #content #gaestebuch_uebersicht .gb_comment_text { font-style: italic; padding: 0.2em; } #content #gaestebuch_uebersicht .gb_comment_text {} #content #gaestebuch_uebersicht .dwa_navigation {} /* ----------------- Gästebucheinträge erstellen und speichern ----------------- */ #content .guestbook_message {} #content .guestbook_form { list-style: none; } #content .guestbook_form * { vertical-align: top; padding-top: 0.2em; } #content .guestbook_form .guestbook_head { display: none; } #content .guestbook_form label { float: left; width: 10em; padding: 0.3em 1em 0.2em 0; } #content .guestbook_form #name, #content .guestbook_form #mail, #content .guestbook_form #captcha { width: 14.6em; } #content .guestbook_form textarea { width: 30em; } /* 6.4.8. Modul Galerie -------------------------------------------------------- */ /* ----------------------------- Galerieübersicht ------------------------------ */ #content #uebersicht_galerie .gallery_path { padding-top: 1.2em; font-weight: bold; } #content #uebersicht_galerie .gallery_path h4 { margin-top: 0em; float: left; } #content #uebersicht_galerie .gallery_picture_overview ul { list-style: none; padding: 0em; margin: 0em; } #content #uebersicht_galerie .gallery_picture img { padding-left: 0em; padding-top: 0em; } #content #uebersicht_galerie .gallery_picture_list_item { width: 33%; text-align: center; } #content #uebersicht_galerie .gallery_picture_link { margin-top: -1em; } #content #uebersicht_galerie .gallery_picture_link a { font-weight: normal; } #content .gallery_picture_description {} #content .gallery_statistic { text-align: center; font-style: italic; margin-bottom: 1.5em; display: block; } /* ------------------------------- Galeriedetail ------------------------------- */ #content .gallery_picture_overview { width: 100%; } #content .gallery_picture_overview td { width: auto; } #content .gallery_picture_overview .gallery_picture { text-align: center; padding-bottom: 1em; } #content .gallery_picture_overview .gallery_picture a { font-weight: normal; } #content .gallery_picture_overview .gallery_picture a img { float: none; } #content .page .prev img, #content .page .next img { padding-top: 0.1em; } #content .page .next img { padding-left: 0.8em; } #content .page span { float: left; } /* -------------------------------- Fotodetail --------------------------------- */ #content #foto_detail #bild, #content #foto_detail #bildoptionen { float: left; } #content #foto_detail #bild img { padding-left: 0; padding-bottom: 0; } #content #foto_detail #bildoptionen a { font-weight: normal; } /* 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 - Detail ------------------------- */ #content #bb #rubrik_detail .dwa_rubrik_branchenbezeich { display: none; } #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title { font-weight: bold; padding-bottom: 0.5em; } #content #bb #rubrik_detail .dwa_rubrik_firmen caption { display: none; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung td { text-align: left; line-height: 1.6em; padding-bottom: 0.5em; border: 1px solid #fff; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .email, #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .homepage { padding: 0; padding-top: 0.3em; width: 2.5em; text-align: right; } #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 .bezeichnung { padding-left: 0.3em; width: 17.5em; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .telefon, #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .fax { white-space: normal; width: 12.8em; color: #000; font-weight: normal } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung a { font-weight: normal; white-space: normal; display: block; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung a:hover { font-weight: normal; white-space: normal; display: block; text-decoration: none; } /* ----------------------- 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; } /* 6.4.10. Modul Müllabfuhrkalender -------------------------------------------- */ /* 6.4.11. Modul Feedbackformular ---------------------------------------------- */ #content #feedback .formfields { list-style: none; } #content #feedback .formfields label.feldbezeichnung { width: 15em; display: inline-block; text-align: right; } #content #feedback .formfields { border: 1px solid #ccc; padding: 1em; } /* IE 6 hack */ * HTML #content #feedback .formfields { margin-left: 0em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields { margin-left: 0em; } #content #feedback .formfields li {} #content #feedback .formfields li input { width: 40%; margin: 0.2em 0.75em; } #content #feedback .formfields li input#zusatz2 { margin: 0.2em 0.75em 0.2em 0; } /* IE 6 hack */ * HTML #content #content #feedback .formfields li input#email, #content #feedback .formfields li input#zusatz2 { margin-left: 1em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields li input#email, #content #feedback .formfields li input#zusatz2 { margin-left: 1em; } *:first-child + HTML #content #feedback .formfields li input#zusatz2 { margin-right: 0.75em; } #content #feedback input#i_1 { height: 1.2em; float: left; clear: both; margin-right: 0.5em; padding-left: 3em; text-indent: 2em; } /* IE 7 hack */ *:first-child + HTML #content #feedback input#i_1 { } #content #feedback #i_1, #content #feedback #i_2, #content #feedback #i_3, #content #feedback #i_4, #content #feedback #i_5, #content #feedback #i_6 { margin-left: 2em;} #content #feedback h4 { margin: 0.5em 0; } #content #feedback .captcha_img { margin: 1em 0; } #content #feedback .captcha_img img { padding: 0;} #content #feedback input#captcha { margin-left: 0.5em;} /* 6.5. Formatierungen im rechten Bereich -------------------------------------- */ div#rechts { text-align: left; } #rechts a:link, #rechts a:link, #rechts a:visited, #rechts a:active { color: blue; font-weight: normal; text-decoration: none; } #rechts a:hover{ font-weight: normal; color: blue; text-decoration: underline; } /* ---------------------------------- Galerie ---------------------------------- */ #rechts #galerie { text-align: center; padding: 0.3em 0; margin-top: 0.4em; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #rechts #galerie a { color: #000; } #rechts #galerie_bild img { width: 16em; height: 12em; padding: 1.5em 1.5em 0.5em 1.5em; } #rechts #galerie_link { padding-left: 1.5em; } #rechts #galerie_link a { font-weight: normal; text-decoration: underline; } #rechts #galerie_link a:hover { text-decoration: none; } /* module */ #rechts #modul { padding-top: 1.5em; } #rechts #modul #titel { text-align: center; padding: 0.3em 0; margin-top: 0.4em; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #rechts #modul #titel a { color: #000; } #rechts #modul p { text-align: center; margin: 0; } #rechts #modul img { width: 19.6em; height: auto; margin-top: 1em; } /* ------------------------------- Suchformulare ------------------------------- */ #rechts #volltextsuche, #rechts #suche_abfall { text-align: center; padding: 0 0.5em; margin-top: -1em; } #rechts #suche_abfall { margin-top: 0em; } #rechts #volltextsuche form *, #rechts #volltextsuche label, #rechts #suche_abfall form *, #rechts #suche_abfall label {} #rechts #volltextsuche label, #rechts #suche_abfall label { display: inline; color: #000; } /* -------------------------- Linkliste Abfalltouren ----------------------------- */ #rechts #touren_abfall { margin: 1em 0 0 4em; } #rechts #touren_abfall img { vertical-align: middle; margin-right: 0.5em; } #rechts #touren_abfall a { line-height: 1.8em; width: 10em; } #rechts #touren_abfall a { color: blue; }