/* IE hack fýr Pseudoklassen auf Menu-Elementen */ body { behavior: url("/city_data/css/dwa/csshover/csshover3.htc"); } iframe { border: 1px solid !important} /* I N H A L T S V E R Z E I C H N I S 1. Grundeinstellungen 1.1. allgemeine Systemeigenschaften 1.2. schriftgrýýebasierende Layoutanpassung 1.3. Seitenaufteilung 1.3.1. Ersetzen des rechten Bereichs durch Inline-Container im Inhaltsbereich 2. Farbzuweisungen 2.1. Universale Farbzuweisungen fýr aC 2.2. Farbzuweisungen fýr den gesamten Webauftritt 3. Hintergrundbilder 3.1. Hintergrundbilder fýr den gesamten Webauftritt 4. Menugestaltung 4.1. Topmenu 4.2. Menu Links 4.3. Menu im Contentbereich (Sitemap) 4.4. Menu Rechts 5. Teasergestaltung 5.1. Teaser im rechten und linken Bereich 5.1.1. Newsteaser im rechten und linken Bereich 5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich 5.2. Teaser im Contentbereich 5.2.1. Newsteaser 5.2.2. Teaser Veranstaltungskalender 5.3. Teaser im rechten Bereich 5.3.1. Newsteaser 5.3.2. Teaser Veranstaltungskalender 6. allg. Formatierungen nach Position 6.1. Formatierungen ohne Positionsbezug 6.1.1. Access Key 6.1.2. Fontsize 6.1.3. Kontrast 6.1.4. Kalender 6.1.5. Pathhistory 6.1.6. Suche 6.1.7. Adress-Objekt im RS 6.1.8. Personen-Objekt im RS 6.2. Formatierungen im Kopfbereich 6.3. Formatierungen im linken Bereich 6.4. Formatierungen im Inhaltsbereich 6.4.1. Redaktionssystem - allg. Formatierungen 6.4.2. Startseite 6.4.3. Volltextsuche 6.4.4. Modul Býrgerservice 6.4.5. Modul Rat 6.4.6. Modul News 6.4.7. Modul Veranstaltungskalender 6.4.8. Modul Gýstebuch 6.4.9. Modul Galerie 6.4.10. Modul Branchenbuch 6.4.11. Modul Mýllabfuhrkalender 6.4.12. Modul Feedbackformular 6.5. Formatierungen im rechten Bereich 1. GRUNDEINSTELLUNGEN ------------------------------------------------------- 1.1 allgemeine Systemeigenschaften ------------------------------------------ */ body { margin: 0 !important; padding: 0 !important; text-align: center; } #logo, #links, #rechts, #content_wrapper, #content, #footer { text-align: left; color: #666 } div#center * { font-family: Arial, Verdana, Helvetica, sans-serif; } a, a:link, a:visited, a:active { color: #0c3773; text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: bold; } .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; } img[alt=pfeil_re], img[alt~=Pfeil], img[alt=Pfeil-rechts-orange], #content .page img { vertical-align: middle !important; padding-top: 0 !important; padding-bottom: 0 !important; } table { text-align: left; } table td, table th { padding: 0.3em; } .extlinkicon { vertical-align: top !important; padding-top: 0 !important; margin: 0 !important; margin-left: 0.3em; height: 1em; width: 1em; float: none !important; clear: none !important; } img + img.extlinkicon { display: none; } .bbForm label span, .bbForm input, .bbForm select, .bbForm textarea { font-family: Arial, Verdana, Helvetica, sans-serif; } div.menucontainer li a { outline: none; } .tpl_div { float: none; clear: both; } .tpl_div_element { float: left; } /* 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 12.5px = 1em */ div#content div.bf_wrapper { font-size: 1.2em; } div#center h1 { font-size: 2.56em; line-height: 100% !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: 1em; line-height: 100% !important; margin: 0; } div#content h1.pagetitle { font-size: 1.6em; } #content #bs .element_department_tree div.auflistung_level_0 a { font-size: 1.1em; } #content img { font-size: 0.8em; } /* IE 6 Hack */ *html #links img { font-size: 0.8em; } *html #content img { font-size: 0.8em; } div#logo #suche, div#logo #other_links a, div#logo .contrast, div#logo #suche form, div#logo #bitv_links .pretext, div#links #acc, div#links div.menu .menucontainer, #rechts .rssreader_body, #rechts .teaser_vk { font-size: 1.2em; } div#content h2.element_label, #content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month h2 { font-size: 1em; } #logo div.fontsize a.smallerfont { font-size: 1.5em; } #logo div.fontsize a.normalfont { font-size: 1.9em; } #logo div.fontsize a.biggerfont { font-size: 2.3em; } #content .teaser .teaser_titel, #content .teaser_vk .teaser_titel, #content #rs_sitemap h5 { font-size: 1.1em; } #rechts .teaser .teaser_titel, #rechts .teaser_vk .teaser_titel { font-size: 1em; } .teaser .teaserdate, .teaser_vk .teaserdate, .teaser .element_address, .teaser_vk .element_address { font-size: 1em; } /* 1.3. Seitenaufteilung ------------------------------------------------------- */ div#center { width: 100.4em auto; text-align: center; margin: 0; padding: 0; } div#inner_center { width: 100.4em; margin: 0; padding: 0; display: inline-block; } div#logo { width: 100em; margin: 0; padding: 0 0 0.2em 0; } div#wrapper_unten { display: inline-block; float: left; } div#links { width: 18em; margin: 1em 0 0 0; padding: 0; float: left; } div#content_wrapper { width: 82em; margin: 0; padding: 0; float: left; } div#content { width: 54em; padding: 0; margin: 2em 1em 0 3em; float: left; min-height: 38em; } div#rechts { width: 20em; margin: 0; padding: 1em 0 7.5em 1.5em; float: right; background-color: #A2A2A2; color #fff !important; } div#footer { height: 3.2em; display: inline-block; width: 100em; position: relative; margin: 0em 0 0 0; padding: 0 0 0 0; } /* 2. Farbzuweisungen ---------------------------------------------------------- */ /* 2.1. Universale Farbzuweisungen fýr aC -------------------------------------- */ #content .dwa_kalender .dwa_kalendertable th, #content .dwa_kalender .dwa_kalendertable td.woche, #content .dwa_kalender .dwa_kalendertable td.woche a { border: 1px solid #ddd; background-color: #ddd; color: #000; } #content .dwa_kalender .dwa_kalendertable .So, #content #gaestebuch_uebersicht .comment { background-color: #eee; color: #000; border: 1px solid #ddd; } #content .dwa_kalender .dwa_kalendertable .termin { background-color: #ccc; color: #000; border: 1px solid #aaa; } #content .dwa_kalender .dwa_kalendertable .ohne { background-color: #fff; color: #000; border: 1px solid #eee; } /* 4. Menugestaltung ----------------------------------------------------------- */ .menucontainer ul { list-style: none; margin: 0; padding: 0; } /* 3.1. Hintergrundbilder fýr den gesamten Webauftritt ------------------------ */ div#rechts { background: #A2A2A2 url('/city_data/images/4/4/176244/orig_20x10.png') top left repeat-y; padding-bottom: 2000em; margin-bottom: -2000em; } div#wrapper_unten { padding-bottom: 5.5em; overflow: hidden;} #content #zwei_teaser #teaser_rechts { background: url('/city_data/images/4/7/176274/orig_3x20.png') top left repeat-y; } #content .teaser_vk .teaser_element { background: url('/city_data/images/3/7/176273/orig_20x3.png') top left repeat-x; } /* #footer { background: url('/city_data/images/9/7/176279/orig_230x75.png') top right no-repeat; } */ /* 4.1. Topmenu ---------------------------------------------------------------- */ /* 4.1. Topmenu ---------------------------------------------------------------- */ #logo #topmenu { width: 73em; height: auto; z-index: 100; display: inline-block; margin-left: 2em; position: absolute; top: 32.5em; } #logo #topmenu.hidden .sfHover .menulist { display: none; } #logo #topmenu .sf-menu, .sf-menu * { list-style: none; } #logo #topmenu .sf-menu li.main_level { float: left; text-align: center; list-style: none; } /* 4.1.1. Dropdown-Menu fýr Anzeige mit JS ------------------------------------- */ #logo #topmenu.topmenu_js .sf-sub-indicator { display: none !important; } #logo #topmenu.topmenu_js .sf-menu li:hover div.menu_wrapper, #logo #topmenu.topmenu_js .sf-menu li.sfHover div.menu_wrapper { top: 0 !important; position: absolute; z-index: 100; } #logo #topmenu.topmenu_js ul { margin: 0; padding: 0; } #logo #topmenu.topmenu_js .sf-menu li.main_level span { font-size: 1.25em; font-weight: normal; padding: 0.4em 0 0.6em !important; display: inline-block; z-index: 200; position: relative; width: 100%; z-index: 200; color: #fff; } #logo #topmenu.topmenu_js .sf-menu li.main_level li.level_1 span { font-size: 1em; } #logo #topmenu.topmenu_js .sf-menu li.main_level#eins { margin-left: 0; } #logo #topmenu.topmenu_js .sf-menu li.main_level a:link { height: auto;} #logo #topmenu.topmenu_js .sf-menu li.main_level:focus a, #logo #topmenu.topmenu_js .sf-menu li.main_level:focus a, #logo #topmenu.topmenu_js .sf-menu li.main_level:hover a span, #logo #topmenu.topmenu_js .sf-menu li.main_level:hover a span { color: #fff !important; } #logo #topmenu.topmenu_js .sf-menu li.main_level { width: 13.8em; margin-left: 0.4em; height: 4.5em; } #logo #topmenu.topmenu_js .sf-menu li.main_level#eins, #logo #topmenu.topmenu_js .sf-menu #eins #dropdown { background-color: #3566b2; } #logo #topmenu.topmenu_js .sf-menu li.main_level#zwei, #logo #topmenu.topmenu_js .sf-menu #zwei #dropdown { background-color: #9a258e; } #logo #topmenu.topmenu_js .sf-menu li.main_level#drei, #logo #topmenu.topmenu_js .sf-menu #drei #dropdown { background-color: #b61922; } #logo #topmenu.topmenu_js .sf-menu li.main_level#vier, #logo #topmenu.topmenu_js .sf-menu #vier #dropdown { background-color: #668b19; } #logo #topmenu.topmenu_js .sf-menu li.main_level#fuenf, #logo #topmenu.topmenu_js .sf-menu #fuenf #dropdown { background-color: #fcba02; } #logo #topmenu.topmenu_js .sf-menu li.main_level a:focus, #logo #topmenu.topmenu_js .sf-menu li.main_level a:hover { display: block; opacity: 1; } #logo #topmenu.topmenu_js #eins .menulist { margin-left: 0em; } #logo #topmenu.topmenu_js #zwei .menulist { margin-left: -14.2em; } #logo #topmenu.topmenu_js #drei .menulist { margin-left: -28.4em; } #logo #topmenu.topmenu_js #vier .menulist { margin-left: -42.6em; } #logo #topmenu.topmenu_js #fuenf .menulist { margin-left: -56.8em; } #logo #topmenu.topmenu_js .sf-menu #dropdown { margin: 0; width: 70.6em !important; border: 0 solid #4d5589; border-top: 0; z-index: 100; padding: 1em 0 !important; display: inline-block; height: auto; } /* IE 7 Hack */ #logo #topmenu.topmenu_js #eins .menulist { margin-left: 0em; left: 0; } #logo #topmenu.topmenu_js #zwei .menulist { margin-left: 0em; left: -14.2em; } #logo #topmenu.topmenu_js #drei .menulist { margin-left: 0em; left: -28.4em; } #logo #topmenu.topmenu_js #vier .menulist { margin-left: 0em; left: -42.6em; } #logo #topmenu.topmenu_js #fuenf .menulist { margin-left: 0em; left: -56.8em; } /* *:first-child+html #logo #topmenu.topmenu_js .sfHover .menulist { top: 13.8em; *:first-child+html #logo #topmenu.topmenu_js .sf-menu #dropdown { background-color: transparent; background-image: url('/city_data/images/8/4/121648/orig_10x10.png'); } *:first-child+html #logo #topmenu.topmenu_js #eins .menulist { margin-left: -0em; } *:first-child+html #logo #topmenu.topmenu_js #zwei .menulist { margin-left: -25.1em; } *:first-child+html #logo #topmenu.topmenu_js #drei .menulist { margin-left: -50.2em; } *:first-child+html #logo #topmenu.topmenu_js #vier .menulist { margin-left: -75.3em; }*/ #logo #topmenu.topmenu_js .sf-menu #dropdown div.menucontainer { max-width: 69em !important; display: inline-block !important; margin-left: 0 !important; left: 0 !important; padding: 0 !important; } #logo #topmenu.topmenu_js .sf-menu #dropdown div.menucontainer ul { width: 100% !important; display: flex !important; flex-wrap: wrap; } #logo #topmenu.topmenu_js .sf-menu #dropdown div.menucontainer ul li { display: inline-block; width: 21em !important; height: 5em; margin: 0 1em !important; padding: 0 !important; text-align: left; background-color: transparent; border-bottom: 1px solid #fff; } #logo #topmenu.topmenu_js .sf-menu #dropdown div.menucontainer li ul { float: left; display: none; } #logo #topmenu.topmenu_js .sf-menu #dropdown div.menucontainer li ul li { border-bottom: 1px dotted #ddd; display: none} #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist { display: inline-block; } #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul { display: inline-block; position: relative; } /* IE 9 Hack #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul { width: 100%\9; } #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul li { width: 30%\9 !important; float: left\9 !important; clear: none\9; } */ /* IE 8 Hack @media \0screen { #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul { width: 100%; } #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul li { width: 30% !important; float: left !important; clear: none; } } */ /* IE 7 Hack *:first-child+html #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul { width: 100%; } *:first-child+html #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist ul li { width: 30% !important; float: left !important; clear: none; } */ #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist div.menucontainer li.level_1 { float: left; display: inline-block; width: 30%; padding: 0.3em 1% 0.3em 1%; } #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist div.menucontainer li.level_2, #logo #topmenu.topmenu_js .sf-menu #dropdown #linklist div.menucontainer li.level_3 { display: none; } /* 4.1.2. Dropdown-Menu fýr Anzeige ohne JS ------------------------------------ */ #topmenu.no_js { width: 94em; height: auto; z-index: 100; display: inline-block; margin-left: 3em; } #topmenu.no_js ul { margin: 0 0 0 3em; padding: 0; } #topmenu.no_js .sf-menu { margin-left: 2em; display: inline-block; } #topmenu.no_js .sf-menu ul { position: static; } #topmenu.no_js .sf-menu li.main_level { float: left; text-align: center; list-style: none; } #topmenu.no_js .sf-menu li.main_level span { border-right: 0.2em solid #fff; font-size: 1.3em; padding: 0.4em 0 0.6em !important; display: inline-block; z-index: 200; position:relative; width: 100%; z-index: 200; } #topmenu.no_js .sf-menu li.main_level#eins span { border-left: 0.2em solid #fff; } #topmenu.no_js .sf-menu .menulist { margin: 0; width: 17.9em; top: 0.3em; background-color: #fff; } #topmenu.no_js .sf-menu #eins, #topmenu.no_js .sf-menu #zwei, #topmenu.no_js .sf-menu #drei, #topmenu.no_js .sf-menu #vier, #topmenu.no_js .sf-menu #fuenf { width: 18em; margin-left: 0;} /* #topmenu.no_js .sf-menu #eins .menulist { margin-left: 0.2em; width: 17.8em; } #topmenu.no_js .sf-menu #zwei .menulist { margin-left: 0.4em; width: 17.6em; } #topmenu.no_js .sf-menu #drei .menulist { margin-left: 0.2em; width: 17.8em;} #topmenu.no_js .sf-menu #vier .menulist { margin-left: 0.2em; width: 17.8em; } #topmenu.no_js .sf-menu #fuenf .menulist { margin-left: 0.2em; width: 17.8em; } */ #topmenu.no_js .sf-menu #eins .menulist { border-left: 0em solid #fff !important; } #topmenu.no_js .sf-menu #dropdown ul { width: 5em; margin: 0 0.5%; } #topmenu.no_js .sf-menu #dropdown #linklist div.menucontainer ul li { width: 5%; float: none; text-align: left; } #topmenu.no_js { position: static; display: tabl; } #topmenu.no_js ul { border-color: #ff !important; } /* 4.2. Menu Links ------------------------------------------------------------- */ #links #menu { } #links #menu .menucontainer { padding: 0;} #links #menu .menucontainer, #links #menu .menucontainer li { width: 100%; } #links #menu .menucontainer li.item_1 a.item_active, #links #menu .menucontainer li.item_1 a.item_parent_active { } #links #menu .menucontainer li.level_1 a, #links #menu .menucontainer li.level_0 > span > span.item_text { display: block; font-weight: normal; text-align: left; padding: 0.5em 0 0.3em 0.5em; color: #000; font-size: 1.3em; text-transform: uppercase; } #links #menu .menucontainer li.level_0 > span > span.item_text { color: #fff; border-bottom: 1px dashed #fff; } #links #menu .menucontainer li.level_0 > a, #links #menu .menucontainer li.level_0 a:hover, #links #menu .menucontainer li.level_0 a.item_active, #links #menu .menucontainer li.level_0 a.item_parent_active { color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; } #links #menu .menucontainer li.level_1 a, #links #menu .menucontainer li.level_1 a:visited { padding: 0.5em 1em; font-size: 1.1em; text-transform: none; } #links #menu .menucontainer li.level_2 a, #links #menu .menucontainer li.level_2 a:visited { padding: 0.5em 1em 0.5em 2em; } #links #menu .menucontainer li.level_3 a, #links #menu .menucontainer li.level_3 a:visited { padding: 0.5em 1em 0.5em 3em; } /* 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; padding: 0.5em 0; } #content #rs_sitemap h5 a { margin: 0; padding: 0.5em 0; display: block; } #content #rs_sitemap h5 a:focus, #content #rs_sitemap h5 a:hover { text-decoration: underline; } #content #rs_sitemap li a, #content #rs_sitemap li a:visited { font-weight: normal; margin: 0; padding: 0; display: block; } #content #rs_sitemap li a:focus, #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 { display: none; } #content #rs_sitemap .menucontainer { margin-left: 1.5em; } #content #rs_sitemap .menucontainer li { list-style: square; } /* 4.4. Menu Rechts ------------------------------------------------------------ */ #rechts div.menucontainer { margin: 0 0.3em 1.5em 0.3em; padding: 0.3em 0.5em; background-color: #dce7f2; color: #04316e; } #rechts div.menucontainer li a, #rechts div.menucontainer li a:visited { text-decoration: none; font-weight: normal; color: #04316e; display: block; } #rechts div.menucontainer li a:hover, #rechts div.menucontainer li a.item_active { text-decoration: underline; } #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.2em 0.2em 0.6em 0.2em; } #rechts div.menucontainer li.level_2 a, #rechts div.menucontainer li.level_2 a:visited, #rechts div.menucontainer li.level_2 a:hover, #rechts div.menucontainer li.level_2 a.item_active { padding: 0.2em 0.2em 0.6em 1.2em; } #rechts div.menucontainer li.level_3 a, #rechts div.menucontainer li.level_3 a:visited, #rechts div.menucontainer li.level_3 a:hover, #rechts div.menucontainer li.level_3 a.item_active { padding: 0.2em 0.2em 0.6em 2.2em; } #rechts div.menucontainer li.level_4 a, #rechts div.menucontainer li.level_4 a:visited, #rechts div.menucontainer li.level_4 a:hover, #rechts div.menucontainer li.level_4 a.item_active { padding: 0.2em 0.2em 0.6em 3.2em; } #rechts .menucontainer .extlinkicon { vertical-align: top; padding-top: 0; margin-left: 0.5em; height: 1em; width: 1em; } /* 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; color: #000; } #links .teaser .teaser_element, #rechts .teaser .teaser_element { padding: 0em; } #links .teaser .teaser_element br, #rechts .teaser .teaser_element br { line-height: 0; } #links .teaser .teaser_titledate h3, #rechts .teaser .teaser_titledate h3 { margin-bottom: 0; line-height: 1.4em !important; } #links .teaser .teaserdate, #rechts .teaser .teaserdate { font-weight: normal; margin: 0.2em 0 0.4em 0; display: block; text-align: right; } #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 { color: #666; margin: 0; } } #links .teaser_vk hr, #rechts .teaser_vk hr { display: none; } #links .teaser_vk .teaser_element, #rechts .teaser_vk .teaser_element { padding: 0; margin: 0 0 0.5em 0; } #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: 0; padding: 0.2em; line-height: 1.4em !important;} #links .teaser_vk .teaserdate, #rechts .teaser_vk .teaserdate { font-weight: normal; margin: 0.2em 0 0.4em 0; display: block; text-align: right; color: #000; } #links .teaser_vk .teasertext, #rechts .teaser_vk .teasertext { margin: 0 0.3em; display: inline-block; } #links .teaser_vk .teaser_more, #rechts .teaser_vk .teaser_more { text-align: right; display: block; padding: 0 0.2em 0.2em 0; } #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 ----------------------------------------------- */ #content #zwei_teaser #teaser_links, #content #zwei_teaser #teaser_rechts { width: 48% !important; } #content #zwei_teaser #teaser_links { float: left; } #content #zwei_teaser #teaser_rechts { float: right; padding-left: 1.3%; } #content #zwei_teaser h2 { margin-bottom: 0.5em; text-align: center; } #content #zwei_teaser .teaser_vk .teasertitel { width: 26.5em; padding-bottom: 1.2em; } /* 5.2.1. Newsteaser im Contentbereich ----------------------------------------- */ #content .teaser { display: inline-block; width: 100%; } #content .teaser_item_list { width: 100%; } #content .teaser br { display: none; } #content .teaser .teaser_element { width: 96%; padding: 2%; margin: 0; min-height: 9em; display: inline-block; } #content .teaser .teasercontent { width: auto; text-align: left; float: none; } #content .teaser .img_left + .teasercontent { max-width: 16em; text-align: left; float: left; } #content .teaser .img_right + .teasercontent { max-width: 16em; text-align: left; float: left } #content .teaser .teaser_titledate { margin: 0; padding: 0; } #content .teaser h3.teaser_titel { font-weight: bold; width: 100%; display: inline-block; line-height: 1.4em !important; text-align: left; margin: 0; padding: 0 !important; } #content .teaser h3.teaser_titel a:link { margin: 0 !important; padding: 0 !important;} #content .teaser .teaserdate { font-style: italic; width: 100%; display: inline-block; text-align: left; } #content .teaser .wrapper { display: inline-block; padding: 0; margin: 0; width: 100%; } #content .teaser div.teaserimg { vertical-align: top; text-align: right; } #content .teaser .img_left { float: left; margin-right: 1em; } #content .teaser .img_right { margin-left: 1em; } #content .teaser .img_left img, #content .teaser .img_right img { padding: 0.3em 0 0 0; width: 14em; height: auto; } #content .teaser .teasercontent .teasertext { width: 100%; display: inline-block; } #content .teaser .teasercontent .teasertext span.teaser_more { display: inline-block; width: 100%; text-align: right; } #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; } /* 5.2.2. Teaser Veranstaltungskalender im Contentbereich ---------------------- */ #content .teaser_vk { display: inline-block; width: 100%; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { margin-bottom: 1.5em; } } #content .teaser_vk br { display: none; } #content .teaser_vk img.img_left { clear: both; float: left; padding-right: 0.5em; } #content .teaser_vk img.img_right { clear: both; float: right; margin: 0 0 0.5em 2em; } #content .teaser_vk .teaser_element { margin: 0 0 1em 0; padding: 1em 0; } /* Opera hack */ @media screen and (min-width: 0px){ #content .teaser_vk { width: 100%; } } #content .teaser_vk .teaser_titel { margin: 0.5em 0; padding: 0; width: 100% } #content .teaser_vk .teaserdate { padding: 0; position: relative; } #content .teaser_vk .teaser_titledate { } #content .teaser_vk .teasertext { padding: 0em; margin-top: 0.5em; display: block; } /* IE 7 Hack*/ *:first-child+html #content .teaser_vk .teasertext { margin-top: 0; } #content .teaser_vk .teaser_element span.teaser_more { clear: both; display: block; width: 100%; text-align: right; margin-top: 0.5em; } #content .teaser_vk .teaser_element .teaser_more a:link, #content .teaser_vk .teaser_element .teaser_more a:visited, #content .teaser_vk .teaser_element .teaser_more a:active { font-weight: bold; text-decoration: none; padding-right: 0.5em; } #content .teaser_vk .teaser_element .teaser_more a:hover { text-decoration: underline; } #content .teaser_vk .teaser_element .element_address { display: inline-block; padding-bottom: 0.5em; } #content .teaser_vk .teaser_element .element_address .hr { color: #fff; height: 0px; border-top: thin solid silver; } #content .teaser_vk .teaser_element .element_address .hr_adress_contact_start {} #content .teaser_vk .teaser_element .element_address .hr_adress_contact_end { display: none; } #content .teaser_vk hr { color: #fff; height: 1px; border-top: 0em; clear: both; } #content #zwei_teaser #teaser_links { float: left; width: 49%;} #content #zwei_teaser #teaser_rechts { float: right; width: 49%;} #content #zwei_teaser #teaser_links h5, #content #zwei_teaser #teaser_rechts h5 { margin: 0.5em;} #content #zwei_teaser #teaser_links .teaser_titledate, #content #zwei_teaser #teaser_rechts .teaser_titledate { height: auto; display: inline-block; padding: 0; margin: 0; width: 100%; } #content #zwei_teaser #teaser_links .teaser_titel, #content #zwei_teaser #teaser_rechts .teaser_titel { margin: 0; padding: 0; padding: 0.3em 0.5em; display: inline-block; width: 94%; } #content #zwei_teaser #teaser_links .teaserdate, #content #zwei_teaser #teaser_rechts .teaserdate { margin: 0; padding: 0; padding: 0 0.5em 0.3em 0.5em; position: static; } #content #zwei_teaser #teaser_links .teaser_element, #content #zwei_teaser #teaser_rechts .teaser_element { width: 100%; } /* IE 6 hack */ *html #zwei_teaser #teaser_links { width: 99%; } #content #teaser_zweispaltig .teaser_element { width: 48%; } #content #teaser_zweispaltig .teaser .odd { width: 49%; float: left; clear: none; } #content #teaser_zweispaltig .teaser .even { width: 49%; float: right; clear: none; } /* 6. allg. Formatierungen nach Position --------------------------------------- */ /* 6.1. Formatierungen ohne Positionsbezug ------------------------------------- */ #content h2.simplefloat1 { padding-right: 1em; margin-top: 0; float: left; } #content img.extlinkicon { vertical-align: middle; padding-top: 0; height: 1em; width: 1em; } /* 6.1.1. Access Key ----------------------------------------------------------- */ #acc { width: 12em; text-align: left; margin: 0; padding: 0; line-height: 1.4em; display: inline-block; } #acc li { text-align: center; margin: 0.25em 0.3em 0.25em 0; padding: 0; border: 0px solid #6f6f6f; float: none; list-style: none; display: inline-block; } /* IE 7 Hack */ *:first-child+html #acc li { float: left; } /* IE 6 Hack */ *html #acc li { float: left; } #acc li a:link, #acc li a:visited { color: #000; padding: 0.3em 1em; width: 1.2em; border: 1px solid #000; display: inline-block; text-decoration: none; } #acc li a:hover, #acc li a:focus, #acc li a:active { color: #000; background: #d5eaff; font-weight: bold; } #acc .acc-n { border: 1px dotted #3ba50f; padding: 0.3em 1em; width: 1.2em; color: #000; background: #fff; display: inline-block; } #acc li.acc-logo { border: 0; width: 6.3em; display: inline-block; } #acc .acc-logo a:link, #acc .acc-logo a:visited { padding: 0.3em 0.3em 0.3em 0; width: 6.9em; display: inline-block; color: #ff0000 !important; background: #fff; letter-spacing: 0; text-decoration: none; border: 1px solid #3ba50f; } /* IE 7 Hack */ *:first-child+html #acc .acc-logo a:link, *:first-child+html #acc .acc-logo a:visited { width: 6.5em; } #acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active { background: #d5f1ff; text-decoration: underline; border: 1px solid #305695; } #acc strong { color: #000090 !important; font-variant: small-caps; font-weight: bold; } #acc strong em { color: #ff0000; font-style: italic; letter-spacing: 0; } #acc span { width: 0; position: absolute; left: -1000px; top: -1000px; height: 0; overflow: hidden; } /* 6.1.2. Fontsize ------------------------------------------------------------- */ div.text_fontsize { float: left; } /* 6.1.3. Kontrast ------------------------------------------------------------- */ div.contrast { margin: 0; padding: 0; text-align: right; } /* Opera hack */ @media screen and (min-width: 0px){ div.contrast { padding-top: 0.2em; } } div.contrast img { border: 0.1em solid #000; width: 1.8em; } div.text_kontrast { float: left; } /* 6.1.4. Kalender ------------------------------------------------------------- */ #content .dwa_kalender .dwa_selectdate label, #content .dwa_kalender .dwa_kalendertable caption, #content .dwa_v_kalender_suche label { display: none; } #content .dwa_kalender .dwa_date, #content .dwa_kalender .dwa_selectdate, #content .dwa_kalender .dwa_kalendertable { width: 20em !important; padding: 0.5em !important; } #content .dwa_kalender .dwa_kalendertable, #content .dwa_kalender .dwa_selectdate, #content .dwa_kalender .dwa_kalendertable table { float: none; clear: both; text-align: center; display: inline-block; } #content .dwa_kalender .dwa_kalendertable td, #content .dwa_kalender .dwa_kalendertable th { padding: 0; margin: 0; width: 2.1em !important; height: 2.1em !important; vertical-align: middle; text-align: center; } #content .dwa_kalender .dwa_kalendertable .So a, #content .dwa_kalender .dwa_kalendertable .termin a, #content .dwa_kalender .dwa_kalendertable .heute a { margin: -1px !important; vertical-align: middle !important; text-align: center; line-height: 2.1em; height: 100% !important; display: block; } #content .dwa_kalender .dwa_kalendertable .heute a { margin: 1px !important; vertical-align: middle !important; text-align: center; line-height: 2em; height: 2em !important; display: block; } #content .dwa_kalender_legend .heute a, #content .dwa_kalender_legend .termin a { padding: 0.2em !important; display: block; } #content .dwa_kalender_legend .heute span.heute { padding: 0.2em; } #content .dwa_kalender_legend .termin a, #content .dwa_kalender_legend .heute span.heute { width: 1.5em !important; height: 1.5em !important; text-align: center; vertical-align: middle; font-weight: bold; margin-left: 1em; line-height: 1.5em; display: inline-block; } #content .dwa_kalender_legend div.termin a { width: 1.9em !important; height: 1.9em !important; padding: 0 !important; } /* 6.1.5. Pathhistory ---------------------------------------------------------- */ .pathhistory { position: absolute; background-color: #fff; color: #505050; font-weight: normal; text-align: left; width: 52em; padding: 1em; margin-left: 0.5em; visibility: hidden; display: none; } /* 6.1.6. Suche ---------------------------------------------------------------- */ .quicksearch input {} #quicksearch {} #quicksearch form { margin: 0; padding: 0; } #quicksearch label { display: none; } #quicksearch input.element_search_input {} #quicksearch button {} #quicksearch input.element_search_image {} /* 6.1.8. Personen-Objekt im RS ------------------------------------------------ */ #content .person_object { border: 0; background-color: transparent; padding: 0.5em; display: inline-block; min-width: 35em; } #content .person_object .lable { font-weight: bold; float: left; margin-right: 0.5em; } #content .person_object .lable { float: left; display: inline-block; } #content .person_object .lable_text { vertical-align: middle; 0; clear: right; line-height: 1.4em; } #content .person_object .lable_text a { float: none; margin-top: 0em; display: inline-block; color: #000;} #content .person_object .lable_text img { vertical-align: middle; padding: 0.3em 0; margin-top: -0.3em; } #content .Beschreibungen #fraktion_l { width: 48%; float: left; } #content .Beschreibungen #fraktion_r { width: 49%; float: right;} #content .Beschreibungen #fraktionen .person_object { width: 99%; } #content #bs .person_object .name .lable, #content #bs .person_object .pers_data_label_beruf { display: none; } #content #bs #leitung #lable { font-weight: bold; padding-top: 0.7em; width: 9em; } #content .person_object .name .lable_text img { margin: 0 0.5em 0 0.2em;} #content .person_object .nam .simplefloatl, #content .person_object .adresse .simplefloatl, #content .person_object .tel_fax_mobil, #content .person_object .mail_web { float: none; clear: both; } /* 6.2. Formatierungen im Kopfbereich ------------------------------------------ */ #logo a, a:link, a:visited, a:active { text-decoration: none; font-weight: bold; } #logo a:focus, #logo a:hover { text-decoration: underline; } #logo { background-color: #808080; } #logo #oben { margin-top: 0; padding: 0em 1em 2em; display: inline-block; width: 98em; position: relative; z-index: 100; } #logo #oben_rechts { top: 0; position: relative; z-index: 100; right: 0em; width: 98em; padding: 0 2.5em 0 0 } #logo #slogan { position: absolute; z-index: 100; margin: 0 0 0 2.5em;} #logo #slogan img { margin: -0.5em 0 0 0; width: 16.1em !important; height: 5em !important; } #logo #header_bild { position: absolute; display: inline-block; top:1em} #logo #maske img { height: 33.6em !important; width: 100em !important; } #logo #header_bild img { height: 30em !important; width: 100em !important; } #logo #maske { position: relative; display: inline-block; margin-top: -1.5em } #logo #oben #bitv_links { float: right !important; background-color: #fff;} #logo #other_links { padding: 1.2em 0.5em 0 0; float: right; display: inline-block; } #logo #other_links .menucontainer li { float: left; text-align: left; } #logo #other_links .menucontainer li { border: 0; } #logo #other_links .menucontainer li a, #logo #other_links .menucontainer li a:visited { display: block; font-weight: bold; padding: 0 0.3em; margin: 0; border-left: 1px solid #ccc; font-decoration: underline; } #logo #other_links .menucontainer li.item_1 a { border-left: 0; } #logo #other_links .menucontainer li a:focus, #logo #other_links .menucontainer li a:hover, #logo #other_links .menucontainer li a.item_active { font-decoration: underline; } #logo #oben #bitv_links .contrast { display: inline-block; margin: 0.3em 0.5em 0 0.5em; } #logo #oben #bitv_links .contrast img { margin: 0em 0.1em 0 0; padding: 0; width: 1.8em; border: 1px solid #000; } #logo #oben #bitv_links div.fontsize { line-height: 1.6em; padding: 0; margin: 0 0.5em 0 0 !important; display: inline-block; } #logo #oben #bitv_links div.fontsize a, #logo #oben #bitv_links div.fontsize a:visited { text-decoration: none; padding: 0; margin: 0; font-weight: normal !important; padding: 0 0.1em; text-transform: lowercase; color: #000 !important; } #logo #oben #bitv_links div.fontsize a:hover { text-decoration: underline; } #logo #suche { position: absolute; top: 28em; margin-left: 63em; float: right; border: 0.1em solid #c8cace; background-color: #fff; width: 17.8em; white-space: nowrap; } #logo #suche input { border: 0; margin: 0; height: 1.3em; font-weight: normal; vertical-align: middle; } #logo #suche button { padding: 0; margin: 0; width: 4em; border: 0; margin: 0; height: 1.3em; font-weight: normal; vertical-align: middle; } #logo #suche .element_search_input { padding-top: 0.2em; width: 12.6em; } #logo #suche #quicksearch { border: 1px solid #f0f0ea; float: right; } #logo #suche .label_oben, #logo #suche .element_search_text, #logo #suche .element_search_button, #logo #suche .element_search_head { display: none; } /* 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 #menu_1 { display: inline-block; width: 100%; border-left: 0.8em solid #c90; padding-left: 0.5em; margin-bottom: 0.5em; } #links #menu_2 { display: inline-block; width: 100%; border-left: 0.8em solid #600; padding-left: 0.5em; margin-bottom: 0.5em; } #links #menu_3 { display: inline-block; width: 100%; border-left: 0.8em solid #060; padding-left: 0.5em; margin-bottom: 0.5em; } #links #menu_4 { display: inline-block; width: 100%; border-left: 0.8em solid #006; padding-left: 0.5em; margin-bottom: 0.5em; } #links #menu_5 { display: inline-block; width: 100%; border-left: 0.8em solid #606; padding-left: 0.5em; } #links .menu span.mehr { margin-left: 0.3em; } #links .textblock3, #links #acc_container { border-left: 0.8em solid #666; } #links .textblock3 { margin: 0.5em 0 -1.5em;} #links .textblock3 img { margin: 0 0.5em 1em 1em; } #links .textblock3 p { font-size: 0.95em; padding: 1em 0; margin: 0;} #links #acc { margin: 0 !important; padding: 0 !important;} #links #acc_container { display: inline-block; padding: 1em 1em 1em 3em; margin: 0; } /* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */ div#content a { font-weight: bold; } #content blockquote { border-left: 1px solid #ccc; margin-left: 2em; padding-left: 1em; font-style: italic; } /* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */ #content #banner_start img { width: 750px; height: 180px; padding: 0; margin: 2em 0 1em; } *+html #content #banner_start img { width: 75.503em; height: 18.121em; } /* -------------------------- 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: #000; font-weight: normal; padding-bottom: 0.1em; border-bottom: 1px solid #000; } /* --------------------------------- Adressen ---------------------------------- */ #content .element_address img { padding-top: 0; } #content .element_address div { float: none; } #content .element_address .lable { float: left; font-weight: bold; width: 5em; } #content .element_address .contactdata .lable { width: auto; } #content .element_address .contactinfo, #content .element_address hr { float: none; clear: both; margin: 0.2em 0; display; block; } #content .element_address .hr { height: 0; } #content .element_address .contactdata .lable { display: inline; float: left; clear: left; width: auto; } #content .element_address .contactdata .lablecontactperson .lable { display: inline; float: left; font-weight: bold; } #content .element_address .contactdata .lablecontactperson .lable_text { clear: left; padding: 0.3em 3em; } #content .element_address .contactdata .contactdata_text, #content .element_address .contactdata .contactdata_text a { float: left; line-height: 1.8em; } /* ------------------------------- Kontaktdaten -------------------------------- */ #content #daten_bild, #content #bild_daten { border: 1px solid #ddd; display: inline-block; } /* IE 7 Hack */ *:first-child+html #content #daten_bild { display: inline; } *:first-child+html #content #bild_daten { display: inline; } /* IE 6 hack */ *html #content #daten_bild { display: inline; } *html #content #bild_daten { display: inline; } #content #daten_bild #daten, #content #bild_daten #bild { float: left; padding: 0.5em; } #content #daten_bild #bild, #content #bild_daten #daten { float: left; clear: right; padding: 1em 1.5em 0 0; } #content #bild_daten #bild, #content #daten_bild #bild { display: inline; } #content #bild_daten #bild img, #content #daten_bild #bild img { padding: 1em; } #content #bild_daten #daten, #content #daten_bild #daten { display: inline-block; } /* IE 6 hack */ *html #content #bild_daten #daten { display: inline; } *html #content #daten_bild #daten { display: inline; } #content #details { width: 100%; } /* 6.4.2. Volltextsuche -------------------------------------------------------- */ /* -------------------------- Ausgabeseite Ergebnisse -------------------------- */ /* Volltextsuche */ #content #vts .searchfield { width: 50%; display: inline-block; padding-bottom: 0.5em; } #content #vts .searchfield input { float: left; width: 60%; margin-top: 0.1em; } #content #vts .searchfield button { width: 30%; } #content #vts .searchfield, #content #vts .searchfield div { margin-top: 0.5em; text-align: left; } #content #vts .page { display: inline-block; } #content #vts label {} #content #vts hr { display: none; } #content #vts .searchgap { height: 1em; } #content #vts .record { width: 100%; border: 1px solid #ddd; border-top: 0; display: inline-block; } #content #vts .summary { padding: 0.3em; border-top: 1px solid #ddd; } #content #vts .record .bottom { display: none; } #content #vts .record .number, #content #vts .record .detaillink, #content #vts .record .score, #content #vts .record .scores { border-top: 0.1em solid #ddd; height: 1.8em; padding-top: 0.4em; } #content #vts .record .number { width: 5%; padding-left: 1%; } #content #vts .record .detaillink { width: 82%; padding-left: 1%; } #content #vts .record .scores, #content #vts .record .score { text-align: right; width: 10%; padding-right: 1%; display: inline-block; } /* -------------- Ausgabeseite Ergebnisse - Suche im Branchenbuch -------------- */ #content #vts #bb_volltextsuche label {} #content #vts #bb_volltextsuche hr {} #content #vts #bb_volltextsuche .searchfield {} #content #vts #bb_volltextsuche .searchfield div {} #content #vts #bb_volltextsuche .page {} #content #vts #bb_volltextsuche .searchgap {} #content #vts #bb_volltextsuche .record {} #content #vts #bb_volltextsuche .record .bottom {} #content #vts #bb_volltextsuche .record .number {} #content #vts #bb_volltextsuche .record .detaillink {} #content #vts #bb_volltextsuche .record .score {} #content #vts #bb_volltextsuche .record .scores {} /* ----------- Ausgabeseite Ergebnisse - Suche nach Veranstaltungen ------------ */ #content #vts #vk_volltextsuche label {} #content #vts #vk_volltextsuche hr {} #content #vts #vk_volltextsuche .searchfield {} #content #vts #vk_volltextsuche .searchfield div {} #content #vts #vk_volltextsuche .page {} #content #vts #vk_volltextsuche .searchgap {} #content #vts #vk_volltextsuche .record {} #content #vts #vk_volltextsuche .record .bottom {} #content #vts #vk_volltextsuche .record .number {} #content #vts #vk_volltextsuche .record .detaillink {} #content #vts #vk_volltextsuche .record .score {} #content #vts #vk_volltextsuche .record .scores {} /* 6.4.3. Lebenslagen ---------------------------------------------------------- */ #content #ll .lifesituationlist, #content #ll .lifesituation_datasets { margin: 0; padding: 0; width: 100%; } #content #ll .lifesituationlist li, #content #ll .lifesituation_datasets li { list-style: none; margin: 0; padding: 0; } #content #ll .lifesituationlist li a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-position: 2.5em 0.4em; background-repeat: no-repeat; text-decoration: none; font-weight: bold; margin: 0; padding: 0.4em 4em; display: block; } #content #ll .lifesituationlist li.auflistung_ueberschrift a { background-image: none; padding: 0; } #content #ll .lifesituationlist li.auflistung_ueberschrift { background-image: none; text-decoration: none; font-weight: bold; margin: 0; padding: 0.5em 2em; display: block; } #content #ll .lifesituation_datasets li img { vertical-align: middle; } /* 6.4.3. Modul Býrgerservice -------------------------------------------------- */ /* --------------------------------- ýmterbaum --------------------------------- */ #content #bs * { font-family: arial; font-size: 1em;} #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_1 { padding: 0.3em 0 0.3em 10em; } #content #bs .element_department_tree div.auflistung_level_2 { padding: 0.3em 0 0.3em 12em; } #content div.element_department_tree img { padding-top: 0; vertical-align: middle; } /* ------------------------------- DETAILANSICHT ------------------------------- */ #content #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 #bs h2.element_label { margin: 1em 0 !important; width: auto !important } #content #bs h2.simplefloatl { margin: 0 !important; width: 12em !important; padding: 0.2em 1em 0 0 !important; float: left; } #content #bs #vorgang_uebersicht h2.element_label { margin: 0 !important; width: auto !important; margin-right: -0.2em !important;} #content #bs #mitarbeiter_detail #element_employeeroom .label_bezeichnung { width: auto; } #content #bs #mitarbeiter_detail #element_employeeroom br { display: none; } #content #bs #mitarbeiter_detail #element_employeeroom .element_address { margin: 0; padding: 0; margin-left: 5em; } #content #bs #mitarbeiter_detail #element_employeeroom .element_address .addresse_name { display: none; } #content #element_employeeroom .label_bezeichnung, #content #element_employeeroom .lable_text, #content .zimmer .zimmer_etage, #content .zimmer .zimmer_gebaeude, #content .zimmer .lable_text { clear: right; padding: 0.2em 0; } #content #zimmer_detail .element_address .addresse_name { display: none; } #content .zimmer .zimmer_etage h2 { display: none; } #content .element_address .addresse_name { font-weight: normal; } #content .zimmer .element_address .addresse_name { padding-left: 6em; font-weight: bold; padding-top: 1.2em; } #content .zimmer .lable, #content .zimmer .lable_text {} #content td img { float: left; padding-right: 0.5em; } #content .vorgang_amt .label_bezeichnung img { padding: 0 0.3em 0.3em 0; vertical-align: middle; } #content .vorgang_amt .label_bezeichnung { padding-bottom: 0.5em; } #content .vorgang_amt .oeffnungszeiten { display: block; clear: both; width: 20em; padding-top: 1em; } #content .vorgang_amt .oeffnungszeiten .oeffnungszeiten_wtag { float: left; margin-bottom: 0.5em;} #content .vorgang_amt .oeffnungszeiten .oeffnungszeiten_time { text-align: right; clear: right; margin-bottom: 0.5em; } /* ------------------------------- Auswahlliste -------------------------------- */ #content div.az { text-align: center; } #content div.az span { padding: 0 0.2em; } /* ---------------------------------- Listen ----------------------------------- */ #content #bs #element_departmentcontact .element_label_content, #content #bs #zimmer_detail .element_zimmer_ansprechpartner table { width: 100%; } #content .element_departmentlist, #content #element_departmentcontact .contactdata th, #content #element_departmentcontact .contactdata td, #content #element_departmentcontact .contactdata td a, #content .auflistung_text {} #content #bs #element_departmentcontact table, #content #bs .element_departmentlist table, #content #bs #element_departmentcontact table, #content #bs #unterlage_uebersicht table { width: 100%; } #content #bs #unterlage_uebersicht th, #content #bs .element_departmentlist th { padding: 0.5em 0.3em; } #content #bs #unterlage_uebersicht td, #content #bs .element_departmentlist td { padding: 0.3em; border-top: 1px solid #fff; } #content #bs #unterlage_uebersicht th, #content #bs #unterlage_uebersicht td { padding-left: 2em; } #content #bs #vorgang_uebersicht .az { margin-bottom: 1em; } #content #bs #vorgang_uebersicht .element_label { margin: 0; width: 94%; padding: 0.5em 1% 0.5em 5%; } #content #bs #vorgang_uebersicht .auflistung_text { display: inline-block; clear: both; width: 94%; border-top: 0.1em solid #fff; padding: 0.3em 1% 0.3em 5%; } #content #bs #vorgang_uebersicht .auflistung_text a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; background-position: left 30%; text-decoration: none; margin: 0; padding: 0 0.5em 0 1.5em; display: block; float: left; } #content #rs_sitemap li a:hover { text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; margin: 0; padding: 0.4em 0; display: block; } #content #bs .element_departmentlist th, #content #bs .element_departmentlist td {} #content #bs table.contactdata caption { display: none; } #content #bs .element_departmentlist #Bezeichnung { width: 18em; } #content #bs .element_departmentlist th#Email { width: 2.5em; } #content #bs #element_departmentcontact .contactdata td ul { margin: 0; padding: 0; list-style-type: none; } #content #bs table.contactdata { width: 100%; } #content #bs table.contactdata th { border: 0; padding: 0.5em 0.3em; text-align: left; } #content #bs table.contactdata td { border-top: 1px solid #fff; padding: 0.3em; } #content #bs table.contactdata .button { width: auto; text-align: center; } #content #bs table.contactdata #name, #content #bs table.contactdata .label_text { width: 40%; } #content #bs table.contactdata #tel, #content #bs table.contactdata #fax, #content #bs table.contactdata .labeltel, #content #bs table.contactdata .labelfax { width: 25%; } #content #bs table.contactdata .button img, #content #bs table.contactdata .button input { padding-top: 0; padding-left: 0; vertical-align: middle; } #content #bs #employee_list td[headers=name], #content #bs #employee_list .tel_fax_mail_text, #content #bs table.contactdata .labeltel, #content #bs table.contactdata .labelfax { text-align: left; } #content #bs .vorgang_amt .element_address hr { clear: both; float: left; width: 35%; height: 0; } /* IE 7 Hack */ *:first-child+html #content #daten .hr_adress_contact_start { margin-bottom: -1em; } #content .auflistung_text { padding: 0.2em 0; } #content #bs .element_departmentlist caption, #content #bs #element_departmentcontact .contactdata caption { display: none; } #content #bs #mitarbeiter_liste br { line-height: 0.5em; } #content #bs #vorgang_detail .beschreibung, #content #bs #vorgang_detail .beschreibung img { } /* --------------------------- Mitarbeiter - Detail ---------------------------- */ #content #bs #mitarbeiter_detail .simplefloatl { float: left; clear: left;} #content #bs #mitarbeiter_detail .element_label { margin: 0; padding: 0.2em 0; width: 16em; } #content #bs #mitarbeiter_detail .element_label_content { float: left; clear: right; display: block; padding-left: 0.5em; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table { padding: 0; margin: 0; border: 0; width: auto; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table th { display: none; padding: 0; margin: 0; border: 0; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table tr { background-color: transparent !important; padding: 0; margin: 0; border: 0; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td { padding: 0; border: 0; margin: 0; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td img { padding-top: 0em; vertical-align: middle; } #content #bs #mitarbeiter_detail #element_employeedep .element_label_content .detail_link { float: left; clear: right; width: auto; } #content #bs #mitarbeiter_detail #element_employeeservice .element_label_content .detail_link { float: none; clear: both; width: auto; } #content #bs #mitarbeiter_detail #element_employeedep { clear: both;} #content #bs *, #content #bs #details *, #content #bs #daten * {} #content #bs * table { border-spacing: 0 !important; } #content #bs #daten .element_address { display: block; } #content #bs #daten .element_address hr { width: 50%; margin: 0.3em 0; } #content #bs #daten .element_label { min-width: 5em !important; width: auto !important; } #content #bs .zimmer_etage .element_label, #content #bs .zimmer_gebaeude .element_label { width: 5em; float: left; padding-right: 1em; margin-top: 0; vertical-align: top; } #content #bs .zimmer_etage .element_label_content, #content #bs .zimmer_gebaeude .element_label_content { padding: 0; margin: 0; vertical-align: top; display: inline-block; } #content #bs #element_employeefunc ul { margin: 0; padding: 0; } #content #bs * br { line-height: 0.5em; } #content #bs #element_employeedata img { padding: 0 1em 0.5em 0; } #content #bs #element_employeedata .element_label, #content #bs #element_employeedata .contactdata, #content #bs #element_employeefunc, #content #bs #details .beschreibung, #content #bs #element_employeeroom, #content #bs #element_employeedep, #content #bs #element_employeeservice, #content #bs #element_departmentservice, #content #bs #element_employeeleader, #content #bs #element_departmentchief, #content #bs #daten .element_address, #content #bs #daten .zimmer_etage, #content #bs #daten .zimmer_gebaeude, #content #bs #details .datasetdescription, #content #bs #details .element_zimmer_ansprechpartner .element_label, #content #bs #details .element_zimmer_vorgang .element_label, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang, #content #bs #details .contactdata th, #content #bs #details .contactdata td, #content #bs #element_departmentopening .element_label, #content #bs #element_departmentopening .element_label_content, #content #bs #element_departmentcontact .element_label {} #content #bs #element_departmentcontact, #content #bs #details .element_address div {} #content #bs .beschreibung * { text-align: left; } #content #bs #element_employeeroom .element_label, #content #bs #element_employeeroom .lable, #content #bs #element_employeeleader .element_label, #content #bs #element_employeeservice .element_label { padding-top: 0.2em; } #content #bs #element_employeefunc .element_label, #content #bs #element_employeeleader .element_label, #content #bs #element_departmentservice .element_label, #content #bs .zimmer_etage .element_label, #content #bs #element_departmentopening .element_label {} #content #bs #element_departmentchief .contactdata_button, #content #bs #element_departmentchief .labelvcard { padding-right: em; margin-top: 0; float: left; } #content #bs #element_departmentchief { display: block; } #content #bs #element_departmentchief .label_text { float: left; clear: right; } #content #bs #element_departmentchief .contactdata_button { width: 2em; float: left; } #content #bs #element_departmentchief .contactdata_button input { padding-top: 0.4em; } #content #bs #element_departmentchief .labelvcard input { padding: 0.7em 0 0 0.2em; } #content #bs #element_departmentopening .beschreibung { width: 35em; margin-bottom: 1em; color: red;} #content #bs #element_departmentopening .element_label_content { padding-left: 1em; width: 20em; display: inline-block; } #content #bs #element_departmentopening .weekdays_label { float: left; width: 7em; padding-bottom: 0.3em; } #content #bs #element_departmentopening .weekdays_text { padding-bottom: 1em; text-align: right; } #content #bs #element_departmentopening .weekdays_text br { line-height: 0; } #content #bs #element_employeefunc ul { list-style: none; padding-top: 0.1em; } #content #bs #daten .element_label_content, #content #bs #details .element_label_content, #content #bs #element_departmentservice .element_label_content { display: inline-block; } #content #bs #element_departmentservice .element_label_content .overview_link { padding-top: 0em; } #content #bs #details #element_employeeroom .element_label_content { display: block; } #content #bs #details .detail_link { /* clear: both; */ } #content #bs #element_employeeservice div.element_label_content { display: inline-block; } #content #bs .vorgang_dokument .vorgang_dokument img, #content #bs #element_departmentservice .detail_link img, #content #bs #element_employeeservice .detail_link img, #content #bs #element_employeeleader .element_label_content img, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang img { padding-top: 0em; vertical-align: middle; } #content #bs .vorgang_dokument .vorgang_dokument input, #content #bs #element_departmentservice .detail_link input, #content #bs #element_employeeservice .detail_link input, #content #bs #element_employeeleader .element_label_content input, #content #bs #details .element_zimmer_vorgang .zimmer_vorgang input { padding-right: 0.3em; } #content #bs #element_departmentservice .label_bezeichnung { clear: both; } #content #bs #element_departmentservice a, #content #bs #element_departmentservice a input { padding-top: 0em; } #content #bs #element_departmentservice .element_label { padding-top: 0.2em; } #content #bs #amt_detail .simplefloatl { display: inline-block; float: left; clear: right; } #content #bs #amt_detail .element_label { width: 10em; padding: 0; margin: 0; } #content #bs #amt_detail .element_label_content { display: inline-block; } #content #bs #amt_detail #element_departmentchief .element_label { margin-top: 0.5em; } #content #bs #amt_detail .element_address { min-width: 18em;} #content #bs #amt_detail .element_address hr { min-width: 18em; } #content #bs #amt_detail .element_address div { float: none; } #content #bs #amt_detail .element_address .lable { float: left; font-weight: bold; width: 5em; } #content #bs #amt_detail .element_address .contactdata .lable { width: auto; } #content #bs .button img, #content #bs .vorgang_unterlage a img { vertical-align: middle; } /* 6.4.4. Modul Rat ------------------------------------------------------------ */ #content #rat .fraktion_farbe_269 { background-color: #000; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_269 a { border: 1px solid #000; } #content #rat .fraktion_farbe_271 { background-color: #ff0000; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_271 a { border: 1px solid #ff0000; } #content #rat .fraktion_farbe_273 { background-color: #ffcc00; color: #0000bb; font-weight: bold; } #content #rat .fraktion_farbe_273 a { border: 1px solid #ffcc00; } #content #rat .fraktion_farbe_274 { background-color: #00cc00; color: #000; font-weight: bold; } #content #rat .fraktion_farbe_274 a { border: 1px solid #00cc00; } #content #rat .fraktion_farbe_272 { background-color: #830083; color: #fff; font-weight: bold; } #content #rat .fraktion_farbe_272 a { border: 1px solid #830083; } #content #rat .fraktion_farbe_269 a, #content #rat .fraktion_farbe_271 a, #content #rat .fraktion_farbe_272 a { color: #fff; } #content #rat .fraktion_farbe_274 a, #content #rat .fraktion_farbe_262 a { color: #000; } #content #rat .fraktion_farbe_269:hover, #content #rat .fraktion_farbe_271:hover, #content #rat .fraktion_farbe_269 a:hover, #content #rat .fraktion_farbe_271 a:hover, #content #rat .fraktion_farbe_274 a:hover { color: #000; } #content #rat .fraktion_farbe_272 a:hover { color: #830083; } #content #rat .fraktion_farbe_273 a, #content #rat .fraktion_farbe_273 a:hover { color: #0000bb; } #content #rat .dwa_rat_ausschuss table { margin-top: 1em; } #content #rat .fraktion_farbe_269:hover, #content #rat .fraktion_farbe_271:hover, #content #rat .fraktion_farbe_273:hover, #content #rat .fraktion_farbe_274:hover { background-color: #ddd; } #content #rat table { width: 100%; border-collapse: collapse; } #content #rat .dwa_kalendertable table { width: 100%; border-collapse: separate; } #content #rat table th, #content #rat table td, #content #rat table td img { margin: 0; padding: 0; } #content #rat div.fraktion_farbe_269, #content table#rat td.fraktion_farbe_269 { background-color: #000; color: #fff; border: 1px solid #000; } #content #rat div.fraktion_farbe_271, #content table#rat td.fraktion_farbe_271 { background-color: #ff0000; color: #fff; border: 1px solid #ff0000; } #content #rat div.fraktion_farbe_272, #content table#rat td.fraktion_farbe_272 { background-color: #830083; color: #fff; border: 1px solid #830083; } #content #rat div.fraktion_farbe_273, #content table#rat td.fraktion_farbe_273 { background-color: #ffcc00; color: #0000bb; border: 1px solid #ffcc00; } #content #rat div.fraktion_farbe_274, #content table#rat td.fraktion_farbe_274 { background-color: #00cc00; color: #000; border: 1px solid #00cc00; } #content table#rat td p { line-height: 0em; } #content #rat .fraktion div.fraktion_farbe_269:hover { color: #000; } #content #rat .fraktion div.fraktion_farbe_271:hover { color: #ff0000; } #content #rat .fraktion div.fraktion_farbe_272:hover { color: #830083; } #content #rat .fraktion div.fraktion_farbe_273:hover { color: #0000bb; } #content #rat .fraktion div.fraktion_farbe_274:hover { color: #009900; } #content #rat .fraktion div:hover { background-color: #fff; } #content #rat table td.fraktion { padding: 0 !important; margin: 0 !important; } #content #rat table th.fraktion a, #content #rat table td.fraktion a { display: block; text-align: left; } #content #rat table td.fraktion div { display: block; padding: 0.3em; text-align: center; } #content #rat table td.email, #content #rat table td.vcard { width: 3em; } #content #rat table td.zaehler { width: 1.4em; text-align: right; padding-right: 0.5em } #content #rat table td.fraktion { width: 7em; text-align: center; } #content #rat table th { padding: 0.5em 0.3em; border-bottom: 1px solid #fff; border-top: 1px solid #fff; color: #000; } #content #rat .dwa_rat_fraktion_chairman table td, #content #rat .dwa_rat_fraktion table td, #content #rat .dwa_rat_ausschuss table td, #content #rat .dwa_rat_ausschuss_chairman table td, #content #rat .dwa_rat_ausschuss_perm table td, #content #rat .dwa_rat_ausschuss_nonperm table td { padding: 0.3em; border-top: 1px solid #fff; vertical-align: top; color: #000; } #content #rat table td.headline { font-style: italic; } #content #rat table td.space { padding: 0; background-color: #fff; } #content #rat table td img { padding-top: 0; vertical-align: middle; } #content #rat table th.headline a, #content #rat table td a { text-decoration: none; } /* --------------------------- Mitgliederýbersicht ----------------------------- */ #content #rat .dwa_ratsmitglied_auflistung .auflistung { border-collapse: collapse; } #content #rat .dwa_ratsmitglied_auflistung .auflistung caption { display: none; } #content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline img { padding: 0; vertical-align: middle; float: left; } #content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline a { vertical-align: middle; display: block; } #content #rat .dwa_ratsmitglied_auflistung .auflistung td { border-top: 1px solid #fff; } /* ---------------------------- Fraktionsýbersicht ----------------------------- */ #content #rat .dwa_rat_fraktion table th.fraktion { padding: 0;} #content #rat .dwa_rat_fraktion table th.fraktion div { display: block; padding: 0.5em 0.3em; } /* ---------------------------- Fraktion - Detail ------------------------------ */ #content #rat .dwa_rat_fraktion_chairman caption, #content #rat .dwa_rat_fraktion caption { display: none; } #content #rat .dwa_rat_fraktion_chairman table th, #content #rat .dwa_rat_fraktion table th { padding: 0.5em 0.3em; } #content #rat .dwa_rat_fraktion_chairman table td, #content #rat .dwa_rat_fraktion table td { border-top: 1px solid #fff; } #content #rat #fraktion_detail .dwa_rat_fraktion { margin-top: -1.4em;} #content #rat .dwa_rat_fraktion_chairman table td.name, #content #rat .dwa_rat_fraktion table td.name { width: 15em auto; } #content #rat .dwa_rat_fraktion_chairman table td.funktion br, #content #rat .dwa_rat_fraktion table td.funktion br { line-height: 0; } #content #rat .dwa_rat_fraktion table td.headline { font-style: italic; } #content #rat .dwa_rat_fraktion table td.space { padding: 0; } #content #rat .dwa_rat_fraktion_chairman table td img, #content #rat .dwa_rat_fraktion table td img { padding-top: 0; vertical-align: middle; } #content #rat .dwa_rat_fraktion_chairman table th a, #content #rat .dwa_rat_fraktion_chairman table td a, #content #rat .dwa_rat_fraktion table th a, #content #rat .dwa_rat_fraktion table td a { text-decoration: none; } /* ----------------------------- Fraktionsmitglied ----------------------------- */ #content .fraktionsmitglied #daten .dwa_ratsmitglied_bezeichnung { font-weight: bold; } #content .fraktionsmitglied #daten .dwa_ratsmitglied_bezeichnung, #content .fraktionsmitglied #daten .dwa_ratsmitglied_strasse, #content .fraktionsmitglied #daten .dwa_ratsmitglied_ort {} #content .fraktionsmitglied #details .element_label, #content .fraktionsmitglied #daten .dwa_ratsmitglied_strasse .element_label { margin-bottom: 0; } #content .fraktionsmitglied #details .element_label { float: left; clear: both; display: inline-block; width: 12em; margin-top: 0; } #content .fraktionsmitglied #details .element_label_content { display: inline-block; } #content .fraktionsmitglied #details .element_label_content, #content .fraktionsmitglied #details .element_label_content .dwa_ausschuesse_item a, #content .fraktionsmitglied #details .dwa_ratsmitglied_fraktionen .element_label_content a {} #content .fraktionsmitglied #details .dwa_ratsmitglied_kontakt_beruf table, #content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate table { text-align: left; width: auto; } #content .fraktionsmitglied #details .dwa_ratsmitglied_kontakt_beruf .element_label_content img, #content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate .element_label_content img { padding-top: 0; width: auto; } #content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate a {} /* ---------------------------- Ausschuss ýbersicht ---------------------------- */ #content #rat .dwa_rat_ausschuss caption { display: none; } #content #rat .dwa_rat_ausschuss table td.name, #content #rat .dwa_rat_ausschuss table td.funktion { width: 15em; } #content #rat .dwa_rat_ausschuss table td.funktion br { line-height: 0; } #content #rat .dwa_rat_ausschuss table th.ausschuss a { background-image: url('/city_data/images/7/8/87/orig_20x16.gif'); background-repeat: no-repeat; background-position: left 30%; text-decoration: none; margin: 0; padding: 0 0.5em 0 1.5em; display: block; } /* ---------------------------- Ausschuss - Detail ----------------------------- */ #content #rat .dwa_rat_ausschuss_chairman caption, #content #rat .dwa_rat_ausschuss_perm caption, #content #rat .dwa_rat_ausschuss_nonperm caption { display: none; } #content #rat .dwa_rat_ausschuss_chairman table th, #content #rat .dwa_rat_ausschuss_perm table th, #content #rat .dwa_rat_ausschuss_nonperm table th { padding: 0.5em 0.3em; border-bottom: 0.1em solid #fff; } #content #rat .dwa_rat_ausschuss_chairman table td, #content #rat .dwa_rat_ausschuss_perm table td, #content #rat .dwa_rat_ausschuss_nonperm table td { border-top: 1px solid #fff; } #content #rat .dwa_rat_ausschuss_perm, #content #rat .dwa_rat_ausschuss_nonperm { margin-top: -1.4em;} #content #rat .dwa_rat_ausschuss_chairman table td.name, #content #rat .dwa_rat_ausschuss_perm table td.name, #content #rat .dwa_rat_ausschuss_nonperm table td.name { width: 15em auto; } /* IE 7 hack */ *:first-child + HTML #content #rat .dwa_rat_ausschuss_nonperm table td.name { width: 37.5em; } #content #rat .dwa_rat_ausschuss_nonperm .element_label { display: none; } #content #rat .dwa_rat_ausschuss_chairman table td.fraktion, #content #rat .dwa_rat_ausschuss_perm table td.fraktion, #content #rat .dwa_rat_ausschuss_nonperm table td.fraktion { width: 7.5em; } #content #rat .dwa_rat_ausschuss_chairman table td.funktion br, #content #rat .dwa_rat_ausschuss_perm table td.funktion br, #content #rat .dwa_rat_ausschuss_nonperm table td.funktion br { line-height: 0; } #content #rat .dwa_rat_ausschuss_perm table td.headline, #content #rat .dwa_rat_ausschuss_nonperm table td.headline { font-style: italic; } #content #rat .dwa_rat_ausschuss_perm table td.space, #content #rat .dwa_rat_ausschuss_nonperm table td.space { padding: 0; } #content #rat .dwa_rat_ausschuss_chairman table td img, #content #rat .dwa_rat_ausschuss_perm table td img, #content #rat .dwa_rat_ausschuss_nonperm table td img { padding-top: 0; vertical-align: middle; } #content #rat .dwa_rat_ausschuss_chairman table th a, #content #rat .dwa_rat_ausschuss_chairman table td a, #content #rat .dwa_rat_ausschuss_perm table th a, #content #rat .dwa_rat_ausschuss_perm table td a, #content #rat .dwa_rat_ausschuss_nonperm table th a, #content #rat .dwa_rat_ausschuss_nonperm table td a { text-decoration: none; } /* ------------------------------ Sitzungskalender ----------------------------- */ #content #rat #kalender .dwa_kalender .dwa_date, #content #rat #kalender .dwa_kalender .dwa_kalendertable { display: inline-block; width: 43%; text-align: center; padding: 0.5em 0.5em; margin: 0; } #content #rat #kalender .dwa_kalender .dwa_selectdate, #content #rat #kalender .dwa_kalender .dwa_selectdate form { width: 100%; text-align: center; margin: 0; padding: 0; } #content #rat #kalender .dwa_kalender .dwa_date { margin-top: 1em; } #content #rat #kalender .dwa_kalender .dwa_date a { font-weight: bold; } #content #rat #kalender .dwa_navigation_element { display: inline; width: 94%; float: left; clear: both; text-align: center; padding: 0.5em 0; } #content #rat #kalender .dwa_kalender .dwa_kalender_legend div.heute { margin-bottom: 0.3em; } /* IE 7 hack */ *:first-child + HTML #content #rat #kalender .dwa_kalender .dwa_navigation_element { width: 21em; } #content #rat #kalender .dwa_kalender .dwa_kalender_legend div.termin { margin-top: 0.4em; width: 100%; } /* ------------------------ Sitzungskalender - ýbersicht ----------------------- */ #content #rat #sitzungskalender_uebersicht #daten { width: 53%; float: right; margin-top: 0.5em; display: block; } #content #rat #sitzungskalender_uebersicht #kalender { width: 40%; float: left; margin: 0; padding: 0; display: block; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_suche { display: block; width: 100%; padding: 0.5em 0; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_suche .sucheingabe { float: left; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list, #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table { width: 100%; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list th { padding: 0.5em 0.3em; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list td { padding: 0.3em; border-top: 1px solid #fff; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table.navigation { border: 0; } #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table.navigation td { padding: 0; } #content #rat #sitzungskalender_uebersicht .dwa_navigation_element { margin-bottom: 1em;} #content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list .dwa_pager { clear: both; float: right; margin-top: 1em; } /* ------------------------- Sitzungskalender - Detail ------------------------- */ #content #rat #sitzungskalender_detail #details br { line-height: 0; } #content #rat #sitzungskalender_detail #kalender { margin: 0; padding: 0; display: inline-block; width: 21em; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_selectdate, #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_selectdate form { display: none; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_date { display: block; float: none; clear: both; text-align: center; padding: 0.5em 0.5em; margin: 0; } #content #rat #sitzungskalender_detail #kalender .dwa_navigation_element { display: block; width: 100%; text-align: center; padding: 0 !important; margin: 0 !important; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_kalender_legend { position: static; padding: 0 !important; margin: 0 !important; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_kalender_legend div { display; inline-block; width: auto; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_kalender_legend br { display: none; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_kalender_legend div.termin { float: left; clear: left; margin-top: 0 !important; padding: 0; } #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_kalender_legend div.heute { float: right; clear: right; margin-top: 0; padding: 0; } /* IE 7 hack */ *:first-child + HTML #content #rat #sitzungskalender_detail #kalender .dwa_kalender .dwa_navigation_element { width: 21em; } #content #rat .dwa_duration, #content #rat .dwa_room, #content #rat .dwa_contact, #content #rat .dwa_art, #content #rat .dwa_form, #content #rat .dwa_type, #content #rat .dwa_agenda, #content #rat .dwa_protocoll { float: none; clear: both; margin-top: 1em; } #content #rat .dwa_duration .element_label, #content #rat .dwa_room .element_label, #content #rat .dwa_contact .element_label, #content #rat .dwa_art .element_label, #content #rat .dwa_form .element_label, #content #rat .dwa_type .element_label { float: left; clear: both; margin: 0; width: 12em; } #content #rat .dwa_room { margin-left: 12em; margin-bottom: 1em; } #content #rat .dwa_room .element_label { margin-left: -12em;} #content #rat .dwa_room .element_address .element_label, #content #rat .dwa_contact hr, #content #rat .dwa_contact .nbspdiv { display: none; } #content #rat .dwa_room .element_address .lable_text { flaot: none; clear: both; } #content #rat .dwa_room .element_address .contactdata { display: inline-block; } #content #rat .dwa_room br { line-height: 1em; } #content #rat .dwa_contact img { vertical-align: middle; padding: 0.3em 0; } #content #rat .dwa_contact .dwa_title { margin: 0; } #content #rat .dwa_contact .dwa_detail { margin-left: 12em; margin-bottom: 1em; } #content #rat .dwa_agenda .element_label, #content #rat .dwa_protocoll .element_label { margin-bottom: 0.5em; } #content #rat .dwa_agenda a, #content #rat .dwa_protocoll a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-position: 0.5em 0.4em; background-repeat: no-repeat; text-decoration: none; font-weight: bold; margin: 0; padding: 0.3em 2em; display: inline-block; } /* 6.4.5. Modul News ----------------------------------------------------------- */ /* --------------------------------- ýbersicht --------------------------------- */ #content #news .element_newslist table caption { display: none; } #content #news .element_newslist table th { padding: 0.3em; } #content #news .element_newslist table td { padding: 0.3em; border-top: 0.1em solid #fff; } #content #news .element_newslist table a { text-decoration: none; } #content #news .element_newslist table th img { padding-top: 0em; vertical-align: middle; } /* 6.4.6. Modul Veranstaltungskalender ----------------------------------------- */ #content #kalender { padding: 0em; display: inline-block; } /* ------------------ Veranstaltungskalender - ýbersicht ----------------------- */ #content #vk #uebersicht #kalender, #content #vk #uebersicht #daten { float: none; width: auto; } #content #vk #uebersicht #daten a { padding-left: 1.5em; margin-top: 0.5em; background: transparent url('/city_data/images/3/6/1063/orig_6x13.gif') top left no-repeat; float: left; clear: both; } #content #vk #uebersicht .dwa_kalender_legend div.heute, #content #vk #uebersicht .dwa_kalender_legend div.termin { float: left; width: 40%; margin-top: -38%; margin-left: 23.5em; display: inline-block; } /* IE 6 hack */ *html #content #vk #uebersicht .dwa_kalender_legend div.heute, *html #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-left: 0em; margin-top: 0; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_kalender_legend div.heute, *:first-child + HTML #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-left: 5%; margin-top: 0; } #content #vk #uebersicht .dwa_kalender_legend div.termin { width: 40%; margin-top: -30%; } /* IE 6 hack */ *html #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-top: -0.4em; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_kalender_legend div.termin { margin-top: 0.4em; } #content #vk #uebersicht .dwa_selectdate { float: left; width: 100%; text-align: center; } #content #vk #uebersicht .dwa_selectdate input[name=send]{ float: none; width: 6em; text-align: center; font-weight: bold; font-family: arial; } #content #vk #uebersicht .dwa_date, #content #vk #uebersicht .dwa_kalendertable { display: inline-block; width: 43%; text-align: center; padding: 0.5em 0.5em; margin: 0; } #content #vk #uebersicht .dwa_date { float: left; clear: both; } #content #vk #uebersicht .dwa_date a { font-weight: bold; } #content #vk #uebersicht .dwa_kalendertable { float: left; clear: both; } #content #vk #uebersicht .dwa_navigation_element { display: inline; width: 45%; float: left; clear: both; text-align: center; padding: 0.5em 0; } #content #vk #uebersicht .dwa_v_kalender_list div.dwa_navigation_element { display: block; width: 100%; flaot: none; text-align: left; padding: 0 0 1em 0; font-weight: bold; } #content #vk #uebersicht #daten { display: inline; } #content #vk #uebersicht #daten div.dwa_v_kalender_suche { position: absolute; display: inline; width: 21em; margin-top: -8.2em; margin-left: 24.5em; z-index: 10;} /* IE 6 hack */ *html #content #vk #uebersicht #daten div.dwa_v_kalender_suche { display: inline-block; width: 45%; position: absolute; margin-top: -8.2em; margin-left: 24.2em; z-index: 10; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht #daten div.dwa_v_kalender_suche { display: inline; margin-top: -9.2em; margin-left: 27.8em; z-index: 10; } #content #vk #uebersicht #daten div.dwa_v_kalender_suche .element_label { margin-bottom: 0.5em;} #content #vk #uebersicht div.dwa_v_kalender_suche div { display: inline; float: none; clear: both; } #content #vk #uebersicht div.dwa_v_kalender_suche input { color: #000; font-weight: normal; font-family: arial;} #content #vk #uebersicht .dwa_v_kalender_list .nbspdiv { display: none; } #content #vk #uebersicht .dwa_v_kalender_list .label_bezeichnung { } #content #vk #uebersicht .dwa_v_kalender_list .suchparam { } #content #vk #uebersicht .dwa_v_kalender_list .dwa_navigation_element { text-align: left; padding: 0 0.5em 0 2.5em; } #content #vk #uebersicht .dwa_v_kalender_list table { margin: 1em 0; empty-cells: hide; border-spacing: 0px; } /* IE 7 hack */ *:first-child + HTML #content #vk #uebersicht .dwa_v_kalender_list table { border-collapse: collapse; } #content #vk #uebersicht .dwa_v_kalender_list table caption { display: none; } #content #vk #uebersicht .dwa_v_kalender_list table th, #content #vk #uebersicht .dwa_v_kalender_list table td { padding: 0.3em; color: #000; vertical-align: top; } #content #vk #uebersicht .dwa_v_kalender_list table td { border-top: 1px solid #fff; } #content #vk #uebersicht .dwa_v_kalender_list table th a, #content #vk #uebersicht .dwa_v_kalender_list table td a { text-decoration: none; display: block; } #content #vk #uebersicht .dwa_v_kalender_list table th img { vertical-align: middle; } #content #vk #uebersicht .dwa_v_kalender_list table th#Datum { width: 6.5em; } /* ------------------ Veranstaltungskalender - Detailansicht ------------------- */ #content #vk #veranstaltung_details #daten { width: 50%; float: left; margin-top: -1em; display: block; } #content #vk #veranstaltung_details #kalender { width: 45%; float: right; margin: 0; padding: 0; display: block; } #content #vk #bilder { display: block; width: 100%; } #content #vk #bilder #bild1 { float: left; width: auto; } #content #vk #bilder #bild1 .element_picture img { padding-left: 0; margin-right: 1em; } #content #vk #bilder #bild2 { float: right; } #content #daten { float: left; display: inline-block; } #content #daten .beschreibung { width: 100%; } #content #daten br { line-height: 0.2em; } #content #vk #veranstaltung_details .dwa_eventdate .simplefloatl { display: none; } #content #vk #veranstaltung_details .dwa_zeit, #content #vk #veranstaltung_details .element_eventlocation { float: none; clear: both; } #content #vk #veranstaltung_details .element_label { margin-top: 1em; } #content #vk #veranstaltung_details .element_address, #content #vk #veranstaltung_details .element_address a { display: inline-block; width: 100%; } /* IE 6 hack */ *html #content #vk #veranstaltung_details .element_address a { } #content #vk #veranstaltung_details .element_address .contactdata_button { float: left; } #content #vk #veranstaltung_details .element_address .contactdata_text { float: left; clear: right; white-space: nowrap; } #content #vk #veranstaltung_details .dwa_date, #content #vk #veranstaltung_details .dwa_kalendertable { display: inline-block; width: 80%; text-align: center; padding: 0.5em; margin: 0; } #content #vk #veranstaltung_details div.dwa_date { float: none; } #content #vk #veranstaltung_details .dwa_navigation_element { display: inline-block; width: 100%; text-align: center; padding-top: 0.3em;;} /* IE 7 hack */ *:first-child + HTML #content #vk #veranstaltung_details .dwa_navigation_element { width: 21em; } #vk #veranstaltung_details .dwa_kalender_legend div.termin { margin-top: 0.4em; width: 100%; } #content form select, #content form option { font-weight: normal; background-color: #fff; color: #000; } #content #vk #veranstaltung_details .element_eventorganizer .element_address { clear: both; } #content #vk #veranstaltung_details .element_eventorganizer { float: none; clear: both; } #content #vk br + br { display: none; } /* ---------------- Veranstaltungskalender - Expertensuche --------------------- */ #content #vk #expertensuche form { padding: 1em; } #content #vk #expertensuche table caption { display: none; } #content #vk #expertensuche table td { font-weight: bold; } #content #vk #expertensuche table td.exsearch_themen_liste { font-weight: normal; } #content #vk #expertensuche table td div.nbspdiv { line-height: 0em; } /* 6.4.7. Modul Gýstebuch ------------------------------------------------------ */ /* ------------------------ Gýstebucheintrýge anzeigen ------------------------- */ #content #gaestebuch_uebersicht .dwa_selection img { vertical-align: middle; } #content #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag { margin-bottom: 0.5em; } #content #gaestebuch_uebersicht .gaestebuch_liste .gb_date { font-weight: bold; padding: 0.2em 0.5em; } #content #gaestebuch_uebersicht .gaestebuch_liste .gb_date img { vertical-align: middle; padding-left: 1em; } #content #gaestebuch_uebersicht .gaestebuch_message { padding: 0.5em; } #content #gaestebuch_uebersicht .comment { display: block; margin: 0.5em; } #content #gaestebuch_uebersicht .gb_comment_title, #content #gaestebuch_uebersicht .gb_comment_text { font-style: italic; padding: 0.2em; } /* ----------------- Gýstebucheintrýge erstellen und speichern ----------------- */ #content .guestbook_form { list-style: none; } #content .guestbook_form * { vertical-align: top; padding-top: 0.2em; } #content .guestbook_form .guestbook_head { display: none; } #content .guestbook_form label { float: left; width: 10em; padding: 0.3em 1em 0.2em 0; } #content .guestbook_form #name, #content .guestbook_form #mail, #content .guestbook_form #captcha { width: 14.6em; } #content .guestbook_form textarea { width: 30em; } /* Micha */ #content .dwa_selection .hervortext { color: red; } /* 6.4.8. Modul Galerie -------------------------------------------------------- */ /* --------------------------- Galerie - ýbersicht ----------------------------- */ #content .gallery_overview_list { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: left; width: 100%; } #content .gallery_overview_list li { width: 49%; float: left; text-align: center; margin: 0; padding-right: 0.9%; } #content .gallery_overview_list li .gallery_list_item { background-color: #ddd; display: inline-block; width: 100%; } #content .gallery_overview_list li .gallery_picture { width: 40%; float: left; padding: 5%; } #content .gallery_overview_list li .gallery_element { width: 50%; float: left; } #content .gallery_overview_list li .gallery_picture img { border: 1px solid #aaa; padding: 0; } #content .gallery_overview_list li .gallery_content { width: 47%; float: left; padding: 0.6em 1%; text-align: left; } #content .item_frame_top, #content .item_frame_bottom { background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .item_frame_top { background-image: url('/city_data/images/1/8/75081/orig_20x16.gif'); background-repeat: repeat-x; background-position: center bottom; } #content .item_frame_bottom { background-image: url('/city_data/images/2/8/75082/orig_20x16.gif'); background-repeat: repeat-x; background-position: center top;} /* ----------------------------- Galerie - Detail ------------------------------ */ #content #gallery_picture_overview { width: 100%; } #content .picture_container { width: auto; display: inline-block; } #content .picture_row { display: inline-block; margin: 0; padding: 0; list-style: none; text-align: center; width: 100%; } #content .picture_container { background-color: #ddd; } #content .picture_row li { width: 32%; float: left; text-align: center; margin: 0; padding: 0.5%; } #content .picture_row li .picture_element { width: 100%; float: left; } #content .picture_row li .picture_content { width: 100%; float: left; } #content .picture_row li img { border: 1px solid #aaa; padding: 0; } #content #ga .picture_row li .picture_content a { font-weight: bold;} #content .picture_row li .picture_content br, #content #gallery_picture_overview .item_frame_top, #content #gallery_picture_overview .picture_frame_top, #content #gallery_picture_overview .item_frame_bottom, #content #gallery_picture_overview .picture_frame_bottom { display: none; } #content .row_frame_top, #content .row_frame_bottom { background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .row_frame_top { background-image: url('/city_data/images/1/8/75081/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom; } #content .row_frame_bottom { background-image: url('/city_data/images/2/8/75082/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;} /* --------------------------- Galerie - Bilddetail ---------------------------- */ #content #ga #foto_detail .gallery_picture_detail { width: 92%; padding-left: 4%; } #content #ga #foto_detail #bild { text-align: center !important; } #content #ga #bildoptionen { margin: 0; padding: 0; } #content .gallery_picture_detail .picture_frame_top, #content .gallery_picture_detail .picture_frame_bottom { display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; } #content .gallery_picture_detail .picture_frame_top { background-image: url('/city_data/images/3/9/75093/orig_34x20.gif'); background-repeat: repeat-x; background-position: center bottom;} #content .gallery_picture_detail .picture_element { background-color: #ddd; border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: block; width: 99.8%; text-align: center; } #content .gallery_picture_detail .picture img { padding: 0; margin: 1em; border: 1px solid #aaa; } #content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; font-weight: bold; display: block; width: 100%; } #content .gallery_picture_detail .picture_frame_bottom { background-image: url('/city_data/images/2/9/75092/orig_34x20.gif'); background-repeat: repeat-x; background-position: center top;} #content .gallery_picture_options_label { font-weight: bold; } #content .gallery_picture_options ul { margin: 0; } /* 6.4.9. Modul Branchenbuch --------------------------------------------------- */ /* ----------------------------- Eintragsformular ------------------------------ */ #content #bbForm { margin-top: 2em;} #content #bbForm #send1 span { line-height: 1.4em; } #content #bbForm #send1 input#send { line-height: 1.6em; text-align: center; margin-top: 0.3em; float: left; } /* ----------------------- Branchenbuchrubik - ýbersicht ----------------------- */ #content #bb .dwa_rubrik_list { border: 0.1em solid #ddd; } #content #bb .dwa_rubrik_list table { width: 100%; border-collapse: collapse; } #content #bb .dwa_rubrik_list table td { text-align: left; } #content #bb .dwa_rubrik_list table td a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-position: 0.5em 0.4em; background-repeat: no-repeat; text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; margin: 0; padding: 0.4em 2em; display: block; } #content #bb .dwa_rubrik_list caption { width: 100%; text-align: left; padding: 0.4em; font-weight: bold; } /* --------------------- Branchenbuchrubik - Baumstruktur ---------------------- */ #content #bb .dwa_rubrik_baum { padding: 1em; } #content #bb .dwa_rubrik_baum span a { line-height: 2em; width: 80%; } #content #bb .dwa_rubrik_baum span img { padding-top: 0em; vertical-align: middle; } /* ------------------------ Branchenbuchrubik - Detail ------------------------- */ #content #bb #rubrik_detail .dwa_rubrik_branchenbezeich { margin-top: 2em; } #content #bb #rubrik_detail .dwa_rubrik_firmen table { } #content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title { border-left: 0; width: 99%; text-align: left; padding: 0.5%; font-weight: bold; } #content #bb #rubrik_detail .dwa_rubrik_firmen caption { display: none; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung { width: 100%; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung td { text-align: left; line-height: 1.6em; padding: 0.3em; border-top: 1px solid #fff; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .button img { padding: 0.1em 0.3em 0.3em 0.3em; float: left; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .homepage, #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .email { padding: 0; padding-top: 0.3em; margin: 0; vertical-align: top; width: 6%; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .telefon, #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .fax { white-space: normal; width: 12.2em; color: #000; font-weight: normal; vertical-align: top; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung { white-space: normal; vertical-align: top; } #content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung a { text-decoration: none; white-space: normal; display: block; } /* ------------------------- Branchenbucheintrag - A-Z ------------------------- */ #content #bb .dwa_eintrag_list caption { display: none; } #content #bb .dwa_eintrag_list th, #content #bb .dwa_eintrag_list td { padding: 0.3em; } #content #bb .dwa_eintrag_list td { border-top: 1px solid #fff; } #content #bb .dwa_eintrag_list th { padding: 0.5em 0.3em; } #content #bb .dwa_eintrag_list td img { padding: 0 0.3em 0 0; float: left; vertical-align: middle; } #content #bb .dwa_eintrag_list td.auflistung_text { width: auto; } #content #bb .dwa_eintrag_list td.tel_fax_mail_text { width: 12em; } #content #bb .dwa_eintrag_list td.button { width: auto; } /* ----------------------- Branchenbucheintrag - Detail ------------------------ */ #content #bb #eintrag_detail #daten_bild { background-color: transparent; border: 0;} #content #bb #eintrag_detail .dwa_branchenpfad .dwa_branchenbezeich { float: none; clear: both; padding: 0; margin: 0;} #content #bb #eintrag_detail .dwa_branchenpfad .dwa_branchenbezeich img { vertical-align: middle; } #content #bb #eintrag_detail .dwa_branchenpfad .dwa_branchenbezeich .nbspdiv { display: none; } #content #bb #eintrag_detail br { line-height: 0.5em; } #content #bb #eintrag_detail .dwa_eintrag_beschreibung .element_label { display: none; } #content #bb #eintrag_detail .element_label { font-weight: bold; } #content #bb #bilder { width: 100%; } #content #bb #bilder #bild1 { float: left; width: auto; } #content #bb #bilder #bild2 { float: right; } /* 6.4.10. Modul Mýllabfuhrkalender -------------------------------------------- */ #content #mak #abfuhrbezirke table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 1em; } #content #mak #abfuhrbezirke table td { padding: 0.3em; border-top: 1px solid #fff; } #content #mak #abfuhrbezirke table td u { text-decoration: none; display: block; padding: 0.4em 0.2em; border: 0.1em solid red; margin: -0.3em; } #content #mak #abfuhrbezirke form table { border: 0 !important; } /* 6.4.11. Modul Feedbackformular ---------------------------------------------- */ #content #feedback input.text, #content #feedback textarea { border: 1px solid #bbb; } #content #feedback textarea { margin-left: 12em; margin-bottom: 1em; } #content #feedback hr { height: 0; border-color: #0dadcf; border-style: solid; margin-bottom: 1em; } #content #feedback input:focus, #content #feedback textarea:focus{ border-color: #0dadcf; background-color: #fff; } #content #feedback .formfields { list-style: none; } #content #feedback .formfields label.feldbezeichnung { width: 10em; display: inline-block; text-align: right; } #content #feedback .formfields { border: 1px solid #e67200; padding: 1em; } /* IE 6 hack */ * HTML #content #feedback .formfields { margin-left: 0em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields { margin-left: 0em; } #content #feedback .formfields div {} #content #feedback .formfields div input, #content #feedback .formfields div textarea { width: 56%; margin: 0.2em 0.75em; vertical-align: top; } #content #feedback .formfields div textarea { height: 7em;} #content #feedback .formfields div input#zusatz2 { margin: 0.2em 0.75em 0.2em 0; } /* IE 6 hack */ * HTML #content #content #feedback .formfields div input#email, #content #feedback .formfields div input#zusatz2 { margin-left: 1em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields div input#email, #content #feedback .formfields div input#zusatz2 { margin-left: 1em; } *:first-child + HTML #content #feedback .formfields div input#zusatz2 { margin-right: 0.75em; } #content #feedback #i_1, #content #feedback #i_2, #content #feedback #i_3, #content #feedback #i_4, #content #feedback #i_5, #content #feedback #i_6 { margin-left: 12em; margin-bottom: 0.3em; } #content #feedback h4 { margin: 0.5em 0; margin-bottom: -1.2em; } #content #feedback .captcha_img { margin: 1em 0 1em 12em; } #content #feedback .captcha_img img { padding: 0;} #content #feedback input#captcha { margin-left: 3em;} #content #feedback .submitbuttons { margin-left: 12em;} /* 6.4.12. Modul Gruýkarten ---------------------------------------------------- */ div.greetingcard_form ul { margin: 0; padding: 0; list-style: none; } div.greetingcard_form label, div.greetingcard_form span.space { float: left; width: 10em; font-weight: bold; text-align: right; padding: 0 1em 0 0; } div.greetingcard_form .text { font-family: arial, verdana, helvetica, sans-serif; border: 1px solid #000; background-color: #f0f0f0; width: 25em; font-weight: normal; } div.greetingcard_form .textarea { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; border: 1px solid #000; background-color: #f0f0f0; width: 25em; height: 10em; font-weight: normal; } div.greetingcard_form .captcha_desc, div.greetingcard_form .captcha_img, div.greetingcard_form .captcha_error { margin: 0.5em 0; padding: 0 0 0 11em; } div.greetingcard_form .captcha_error { color: #CC0000; } div.greetingcard_form { } div.greetingcard_form .label_bezeichnung { font-weight: bold; } div.greetingcard_form .gb_date { font-style: oblique; } div.greetingcard_list_item { padding: 0.5em; width: auto; text-align: center; float: left; } div.greetingcard_list { width: 100% !important; } div.greetingcard_list br { display: none; } /* 6.4.14. Modul Tourismus-Portal Unterkýnfte ---------------------------------- */ /* ------------------------- Unterkýnfte - ýbersicht --------------------------- */ #content #tp #unterkunft_uebersicht .dwa_hotel_list table { width: 100%; border-collapse: collapse; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table caption { display: none; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table th { padding: 0.5em 0.3em; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table td { padding: 0.3em; border-top: 1px solid #fff; font-weight: normal; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table .klassifikation img { padding: 0; } #content #tp #unterkunft_uebersicht .dwa_hotel_list table .Klassifikation { white-space: nowrap;; } #content #tp #unterkunft_uebersicht .dwa_pager { margin: 1em;} #content #tp #unterkunft_uebersicht form table td{ padding-right: 0.5em;} /* --------------------------- Unterkýnfte - Detail ---------------------------- */ #content #tp #unterkunft_detail { margin-top: 0.9em; } #content #tp #unterkunft_detail #name_klassi_adresse { width: 62%; margin-right: 2%; } #content #tp #unterkunft_detail #name_klassi { background-color: #1c4827; color: #fff; width: 100%; } #content #tp #unterkunft_detail #name_klassi_adresse #adresse { padding: 1em 0.5em; float: none; clear: both; } #content #tp #unterkunft_detail #name_klassi h3.pagetitle_unterkunft { font-weight: normal; display: inline-block; float: left; padding: 0.5em 0.5em 0.4em 0.5em; margin: 0; } /* IE 7 hack */ *:first-child + HTML #content #tp #unterkunft_detail { padding-top: 0.9em; } *:first-child + HTML #content #tp #unterkunft_detail #name_klassi h3.pagetitle_unterkunft { padding: 0.4em 0.5em; } #content #tp #unterkunft_detail #bild { width: 36%; } #content #tp #unterkunft_detail #name_klassi .dwa_hotel_beschreibung, #content #tp #unterkunft_detail #name_klassi .dwa_hotel_klassi .beschreibung, #content #tp #unterkunft_detail #name_klassi .element_address .name, #content #tp #unterkunft_detail #name_klassi .element_address .lable, #content #tp #unterkunft_detail #details .dwa_hotel_beschreibung, #content #tp #unterkunft_detail #details .dwa_hotel_klassi img[alt=Stern]{ display: none; } #content #tp #unterkunft_detail #name_klassi #klassi { float: left; clear: right; } #content #tp #unterkunft_detail #name_klassi #klassi .dwa_hotel_beschreibung_text { display: none; } #content #tp #unterkunft_detail #name_klassi #klassi img { float: left; padding-top: 0.5em; } #content #tp #unterkunft_detail #details .element_address { display: block; margin-top: 1em; margin: 0.5em; } #content #tp #unterkunft_detail #details .element_address hr { min-width: 50%; } #content #tp #unterkunft_detail br + br { display: none; } #content #tp #unterkunft_detail #element_picture img { padding: 0; width: 20em; height: 15em; border: 1px solid #1c4827; } #content #tp #unterkunft_detail .dwa_hotel_zimmer caption { text-align: left; padding: 0.5em; font-weight: bold; } #content #tp #unterkunft_detail .dwa_hotel_zimmer table { width: 100%; } #content #tp #unterkunft_detail .dwa_hotel_zimmer table td { padding: 0.3em 0.5em; text-align: center; } #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_typ, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_anzahl, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_anzahl_lable, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.bettanzahl_lable, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.konferenz_lable { text-align: left; } #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_typ, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.konferenz_lable { font-weight: bold; } #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.tp_price { width: 15%; text-align: right; padding: 0.3em 1em} #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.pretext, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_anzahl { width: 15%;} #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_anzahl, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.bettanzahl, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.konferenz { text-align: right; } #content #tp #unterkunft_detail .dwa_hotel_zimmer table tr.light_anzahl, #content #tp #unterkunft_detail .dwa_hotel_zimmer table tr.light_anzahl_betten { font-style: italic;} #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.zimmer_anzahl_lable, #content #tp #unterkunft_detail .dwa_hotel_zimmer table td.bettanzahl_lable { padding-left: 5em; } #content #tp #unterkunft_detail .dwa_hotel_extras img { width: 3.5em; height: 3.3em; } #content #tp #unterkunft_detail .dwa_hotel_extras .beschreibung { display: none; } #content #tp #unterkunft_detail .dwa_hotel_wextras caption { display: none; } #content #tp #unterkunft_detail .dwa_hotel_wextras td { width: 25%; vertical-align: top;} #content #tp #unterkunft_detail .dwa_hotel_wextras img { float: none; clear: both; display: block; } #content #tp #unterkunft_detail .element_address hr.hr { display: block; float: left; clear: both; } /* ----------------------- Unterkýnfte - Expertensuche ------------------------- */ #content #tp #expertensuche table { width: 100%; } #content #tp #expertensuche table caption { display: none; } #content #tp #expertensuche table .extras_item span { white-space: nowrap; } #content #tp #expertensuche table .extras_item input[value='100'] { display: none; } /* 6.4.15. Modul Google Map ---------------------------------------------------- */ /* -------------------------------- Objekt - Detail --------------------------------- */ #content #gmap #objekt_details .dwa_gmap_object_bezeichnung { font-weight: bold; } #content #gmap #objekt_details .element_address hr.hr_adress_contact_end { display: none;} #content #gmap .gmap_dimension { width: 99.6%; height: 35em; margin-top: 1em; } /* IE 7 hack */ *:first-child + HTML #content #gmap #objekt_details .dwa_gmap_object_bezeichnung { } /* IE 6 hack */ *html #content #gmap #objekt_details .dwa_gmap_object_bezeichnung { } /* ----------------------------- Kategorie - ýbersicht ------------------------------ */ #content #gmap #kategorie_uebersicht .dwa_gmap_category .element_label { float: none; } #content #gmap #kategorie_uebersicht .dwa_gmap_category li { padding-right: 1em; } #content #gmap #kategorie_uebersicht h2.element_label { margin-top: 0.2em; } #content #gmap #kategorie_uebersicht .dwa_gmap_objectlist .element_label { float: none; } #content #gmap #kategorie_uebersicht ul { list-style: none; padding: 0; margin: 0; display: inline-block; } #content #gmap #kategorie_uebersicht li a { background-image: url('/city_data/images/3/6/1063/orig_6x13.gif'); background-repeat: no-repeat; background-position: left center; text-decoration: none; display: block; padding-left: 1.5em; padding: 0.2em 0 0.1em 1em; } #content #gmap #kategorie_uebersicht li a:hover { text-decoration: underline; } #content #gmap #kategorie_uebersicht table { width: 100%; } #content #gmap #kategorie_uebersicht table caption { display: none; } #content #gmap #kategorie_uebersicht table th { padding: 0.5em 0.3em; width: 50%;} #content #gmap #kategorie_uebersicht table td { padding: 0.3em; border-top: 1px solid #fff; } #content #gmap #kategorie_uebersicht .gmap_object_nodata { clear: left; display: block; text-align: center; } /* ----------------------------- Objekt - Umkreissuche ------------------------------ */ #content #gmap #objekt_suche form { padding: 1%; width: 97.6%; } #content #gmap #objekt_suche form table td[abbr=radius] input { width: 3em; } #content #gmap #objekt_suche .dwa_gmap_searchresult, #content #gmap #objekt_suche .dwa_gmap_searchresult table { width: 100%; } #content #gmap #objekt_suche .dwa_gmap_searchresult caption { display: none; } #content #gmap #objekt_suche .dwa_gmap_searchresult th { width: 50%; padding: 0.5em 0.3em; } #content #gmap #objekt_suche .dwa_gmap_searchresult td { padding: 0.3em; border-top: 1px solid #fff; } /* 6.4.16. Externe Redakteure -------------------------------------------------- */ #content #exr #newsletter ul { list-style: none; padding: 0; margin: 0; } #content #exr #newsletter form { padding: 1em; } #content #exr #newsletter .extern_head, #content #exr #newsletter form hr { display: none; } #content #exr #newsletter label { display: inline-block; width: 10em; font-weight: bold; } #content #exr #newsletter .captcha_desc { padding: 1em 0 0.5em; font-weight: bold; } #content #exr #newsletter button { display: block; margin-left: 10.2em; } #content #exr #newsletter .captcha_img { margin-left: 10em; } #content #exr #newsletter .extern_form { color: #fff; } #content #exr #newsletter .extern_form div, #content #exr #newsletter .extern_form label { color: #000; } /* 6.4.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 div {} #content #feedback .formfields div input { width: 40%; margin: 0.2em 0.75em; } #content #feedback .formfields div input#zusatz2 { margin: 0.2em 0.75em 0.2em 0; } /* IE 6 hack */ * HTML #content #content #feedback .formfields div input#email, #content #feedback .formfields div input#zusatz2 { margin-left: 1em; } /* IE 7 hack */ *:first-child + HTML #content #feedback .formfields div input#email, #content #feedback .formfields div input#zusatz2 { margin-left: 1em; } *:first-child + HTML #content #feedback .formfields div input#zusatz2 { margin-right: 0.75em; } #content #feedback input#i_1 { height: 1.2em; float: left; clear: both; margin-right: 0.5em; padding-left: 3em; text-indent: 2em; } /* IE 7 hack */ *:first-child + HTML #content #feedback input#i_1 { } #content #feedback #i_1, #content #feedback #i_2, #content #feedback #i_3, #content #feedback #i_4, #content #feedback #i_5, #content #feedback #i_6 { margin-left: 2em;} #content #feedback h4 { margin: 0.5em 0; } #content #feedback .captcha_img { margin: 1em 0; } #content #feedback .captcha_img img { padding: 0;} #content #feedback input#captcha { margin-left: 0.5em;} /* 6.4.12. Modul Lebenslagen --------------------------------------------------- */ #content #ll #uebersicht ul { list-style: none; padding: 0; margin-left: 2.5em; } #content #ll #uebersicht ul .auflistung_text { padding: 0.3em 0 0.3em; list-style-image: url('/city_data/images/6/1/1516/orig_10x14.bmp'); } #content #ll #uebersicht ul .level1 { padding: 0.5em; margin-left: -2.5em; list-style: none; } /* 6.4.17. Spectaculum --------------------------------------------------------- */ #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today, #content #spec #legende td.today { border: 1px solid #006E04; } #content #spec #legende td.event_today { background-color: #eca963 !important; border: 1px solid #006E04; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today a, #content #spec #legende .event_today { background-color: #eca963 !important; color: #000 !important; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events, #content #spec #legende .event { background-color: #eca963 !important; color: #000; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events a { color: #000; } /* -------------------------------- Event - Expertensuche --------------------------- */ #content #spec #expertensuche { border: 0 !important} #content #spec #expertensuche #label_sw, #content #spec #expertensuche select#keyword, #content #spec #expertensuche select#keyword + .notofication { display: none} #content #spec fieldset { margin-bottom: 0.5em; padding: 0.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #006E04; } #content #spec fieldset legend { font-weight: bold; padding: 0.2em 0.5em; font-size: 1.1em; color: #006E04 !important; } #content #spec #check_date { width: 5%; } #content #spec #label_check_date { width: 85%;} #content #spec fieldset .event_date_day, #content #spec fieldset .event_date_month { width: 1.5em; } #content #spec fieldset .event_date_year { width: 3em; } #content #spec #event_search_date_from, #content #spec #event_search_date_to { width: 100%; display: inline-block; } #content #spec #event_search_date_to { float: right; } #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; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} #content #spec fieldset input:focus, #content #spec fieldset select:focus { border: 1px solid #ec1c24; } #content #spec fieldset select { margin-left: 0em; width: 25.3em } #content #spec fieldset select#keyword { width: 100%; height: 10em;} #content #spec fieldset select#keyword option[value='1041']{ display: none; } #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: 44%; } #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 10.3em; font-style: italic; } #content #spec fieldset select#keyword option[value="574"]{ display: none; } #content #spec #uebersicht p { display: block; float: none; clear: both;} /* -------------------------------- 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 .nodata { display: inline-block; width: 100%; text-align: center; font-size: 1.25em; font-weight: bold; color: red; } #content #spec div.az { display: inline-block; width: 100%; padding: 1em 0; text-align: center; } #content #spec div.az span { padding: 0 0.3em; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 8px #bbb; -webkit-box-shadow: 0 0 8px #bbb; box-shadow: 0px 0px 8px #bbb; } #content #spec #dwa_event_list_wrapper .event_wrapper h5 { margin: 0; padding: 0.3em 0; display: inline-block; width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} #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 0.5em; display: inline-block; width: 42.5em; float: right; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_date { float: none; clear: both; display: inline-block; padding: 0.3em 0.5em; width: 5em; } #content #spec #dwa_event_list_wrapper .event_wrapper .event_time { font-weight: normal; padding: 0 0 3px 5px; font-size: 11px;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: 100px; 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: 41.6em; 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 #dwa_event_list_wrapper .event_wrapper { border: 0; margin-bottom: 1em; padding: 0; background-color: #fff !important; border: 4px solid #FBDFAC; } #content #spec #dwa_event_list_wrapper .event_wrapper h5 { background-color: #FDEDC6; } #content #spec #spec_liste .dwa_pager { position: absolute; margin-top: 1em;} #content .page span, #content .page a { padding: 0 0.3em;} /* 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; color: #006E04 !important} #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; } /* -------------------------------- Event - Kalender -------------------------------- */ #content #spec #dwa_event_kalender_month { width: 100% !important; height: auto !important; background-color: #006600; } #content #spec #dwa_event_kalender_month h2 { padding: 0.3em 0 } #content #spec #kalender { padding: 0.5em 0 0 1em; display: inline-block; } #content #spec #kalender_legend { max-width: 50%; float: right; margin-top: 1.7em; } #content #spec #legend { padding: 0.5em 0 0 1.5em; } #content #spec #kalender_legend { } #content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month { width: 21em; 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 #060; 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: #060; background-color: #060; 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: #9f9; text-align: center; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_sunday { background-color: #7d7; text-align: center; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today { text-align: center; } #content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events { text-align: center; padding: 0; margin: 0; } #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 0 0.5em; } #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 #006E04; } #content #spec #legend .today, #content #spec #legend .event_today, #content #spec #legend .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 #legend .today { font-weight: normal; } /* -------------------------------- Event - Detail ---------------------------------- */ #content #spec #detail br + br { display: none;} #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.5. Formatierungen im rechten Bereich -------------------------------------- */ #center #rechts hr { border-bottom: 0.2em solid #808080; } #rechts * { color: #fff !important; } #rechts #acc li { color: #000 !important; } #rechts h3 { font-weight: normal; } #rechts hr { height: 0; border: 0; margin-top: 1em;} #rechts a:link, #rechts a:link, #rechts a:visited, #rechts a:active { font-weight: normal; text-decoration: none; } #rechts a:hover{ font-weight: normal; text-decoration: underline; } #rechts table td { padding: 0.1em 0.2em 0.1em 0; } /* RSS und Teaser rechts */ #rechts .rssreader_body br { line-height: 0; } #rechts .rssreader_entry { margin-bottom: 0.5em; } #rechts .rssreader_entry a { color: #666;} #rechts .rssreader_date, #rechts .teaser_titel { font-weight: bold; padding: 0.1em 0.3em; } #rechts .rssreader_head { padding: 0.3em;} /* Wetter */ #rechts #wetter table { width: 18.5em !important; padding: 0 !important; margin: 0 !important; border-left: 1px solid #3566b2; background-color: #b3b3b3} #rechts #wetter table tr { width: 100% !important; text-align: center !important } #rechts #wetter table * { font-family: Arial, Verdana, Helvetica, sans-serif !important; 0 !important } #rechts #wetter table td { width: auto !important; margin: 0 !important} #rechts #wetter table td table { width: 100% !important; padding: 0.3em !important; margin: 0 !important; border: 0 } #rechts #wetter table td table td { padding: 0.1em 0.3em !important; margin: 0 !important} #rechts #wetter table td[bgcolor='#0045AC'] { background-color: #3566b2 !important; } #rechts #wetter table td[bgcolor='#0045AC'] font { color: #fff !important; background-color: #3566b2; padding-right: 0.3em; } /* Footer */ #footer * { color: #fff !important; } #footer #footer_bild { position: absolute; margin-top: -7.5em; margin-left: 76.5em; } #footer #footer_bild img { width: 23em !important; height: 7.5em !important; } #footer #drei_bloecke { background-color: #333; display: inline-block; width: 100%; } #footer #block_links {width: 28%; padding: 2em 0 2em 6em; font-size: 1.2em; } #footer #block_mitte {width: 28%; padding: 2em 0; font-size: 1.2em; } #footer #drei_bloecke li { list-style: none; text-align: left; padding: 0.1em 0; } #footer #block_rechts { width: 21.6em; background-color: #243C5A; padding: 2em 0; float: right; } #footer #block_rechts table { font-size: 1.2em; width: 80%; margin-left: 10%; line-height: 1.4em; }