img[align="left"] { margin: 0 1em .05em 0 !important; float: left !important; } /* IE hack fır Pseudoklassen auf Menu-Elementen */ body { behavior: url("/city_data/css/dwa/csshover/csshover3.htc"); } #content .teaserbox .teaser_item_list { display: flex; flex-direction: row; flex-wrap: wrap} #content .teaserbox .teaser_item_list .teaser_element { width: 44%; margin: 0 2% 1em 0; padding: 2%; background-color: #F5F4F5; } #content .teaserbox .teaser_item_list .teaser_element img { padding: 0; padding-bottom: 1em;} #content .teaserbox .teaser_item_list .teaser_element hr { display: none; } /* 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.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, #footer { font-family: Arial, Helvetica, sans-serif; text-align: left; } div#center * { font-family: Arial, Helvetica, sans-serif !important; } a, a:link, a:visited, a:active { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } .hidden, #center .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; } /* #content img { max-width: 100% !important; height: auto; padding: 0.3em 0 !important; float: none !important } */ table { max-width: 100% !important; width: auto !important} #content table { width: 100% !important;} #content table p { margin: 0 !important;} #content table tr:nth-child(odd) { background-color: #F5F4F5;} .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } img + .extlinkicon { display: none; } #content .extlinkicon { vertical-align: middle; padding-top: 0; float: none; } #links br { display: none; } label span, input, select, textarea { font-family: Arial, Helvetica, sans-serif !important; } #content div.tpl_div .tpl_div_element { float: left; margin-right: 1em; } /* IE 6 hack */ *html #content div.tpl_div .tpl_div_element { float: left; margin-right: 0em; } .error { color: red !important; border-color: red !important; font-weight: bold !important; } .errorborder { border-color: red !important; } .readspeaker_link { vertical-align: bottom; margin-left: 0.2em;} /* 1.2. schriftgrııebasierende Layoutanpassung --------------------------------- */ /* Kommentar: Festlegung der absoluten Basisschriftgrııe. */ html { font-size: 20px; } /* 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 { font-size: 1em; } /* Kommentar: Herstellung eines Schriftgrııenverhıltnisses von 1em = 10px */ #center { font-size: 0.5em; } #center img { font-size: 1em; } /* Kommentar: Nachfolgend die Definition des Schriftgrades fır angezeigten Text auf 11px = 1em */ div#content div.bf_wrapper { font-size: 1.25em; line-height: 1.4em } div#rechts div.bf_wrapper { font-size: 1.15em; line-height: 1.4em } div#center h1 { font-size: 2.56em; line-height: 140% !important; } div#center h2 { font-size: 1.92em; line-height: 100% !important; } div#center h3 { font-size: 1.44em; line-height: 100% !important; } div#center h4 { font-size: 1.28em; line-height: 100% !important; } div#center h5 { font-size: 1em; line-height: 100% !important; } div#center h6 { font-size: 0.8em; line-height: 100% !important; } div#content h1.pagetitle { font-size: 1.3em; } div#rechts h3 { font-size: 1.1em; } div#rechts .kasten h3, div#rechts .teaser_vk .element_label { font-size: 1.3em; } div#content img, div#rechts img { font-size: 0.8em; } #rechts .modul .modul_content { font-size: 1.2em; } #content #rs_sitemap h5 a { font-size: 1.1em; } div#links *, div#content * { font-size: 1em; } #content #tp h3.pagetitle_unterkunft { font-size: 1.2em; } #links div.menucontainer li a, #rechts .Beschreibung, #footer .Beschreibung { font-size: 1.1em; } #rechts #acc { font-size: 1.2em;} #content h2.element_label { font-size: 1em; } #logo div.fontsize a.smallerfont { font-size: 1.3em; } #logo div.fontsize a.normalfont { font-size: 1.7em; } #logo 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; } #rechts div.menucontainer a { font-size: 1.1em; } /* 1.3. Seitenaufteilung ------------------------------------------------------- */ div#center { min-width: 100%; text-align: center; margin: 0; padding: 0; } div#inner_center { width: 100em; display: inline-block; margin: 0; padding: 0; } div#logo { width: 100%; margin: 0; padding: 0; display: inline-block; } div#wrapper_unten { display: flex; width: 100%; margin: 0; padding: 0; background-color: #d6d8d8; } div#links { width: 20%; margin: 0; padding: 0; background-color: #F5F4F5; } div#content_wrapper { width: 80%; margin: 0; padding: 0; display: flex; background-color: #fff; } div#content { width: 55em; padding: 1.5em 1em 2em 3em; margin: 0; min-height: 40em; display: inline-block; } div#rechts { width: 17.5em; padding: 0.5em 1em; margin: 0 0 0 auto; display: inline-block; } div#footer { display: none;; } /* Farben */ body { background-color: #333 !important; color: #333; } #center a, #center a:visited { color: #000; } #content a, #content a:visited { font-weight: bold; } #rechts { background-color: #f5f4f5; } #wrapper_unten { background: #fff !important; } div#content_wrapper { background: transparent !important} /* 2.2.1. Grundfarbe: #a9cfe8 -------------------------------------------------- */ div#center div.teaser_vk a.teaser_more, div#center div.teaser a.teaser_more { color: #000 !important; } #content hr { color: #a9cfe8; font-weight: bold; border: 0; border-bottom: 1px solid #333 !important; } #acc li a:link, #acc li a:visited, #acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active, #content .dwa_dynmod .auflistung th, #content div.dwa_kalender .dwa_date, #content #adr .address_list .address_list_item .address_title, #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 #bs .element_department_tree div.auflistung_level_0, #content #news .element_newslist th, #content #bb .dwa_rubrik_list th, #content #bb .dwa_rubrik_list table caption, #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 #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss, #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 #uebersicht .dwa_v_kalender_list table th, #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 #kategorie_details 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, #content #vts .record .headline, #content #spec #dwa_event_list_wrapper .event_wrapper h5, #content #spec #spec_liste .kopf, #content #spec #detail table th, #content .obj_morerubin table th { background-color: #545454; color: #fff; } #content #bs .element_department_tree div.auflistung_level_0 a, #content #bs .element_department_tree div.auflistung_level_0 a:visited, #content #adr .address_list .address_list_item .address_title a, #content #vts .record .headline a, #content #news .element_newslist th a, #content #news .element_newslist th a:visited { color: #fff !important; } #acc li a:link, #acc li a:visited, #links .suche, #content fieldset, #content input:focus, #content textarea:focus, #content select:focus, #content input#send, #content .dwa_dynmod_suche table, #content .Beschreibungen table#Kreisrecht, #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 a, #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 #uebersicht .dwa_v_kalender_list table, #content #expertensuche form, #content #bb .dwa_rubrik_list, #content #bb #rubrik_detail .dwa_rubrik_firmen table, #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title, #content #fo #forums_profile fieldset, #content #fo #register fieldset, #content #fo #benutzer_register fieldset, #content #fo .threadtitle, #content #fo .qrheadline, #content #fo .forums_background, #content #fo table.forums_table_compose select, #content #fo table.forums_table_compose input, #content #fo table.forums_table_compose textarea, #content #adr .address_list .address_list_item, #content #gmap #map, #content #gmap #kategorie_uebersicht table, #content #gmap #kategorie_details table, #content #gmap #objekt_suche form, #content #gmap #objekt_suche .dwa_gmap_searchresult table, #content #exr #newsletter form, #content #tp .dwa_hotel_list table, #content #news .element_newslist table, #content #mak #abfuhrbezirke table, #content #mak #abfuhrbezirke table td u, #content #vts .record, #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today, #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events, #content #spec #legende .today, #content #spec #legende .event, #content #spec #spec_liste, #content #spec #detail table, #footer #bitv_links, #content .obj_morerubin table { border: 1px solid #545454; } #content #spec #legende .event_today { border: 1px solid #F00C03; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today a, #content #spec #legende .event_today { background-color: #545454; color: #fff; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events, #content #spec #legende .event { background-color: #545454; color: #fff; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events a { color: #000; } #content .dwa_kalender .dwa_date a, #content #bs .element_department_tree div.auflistung_level_0 a, #content #news .element_newslist th a, #content #rat .dwa_ratsmitglied_auflistung th a, #content #rat .dwa_rat_ausschuss table th a { color: #fff; } #content .dwa_kalender .dwa_kalendertable, #content #adr .address_list .address_list_item .address_title, #content #bs #vorgang_uebersicht, #content #bs #element_departmentcontact table th, #content #bs .element_departmentlist table th, #content #bs table.contactdata th, #content #bs .element_department_tree div.auflistung_level_0, #content #bb .dwa_rubrik_list .element_label, #content #news .element_newslist table th, #content #fo #forums_profile fieldset, #content #fo #register fieldset, #content #fo .info, #content #news .element_newslist table th, #content #rs_oeffnungszeiten th, #content #gmap .dwa_gmap_objectlist th, #content #spec #dwa_event_list_wrapper .event_wrapper h5, #content #spec #spec_liste .kopf, #content #spec #detail table th, #content .obj_morerubin table th { border-bottom: 1px solid #545454; } #content #bs .element_department_tree div.auflistung_level_0, #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 #545454; } #content #bs .element_department_tree div.auflistung_level_0 + div.auflistung_level_0 { border-top: 0; } #content .dwa_kalender .dwa_kalendertable, #content #bs #vorgang_uebersicht .auflistung_text, #content #fo .text { border-left: 1px solid #545454; border-right: 1px solid #545454; } #content #bb #rubrik_detail .dwa_rubrik_firmen tr, #content #fo .info { border-left: 1px solid #545454; } #content #daten hr { height: 1px; color: #333; } #content .dwa_kalender .dwa_kalendertable .termin a, #content .dwa_kalender .dwa_kalendertable .So a, #content .dwa_kalender .dwa_kalendertable .termin a { background-color: #545454; color: #fff; } #content .dwa_kalender .dwa_kalender_legend .dwa_kalmark4 a, #content .dwa_kalender .dwa_kalender_legend .termin a { background-color: #545454; color: #fff; } #content .dwa_kalender .dwa_kalendertable .heute { background-color: #545454; color: #fff; border: 1px solid #545454; } #content .dwa_kalender .dwa_kalender_legend .heute span.heute { background-color: #545454; color: #545454; } /* 2.2.3. Hoverfarbe 1: #fff --------------------------------------------------- */ #content .dwa_dynmod .auflistung tr, #content .dwa_dynmod_suche table, #content .dwa_kalender .dwa_date, #content #vts .record .summary, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date, #content #bs .inner_tsacontent, #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 #uebersicht .dwa_v_kalender_list table tr, #content #rat .dwa_rat_fraktion_chairman table tr, #content #rat .dwa_rat_fraktion table tr, #content #rat .dwa_rat_ausschuss table tr, #content #rat .dwa_rat_ausschuss_chairman table tr, #content #rat .dwa_rat_ausschuss_perm table tr, #content #rat .dwa_rat_ausschuss_nonperm table tr, #content #rat .dwa_ratsmitglied_auflistung table tr, #content #rat .dwa_ratsmitglied_auflistung table th.headline:hover, #content #rat #daten .dwa_v_kalender_list .auflistung tr, #content #rat .dwa_rat_ausschuss table th#ausschuss:hover, #content #fo .threadtitle, #content #fo .qrheadline, #content #fo table.forums_table_overview caption, #content #fo table.forums_table_overview td.forums_category, #content #fo table.forums_table_compose td.label, #content #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: #f5f4f5; color: #000; } .inner_tsacontent { border:1px solid #545454; padding:0.3em; background-color: #f5f4f5; } /* 2.2.3. leicht abgedunkelte Hoverfarbe: #fff --------------------------------- */ #content .teaser .teaser_element, #content .teaser_vk .teaser_element, #content .dwa_kalender .dwa_date, #content #rs_oeffnungszeiten th, #content #vts .record .headline, #content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date { border-bottom: 1px solid #fff; } #content .dwa_kalender .dwa_kalender_legend .termin a, #content .dwa_kalender .dwa_kalender_legend .heute span.heute { border: 1px solid #545454; } /* 2.2.4. Linkfarbe vor farbigem Hintergrund: #000 ----------------------------- */ #content .dwa_kalender .dwa_kalendertable .heute, #content .dwa_kalender .dwa_kalendertable .heute a, #content .dwa_dynmod .auflistung 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 #uebersicht .dwa_v_kalender_list table tr a, #content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss a, #content #rat table td.name a, #content #rat .dwa_ratsmitglied_auflistung th:hover a, #content #rat .dwa_rat_ausschuss table th.ausschuss:hover a, #content #fo table.forums_table_overview td a, #content #fo table.forums_table_overview td a:hover, #content #adr .address_list .address_list_item .address_title a, #content #gmap #kategorie_uebersicht table td a, #content #gmap #kategorie_details table td a, #content #gmap #objekt_suche .dwa_gmap_searchresult tr a, #content #ga .picture_row li .picture_content a, #content #ga .gallery_overview_list li .gallery_content a, #content #tp .dwa_hotel_list table td a, #content #mak #abfuhrbezirke table td a, #content #vts .record .detaillink a, #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today a { color: #000; } /* 2.2.5. Hoverfarbe 2: #fff --------------------------------------------------- */ #content .Beschreibungen table#Kreisrecht tr:hover, #content .dwa_dynmod .auflistung tr:hover, #content #rs_organigramm #ebene_unten p:hover, #content #bb .dwa_rubrik_list table tr:hover, #content #bb .dwa_eintrag_list table tr:hover, #content #bb #rubrik_detail .dwa_rubrik_firmen tr:hover, #content #bs #vorgang_uebersicht .auflistung_text:hover, #content #bs .element_departmentlist table tr:hover, #content #bs table.contactdata tr:hover, #content #bs #unterlage_uebersicht tr:hover, #content #bs .element_department_tree div:hover, #content #uebersicht .dwa_v_kalender_list table tr:hover, #content #news .element_newslist 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 #kategorie_details table tr:hover, #content #gmap #objekt_suche .dwa_gmap_searchresult tr:hover, #content #mak #abfuhrbezirke table tr:hover, #content #mak #abfuhrbezirke form table tr { background-color: #fff; } #content #bs .element_department_tree div.auflistung_level_0:hover { background-color: #545454; } /* 4. Menugestaltung ----------------------------------------------------------- */ .menucontainer ul { list-style: none; margin: 0; padding: 0; } /* 4.1. Topmenu ---------------------------------------------------------------- */ #logo #topmenu { width: 100em; height: auto; z-index: 100; display: inline-block; } #logo #topmenu .menucontainer { width: 80em; float: right;} #logo #topmenu ul { margin: 0; padding: 0; list-style: none; } #logo #topmenu .menucontainer ul li.level_1 { width: 19.6em; margin-left: 0.4em; height: 3.5em; text-align: center; background: #f00c03 /* url('/city_data/images/1/2/146521/orig_10x42.png') bottom left repeat-x */; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #logo #topmenu #leer { width: 20em; height: 3.5em; background: #f00c03 /* url('/city_data/images/1/2/146521/orig_10x42.png') bottom left repeat-x */; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; float: left; } #logo #topmenu .menucontainer ul li.level_1 a { font-size: 1.6em; padding: 0.4em 0 0.6em !important; display: block; color: #fff; } #logo #topmenu .menucontainer ul li.level_1:focus, #logo #topmenu .menucontainer ul li.level_1:hover, #logo #topmenu .menucontainer ul li.level_1.item_active, #logo #topmenu .menucontainer ul li.level_1.item_parent_active { background-color: #545454; background-image: none; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #logo #topmenu .menucontainer ul li.level_1 a:focus, #logo #topmenu .menucontainer ul li.level_1 a:hover, #logo #topmenu .menucontainer ul li.level_1 a.item_active, #logo #topmenu .menucontainer ul li.level_1 a.item_parent_active { display: block; text-decoration: none; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } /* 4.2. Menu Links ------------------------------------------------------------- */ #links #menu { background-color: #fff; border-bottom: 0.2em solid #fff; margin-top: -0.2em;} #links #menu .menucontainer { margin: 0; width: 100% !important; } #links #menu ul { margin: 0; padding: 0; list-style: none; } #links div.menucontainer li a, #links div.menucontainer li a:visited, #links div.menucontainer li a:hover, #links div.menucontainer li a.item_active { font-size: 1.4em; text-decoration: none; font-weight: normal; margin: 0; display: block; background-color: #d6d8d8; } #links div.menucontainer li.level_1 a, #links div.menucontainer li.level_1 a:visited { padding: 0.4em 0 0.4em 1.8em; } #links div.menucontainer li.level_1 a:hover, #links div.menucontainer li.level_1 a:focus, #links div.menucontainer li.level_1 a.item_active, #links div.menucontainer li.level_1 a.item_parent_active { padding: 0.4em 0 0.4em 1.8em; font-weight: normal; background-color: #b5b4b5; color: #000; } #links div.menucontainer li.level_1 a.item_active, #links div.menucontainer li.level_1 a.item_parent_active { font-weight: bold; } #links div.menucontainer li.level_1, #links div.menucontainer li.item_active ul, #links div.menucontainer li.item_parent_active ul { border-top: 0.2em solid #fff; } #links div.menucontainer li.level_1.item_active a, #links div.menucontainer li.level_1.item_parent_active a { border-top: 0.2em solid #fff; } #links div.menucontainer li.level_2.item_active ul, #links div.menucontainer li.level_2.item_parent_active ul { border: 0em solid #fff; } #links div.menucontainer li.level_1.item_active li a, #links div.menucontainer li.level_1.item_parent_active li a, #links div.menucontainer li.level_1.item_active, #links div.menucontainer li.level_1.item_parent_active { border-top: 0em solid #fff; } #links div.menucontainer li.item_active ul li a, #links div.menucontainer li.item_parent_active ul li a { background-color: #b5b4b5; } #links div.menucontainer li.item_active ul li a:focus, #links div.menucontainer li.item_active ul li a:hover, #links div.menucontainer li.item_parent_active ul li a:focus, #links div.menucontainer li.item_parent_active ul li a:hover { text-decoration: underline; } #links div.menucontainer li.level_2 a, #links div.menucontainer li.level_2 a:visited, #links div.menucontainer li.level_2 a:hover, #links div.menucontainer li.level_2 a:focus, #links div.menucontainer li.level_2 a.item_active, #links div.menucontainer li.level_2 a.item_parent_active { padding: 0.2em 0 0.3em 2.8em; font-size: 1.3em; } #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:focus, #links div.menucontainer li.level_3 a.item_active, #links div.menucontainer li.level_3 a.item_parent_active { padding: 0.2em 0 0.3em 3.8em; } #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:focus, #links div.menucontainer li.level_4 a.item_active, #links div.menucontainer li.level_4 a.item_parent_active { padding: 0.2em 0 0.3em 4.8em; } #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:focus, #links div.menucontainer li.level_5 a.item_active, #links div.menucontainer li.level_5 a.item_parent_active { padding: 0.2em 0 0.3em 5.8em; } #links .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } /* 4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */ #content .menucontainer .extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } #content .menucontainer { margin-left: 1px; } #content #rs_sitemap h5 { padding: 0 1px 0 0; } /* IE 6 hack */ *html #content #rs_sitemap { width: 99%; } #content #rs_sitemap h5 { margin: 0; } #content #rs_sitemap h5 a { margin: 1em 0 0 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 25%; width: 75%; background-position: 27% 0.3em; display: block; } #content #rs_sitemap h5 a:hover { display: block; text-decoration: none; color: #000; } #content #rs_sitemap li a, #content #rs_sitemap li a:visited { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; text-decoration: none; border-top: 1px solid #fff; border-bottom: 0; font-weight: bold; margin: 0; padding: 0.4em 0; display: block; } #content #rs_sitemap li a:hover { text-decoration: underline; } #content #rs_sitemap li.item_1 a.zweig_1, #content #rs_sitemap li.item_1 a.zweig_1:visited, #content #rs_sitemap li.item_1 a.zweig_1:hover { border-top: 0; } #content #rs_sitemap .menucontainer li.level_1 a, #content #rs_sitemap .menucontainer li.level_1 a:hover { padding-left: 30%; width: 70%; background-position: 27% 0.3em; } #content #rs_sitemap .menucontainer li.level_2 a, #content #rs_sitemap .menucontainer li.level_2 a:hover { padding-left: 35%; width: 65%; background-position: 32% 0.3em; } #content #rs_sitemap .menucontainer li.level_3 a, #content #rs_sitemap .menucontainer li.level_3 a:hover { padding-left: 40%; width: 60%; background-position: 37% 0.3em; } #content #rs_sitemap .menucontainer li.level_4 a, #content #rs_sitemap .menucontainer li.level_4 a:hover { padding-left: 45%; width: 55%; background-position: 42% 0.3em; } #content #rs_sitemap .menucontainer li.level_5 a, #content #rs_sitemap .menucontainer li.level_5 a:hover { padding-left: 50%; width: 50%; background-position: 47% 0.3em; } /* 4.4. Menu Rechts ------------------------------------------------------------ */ #rechts .menucontainer { padding: 0 0 0 0.5em; } #rechts .menucontainer ul { padding: 0 0 0 0.5em; margin: 0; } #rechts .menucontainer li a, #rechts .menucontainer li a:visited { text-decoration: none; font-weight: normal; display: block; } #rechts .menucontainer li a:focus, #rechts .menucontainer li a:hover, #rechts .menucontainer li a.item_active { text-decoration: underline; } #rechts .menucontainer li.level_1 a, #rechts .menucontainer li.level_1 a:visited, #rechts .menucontainer li.level_1 a:focus, #rechts .menucontainer li.level_1 a:hover, #rechts .menucontainer li.level_1 a.item_active { padding: 0 0.3em 0.2em 0em; } /* 6.2. Formatierungen im Kopfbereich ------------------------------------------ */ #logo a, #logo a:link, #logo a:visited, #logo a:active { color: #000; text-decoration: none; font-weight: normal; } #logo a:hover { text-decoration: none; } #logo .extlinkicon { display: none; } #logo #header_bild { margin: 0; padding: 0; } #logo #header_bild img { width: 100em; height: 11.5em !important; padding: 0; } /* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */ #content a, #content a:visited, #content a:active { font-weight: bold; text-decoration: none; } #content a:focus, #content a:hover{ color: #000; text-decoration: underline; } #content img[alt=telefon], #content img[alt=Fax], #content img[alt=email], #content img[alt=Homepage]{ padding-top: 0; vertical-align: middle; } /* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */ #content #banner_start img { width: 75em; height: 18em; padding: 0; margin: 2em 0 1em; } #content div.text table td p {margin-top:0; padding-top:0;} /* Abstınde oben von Absıtze in Tabellen werden entfernt */ /* -------------------------- RS Startseite ------------------------------------- */ #content #buergerbrief { display: inline-block; padding: 0.7em 0; float: right; margin: 1.5em 0 0; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #content #buergerbrief a { font-size: 1.6em; font-style: normal; color: #fff; padding: 0.6em 2em;} #content #zwei_spalten { width: 100%; } #content #zwei_spalten h2 { font-size: 1.76em; font-weight: normal; color: #245095; text-align: center; padding-bottom: 0.5em; margin: 0} #content #zwei_spalten #spalte_links { width: 49.9%; display: inline-block; } #content #zwei_spalten #spalte_rechts { width: 50%; display: inline-block; } #content #zwei_spalten #spalte_links { float: left; } #content #zwei_spalten #spalte_rechts { float: right; } /* 6.1.7. Adress-Objekt im RS -------------------------------------------------- */ #content .Beschreibungen #address_object { padding: 0; min-width: 35%; display: inline-block; } /* IE 6 Hack */ *html #content .Beschreibungen { width: 50%; } #content .Beschreibungen #address_object .element_address { border: 0; background-color: transparent;} #content .Beschreibungen #daten_bild #bild {} #content .Beschreibungen #address_object .name { font-weight: bold; } #content .Beschreibungen #address_object hr { width: 100%; margin-top: 0.5em; } #content .Beschreibungen #address_object .hr_adress_contact_end { display: none; } #content .Beschreibungen #address_object .contactinfo .lablecontactperson .lable { width: auto; display: inline-block;} #content .Beschreibungen #address_object .contactinfo .lablecontactperson .contactdata_text_lable { display: inline; clear: both; margin: 0.3em 0 0.3em 0.5em; font-weight: bold; } #content .Beschreibungen #address_object .contactinfo .contactdata_button { float: left; margin: 0; padding: 0; } #content .textblock1 #address_object .lableemail .contactdata_button { padding-right: 0.3em !important; } #content .lableemail .contactdata_text_lable { white-space: nowrap; } #content .lablehomepage .contactdata_text_lable { white-space: nowrap; } /* 6.1.8. Personen-Objekt im RS ------------------------------------------------ */ #content .Beschreibungen .person_object { padding: 0.5em; min-width: 27.5em; display: block; } #content .Beschreibungen #daten_bild .person_object { border: 0; background-color: transparent;} #content .Beschreibungen .person_object .name .lable_text img { visibility: hidden; } #content .Beschreibungen .person_object .name .lable_text a { width: 20px; background-image: url('/city_data/images/9/1/74319/orig_20x16.gif'); background-position: center left; background-repeat: no-repeat; } /* IE 6 Hack */ *html #content .Beschreibungen .person_object .name .lable_text { padding-top: 0.3em; } #content .Beschreibungen .person_object hr, #content .Beschreibungen .person_object .name, #content .Beschreibungen .person_object .mail_web, #content .Beschreibungen .person_object .tel_fax_mobil { float: none; clear: both; min-width: 27.5em; } /* IE 7 Hack */ *:first-child+html #content .Beschreibungen .person_object .mail_web .simplefloatl { float: left; } #content .Beschreibungen .person_object .mail_web .lable_text { display: inline-block; white-space: nowrap; } #content .Beschreibungen .person_object .lable { font-style: italic; text-decoration: underline; float: left; margin-right: 0.5em; } #content .Beschreibungen .person_object .lable { float: left; display: inline-block; line-height: 1.8em; } #content .Beschreibungen .person_object .lable_text { vertical-align: middle; 0; clear: right; line-height: 1.8em; } #content .Beschreibungen .person_object .lable_text a { float: none; margin-top: 0em; display: inline-block; } #content .Beschreibungen .person_object .lable_text img { vertical-align: middle; padding: 0.3em 0; margin-top: -0.3em; } /* ---------------------------------- Bilder ----------------------------------- */ div#content img { padding: 0.3em; } /* -------------------------------- Seitentitel -------------------------------- */ div#content h1.pagetitle, div#content h1.fake_pagetitle { color: #000; font-weight: normal; border-bottom: 2px solid #303d4c; padding-bottom: 0.4em; } /* --------------------------------- 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: 0px 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: 0em; } #content #daten_bild #bild, #content #bild_daten #daten { float: left; clear: right; padding: 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 -------------------------- */ #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; } div#content #vts .record .headline, div#content #vts .record .headline a { display: inline-block; width: 100% !important; } div#content #vts .record span.file { display: inline-block; width: 5% !important; float: left } div#content #vts .record span.file + a { display: inline-block; width: 95% !important; } #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: 3%; padding-left: 1%; padding-right: 1%; } #content #vts .record .detaillink { width: 84%; padding-left: 0%; } /* IE 7 Hack */ *:first-child+html #content #vts .record .detaillink { width: 83.9%; } #content #vts .record .scores, #content #vts .record .score { text-align: right; width: 10%; padding-right: 1%; display: inline-block; } /* 6.4.3. Modul Bırgerservice -------------------------------------------------- */ /* --------------------------------- ımterbaum --------------------------------- */ #content #bs #vorgang_detail br + br { display: none; } #content #bs #vorgang_detail .beschreibung br { display: block; } #content #bs * { font-family: arial; font-size: 1em;} #content #bs #vorgang_detail #amt { margin-top: 1em; } #content #bs #vorgang_detail #amt * { background-color: transparent; border: 0; max-width: 30em; } #content #bs #vorgang_detail #amt .element_label { width: 10em; float: left; } #content #bs #vorgang_detail #amt .element_label_content { max-width: 30em; float: left; } #content #bs .element_department_tree div.auflistung_level_0, #content #bs .element_department_tree div.auflistung_level_0 + div.auflistung_level_0 { border-bottom: 0.1em solid #fff; border-top: 0.8em solid #fff; } #content #bs .element_department_tree div.auflistung_level_0 img { display: none; } #content #bs .element_department_tree .element_label { margin: 0; margin-bottom: 0.1em; padding: 0.3em 0 0.3em 8em; } #content #bs .element_department_tree { padding: 0; 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_0 { padding: 0.3em 0 0.3em 0.5em; } #content #bs .element_department_tree div.auflistung_level_1 { padding: 0.3em 0 0.3em 4em; text-indent: -4.15em; } #content #bs .element_department_tree div.auflistung_level_2 { padding: 0.3em 0 0.3em 0.5em; } #content div.element_department_tree img { padding-top: 0; vertical-align: middle; } /* ------------------------------- DETAILANSICHT ------------------------------- */ #content #bs .wrapper { display: inline-block; } #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 #element_employeeroom .lable, #content .zimmer .lable { display: none; } #content #bs h2.element_label { margin: 1em 0 !important; width: auto !important } #content #bs h2.simplefloatl { margin: 0 !important; width: 10em !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; } #content #bs #mitarbeiter_detail #element_employeeroom div.name, #content #bs #mitarbeiter_detail #element_employeeroom .element_address .addresse_name { font-weight: bold; } #content #bs #mitarbeiter_detail #element_employeeroom .simplefloatl + div.name { font-weight: normal; } #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 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.15em !important; } /* ---------------------------------- Listen ----------------------------------- */ #content #bs #element_departmentcontact .element_label_content, #content #bs #zimmer_detail .element_zimmer_ansprechpartner table { width: 100%; } #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 .tpl_div_element { width: 29.5em; float: left; margin: 0; } #content #bs #vorgang_uebersicht .tpl_div_element +.tpl_div_element { width: 17em; float: right;} #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/1/155313/orig_20x16.png'); background-repeat: no-repeat; background-position: left 30%; text-decoration: none; margin: 0; padding: 0 0.5em 0 2em; display: block; float: left; } #content #rs_sitemap li a:hover { text-decoration: none; border-bottom: 0px solid #fff; font-weight: bold; margin: 0; padding: 0.0em 0; display: block; text-decoration: underline; } #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: 6%; text-align: center; } #content #bs table.contactdata #name, #content #bs table.contactdata .label_text { width: 44%; } #content #bs table.contactdata #tel, #content #bs table.contactdata #fax, #content #bs table.contactdata .labeltel, #content #bs table.contactdata .labelfax { width: 20%; } #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: 14em; } #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: 30em; white-space: normal; } #content #bs #mitarbeiter_detail #element_employeedep { clear: both;} #content #bs #mitarbeiter_detail #element_employeedep .element_label_content { margin-top: 1.4em; } #content #bs #mitarbeiter_detail #element_employeedep ul { list-style: none; padding: 0; margin: 0; } #content #bs #mitarbeiter_detail #element_employeedep ul li { max-width: 27em; text-indent: -3em; margin-left: 2.95em; } #content #bs #mitarbeiter_detail #element_employeedep ul img { padding: 0.3em 0.5em 0.3em; vertical-align: middle; } #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 .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_departmentchief .contactdata_button { margin-top: 0; float: left; vertical-align: middle } #content #bs #element_departmentchief h2.element_label { margin-top: 0.5em !important; } #content #bs #element_departmentchief .contactdata_button, #content #bs #element_departmentchief .label_text, #content #bs #element_departmentchief .label_text a { vertical-align: top !important; display: inline-block; line-height: 1.4em; } #content #bs #element_departmentchief .labelvcard { display: none; } #content #bs #element_departmentchief { display: block; } #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 .departmentopening { display: block; float: none; clear: left; width: 25em;} #content #bs .departmentopening .row { display: inline-block; clear: both; float: none; } #content #bs .weekdays_label { float: left; width: 7em; padding-bottom: 0.3em; } #content #bs .weekdays_text { padding-bottom: 1em; min-width: 15em; text-align: right; display: inline-block; } #content #bs .weekdays_text br { line-height: 0; } #content #bs #element_departmentopening .beschreibung { width: 32em; margin-bottom: 1em; color: red;} #content #bs #element_departmentopening .element_label_content { padding-left: 1em; width: 25em; 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 { margin-top: 1em; } #content #bs #element_departmentservice .detail_link { width: 31em; white-space: normal; float: none; 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 ------------------------------------------------------------ */ /* 6.4.5. Modul News ----------------------------------------------------------- */ /* --------------------------------- ıbersicht --------------------------------- */ div#content div.element_newslist { width: 100%; } #content #news .element_newslist table caption { display: none; } #content #news .element_newslist table th { padding: 0.3em; white-space: normal !important; vertical-align: top; } #content #news .element_newslist table td { padding: 0.3em; border-top: 1px solid #fff; vertical-align: top !important; } #content #news .element_newslist table a { text-decoration: none; } #content #news .element_newslist table th { white-space: nowrap; } #content #news .element_newslist table th img { padding-top: 0em; vertical-align: middle; } #content #news .element_newslist #Datum { width: 6.5em; } #content #news .element_newslist #Autor { width: 7.5em; } /* 6.4.6. Modul Veranstaltungskalender ----------------------------------------- */ /* 6.4.7. Modul Gıstebuch ------------------------------------------------------ */ /* 6.4.8. Modul Galerie -------------------------------------------------------- */ #content #ga li { padding-left: 0 !important; background-image: none !important; } /* ----------------------------- Galerie?bersicht ------------------------------ */ #content #gallery_picture_overview { width: 100%; } #content .picture_container { width: 100%; display: inline-block; } #content .picture_row { display: flex; margin: 0 0 1em;; padding: 0; list-style: none; text-align: center; min-width: 100%; } #content .picture_row li { width: 32% !important; float: left; text-align: center; margin: 0; padding: 0; display: inline-block !important; } #content .picture_row li + li { margin: 0 auto} #content .picture_row li + li + li { margin: 0; } #content .picture_row li .picture_element { width: 100%; text-align: center !important; } #content .picture_row li .picture { padding: 0; text-align: center !important} #content .picture_row li .picture a img { width: 100% !important; height: auto !important; padding: 0; } #content .picture_row li .picture_content { width: 100%; float: none; text-align: center !important } #content .picture_row li .picture_title { width: 100%; float: none; text-align: center !important } #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 { display: inline-block; float: none; clear: both; border: 0; margin: 0; padding: 0; } /* --- TESTGALERIE - ?bersicht --- */ #content #ga #uebersicht_galerie br + br { display: none; } #content #ga #uebersicht_galerie .gallery_overview_list { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; } #content #ga #uebersicht_galerie .gallery_overview_list li { width: 50%; float: left; text-align: center; margin: 0.5em 0; padding: 0; background-image: none; } /* IE 7 Hack */ *:first-child+html #content #ga #uebersicht_galerie .gallery_overview_list li { width: 49%; } #content #ga #uebersicht_galerie .gallery_overview_list li .gallery_list_item { display: inline-block; width: 100%; } #content #ga #uebersicht_galerie .gallery_overview_list li .gallery_picture { float: left; padding: 0.5em 0 0 0; } #content #ga #uebersicht_galerie .gallery_overview_list li .gallery_content { width: 54%; float: left; padding: 0.6em 0 0 2%; text-align: left; } /* --- TESTGALERIE - Bilddetail --- */ #content .gallery_picture_detail {} #content #ga #bild { text-align: center; } #content #ga #bildoptionen { margin: 0; padding: 0; } #content .gallery_picture_detail .picture_frame_top, #content .gallery_picture_detail .picture_frame_bottom { display: block; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .gallery_picture_detail .picture img { padding: 0.3em; margin: 0 0 0.5em 0; } #content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; } #content .gallery_picture_options ul { margin: 0; } /* 6.4.8. Modul Feedbackformular ----------------------------------------------- */ #content #feedback ul div { background-image: none; } #content #feedback input.text, #content #feedback textarea { border: 1px solid #bbb; } #content #feedback textarea { margin-left: 12em; margin-bottom: 1em; } #content #feedback select { margin-left: 0.6em; width: 19.9em } #content #feedback hr { display: none; } #content #feedback input:focus, #content #feedback textarea:focus{ border-color: red; background-color: #fff; } #content #feedback .formfields { list-style: none; } #content #feedback .formfields label.feldbezeichnung { width: 8em; display: inline-block; text-align: right; } #content #feedback label[for=captcha], #content #feedback label[for=auswahl2] { width: 8.3em; display: inline-block; text-align: right; } #content #feedback .formfields { padding: 0; } #content #feedback .formfields div {} #content #feedback .formfields div input, #content #feedback .formfields div textarea { width: 30em; margin: 0.2em 0.75em; vertical-align: middle; } #content #feedback .formfields div textarea { height: 7em; vertical-align: top;} #content #feedback .formfields span.feldbezeichnung { width: 10em !important; display: inline-block !important; text-align: right; } #content #feedback .form_el_270_813 { margin-left: 9em; } #content #feedback .form_el_270_813 div { margin-left: -9em; } #content #feedback .form_el_270_813 input { margin-left: -6.8em; } #content #feedback .form_el_270_813 br { display: none; } #content #feedback .form_el_270_813 input { position: abolute; } #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 9.2em; } #content #feedback .captcha_img img { padding: 0;} #content #feedback input#captcha { margin-left: 0.6em; width: 19.9em;} #content #feedback .submitbuttons { margin-left: 13em;} #content #feedback .errormessage { color: red !important;} /* 6.4.9. 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.10. Modul Adressen ------------------------------------------------------ */ #adr .address_detail img { vertical-align: middle; } #adr .address_list .address_list_item { margin-bottom: 0.5em;} #adr .address_list .address_list_item .address_title br { display: none; } #adr .address_list .address_list_item .address_title { padding: 0.5em; } #adr .address_list .address_list_item .address_list_leftcol { float: left; clear: right; width: 16em !important; padding: 0.5em; } #adr .address_list .address_list_item .address_list_rightcol { float: left; clear: right; padding: 0.5em; width: 26em !important; } #adr .address_list .address_list_item .address_list_rightcol .email, #adr .address_list .address_list_item .address_list_rightcol .homepage { width: 26em !important;} #adr .address_list .address_list_item .address_list_rightcol .kontaktperson { width: 25em !important;padding: 0 0.5em 0.2em !important} #adr .horizontal ul { margin: 0;padding: 0 0.5em;} #adr .horizontal ul li { text-align: center !important; float: none; display: inline-block; padding: 0.5em;} /* 6.4.13. Modul Google Map ---------------------------------------------------- */ /* 6.4.14. Modul 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/1/155313/orig_20x16.png'); background-position: 2em 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.14. Modul externe Redakteure -------------------------------------------- */ #content #exr #newsletter form {padding: 1em; } #content #exr #newsletter hr, #content #exr #newsletter p.extern_newsletter { display: none; } #content #exr #newsletter .extern_head { margin-bottom: 1em; } #content #exr #newsletter .extern_head, #content #exr #newsletter .extern_newsletter { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; text-align: left; } #content #exr #newsletter ul { list-style: none; padding: 0; margin: 0; } #content #exr #newsletter ul li { padding: 0.3em 0 0.3em 1em; } #content #exr #newsletter label { width: 22em; display: inline-block; font-weight: bold; margin-left: 1em; } #content #exr #newsletter ul li label { width: 8em; display: inline-block; font-weight: bold; margin-left: 0em; } #content #exr #newsletter ul li input.text { width: 25em; } #content #exr #newsletter ul li input#plz { width: 5em; } #content #exr #newsletter ul li input#ort { width: 19.2em; } #content #exr #newsletter ul li input#captcha { margin-left: 2em; width: 10.4em;} /* 6.4.16. Spectaculum --------------------------------------------------------- */ /* -------------------------------- Event - Expertensuche --------------------------- */ #content #spec fieldset { margin-bottom: 0.5em; padding: 0.5em; } #content #spec fieldset legend { font-weight: bold; padding: 0.2em 0.5em; font-size: 1.1em; color: #F00C03 !important; } #content #spec #check_date { width: auto; } #content #spec #label_check_date { width: 85%;} #content #spec fieldset .event_date_day, #content #spec fieldset .event_date_month { width: 1.2em; } #content #spec fieldset .event_date_year { width: 2.5em; } #content #spec #event_search_date_from, #content #spec #event_search_date_to { width: 98%; display: inline-block; } #content #spec fieldset .event_date_day, #content #spec fieldset .event_date_month, #content #spec fieldset .event_date_year { text-align: right; } #content #spec fieldset#event_search_date label { display: inline-block; min-width: 3em; padding: 0.3em; text-align: left; font-weight: bold; } #content #spec #event_search_date_from label, #content #spec #event_search_date_to label { width: 10%; display: inline-block; text-align: right !important; padding-top: 0.5em !important;} #content #spec fieldset#event_search_type label { display: inline-block; width: 100%; text-align: left; font-weight: bold; } #content #spec fieldset input, #content #spec fieldset select { margin: 0.3em 0; padding: 0.1em; border: 1px solid #ccc; vertical-align: top; } #content #spec fieldset input:focus, #content #spec fieldset select:focus { border: 1px solid #F00C03; } #content #spec fieldset select { margin-left: 0em; width: 25.3em } #content #spec fieldset select#keyword { width: 100%; height: 10em;} #content #spec fieldset input#check_date { margin: 0.4em -1em 0 0.8em;} #content #spec fieldset #label_event_typ, #content #spec fieldset #event_typ, #content #spec fieldset #event_typ + br, #content #spec fieldset#event_search_place { display: none !important; } #content #spec fieldset#event_search_place input, #content #spec fieldset#event_search_type input { width: 99%; margin-left: 0.3em;} #content #spec fieldset#event_search_type input#stichwort { margin-left: 0; } #content #spec fieldset#event_search_place input#plz { width: 4em;} #content #spec #expertensuche { display: inline-block; float: left; width: 53%; padding-left: 0; padding-right: 0; } #content #spec #expertensuche form { border: 0; } #content #spec #expertensuche.searchlink img { vertical-align: middle;} #content #spec #label_check_date { margin-left: 1em;} #content #spec fieldset .notofication { margin: 0.5em 0 1em 0; font-style: italic; } #content #spec #expertensuche optgroup { display: none; } #content #spec #expertensuche optgroup[label="Allgemein"], #content #spec #expertensuche optgroup[label="Allgemein"] + option[value='3347'], #content #spec #expertensuche optgroup[label="Allgemein"] + option[value='3347'] + option[value='1510'], #content #spec #expertensuche optgroup[label="Branchenbuch"], #content #spec #expertensuche optgroup[label="Branchenbuch"] + option[value='1748']{ display: none; } /* -------------------------------- Event - Sheets ---------------------------------- */ #content #spec #sheets { padding: 0 1em; margin-top: 1em; } #content #spec #sheets div { margin-right: 1em; } #content #spec #sheets div a { padding: 0.5em; display: block; } #content #spec #sheets div a:focus, #content #spec #sheets div a:hover { background-color: #9FDFFF; color: #000; text-decoration: none; } /* -------------------------------- Event - ıbersicht ------------------------------- */ #content #spec div.az { display: inline-block; width: 100%; padding: 1em 0; text-align: center; } #content #spec div.az span { padding: 0 0.15em; text-align: center; } #content #spec #dwa_event_list_wrapper h2.element_label { display: none; } #content #spec #dwa_event_list_wrapper .event_wrapper { margin: 0 0 0.5em 0; padding: 0; background-color: #F5F4F5} #content #spec #dwa_event_list_wrapper .event_wrapper h5 { margin: 0; padding: 0.3em 0; display: inline-block; width: 100%; } #content #spec #dwa_event_list_wrapper .event_wrapper h5 a, #content #spec #dwa_event_list_wrapper .event_wrapper h5 a:visited { margin: 0; padding: 0.3em 1%; display: inline-block; width: 98%;; float: right; color: #fff; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_date { float: left; display: inline-block; padding: 0.3em 0.5em; width: 6em; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_time { font-weight: normal; padding: 0.3em 0 0 5px; ;display: inline-block;} #content #spec #dwa_event_list_wrapper .event_wrapper .event_teaser_img_wrapper { padding: 0; display: inline-block; width: 98%; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_teaser_img_wrapper img { padding: 0.5em; margin: 0 1em 0 0; width: 30%; height: auto; float: left; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_teaser_img_wrapper .event_teaser, #content #spec #dwa_event_list_wrapper .event_wrapper .event_teaser_img_wrapper .event_place { display: inline-block; width: 65%; float: right; padding: 0.5em 0 } #content #spec #dwa_event_list_wrapper .event_wrapper .event_teaser_img_wrapper .event_place { font-style: italic; } /* Listendarstellung */ #content #spec #spec_liste #dwa_event_list_wrapper .event_wrapper h5 { border: 0; } #content #spec #spec_liste #dwa_event_list_wrapper h2 { display: none; } #content #spec #spec_liste .kopf { margin-bottom: 1px; padding: 0; } #content #spec #spec_liste .kopf span { display: inline-block; font-weight: bold; } #content #spec #spec_liste .kopf .time { padding: 0.5em; width: 7.5em; } #content #spec #spec_liste .kopf .titel { padding: 0.5em; width: 43em; } #content #spec #spec_liste #dwa_event_list_wrapper .event_wrapper { border: 0; margin-bottom: 1px; padding: 0;} #content #spec #spec_liste .dwa_pager { position: absolute; margin-top: 1em;} /* Teaserelement */ #content #spec .teaser_spec #dwa_event_list_wrapper .event_wrapper a, #content #spec .teaser_spec #dwa_event_list_wrapper .event_wrapper a:visited, #content #spec .teaser_spec #dwa_event_list_wrapper .event_wrapper a:active, #content #spec .teaser_spec #dwa_event_list_wrapper .event_wrapper a:hover { float: left; display: inline-block; padding: 0.3em 0.5em; } #content #spec .teaser_spec #dwa_event_list_wrapper .event_wrapper .event_date { float: right; text-align: right; font-weight: normal; padding-top: 0.5em; font-size: 0.8em; } #content #spec #dwa_event_list_wrapper .event_wrapper a.more { display: inline-block; float: right; clear: right; text-align: right; padding-top: 0.5em; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_place { float: left; clear: right; text-align: left; padding-top: 0.5em; } /* -------------------------------- Event - Kalender -------------------------------- */ #content #spec #kalender_legend { padding: 0; width: 35%; float: left; border: 0px solid #44569e; margin-top: 0.5em; } #content #spec #legend { padding: 1em 0 0 0.5em; } #content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month { width: 20em; display: inline-block; } #content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month h2 { display: block; margin: 0; padding; 0; font-size: 1.2em; } #content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month h2 a { display: block; padding: 0; text-align: center; } #content #spec #dwa_event_kalender_wrapper table { width: 20em; text-align: center; padding: 0.5em; } #content #spec #dwa_event_kalender_wrapper table th, #content #spec #dwa_event_kalender_wrapper table td { border: 1px solid #eee; text-align: center; width: 2em; height: 2em; padding: 0; } #content #spec #dwa_event_kalender_wrapper table td a { width: 2em; height: 2em; padding: 0; line-height: 1.9em; display: block; } #content #spec #dwa_event_kalender_wrapper table th { border-color: #F00C03; background-color: #F00C03; color: #fff; } #content #spec #dwa_event_kalender_wrapper table th, #content #spec #dwa_event_kalender_wrapper table td { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_saturday { background-color: #F5F4F5; border-color: #F5F4F5; text-align: center; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_sunday { background-color: #D6D8D8; border-color: #D6D8D8; text-align: center; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today { text-align: center; border-color: #F00C03; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events { text-align: center; padding: 0; margin: 0; background-color: #B5B4B5; border-color: #B5B4B5; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events a { text-align: center; display: block; padding: 0; margin: 0; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_norange { opacity: 0.2; } #content #spec #dwa_event_kalender_navigation { width: 20em; display: inline-block; text-align: center; padding: 0; } #content #spec #dwa_event_kalender_selectdate form { width: 20em; display: inline-block; text-align: center; position: relative; /* top: 49.5em; margin-left: 0em; */} #content #spec #dwa_event_kalender_selectdate select:focus { border: 1px solid #F00C03; } #content #spec #legende .today, #content #spec #legende .event_today, #content #spec #legende .event { width: 2em; height: 2em; text-align: center; font-weight: bold; padding: 0 !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #content #spec #legende .today { font-weight: normal; } #content #spec #legende .event { background-color: #B5B4B5; color: #000;} #content #spec #dwa_event_kalender_wrapper .dwa_event_kalender_blatt_today a { color: #fff !important;} #content #spec #legende .today, #content #spec #dwa_event_kalender_wrapper .dwa_event_kalender_blatt_today { border-color: #F00C03 !important} /* -------------------------------- Event - Detail ---------------------------------- */ #content #spec #detail br + br { display: none;} #content #spec #detail .beschreibung br { display: block;} #content #spec #detail .element { margin-bottom: 1em; padding-bottom: 1em; display: inline-block; width: 100%; border-bottom: 1px solid #f0f0f0; } #content #spec #detail .dwa_event_bezeichnung { width: 98%; } #content #spec #detail .dwa_event_bezeichnung > div { border: 1px solid #44569e; margin: 0; padding: 0; } #content #spec #detail .element_label { float: left; margin-top: 0.2em; min-width: 15em;} #content #spec #detail .element_label_content { display: inline-block; } #content #spec #detail .dwa_event_description_teaser_image { float: left; padding: 0; margin: 0.2em 1em 1em 0; } /* Pre- & Review */ #content #spec #detail #dwa_event_preview_outer_wrapper, #content #spec #detail #dwa_event_review_outer_wrapper { margin: 1em 0 1em 15em; } #content #spec #detail #event_preview_wrapper {display: none;} #content #spec a.toggle_field, #content #spec a.toggle_field:visited { float: none !important; clear: both !important; display: block; padding: 0.3em 0.5em;} #content #spec a.toggle_field:hover { text-decoration: none; } #content #spec a.toggle_field img { vertical-align: middle; width: 1.6em; height: 1.6em; padding: 0 0 0.1em 0.3em; } /* Veranstalter */ #content #spec .element_address .name { Font-weight: bold; padding-bottom: 0.3em; } #content #spec .lable { display: none; } #content #spec #detail .element_address .element_label { padding-bottom: 1.5em;} /* Datumsliste */ #content #spec .dwa_name table { width: 80%; } #content #spec #dwa_event_date_list table th, #content #spec #dwa_event_date_list table td { text-align: center; margin: 0; padding: 0.3em; } #content #spec #dwa_event_date_list table th { } #content #spec #dwa_event_date_list table { border-collapse: collapse; } #content #spec #dwa_event_date_list td { border-top: 1px solid #f0f0f0; } /* Veranstaltungsdaten */ #content #spec #dwa_event_info .element_label { display: none; } #content #spec #dwa_event_info .event_data_label { width: 15em; font-weight: bold; font-style: normal; } #content #spec #dwa_event_info #event_info_wrapper { display: inline-block;} #content #spec #dwa_event_info #event_info_wrapper .event_data_label { display: inline-block; min-width: 6em; } /* Fotos */ #content #spec #dwa_event_images .element_label { float: none;} #content #spec .event_image_row { display: table; margin-bottom: 1em; } #content #spec .row_frame_top { width: auto; background-image: url('/city_data/images/2/8/75082/orig_20x16.gif'); padding-bottom: 16px; background-repeat: repeat-x; background-position: center bottom; } #content #spec .row_frame_bottom { width: 100%; background-image: url('/city_data/images/1/8/75081/orig_20x16.gif'); padding-top: 16px; background-repeat: repeat-x; background-position: center top; display: table-row; } #content #spec .event_image_wrapper { background-color: #ddd !important; width: auto; text-align: center; float: left; margin-top: 16px !important; display: inline-block; height: 11em; padding: 0.5em 1em; vertical-align: middle; } #content #spec .event_image { display: inline-block; vertical-align: middle; background-color: #fff !important; } #content #spec .event_image a { vertical-align: middle; text-align: center; height: 11em; display: table-cell; } #content #spec .event_image img { padding: 0; margin: auto; } /* Parkplatzsuche */ #content #spec #detail .dwa_event_bezeichnung .element_label { position: absolute; margin-top: -2em;} #content #spec #detail .dwa_event_bezeichnung #event_parkplatzsuche { margin-top: 1em !important; width: 100% !important; } /* -------------------------------- Eventgenerator fır externe Ausgabe -------------- */ #dwa_event_generator { padding: 0; margin 0; } #dwa_event_generator fieldset { padding: 0; margin 0; border: 0 !important; } #dwa_event_generator .row { display: inline-block; } #dwa_event_generator .row .color_show { float: right; margin: 0.3em 0 0 1em; height: 1.4em !important;} #dwa_event_generator label { float: left; width: 12em !important; display: inline-block !important; margin: 0.3em 0.2em 0 0; } #dwa_event_generator .row label { margin: 0.3em 0 0 0; } /* 6.4.18. Modul Adressen ------------------------------------------------------ */ #adr .address_list img { vertical-align: middle; } #adr .address_list .address_list_item { margin-bottom: 0.5em;} #adr .address_list .address_list_item .address_title br { display: none; } #adr .address_list .address_list_item .address_title { padding: 0.5em; display: inline-block; width: 98%; } #adr .address_list .address_list_item .address_list_leftcol { float: left; width: 25%; padding: 1%; font-weight: bold } #adr .address_list .address_list_item .address_list_rightcol { float: left; padding: 1%; width: 71%; } #adr .address_list .address_list_item .address_list_rightcol br { display: none; } #adr .address_list .address_list_item .address_list_rightcol .telefon, #adr .address_list .address_list_item .address_list_rightcol .fax, #adr .address_list .address_list_item .address_list_rightcol .mobile { width: 15em; display: inline-block; } #adr .address_list .address_list_item .address_list_rightcol .kontaktperson { padding-left: 2.4em; width: 17.6em; display: block; } #adr .address_list .address_list_item .address_list_rightcol .email, #adr .address_list .address_list_item .address_list_rightcol .homepage { width: 25em; display: inline-block; } #adr .address_list .address_list_item .address_list_rightcol .email, #adr .address_list .address_list_item .address_list_rightcol .homepage { display: inline-block; } #dwa_event_generator .row label { margin: 0.3em 0 0 0; } /* rechts */ #rechts h3 { font-weight: normal !important; padding: 0.5em; margin: 0.3em -0.8em 0.5em ; background-color: #7f8a77; } #rechts hr + p { margin: 0} #rechts hr { display: none; } /* footer */ #footer {Background-color: #545454; color: #fff; text-align: center; }