/* IE 6 hack */
*html #logo img, #links img { behavior: url('/city_data/css/dwa/iepngfix/iepngfix.htc') }
/* I N H A L T S V E R Z E I C H N I S
1. Grundeinstellungen
1.1. allgemeine Systemeigenschaften
1.2. schriftgrößebasierende Layoutanpassung
1.3. Seitenaufteilung
2. Farbzuweisungen
2.1. Universale Farbzuweisungen für aC
2.2. Farbzuweisungen für den gesamten Webauftritt
2.2.1. Grundfarbe
2.2.2. Hoverfarbe 1
2.2.3. Hoverfarbe 2
3. Hintergrundbilder
3.1. Hintergrundbilder für den gesamten Webauftritt
4. Menugestaltung
4.1. Topmenu
4.2. Menu Links
4.3. Menu im Contentbereich (Sitemap)
4.4. Menu Rechts
5. Teasergestaltung
5.1. Teaser im rechten und linken Bereich
5.1.1. Newsteaser im rechten und linken Bereich
5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich
5.2. Teaser im Contentbereich
5.2.1. Newsteaser
5.2.2. Teaser Veranstaltungskalender
5.3. Teaser im rechten Bereich
5.3.1. Newsteaser
5.3.2. Teaser Veranstaltungskalender
6. allg. Formatierungen nach Position
6.1. Formatierungen ohne Positionsbezug
6.1.1. Access Key
6.1.2. Fontsize
6.1.3. Kontrast
6.1.4. Kalender
6.1.5. Pathhistory
6.1.6. Suche
6.2. Formatierungen im Kopfbereich
6.3. Formatierungen im linken Bereich
6.4. Formatierungen im Inhaltsbereich
6.4.1. Redaktionssystem - allg. Formatierungen
6.4.2. Volltextsuche
6.4.3. Modul Bürgerservice
6.4.4. Modul Rat
6.4.5. Modul News
6.4.6. Modul Veranstaltungskalender
6.4.7. Modul Gästebuch
6.4.8. Modul Galerie
6.4.9. Modul Branchenbuch
6.4.10. Modul Müllabfuhrkalender
6.4.11. Modul Feedbackformular
6.5. Formatierungen im rechten Bereich
1. GRUNDEINSTELLUNGEN -------------------------------------------------------
1.1 allgemeine Systemeigenschaften ------------------------------------------ */
body {
margin: 0;
padding: 0;
text-align: center;
}
#logo,
#links,
#rechts,
#content_wrapper,
#content,
#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}
div#center * {
font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
a, a:link, a:visited, a:active {
text-decoration: none;
font-weight: normal;
}
a:hover { text-decoration: underline; }
.hidden { display: none; }
.clear,
div.element { clear: both; }
br.clear { line-height: 0; }
.validators { text-align: center; }
.item_float_left { float: left; }
.nbspdiv { display: inline; }
a img { border: 0px; }
table { text-align: left; }
table td,
table th { padding: 1px; }
.extlinkicon {
vertical-align: middle;
padding-top: 0;
}
label span,
input,
select,
textarea { font-family: Verdana, Arial, Helvetica, sans-serif !important; }
#content div.tpl_div .tpl_div_element { float: left; margin-right: 1em; }
/* IE 6 hack */
*html #content div.tpl_div .tpl_div_element { float: left; margin-right: 0em; }
/* 1.2. schriftgrößebasierende Layoutanpassung --------------------------------- */
/* Kommentar:
Festlegung der absoluten Basisschriftgröße. */
html { font-size: 20px; }
/* Kommentar:
Festlegung des relativen Bezugs für den Seiteninhalt */
body { font-size: 1em; }
/* Kommentar:
Festlegung des relativen Bezugs für inline-Tags des Seiteninhalts */
p, div, span, form *, img, table *, th, td, ul *, ol *, a:link, a:active, a:hover, a:visited, #links h3 { font-size: 1em; }
/* Kommentar:
Herstellung eines Schriftgrößenverhältnisses von 1em = 10px */
#center { font-size: 0.5em; }
#center img { font-size: 1em; }
/* Kommentar:
Nachfolgend die Definition des Schriftgrades für angezeigten Text auf 11px = 1em */
div#content div.bf_wrapper { font-size: 1.1em; line-height: 1.4em }
div#center h1 { font-size: 2.56em; line-height: 140% !important; }
div#center h2 { font-size: 1.92em; line-height: 100% !important; }
div#center h3 { font-size: 1.44em; line-height: 100% !important; }
div#center h4 { font-size: 1.28em; line-height: 100% !important; }
div#center h5 { font-size: 1em; line-height: 100% !important; }
div#center h6 { font-size: 0.8em; line-height: 100% !important; }
div#content h1.pagetitle { font-size: 1.3em; }
div#content img { font-size: 0.8em; }
#logo #topmenu div.menucontainer li a,
#rechts .modul .modul_content { font-size: 1.2em; }
#logo #other_links a,
#content #rs_sitemap h5 a { font-size: 1.1em; }
div#links *,
div#content * { font-size: 1em; }
#content #tp h3.pagetitle_unterkunft { font-size: 1.2em; }
#links div.menucontainer li a,
#rechts .textblock1,
#footer { font-size: 1.1em; }
#rechts #acc { font-size: 1.2em;}
#content h2.element_label { font-size: 1em; }
#logo div.fontsize a.smallerfont { font-size: 1.3em; }
#logo div.fontsize a.normalfont { font-size: 1.7em; }
#logo div.fontsize a.biggerfont { font-size: 2.1em; }
#content .teaser .teaser_titel,
#content .teaser_vk .teaser_titel { font-size: 1em; }
.teaser .teaserdate,
.teaser_vk .teaserdate,
.teaser .element_address,
.teaser_vk .element_address { font-size: 0.91em; }
#rechts a { font-size: 1em; }
/* 1.3. Seitenaufteilung ------------------------------------------------------- */
div#center {
width: 100.4em auto;
text-align: center;
margin: 0;
padding: 0;
}
div#inner_center {
width: 97.9em;
display: inline-block;
}
div#logo {
width: 97.9em;
margin: 0;
padding: 0 0 2.2em 0;
}
div#wrapper_unten {
display: inline-block;
margin: 0;
padding: 0;
}
div#links {
width: 20.9em;
margin: 0;
padding: 0 2.2em 0 0;
float: left;
}
div#content_wrapper {
width: 74.8em;
margin: 0;
padding: 0;
float: left;
}
div#content {
width: 50.4em;
padding: 0 2.2em;
margin: 0;
float: left;
min-height: 40em; border-left: 0.1em solid #87888a;
border-right: 0.1em solid #87888a;
}
div#rechts {
width: 17.6em;
padding: 0 0 0 2.2em;
margin: 0;
float: right;
}
div#footer {
height: 2.2em;
display: inline-block;
position: relative;
}
/* 1.4. dyn. Höhenanpassung ---------------------------------------------------- */
div#links,
div#content_wrapper,
div#content,
div#content .textblock3,
div#rechts { padding-bottom: 1600em; margin-bottom: -1600em; }
div#wrapper_unten { overflow: hidden; margin-bottom: 1em; }
/* 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: #e7e7e8;
color: #000;
border: 1px solid #ddd;
}
#content .dwa_kalender .dwa_kalendertable .termin {
background-color: #ccc;
color: #000;
border: 1px solid #87888a;
}
#content .dwa_kalender .dwa_kalendertable .ohne {
background-color: #fff;
color: #000;
border: 1px solid #e7e7e8;
}
/* 2.2. Farbzuweisungen für den gesamten Webauftritt --------------------------- */
div#logo,
#content {
background-color: #fff;
}
#content #rs_sitemap h5 a {
background-color: #006639;
color: #fff !important;
}
#content #rs_sitemap li a {
background-color: #e7e7e8;
}
#content #rs_sitemap h5 a:focus,
#content #rs_sitemap h5 a:hover {
color: #fa9b00 !important;
}
#content #rs_sitemap li a:focus,
#content #rs_sitemap li a:hover {
background-color: #fff;
}
#content #daten_bild,
#content #bild_daten {
background-color: #eee;
border: 1px solid #ddd;
}
div#inner_center { background-color: #fff; }
div#center { color: #555657 !important; }
div#center a,
div#center a:visited { color: #006639 !important; }
div#center .teaser a,
div#center .teaser_vk a,
div#center .teaser a:visited,
div#center .teaser_vk a:visited { color: #fa9b00 !important; }
div#center a:focus,
div#center a:hover { color: #fa9b00 !important; }
div#center .teaser a:focus,
div#center .teaser_vk a:focus,
div#center .teaser a:hover,
div#center .teaser_vk a:hover { color: #006639 !important; }
div#center div.menucontainer li a.item_active,
div#center div.menucontainer li a.item_parent_active { color: #fa9b00 !important; }
div#links div.menucontainer li a,
div#links div.menucontainer li a:visited { color: #555657 !important; }
div#links div.menucontainer li a:focus,
div#links div.menucontainer li a:hover { color: #006639 !important; }
div#links div.menucontainer li a.item_active,
div#links div.menucontainer li a.item_parent_active { color: #fa9b00 !important; }
#content .teaser .teaser_titel,
#content .teaser_vk .teaser_titel { color: #006639; }
/* 2.3. Farbzuweisungen für die Barrierefreiheit -------------------------------
2.3.1. Grundfarbe: #006639 -------------------------------------------------- */
#center form button,
#acc li a:link,
#acc li a:visited,
#acc .acc-logo a:hover,
#acc .acc-logo a:focus,
#acc .acc-logo a:active,
#content .dwa_dynmod .auflistung th,
#content div.dwa_kalender .dwa_date,
#content #bs .element_departmentlist th,
#content #bs #vorgang_uebersicht .element_label,
#content #bs .element_department_tree .element_label,
#content #bs .contactdata th,
#content #bs #unterlage_uebersicht th,
#content #bs #element_departmentcontact .contactdata th,
#content #bs .element_department_tree div.auflistung_level_0,
#content #news .element_newslist th,
#content #bb .dwa_rubrik_list caption,
#content #bb .dwa_rubrik_list th,
#content #bb .dwa_rubrik_list .element_label,
#content #bb .dwa_eintrag_list th,
#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content #bb #rubrik_detail .dwa_rubrik_firmen .tablehead,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss,
#content #rat .dwa_rat_fraktion_chairman table th,
#content #rat .dwa_rat_fraktion table th,
#content #rat .dwa_rat_ausschuss table th,
#content #rat .dwa_rat_ausschuss_chairman table th,
#content #rat .dwa_rat_ausschuss_perm table th,
#content #rat .dwa_rat_ausschuss_nonperm table th,
#content #rat .dwa_ratsmitglied_auflistung .auflistung th,
#content #rat #daten .dwa_v_kalender_list .auflistung th,
#content #rat .dwa_rat_fraktion table th.head,
#content #vk #uebersicht .dwa_v_kalender_list table th,
#content #fo .forums_table_overview th.forums_th,
#content #fo .authorName,
#content #fo .written,
#content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label,
#content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label label,
#content #gmap #kategorie_uebersicht table th,
#content #gmap #kategorie_details table th,
#content #gmap #objekt_suche .dwa_gmap_searchresult th,
#content #tp .dwa_hotel_list table th,
#content #mak #abfuhrbezirke table td u,
#content #ll .lifesituationlist li.auflistung_ueberschrift,
#content #ll .lifesituationlist li.auflistung_ueberschrift a,
#rechts #quicklinks h5,
#rechts #teaser h5,
#rechts #menu .titel h3,
#content .element_chief_officer3 .element_label {
background-color: #006639;
color: #fff;
}
#acc li a:link,
#acc li a:visited,
#content .dwa_dynmod_suche table,
#content .Beschreibungen table#Kreisrecht,
#content table.auflistung,
#content .dwa_kalender .dwa_date,
#content .dwa_kalender .dwa_kalendertable .So a,
#content .dwa_kalender .dwa_kalendertable .termin a,
#content .dwa_kalender .dwa_kalender_legend .termin a,
#content #daten_bild,
#content #bild_daten,
#content #rs_oeffnungszeiten table,
#content #bs .inner_tsacontent,
#content #bs #vorgang_uebersicht .element_label,
#content #bs #element_departmentcontact table,
#content #bs .element_departmentlist table,
#content #bs table.contactdata,
#content #bs .element_department_tree,
#content #rat .dwa_rat_fraktion_chairman table,
#content #rat .dwa_rat_fraktion table,
#content #rat .dwa_rat_ausschuss table,
#content #rat .dwa_rat_ausschuss_chairman table,
#content #rat .dwa_rat_ausschuss_perm table,
#content #rat .dwa_rat_ausschuss_nonperm table,
#content #rat #ausschuss_detail table,
#content #rat .dwa_ratsmitglied_auflistung table,
#content #news .element_newslist table,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag,
#content #gb .guestbook_form form,
#content #vk #uebersicht .dwa_v_kalender_list table,
#content #vk #expertensuche form,
#content #bb .dwa_rubrik_list,
#content #bb #rubrik_detail .dwa_rubrik_firmen table,
#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content #fo #forums_profile fieldset,
#content #fo #register fieldset,
#content #fo #benutzer_register fieldset,
#content #fo .threadtitle,
#content #fo .qrheadline,
#content #fo .forums_background,
#content #fo table.forums_table_compose select,
#content #fo table.forums_table_compose input,
#content #fo table.forums_table_compose textarea,
#content #adr .address_list .address_list_item,
#content #gmap #map,
#content #gmap #kategorie_uebersicht table,
#content #gmap #kategorie_details table,
#content #gmap #objekt_suche form,
#content #gmap #objekt_suche .dwa_gmap_searchresult table,
#content #exr #newsletter form,
#content #fb #feedback .formfields,
#content #tp .dwa_hotel_list table,
#content #mak #abfuhrbezirke table,
#content #mak #abfuhrbezirke table td u,
#content .element_chief_officer3 .contact_data {
border: 1px solid #006639;
}
#content .dwa_kalender .dwa_kalendertable,
#content .teaser .teaser_element,
#content .teaser_vk .teaser_element,
#content #bs #vorgang_uebersicht,
#content #bs #element_departmentcontact table th,
#content #bs .element_departmentlist table th,
#content #bs table.contactdata th,
#content #bb .dwa_rubrik_list .element_label,
#content #fo #forums_profile fieldset,
#content #fo #register fieldset,
#content #fo .info,
#content #rs_oeffnungszeiten th,
#content #gmap .dwa_gmap_objectlist th {
border-bottom: 1px solid #006639;
}
#content #rat table td.space,
#content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline,
#content #rat .dwa_rat_ausschuss table th.ausschuss,
#content #fo .text_author_clear {
border-top: 1px solid #006639;
}
#content .dwa_kalender .dwa_kalendertable,
#content #bs #vorgang_uebersicht .auflistung_text,
#content #fo .text {
border-left: 1px solid #006639;
border-right: 1px solid #006639;
}
#content #bb #rubrik_detail .dwa_rubrik_firmen tr,
#content #fo .info {
border-left: 1px solid #006639;
}
#content #daten hr { height: 1px; color: #006639; }
#content .dwa_kalender .dwa_kalendertable .termin a,
#content .dwa_kalender .dwa_kalendertable .So a,
#content .dwa_kalender .dwa_kalendertable .termin a {
background-color: #006639;
color: #fff !important;
}
#content .dwa_kalender .dwa_kalendertable a:focus,
#content .dwa_kalender .dwa_kalendertable a:hover { color: #fa9b00 !important; }
#content .dwa_kalender .dwa_kalender_legend .termin a {
background-color: #006639;
color: #006639; border-color: #006639 !important;
}
#content .dwa_kalender .dwa_kalendertable .heute,
#content .dwa_kalender .dwa_kalendertable .heute a {
background-color: #e7e7e8;
color: #000; border: 1px solid #006639 !important;
}
#content .dwa_kalender .dwa_kalender_legend .heute span.heute {
background-color: #e7e7e8; color: #e7e7e8; border: 1px solid #006639 !important;
}
/* 2.3.2. Hoverfarbe 1: #e7e7e8 ------------------------------------------------ */
#content .dwa_dynmod .auflistung tr,
#content .dwa_dynmod_suche table,
#content .dwa_kalender .dwa_date,
#content #daten_bild,
#content #bild_daten,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date,
#content #bs .inner_tsacontent,
#content #bs .contactdata tr,
#content #bs .element_departmentlist tr,
#content #bs #vorgang_uebersicht .auflistung_text,
#content #bs #element_departmentcontact .contactdata tr,
#content #bs #unterlage_uebersicht tr,
#content #bs .element_department_tree div,
#content #news .element_newslist table,
#content #news #pressemitteilungen table,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr,
#content #bb .dwa_rubrik_list table tr,
#content #bb .dwa_eintrag_list table tr,
#content #vk #uebersicht .dwa_v_kalender_list table tr,
#content #rat .dwa_rat_fraktion_chairman table tr,
#content #rat .dwa_rat_fraktion table tr,
#content #rat .dwa_rat_ausschuss table tr,
#content #rat .dwa_rat_ausschuss_chairman table tr,
#content #rat .dwa_rat_ausschuss_perm table tr,
#content #rat .dwa_rat_ausschuss_nonperm table tr,
#content #rat .dwa_ratsmitglied_auflistung table tr,
#content #rat .dwa_ratsmitglied_auflistung table th.headline:hover,
#content #rat #daten .dwa_v_kalender_list .auflistung tr,
#content #rat .dwa_rat_ausschuss table th#ausschuss:hover,
#content #fo .threadtitle,
#content #fo .qrheadline,
#content #fo table.forums_table_overview caption,
#content #fo table.forums_table_overview td.forums_category,
#content #fo table.forums_table_compose td.label,
#content #adr .address_list .address_list_item .address_title,
#content #gmap #kategorie_uebersicht table tr,
#content #gmap #kategorie_details table tr,
#content #gmap #objekt_suche .dwa_gmap_searchresult tr,
#content #tp .dwa_hotel_list table tr,
#content #mak #abfuhrbezirke table tr,
#content .element_chief_officer3 .contact_data {
background-color: #e7e7e8;
color: #000;
}
/* 2.3.3. leicht abgedunkelte Hoverfarbe: #efeeed ------------------------------ */
#content .dwa_kalender .dwa_date,
#content #rs_oeffnungszeiten th,
#content #adr .address_list .address_list_item .address_title,
#content #vts .record .headline,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date {
border-bottom: 1px solid #e7e7e8;
}
#content .dwa_kalender .dwa_kalender_legend .termin a,
#content .dwa_kalender .dwa_kalender_legend .heute span.heute {
border: 1px solid #e7e7e8;
}
/* 2.3.4. Linkfarbe vor farbigem Hintergrund: #006639 -------------------------- */
#content .dwa_kalender .dwa_kalendertable .heute,
#content .dwa_kalender .dwa_kalendertable .heute a,
#content .dwa_dynmod .auflistung a,
#content #daten_bild a,
#content #bild_daten a,
#content #vts .record .headline a,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date a,
#content #bs .contactdata tr a,
#content #bs #vorgang_uebersicht .auflistung_text a,
#content #bs #element_departmentcontact .contactdata tr a,
#content #bs .element_departmentlist tr a,
#content #bs #unterlage_uebersicht tr a,
#content #news .element_newslist tr a,
#content #news .element_newslist table th:hover a,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr a,
#content #bb .dwa_rubrik_list table tr a,
#content #bb .dwa_eintrag_list table tr a,
#content #vk #uebersicht .dwa_v_kalender_list table tr a,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss a,
#content #rat table td.name a,
#content #rat .dwa_ratsmitglied_auflistung th:hover a,
#content #rat #daten .dwa_v_kalender_list tr a,
#content #rat .dwa_rat_ausschuss table th.ausschuss:hover a,
#content #fo table.forums_table_overview td a,
#content #fo table.forums_table_overview td a:hover,
#content #adr .address_list .address_list_item .address_title a,
#content #gmap #kategorie_uebersicht table td a,
#content #gmap #kategorie_details table td a,
#content #gmap #objekt_suche .dwa_gmap_searchresult tr a,
#content #ga .picture_row li .picture_content a,
#content #ga .gallery_overview_list li .gallery_content a,
#content #tp .dwa_hotel_list table td a,
#content #mak #abfuhrbezirke table td a {
color: #006639;
}
/* 2.3.5. Hoverfarbe 2: #fff --------------------------------------------------- */
#content .Beschreibungen table#Kreisrecht tr:hover,
#content .dwa_dynmod .auflistung tr:hover,
#content #rs_organigramm #ebene_unten p:hover,
#content #bb .dwa_rubrik_list table tr:hover,
#content #bb .dwa_eintrag_list table tr:hover,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr:hover,
#content #bs #vorgang_uebersicht .auflistung_text:hover,
#content #bs .element_departmentlist table tr:hover,
#content #bs table.contactdata tr:hover,
#content #bs #unterlage_uebersicht tr:hover,
#content #bs .element_department_tree div:hover,
#content #rat table td.space,
#content #rat .dwa_rat_fraktion_chairman table tr:hover,
#content #rat .dwa_rat_fraktion table tr:hover,
#content #rat .dwa_rat_ausschuss_chairman table tr:hover,
#content #rat .dwa_rat_ausschuss_perm table tr:hover,
#content #rat .dwa_rat_ausschuss_nonperm table tr:hover,
#content #rat .dwa_rat_ausschuss table tr:hover,
#content #rat .dwa_ratsmitglied_auflistung tr:hover,
#content #rat #daten .dwa_v_kalender_list tr:hover,
#content #gmap #kategorie_uebersicht table tr:hover,
#content #gmap #kategorie_details table tr:hover,
#content #gmap #objekt_suche .dwa_gmap_searchresult tr:hover,
#content #mak #abfuhrbezirke table tr:hover,
#content #mak #abfuhrbezirke form table tr {
background-color: #fff;
}
#content .dwa_kalender .dwa_date a,
#content #bs .element_department_tree div.auflistung_level_0 a,
#content #news .element_newslist th a,
#content #rat .dwa_ratsmitglied_auflistung th a,
#content #rat .dwa_rat_ausschuss table th a { color: #fff !important;}
#content #bs .element_department_tree div.auflistung_level_0:hover { background-color: #e6e5e4; }
#content #bs .element_department_tree div.auflistung_level_0:hover a { color: #fa9b00 !important; }
/* 3. Hintergrundbilder -------------------------------------------------------- */
/* 3.1. Hintergrundbilder für den gesamten Webauftritt ------------------------- */
#center .global_frame_left { background: #fff url('/city_data/images/0/2/107420/orig_10x1500.png') left 4.4em repeat-x; }
#center .global_frame_right { background: transparent url('/city_data/images/1/2/107421/orig_10x2500.png') left 24.2em repeat-x; }
/* 4. Menugestaltung ----------------------------------------------------------- */
.menucontainer li img { margin-right: 0.5em; vertical-align: top; }
.menucontainer ul {
list-style: none;
margin: 0;
padding: 0;
}
/* 4.1. Topmenu ---------------------------------------------------------------- */
#logo #topmenu { background-color: transparent !important; color: #006639; }
#logo #topmenu div.menucontainer ul { padding-left: 0em; }
#logo #topmenu div.menucontainer li { display: inline-block; }
#logo #topmenu div.menucontainer a,
#logo #topmenu div.menucontainer a:visited,
#logo #topmenu div.menucontainer a:focus,
#logo #topmenu div.menucontainer a:hover {
padding: 0.3em 0 0.6em 0; vertical-align: middle;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
}
#logo #topmenu div.menucontainer li.item_1 a,
#logo #topmenu div.menucontainer li.item_1 a:visited,
#logo #topmenu div.menucontainer li.item_1 a:focus,
#logo #topmenu div.menucontainer li.item_1 a:hover {
padding-left: 0;
}
/* 4.2. Menu Links ------------------------------------------------------------- */
#links div.menucontainer {
padding: 0; margin: 0;
}
#links div.menucontainer li.level_1 { border-top: 1px solid #87888a; padding-bottom: 0.3em;}
#links div.menucontainer li.level_2 { border: 0; padding: 0; }
#links div.menucontainer li a,
#links div.menucontainer li a:visited,
#links div.menucontainer li a:focus,
#links div.menucontainer li a:hover,
#links div.menucontainer li a.item_active,
#links div.menucontainer li a.item_parent_active {
text-decoration: none;
font-weight: normal;
margin: 0;
padding: 0.3em 0;
display: block;
}
#links div.menucontainer li.level_1 a,
#links div.menucontainer li.level_1 a:visited,
#links div.menucontainer li.level_1 a:focus,
#links div.menucontainer li.level_1 a:hover,
#links div.menucontainer li.level_1 a.item_active,
#links div.menucontainer li.level_1 a.item_parent_active {
padding-left: 1em;
}
#links div.menucontainer li.level_2 a,
#links div.menucontainer li.level_2 a:visited,
#links div.menucontainer li.level_2 a:focus,
#links div.menucontainer li.level_2 a:hover,
#links div.menucontainer li.level_2 a.item_active,
#links div.menucontainer li.level_2 a.item_parent_active {
padding-left: 3.2em;
}
#links div.menucontainer li.level_3 a,
#links div.menucontainer li.level_3 a:visited,
#links div.menucontainer li.level_3 a:focus,
#links div.menucontainer li.level_3 a:hover,
#links div.menucontainer li.level_3 a.item_active,
#links div.menucontainer li.level_3 a.item_parent_active {
padding-left: 4.3em;
}
#links div.menucontainer li.level_4 a,
#links div.menucontainer li.level_4 a:visited,
#links div.menucontainer li.level_4 a:focus,
#links div.menucontainer li.level_4 a:hover,
#links div.menucontainer li.level_4 a.item_active,
#links div.menucontainer li.level_4 a.item_parent_active {
padding-left: 5.4em;
}
#links div.menucontainer li.level_5 a,
#links div.menucontainer li.level_5 a:visited,
#links div.menucontainer li.level_5 a:focus,
#links div.menucontainer li.level_5 a:hover,
#links div.menucontainer li.level_5 a.item_active,
#links div.menucontainer li.level_5 a.item_parent_active {
padding-left: 6.5em;
}
#links div.menucontainer li.level_3 { display: none }
#links div.menucontainer li.item_852639 li { display: block; }
#links div.menucontainer li.level_2 li.item_active,
#links div.menucontainer li.item_active li,
#links div.menucontainer li.item_parent_active li,
#links div.menucontainer li.item_parent_active li.item_active li,
#links div.menucontainer li.item_parent_active li.item_parent_active li,
#links div.menucontainer li.item_parent_active li.item_parent_active li.item_active li,
#links div.menucontainer li.item_parent_active li.item_parent_active li.item_parent_active li { display: block; }
#links div.menucontainer li.item_active li li,
#links div.menucontainer li.item_parent_active li li,
#links div.menucontainer li.item_parent_active li.item_active li li,
#links div.menucontainer li.item_parent_active li.item_parent_active li li,
#links div.menucontainer li.item_parent_active li.item_parent_active li.item_active li li,
#links div.menucontainer li.item_parent_active li.item_parent_active li.item_parent_active li li { display: none }
#links div.menucontainer li .extlinkicon {
vertical-align: top;
padding-left: 0.2em;
height: 0.8em;
width: 0.8em;
}
/* 4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */
#content div.menucontainer ul { padding: 0 !important; margin: 0 !important; text-indent: 0 !important;}
#content div.menucontainer li .extlinkicon {
vertical-align: middle;
padding-top: 0;
height: 1em;
width: 1em;
}
#content #rs_sitemap h5 {
margin: 0;
font-size: 1em;
}
#content #rs_sitemap h5:hover {
margin: 1em 0 0 0;
font-size: 1em;
}
#content #rs_sitemap h5 a {
margin: 1em 0 0 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 10%;
width: 90%;
background-position: 27% 0.3em;
border: 1px solid #006639;
border-bottom: 1px solid #fff;
display: block;
}
#content #rs_sitemap h5 a:hover {
border-bottom: 1px solid #ddd;
display: block;
text-decoration: none;
}
#content #rs_sitemap div.menucontainer {
border-bottom: 1px solid #e7e7e8;
}
#content #rs_sitemap li a {
background-image: url('/city_data/images/3/6/1063/orig_6x13.gif');
background-repeat: no-repeat;
text-decoration: none;
border-bottom: 1px solid #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
font-weight: bold;
margin: 0;
padding: 0.4em 0;
display: block;
}
#content #rs_sitemap li a:hover {
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
margin: 0;
padding: 0.4em 0;
display: block;
}
#content #rs_sitemap div.menucontainer li.level_1 a,
#content #rs_sitemap div.menucontainer li.level_1 a:hover {
padding-left: 15%;
width: 85%;
background-position: 12% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_2 a,
#content #rs_sitemap div.menucontainer li.level_2 a:hover {
padding-left: 20%;
width: 80%;
background-position: 17% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_3 a,
#content #rs_sitemap div.menucontainer li.level_3 a:hover {
padding-left: 25%;
width: 75%;
background-position: 22% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_4 a,
#content #rs_sitemap div.menucontainer li.level_4 a:hover {
padding-left: 30%;
width: 70%;
background-position: 27% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_5 a,
#content #rs_sitemap div.menucontainer li.level_5 a:hover {
padding-left: 35%;
width: 65%;
background-position: 32% 0.3em;
}
/* 4.4. Menu Rechts ------------------------------------------------------------ */
#rechts div.menucontainer .extlinkicon {
vertical-align: middle;
padding-top: 0;
height: 1em;
width: 1em;
}
#rechts div.menucontainer {
margin-bottom: 1em;
}
#rechts div.menucontainer li a,
#rechts div.menucontainer li a:visited,
#rechts div.menucontainer li a:hover,
#rechts div.menucontainer li a.item_active {
text-decoration: none;
font-weight: bold;
color: #000;
border-bottom: 1px solid #ffffff;
margin: 0;
padding: 0.2em 0;
display: block;
}
#rechts div.menucontainer li.level_1 a,
#rechts div.menucontainer li.level_1 a:visited,
#rechts div.menucontainer li.level_1 a:hover,
#rechts div.menucontainer li.level_1 a.item_active {
padding: 0.4em 0 0.4em 1em;
}
#rechts div.menucontainer li.level_2 a,
#rechts div.menucontainer li.level_2 a:visited,
#rechts div.menucontainer li.level_2 a:hover,
#rechts div.menucontainer li.level_2 a.item_active {
padding: 0.4em 0 0.4em 1.5em;
}
#rechts div.menucontainer li.level_3 a,
#rechts div.menucontainer li.level_3 a:visited,
#rechts div.menucontainer li.level_3 a:hover,
#rechts div.menucontainer li.level_3 a.item_active {
padding: 0.4em 0 0.4em 2.5em;
}
#rechts div.menucontainer li.level_4 a,
#rechts div.menucontainer li.level_4 a:visited,
#rechts div.menucontainer li.level_4 a:hover,
#rechts div.menucontainer li.level_4 a.item_active {
padding: 0.4em 0 0.4em 3.5em;
}
/* 5. Teasergestaltung --------------------------------------------------------- */
/* 5.1. Teaser im rechten und linken Bereich ----------------------------------- */
/* 5.1.1. Newsteaser im rechten und linken Bereich ----------------------------- */
#links .teaser,
#rechts .teaser {}
#links #left_newsteaser_title,
#rechts #right_newsteaser_title {
text-align: center;
padding: 0.3em 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #000;
}
#links #left_newsteaser_title a,
#rechts #right_newsteaser_title a { color: #000000; }
#links .teaser .teaser_element,
#rechts .teaser .teaser_element {
padding: 0.5em;
padding-top: 0em;
}
#links .teaser .teaser_element br,
#rechts .teaser .teaser_element br { line-height: 0em; }
#links .teaser .teaser_titledate h3,
#rechts .teaser .teaser_titledate h3 { margin-bottom: 0em; }
#links .teaser .teaserdate,
#rechts .teaser .teaserdate {
font-weight: normal;
margin: 0.2em 0 0.4em 0;
display: block;
}
#links .teaser .teasertext,
#rechts .teaser .teasertext {
}
#links .teaser .teaser_more,
#rechts .teaser .teaser_more {
text-align: right;
display: block;
}
/* 5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich ---------- */
#links .teaser_vk,
#rechts .teaser_vk {
}
#links #left_vkteaser_title,
#rechts #right_vkteaser_title {
text-align: center;
padding: 0.3em 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #000;
}
#links #left_vkteaser_title a,
#rechts #right_vkteaser_title a { color: #000000; }
#links .teaser_vk hr,
#rechts .teaser_vk hr { display: none; }
#links .teaser_vk .teaser_element,
#rechts .teaser_vk .teaser_element {
padding: 0.5em;
padding-top: 0em;
}
#links .teaser_vk .teaser_element br,
#rechts .teaser_vk .teaser_element br { line-height: 0em; }
#links .teaser_vk .teaser_titledate h3,
#rechts .teaser_vk .teaser_titledate h3 { margin-bottom: 0em; }
#links .teaser_vk .teaserdate,
#rechts .teaser_vk .teaserdate {
font-weight: normal;
margin: 0.2em 0 0.4em 0;
display: block;
}
#links .teaser_vk .teasertext,
#rechts .teaser_vk .teasertext {}
#links .teaser_vk .teaser_more,
#rechts .teaser_vk .teaser_more {
text-align: left;
display: block;
}
#links .teaser_vk .element_address,
#rechts .teaser_vk .element_address { font-weight: bold; }
#links .teaser_vk .element_address .lable,
#rechts .teaser_vk .element_address .lable { display: none; }
/* 5.2. Teaser im Contentbereich ----------------------------------------------- */
#content #zwei_teaser #teaser_links,
#content #zwei_teaser #teaser_rechts { width: 46% !important; }
#content #zwei_teaser #teaser_links { float: left; }
#content #zwei_teaser #teaser_rechts{ float: right; }
#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: block;
width: 100%;
}
#content .teaser br { display: none; }
#content .teaser .teaser_element {
padding-bottom: 1em; border-color: #87888a;
margin: 0 0 1em 0;
}
#content .teaser .teasercontent { width: auto; text-align: left; float: none}
#content .teaser .img_left + .teasercontent { max-width: 33.7em; text-align: left; float: left }
#content .teaser .img_right + .teasercontent { max-width: 33.7em; text-align: left; float: left }
#content .teaser .teaser_titledate {}
#content .teaser .teaser_titel {
font-weight: bold;
width: 100%; display: inline-block; line-height: 1.4em !important; text-align: left; margin: 0.5em 0;
}
#content .teaser .teaserdate {
font-weight: bold;
width: 100%; display: inline-block; line-height: 1.4em !important; 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: 1.1em;
}
#content .teaser .img_right {
margin-left: 1.1em;
}
#content .teaser .img_left img,
#content .teaser .img_right img {
padding: 0.3em 0 0 0;
max-width: 12em; height: auto;
}
#content .teaser .teasercontent .teasertext { clear: right; }
#content .teaser .teasercontent .teasertext span.teaser_more {
text-align: left; display: inline-block;
margin-top: 0;
}
#content .teaser .teaser_element .teaser_more a:link,
#content .teaser .teaser_element .teaser_more a:visited,
#content .teaser .teaser_element .teaser_more a:active {
font-weight: bold;
text-decoration: none;
padding-left: 0.5em;
}
/* 5.2.2. Teaser Veranstaltungskalender im Contentbereich ---------------------- */
#content .teaser_vk {
display: inline-block;
width: 100%;
}
/* Opera hack */
@media screen and (min-width: 0px){
#content .teaser_vk { margin-bottom: 1.5em; }
}
#content .teaser_vk br {
display: none;
}
#content .teaser_vk img.img_left {
clear: both;
float: left;
padding-right: 0.5em;
}
#content .teaser_vk img.img_right {
clear: both;
float: right;
margin: 0 0 0.5em 2em;
}
#content .teaser_vk .teaser_element {
margin: 0 0 1em 0;
padding-bottom: 0.5em;
}
/* Opera hack */
@media screen and (min-width: 0px){
#content .teaser_vk { width: 100%; }
}
#content .teaser_vk .teasertitel {
float: none;
font-weight: bold;
margin: 0;
padding: 0 0.5em;
width: 60%
}
#content .teaser_vk .teaserdate {
font-weight: normal;
padding: 0 0.5em;
float: right;
position: relative;
margin-top: -1.2em;
text-align: right;
}
#content .teaser_vk .teaser_titledate {
padding: 0.3em 0;
}
/* IE 7 Hack*/
*:first-child+html #content .teaser_vk .teaser_titledate {
padding-right: 0.5em;
}
#content .teaser_vk .teasertext {
padding: 0.5em;
text-align: left;
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: left;
margin: 0 0 0 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;
}
#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;
}
/* 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;
}
#center img + .extlinkicon { display: none; }
div#content ul { padding: 0 !important; margin: 0 !important; padding-left: 1.2em !important;}
#center .contact { margin: 0.2em 0 1em 0; }
#center .contact .lable img { padding: 0.2em 0.3em 0.2em 0; vertical-align: middle; }
#center h2.element_label { line-height: 120% !important; white-space: nowrap; }
#center iframe { border: 0.1em solid #87888a; }
/* 6.1.1. Access Key ----------------------------------------------------------- */
#acc {
width: 12em;
text-align: left;
line-height: 1.4em;
display: block;
}
#acc .acc-n {
border: 0.1em dotted #014baa;
padding: 0.2em 0.1em;
width: 3em;
color: #000;
background: #fff;
display: inline-block;
}
#acc li {
text-align: center;
margin: 0.2em 0.1em;
padding: 0;
border: 0.1em solid #363534;
width: 3.2em;
float: none;
list-style: none;
display: inline-block;
}
/* IE 7 Hack */
*:first-child+html #acc li {
float: left;
}
/* IE 6 Hack */
*html #acc li {
float: left;
}
#acc li a:link,
#acc li a:visited {
padding: 0.2em 0.1em; border: 0 !important;
width: 3em;
display: block;
text-decoration: none;
}
#acc li a:link,
#acc li a:visited,
#acc li a:hover,
#acc li a:focus,
#acc li a:active {
font-weight: bold;
}
#acc li a:hover,
#acc li a:focus,
#acc li a:active {
background: #c0cbdb; color: #000;
}
#acc li.acc-logo {
border: 0.1em solid #363534;
width: 7.1em;
display: inline-block;
}
#acc .acc-logo a:link, #acc .acc-logo a:visited {
padding: 0.3em 0 0.2em 0;
width: 7.1em;
display: block;
color: #ff0000;
background: #fff;
letter-spacing: 0;
text-decoration: none;
}
#acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active {
background: #c0cbdb;
text-decoration: none;
border: 1px solid #014baa;
}
#acc strong {
color: #000090;
font-variant: small-caps;
font-weight: bold;
}
#acc strong em {
color: #ff0000;
font-style: italic;
letter-spacing: 0;
}
#acc span {
width: 0;
position: absolute;
left: -1000px;
top: -1000px;
height: 0;
overflow: hidden;
}
/* 6.1.2. Fontsize ------------------------------------------------------------- */
div.text_fontsize {
float: left;
}
/* 6.1.3. Kontrast ------------------------------------------------------------- */
div.contrast {
margin: 0;
padding: 0;
text-align: center;
}
/* Opera hack */
@media screen and (min-width: 0px){
div.contrast { padding-top: 0.2em; }
}
div.contrast img {
border: 0.1em solid #000000;
width: 1.5em;
}
div.text_kontrast {
text-align: center;
}
/* 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_kalendertable {
width: 20em !important;
padding: 0.2em !important;
}
#content .dwa_kalender .dwa_selectdate { width: 25em !important; }
#content .dwa_kalender .dwa_selectdate .nbspdiv { display: none; }
#content .dwa_kalender .dwa_selectdate * { float: left; width: auto !important; }
#content .dwa_kalender .dwa_selectdate input[name='send'] { background-color: #006639; color: #fff; width: 7.2em !important; }
#content .dwa_kalender .dwa_date,
#content .dwa_kalender .dwa_selectdate { float: left !important; clear: both !important;}
#content .dwa_kalender .dwa_kalendertable,
#content .dwa_kalender .dwa_selectdate,
#content .dwa_kalender .dwa_kalendertable table {
float: none;
clear: both;
text-align: left;
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 .dwa_kalmark4 a {
margin: -1px !important;
vertical-align: middle !important;
text-align: center;
line-height: 2.1em;
height: 100% !important;
display: block;
}
#content .dwa_kalender_legend .heute a,
#content .dwa_kalender_legend .termin a {
padding: 0.2em !important;
display: block;
}
#content .dwa_kalender_legend .heute span.heute {
padding: 0.2em;
}
#content .dwa_kalender_legend .termin a,
#content .dwa_kalender_legend .heute span.heute {
width: 1.5em !important;
height: 1.5em !important;
text-align: center;
vertical-align: middle;
font-weight: bold;
margin-left: 1em;
line-height: 1.5em;
display: inline-block;
}
#content .dwa_kalender_legend div.termin a {
width: 1.9em !important;
height: 1.9em !important;
padding: 0 !important;
}
/* 6.1.6. Suche ---------------------------------------------------------------- */
#quicksearch input {
border: 1px solid #006639 !important;
background-color: #fff;
}
#quicksearch {
padding: 0;
padding-top: 0em;
}
#quicksearch form {
margin: 0;
padding: 0;
}
#quicksearch label {
color: white;
display: none;
}
#quicksearch input.element_search_input {
border: 1px solid #000;
background-color: #fff;
color: #000000;
display: inline-block;
float: none;
width: 9.5em;
margin-right: 0.2em;
}
#quicksearch button {
border: 1px solid #000;
background-color: #fff;
color: blue;
font-weight: normal;
width: 5em;
}
#quicksearch input.element_search_image {
margin: 0.2em 0 0 0.3em;
padding: 0.1em 0 0 0;
display: inline-block;
}
/* 6.1.7. Austausch der Icons in Adress- und Personen-Objekten ----------------- */
div#center #address_object .element_address div.tel_button,
div#center #address_object .element_address div.fax_button,
div#center #address_object .element_address div.mobi_button,
div#center #address_object .element_address div.mail_button,
div#center #address_object .element_address div.web_button,
div#center .person_object div.tel_button,
div#center .person_object div.fax_button,
div#center .person_object div.mobi_button,
div#center .person_object div.mail_button,
div#center .person_object div.web_button { margin: 0 !important; padding: 0 !important; vertical-align: top !important;}
div#center .person_object div.tel_button,
div#center #address_object .element_address div.tel_button { background: url('/city_data/images/6/7/107176/orig_20x16.gif') left top no-repeat; }
div#center .person_object div.fax_button,
div#center #address_object .element_address div.fax_button { background: url('/city_data/images/3/1/107213/orig_20x16.gif') left top no-repeat; }
div#center .person_object div.mobi_button,
div#center #address_object .element_address div.mobi_button { background: url('/city_data/images/5/1/107215/orig_20x16.gif') left top no-repeat; }
div#center .person_object div.mail_button,
div#center #address_object .element_address div.mail_button { background: url('/city_data/images/2/1/107212/orig_20x16.gif') left top no-repeat; }
div#center .person_object div.web_button,
div#center #address_object .element_address div.web_button { background: url('/city_data/images/4/1/107214/orig_20x16') left top no-repeat; }
div#center .person_object div.tel_button img,
div#center .person_object div.fax_button img,
div#center .person_object div.mobi_button img,
div#center .person_object div.mail_button img,
div#center .person_object div.web_button img,
div#center #address_object .element_address div.tel_button img,
div#center #address_object .element_address div.fax_button img,
div#center #address_object .element_address div.mobi_button img,
div#center #address_object .element_address div.mail_button img,
div#center #address_object .element_address div.web_button img { visibility: hidden; }
/* 6.1.8. Gestaltung von HR-Linien --------------------------------------------- */
div#center hr { color: transparent !important; border-top: 1px solid #87888a; height: 0 !important; }
/* 6.1.9. Gestaltung von Formularfeldern --------------------------------------- */
#center input {
border: 1px solid #006639 !important;
background-color: #fff;
color: #000;
}
#center button {
border: 1px solid #006639;
background-color: #006639;
color: #fff;
font-weight: bold; margin-top: 0.1em;
}
/* 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 #oben { display: inline-block; width: 97.9em; height: 3.1em; padding-top: 1.3em; }
#logo #other_links li a { display: inline-block; padding: 0.2em 1em 0 0; text-transform: uppercase; }
#logo #suche { float: right; }
#logo #suche input,
#logo #suche button { margin: 0 !important; float: left; border-color: #006639 !important; font-size: 1.1em; }
#logo #suche input:focus { border-color: #fa9b00 !important}
#logo #suche #searchtext { width: 11em; }
#logo #sprachen { float: right; }
#logo #header_bild { width: 97.9em; height: 19.8em; }
#logo #header_bild img { width: 78em; height: 19.8em; padding: 0 16.9em 0 3em !important; }
#logo #maske { position: absolute; margin-top: -19.8em; }
#logo #maske img { width: 97.9em; height: 19.8em; padding: 0 !important; }
#logo #topmenu { display: inline-block; width: 97.9em; border-bottom: 0.1em solid #006639; height: 3.5em; padding-top: 1.4em }
/* 6.3. Formatierungen im linken Bereich --------------------------------------- */
#links a, a:link, a:visited, a:active {
text-decoration: none;
font-weight: normal;
}
#links a:hover { text-decoration: underline; }
#links #oben {
width: auto;
text-align: center;
margin: 0 0 1em; font-size: 1.5em; font-weight: bold !important;
}
#links #oben a,
#links #oben a:visited {
width: auto;
text-align: center;
margin: 0 0 1em; font-size: 1.2em; font-weight: bold !important;
}
/* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */
div#content a, div#content a:link, div#content a:link, div#content a:visited, div#content a:active {
color: blue;
font-weight: bold;
text-decoration: none;
}
div#content a:hover {
text-decoration: underline;
}
div#content #daten h2.element_label { margin-bottom: 0; }
#content #banner_karte { width: 100%; }
#content #banner { float: left; margin-top: 0em; margin-left: 1em; display: inline-block; }
#content #karte { float: left; display: inline-block; width: auto; }
#content #quicksearch { text-align: center; width: 100%; }
#content #banner img { width: 12em; height: 12em; }
#content #banner .extlinkicon { display: none; }
#content #karte img { width: 37em; height: 37em; }
/* IE 6 hack */
*html #content #karte img { margin-top: -1em; }
#content .element_address .extlinkicon { display: none; }
#content .extlinkicon { float: none; vertical-align: top !important; }
div#content .textblock_img[align='right']{ padding: 0; margin: 0 0 0.3em 1.5em; }
div#content .textblock_img[align='left']{ padding: 0; margin: 0 1.5em 0.3em 0; }
/* Energieportal */
#content #energieportal button { width: auto !important; }
#content #energieportal table#ext-comp-1012 button,
#content #energieportal table#ext-comp-1013 button { width: 185px !important; }
#content #energieportal table#ext-comp-1012,
#content #energieportal table#ext-comp-1013 { float: right !important; clear: both !important; }
/* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */
/* -------------------------- RS Seite - Standorte ----------------------------- */
#content table#standorte_neu caption {
font-weight: bold; padding: 0.5em 0 0; text-align: left;
}
#content table#standorte_neu tr { border-bottom: 1px solid #87888a; }
#content table#standorte_neu td { vertical-align: top; border-top: 1px solid #87888a; padding: 2em 0 1em; }
#content table#standorte_neu td br { line-height: 0.3em; }
#content table#standorte_neu td img { padding: 0; }
#content table#standorte_neu td.standort { width: 18em; }
#content table#standorte_neu td.aemter { width: 26.5em; padding-left: 1em; }
#content table#standorte_neu td .element_address hr { display: none; }
#content table#standorte_neu td .element_address .contactdata { padding-top: 0.3em; }
#content table#standorte_neu td .element_address .addresse_name { width: 15.5em; }
/* -------------------------- RS Seite - Landkreisjournal ---------------------- */
#content #lkj table th { padding-bottom: 0.3em; font-size: 1.1em;}
#content #lkj .teaser * { background-color: #fff; color: #555657; border: 0; }
#content #lkj .teaser .teaser_element { margin: 0 0.5em 0 0; border-bottom: 1px solid #87888a; padding-top: 0.3em; margin-bottom: 0.5em;}
#content #lkj .teaser .teaser_titledate .teaser_titel,
#content #lkj .teaser .teaser_titledate .teaserdate { float: left; display: inline-block !important; width: auto; margin: 0 !important; padding: 0 !important; }
#content #lkj .teaser .teaser_titledate .teaser_titel { width: auto; margin: 0 0.3em 0 0 !important; padding: 0 !important; line-height: 1.3em !important; }
#content #lkj .teaser .teaser_titledate,
#content #lkj .teaser .teaser_content,
#content #lkj table .teaser .teasertext,
#content #lkj table .teaser .teaser_text { padding: 0 !important; margin: 0 !important; }
#content #lkj .teaser .teasertext table td { vertical-align: top !important; width: 45%; }
#content #lkj .teaser .fuss { display: none; }
#content #lkj table .teaser .teaser_text,
#content #lkj table .teaser .teaser_more { display: inline; }
#content #lkj table .teaser .teaser_more { margin-left: 1em; }
/* -------------------------- 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: #006639; margin-top: 0.1em;
}
/* --------------------------------- Adressen ---------------------------------- */
#content .element_address .lable { display: none; }
#content .element_address img { padding-top: 0; }
#content .element_address hr {
clear: both;
float: left;
width: 50%;
height: 0;
}
#content .element_address .hr_adress_contact_start {
margin-top: 1em;
margin-bottom: 0.3em;
}
/* IE 7 Hack */
*:first-child+html #content .element_address .hr_adress_contact_start { margin: 1em 0 0 0; padding: 0; vertical-align: bottom; }
#content .element_address .contactdata .lable {
display: inline;
float: left;
clear: left;
width: 2.5em;
}
#content .element_address .contactdata .lablecontactperson .lable {
display: inline;
float: left;
font-weight: bold;
}
#content .element_address .contactdata .lablecontactperson .lable_text {
clear: left;
padding: 0.3em 3em;
}
#content .element_address .contactdata .contactdata_text,
#content .element_address .contactdata .contactdata_text a {
float: left;
line-height: 1.8em;
}
/* ------------------------------- Kontaktdaten -------------------------------- */
#content #daten_bild,
#content #bild_daten {
padding: 1em;
border: 1px solid #ddd;
display: inline-block;
}
/* IE 7 Hack */
*:first-child+html #content #daten_bild { display: inline; }
#content #daten_bild #daten,
#content #bild_daten #bild {
float: left;
padding-right: 1.5em; width: auto;
}
#content #daten_bild #bild,
#content #bild_daten #daten {
float: left;
clear: right;
}
#content #daten_bild #daten .element_label,
#content #bild_daten #daten .element_label { padding-bottom: 0.5em; }
/* IE 7 Hack */
*:first-child+html #content #daten_bild #daten {
display: inline;
width: 35%;
}
/* IE 7 Hack */
*:first-child+html #content #daten_bild #bild { display: inline; }
#content #daten_bild #daten { width: 22em; }
/* 6.4.2. Volltextsuche -------------------------------------------------------- */
/* -------------------------- Ausgabeseite Ergebnisse -------------------------- */
/* Volltextsuche */
#content #vts .searchfield { width: 60%; display: inline-block; margin-bottom: 0.5em; }
#content #vts .searchfield input { height: 1.4em; float: left; width: 60%; margin-top: 0.1em; }
#content #vts .searchfield button { width: 30%; padding-bottom: 0.2em; }
/* IE 7 Hack*/
*:first-child+html #content #vts .searchfield input { height: 1.45em; }
*:first-child+html #content #vts .searchfield button { padding-bottom: 0; }
#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-bottom: 1px solid #87888a;
display: inline-block;
}
#content #vts .summary {
padding: 0.3em;
}
#content #vts .record .bottom { display: none; }
#content #vts .record .number,
#content #vts .record .detaillink,
#content #vts .record .score,
#content #vts .record .scores {
padding: 0.5em 0;
}
#content #vts .record .number {
width: 6%;
padding-left: 0;
}
#content #vts .record .detaillink {
width: 82%;
padding-left: 1%;
}
#content #vts .record .scores,
#content #vts .record .score {
text-align: right;
width: 10%;
margin-right: 1%;
display: inline-block;
}
/* 6.4.3. Modul Bürgerservice -------------------------------------------------- */
#content #bs br + br { display: none; }
#content #bs .beschreibung br,
#content #bs .datasetdescription br { display: block; }
#content #bs table.contactdata { width: 100% !important; }
#content #bs table td { vertical-align: top !important; font-weight: normal; }
/* --------------------------------- Ämterbaum --------------------------------- */
#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: 0.2em; }
#content #bs .element_department_tree div { border-bottom: 0.1em solid #fff; padding: 0.3em 0 0.3em 0.3em; margin: 0;}
#content #bs .element_department_tree div.auflistung_level_1 { padding: 0.3em 0 0.3em 0.5em; }
#content #bs .element_department_tree div.auflistung_level_2 { padding: 0.3em 0 0.3em 1em; }
#content #bs .element_department_tree div.auflistung_level_3 { padding: 0.3em 0 0.3em 1.5em; }
#content div.element_department_tree img {
padding-top: 0;
vertical-align: middle;
}
/* ------------------------------- DETAILANSICHT ------------------------------- */
#content #bs #chief_officer3 { display: inline-block; width: 100%; }
#content #bs #chief_officer3 div.element_label { font-weight: bold; padding: 0.5em !important; display: inline-block; width: 14.6em !important; }
#content #bs #chief_officer3 div.name { font-weight: bold; padding: 0.3em 0.3em 0.3em 0.5em !important; display: inline-block; }
#content #bs #chief_officer3 .label,
#content #bs #chief_officer3 .street { float: none; clear: both; display: block; }
#content #bs #chief_officer3 .level .label,
#content #bs #chief_officer3 .room .label { float: left; display: inline-block; margin-right: 0.5em; }
#content #bs #chief_officer3 .function .function_label,
#content #bs #chief_officer3 .address .address_label { padding: 0.5em 0.1em 0.2em 0.1em; }
#content #bs #chief_officer3 .building_picture { margin: 1em 0 0.5em;}
#content #bs #chief_officer3 .building_picture img { padding: 0; width: 17em; border: 1px solid #87888a; }
#content #bs #chief_officer3 .contact { padding: 0.3em 0 0.3em 0.1em; margin: 0; }
#content #bs #chief_officer3 .contact .label { display: inline-block; vertical-align: middle; }
#content #bs #chief_officer3 .contact .label img { padding-left: 0; }
#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 .element_label_content .lable { margin-left: -13.5em;}
#content #bs #mitarbeiter_detail #element_employeeroom br { display: none; }
#content #bs #mitarbeiter_detail #element_employeeroom .element_address { margin: 0; padding: 0; margin-left: 0em; }
#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 #bs #vorgang_detail table.vorgang_amt,
#content #bs #vorgang_detail .vorgang_dokument .vorgang_dokument,
#content #bs #element_departmentservice .element_label_content { width: 32.5em; }
#content .vorgang_amt .label_bezeichnung img,
#content #vorgang_dokumente .vorgang_dokument img {
padding: 0 0.3em 0.3em 0;
vertical-align: middle;
}
#content #vorgang_dokumente .element_label_content { display: inline-block; float: left; width: auto; }
#content #vorgang_dokumente .vorgang_dokument { display: block; }
#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 table caption { display: none; }
#content #bs #unterlage_uebersicht table { margin-top: 1em; }
#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 { max-width: 35em; }
#content #bs #mitarbeiter_detail #element_employeeservice .element_label_content .detail_link { float: none; clear: both; white-space: normal; }
#content #bs #mitarbeiter_detail #element_employeeservice .element_label_content .detail_link a { white-space: normal; }
#content #bs #mitarbeiter_detail #element_employeedep { clear: both;}
#content #bs *,
#content #bs #details *,
#content #bs #daten * {}
#content #bs #daten .zimmer_etage,
#content #bs #daten .zimmer_gebaeude { padding: 0; margin: 0; vertical-align: top; display: inline-block; float: none; clear: both; }
#content #bs #daten .zimmer_etage { font-weight: bold; }
#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; float: none; clear: both; }
#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 #mitarbeiter_detail #daten #element_employeedata { margin-top: -1em; }
#content #bs #mitarbeiter_detail #details #element_employeedep .label_bezeichnung { margin-left: -0.6em !important;}
#content #bs #mitarbeiter_detail #details #element_employeefunc { margin-top: 1em;}
#content #bs #mitarbeiter_detail #details #element_employeefunc ul { text-indent: 0 !important; padding: 0 !important; margin: 0; }
#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 {
margin-top: 0;
float: left;
}
#content #bs #element_departmentchief .labelvcard {
margin-top: 0.4em;
float: left;
}
#content #bs #element_departmentchief { display: inline-block; }
#content #bs #element_departmentchief .element_label_content { margin-top: -0.5em; }
#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; }
#content #bs #element_departmentopening .element_label_content {
padding-left: 0em;
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 { margin-top: 0; }
#content #bs #element_departmentservice .element_label_content .detail_link a { white-space: normal; }
#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: 15.9em;}
#content #bs #amt_detail .element_address hr { min-width: 15.9em; }
#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.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 #vk #kalender {
padding: 0em;
display: inline-block;
}
#content #vk select { border: 1px solid #aaa; }
/* ------------------ 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 {
position: absolute;
margin-top: 4.2em;
margin-left: 25em;
display: inline-block;
}
#content #vk #uebersicht .dwa_kalender_legend div.termin {
margin-top: 6.5em;
}
/* 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: 4.5em; }
#content #vk #uebersicht .dwa_selectdate { float: none; width: 20em; padding: 0; margin: 0; text-align: center; display: inline-block; }
#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; margin-top: 1em; 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.5em; margin-left: 26.3em; 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; float: left; }
#content #vk #uebersicht div.dwa_v_kalender_suche input.button { color: #fff; font-weight: bold; background-color: #006639 }
#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; vertical-align: top; }
#content #vk #uebersicht .dwa_v_kalender_list table td { border-top: 1px solid #fff; color: #000; }
#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 .dwa_selectdate { text-align: center; margin-bottom: 1em; }
#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; }
#content #vk .dwa_description br + br { display: block; }
/* ---------------- 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.8. Modul Galerie -------------------------------------------------------- */
/* ----------------------------- Galerieübersicht ------------------------------ */
#content #gallery_picture_overview { width: 100%; margin-left: 0; }
#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: #e7e7e8; }
#content .picture_row li { width: 23%; 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 #bbbbbc; padding: 0; }
#content .picture_row li a { color: black; font-weight: bold;}
#content .picture_row li .picture_content br,
#content #gallery_picture_overview .item_frame_top,
#content #gallery_picture_overview .picture_frame_top,
#content #gallery_picture_overview .item_frame_bottom,
#content #gallery_picture_overview .picture_frame_bottom { display: none; }
#content .row_frame_top,
#content .row_frame_bottom { background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; }
#content .row_frame_top { background-image: url('/city_data/images/4/3/107434/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom; }
#content .row_frame_bottom { background-image: url('/city_data/images/5/3/107435/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;}
/* --- TESTGALERIE - Übersicht --- */
#content .gallery_overview_list { display: inline-block; margin: 0; padding: 0 !important; list-style: none; text-align: center; width: 100%; }
#content .gallery_overview_list li { width: 100%; float: left; text-align: center; margin: 0; padding: 0; }
#content .gallery_overview_list li .gallery_list_item { background-color: #e7e7e8; display: inline-block; width: 100%; }
#content .gallery_overview_list li .gallery_picture { width: 50%; float: left; padding: 0.5em; }
#content .gallery_overview_list li .gallery_content { width: 42%; float: left; padding: 0.6em 0.25%; text-align: left; }
#content .item_frame_top,
#content .item_frame_bottom { background-color: #fff; display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; }
#content .item_frame_top { background-image: url('/city_data/images/4/3/107434/orig_20x16.gif'); background-repeat: repeat-x; background-position: left bottom; }
#content .item_frame_bottom { background-image: url('/city_data/images/5/3/107435/orig_20x16.gif'); background-repeat: repeat-x; background-position: left top;}
#content .gallery_overview_list li .gallery_list_item img { border: 1px solid #bbbbbc; padding: 0; }
/* --- TESTGALERIE - Bilddetail --- */
#content .gallery_picture_detail {}
#content #bild { float: left; text-align: center; width: auto; }
#content #bildoptionen { float: right; width: 25%; margin: 0; padding: 0; text-in}
#content .gallery_picture_detail .picture_frame_top,
#content .gallery_picture_detail .picture_frame_bottom { display: block; height: 20px; float: none; clear: both; border: 0; margin: 0; padding: 0; }
#content .gallery_picture_detail .picture_frame_top { background-image: url('/city_data/images/2/3/107432/orig_34x20.gif'); background-repeat: repeat-x; background-position: center bottom;}
#content .gallery_picture_detail .picture_element { background-color: #e7e7e8; text-align: center; padding: 0.1em; }
#content .gallery_picture_detail .picture img { padding: 0; margin: 1.5em 0 0.5em 0; border: 1px solid #bbbbbc; }
#content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; font-weight: bold; text-align: center; }
#content .gallery_picture_detail .picture_frame_bottom { background-image: url('/city_data/images/3/3/107433/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.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.12. Modul Lebenslagen --------------------------------------------------- */
#content #ll .lifesituationlist,
#content #ll .lifesituation_datasets { margin: 0; padding: 0; width: 100%; }
#content #ll .lifesituationlist li,
#content #ll .lifesituation_datasets li { list-style: none; margin: 0; padding: 0; }
#content #ll .lifesituationlist li a {
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 0.4em 0;
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; }
#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;
}
#content #ll #uebersicht ul .auflistung_text a { padding-left: 2.5em; margin-left: -2.5em; }
#content #ll #uebersicht ul .level1 { padding: 0.5em; margin-left: -2.5em; list-style: none; }
/* 6.5. Formatierungen im rechten Bereich -------------------------------------- */
div#rechts { text-align: left; }
#rechts a:link, #rechts a:link, #rechts a:visited, #rechts a:active {
font-weight: bold;
text-decoration: none;
}
#rechts a:hover{
text-decoration: none;
}
#rechts h5 { margin-bottom: 0.5em; margin-top: 0; }
#rechts .extlinkicon { display: none !important; }
/* 6.6. Formatierungen im Footer ----------------------------------------------- */
#footer { display: inline-block; width: 100%; margin-top: 1.4em; padding-top: 1.1em; border-top: 1px solid #006639; }
#footer #other_links { width: 33%; margin-right: 0.6em; float: left;}
#footer #other_links li a { display: inline-block; padding-right: 1em; text-transform: uppercase; font-weight: bold;}
#footer #copyright { margin-right: 0.6em; width: 41%; float: left; text-align: center;}
#footer .link { width: 12%; text-align: right; float: right; }
#footer .link img { width: 1.4em; height: 1.4em; vertical-align: top; }
/* 6.7. Sonderformatierungen für den Ersatz des rechten Bereiches -------------- */
#content .textblock3 h5 { padding: 0 0 1em 0; margin: 0; }
#content .textblock3 .employee_object { }
#content .textblock3 .employee_object .object_label { font-weight: bold; margin-bottom: 0.5em; display: block; }
#content .textblock3 .employee_object .label,
#content .textblock3 .employee_object .street { float: none; clear: both; display: block; }
#content .textblock3 .employee_object .level .label,
#content .textblock3 .employee_object .room .label { float: left; display: inline-block; margin-right: 0.5em; }
#content .textblock3 .employee_object .home_address .label { padding: 0.5em 0 0.2em;}
#content .textblock3 .employee_object .home_address .label { padding: 0.5em 0 0.2em;}
#content .textblock3 .employee_object .building_picture { margin: 0.5em 0;}
#content .textblock3 .employee_object .building_picture img { padding: 0; width: 17.2em; height: auto; border: 1px solid #87888a; }
#content .textblock3 .employee_object .contact { margin: 0.5em 0;}
#content .textblock3 .employee_object .contact .label { display: inline-block; vertical-align: middle; }
#content .textblock3 .employee_object .contact .label img { padding-left: 0; }
#content .textblock3 .extlinkicon { display: none !important; }