#center + br { display: none; }

@media (min-width: 768px) {
	#content #kacheln img,
	#content #kacheln_startseite img,
	#content img.teaserimg,
	#content .image_wrapper img,
	#content #gallery_picture_overview .picture_item .picture_element a img,
	#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_element img,
	#footer .textblock1 .tpl_div .tpl_div_element { transition: all .2s ease-in-out; max-width: 100%; }
	#content #kacheln li:hover img,
	#content #kacheln_startseite div:hover img,
	#content img.teaserimg:hover,
	#content .image_wrapper:hover img,
	#content #gallery_picture_overview .picture_item .picture_element a:hover img,
	#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_element a:hover img,
	#footer .textblock1 .tpl_div .tpl_div_element:hover { transform: scale(1.1); }
}

#content #kacheln .bild,
#content #kacheln_startseite div p,
#content div.teaserimg,
#content .image_wrapper,
#content #gallery_picture_overview .picture_item .picture_element,
#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_element { 
	overflow: hidden; 
	padding: 0 !important; 
}

#content .image_wrapper{
	display: inline-flex;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
}

#content .image_wrapper a{
	overflow: hidden;
}

#content .image_wrapper.image_description a { display: block; overflow: hidden; margin-bottom: 0.5em;}

#content .image_wrapper span.image_copyright {
    background-color: #fafbfd;
    width: 100%;
    text-align: center !important;
    display: block;
    z-index: 1;
}

#content div.teaserimg img,
#content .image_wrapper.image_description a img,
#content .image_wrapper img { overflow: hidden; margin: 0 !important; padding: 0 !important}

#content #svg_title { margin: 0 0 2em; text-align: center;}

#content #svg_title svg { height: 4.2em; }
#content #svg_title svg text {font-size: 2.0em !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. schriftgroessebasierende Layoutanpassung
	1.3. Seitenaufteilung
	2. Farbzuweisungen
	2.1. Universale Farbzuweisungen fuer aC
	2.2. Farbzuweisungen fuer den gesamten Webauftritt
	2.2.1. Grundfarbe
	2.2.2. Hoverfarbe 1
	2.2.3. Hoverfarbe 2
	3. Hintergrundbilder
	3.1. Hintergrundbilder fuer 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 Buergerservice
	6.4.4. Modul Rat
	6.4.5. Modul News
	6.4.6. Modul Veranstaltungskalender
	6.4.7. Modul Gaestebuch
	6.4.8. Modul Galerie
	6.4.9. Modul Branchenbuch
	6.4.10. Modul Muellabfuhrkalender
	6.4.11. Modul Feedbackformular
	6.4.12. Mudul Grusskarten
	6.4.13. Modul Forum
	6.4.14. Modul Tourismus-Portal Unterkuenfte
	6.4.15. Modul Google Map
	6.4.16. Externe Redakteure
	6.4.17. CityMail
	6.5. Formatierungen im rechten Bereich
	6.6. Externe User Registrierung Start
	
	 
	1. GRUNDEINSTELLUNGEN ------------------------------------------------------- 
	1.1 allgemeine Systemeigenschaften ------------------------------------------ */

body {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	text-align: center;
}

#inner_center * {
	text-align: left;
	font-family: "PT Sans", Arial, Verdana, Helvetica, sans-serif !important;
}

#inner_center *[align='center'] {
	text-align: center;
}

#inner_center *[align='right'] {
	text-align: right;
}
#inner_center *[align='justify'] {
	text-align: justify;
}

.left_up,
.right_down { display: none; }

.hidden {display: none;}

#ctxmenu { top: 0; }

.clear,
div.element { clear: both; }

br.clear { line-height: 0; }

#content .Beschreibungen { line-height: 1.4em; }

.validators { text-align: center; }

.item_float_left { float: left; }

.nbspdiv { display: inline; }

a img { border: 0px; }

#content img {max-width: 99%;height: auto;}

strong,
a strong { font-weight: bold;}

table { text-align: left; }

table td,
table th { padding: 0.3em; vertical-align: top; }

table *[valign='center'],
table *[valign='center'] { vertical-align: middle; }

table *[valign='bottom'],
table *[valign='bottom'] { vertical-align: bottom; }

table *[valign='baseline'],
table *[valign='baseline'] { vertical-align: baseline; }

img.extlinkicon {
 vertical-align: top;
 margin: 0 0 0 0.3em;
 padding: 0;
 height: 1em;
 width: 1em; float: none !important
}

img + img.extlinkicon {
 display: none;
}

#logo div.tpl_div div {float: left;}

.dwa_pager img,
#vts .page img { vertical-align: middle; }

div#logo div.menucontainer li a,
div#links div.menucontainer li a { outline: none; }

.inner_tsacontent {
 padding: 1% !important; margin: 0 !important; width: 98%; display: inline-block; 
}

.tsacontent { width: 100%; display: inline-block; margin: 0.5em 0 0.2em 0;}

.tsacontent .title { font-weight: bold; padding:0 0 0.2em 0 !important; display: inline-block; }

.tsacontent h2.element_label {
  border-bottom: 1px solid #FFCC00;
  font-size: 1.2em
}

.tsacontent .tsa_subtitle {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline
}

.tsacontent .tsa_source {
  margin-bottom: 0.5em;
}

/* Toggle-Vorlage */
#center .tpl_div_toggle { margin-bottom: 0.5em; }

#center .tpl_div_toggle.tpl_closed div.tpl_div_toggle_title {padding: 0 !important }


#center .tpl_div_toggle .tpl_div_toggle_title > p,
#center .tpl_div_toggle .tpl_div_toggle_title > strong,
#center .tpl_div_toggle .tpl_div_toggle_title > div {
  display: block;
  margin: 0;
  padding: 8px
}

#center .tpl_div_toggle .tpl_div_toggle_title::before {
  font-family: "iconmonstr-iconic-font";
  content:'\e004';
  margin: 8px 10px;
  float: left;
  padding: 0 !important;
}
#center .tpl_div_toggle.tpl_closed .tpl_div_toggle_title::before {
  font-family: "iconmonstr-iconic-font";
  content:'\e003';
  margin: 8px 10px;
  float: left;
  padding: 0 !important
}

/*	1.2. schriftgroessebasierende Layoutanpassung --------------------------------- */

/* Kommentar:
   Festlegung der absoluten Basisschriftgroesse. */
html { font-size: 20px; }

/* Kommentar:
   Festlegung des relativen Bezugs fuer den Seiteninhalt */
body { font-size: 1em; }

/* Kommentar:
   Festlegung des relativen Bezugs fuer 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 Schriftgroessenverhaeltnisses von 1em = 10px */
#center { font-size: 0.5em; line-height: 140%; }

#center img { font-size: 1em; }

/* Kommentar:
   Nachfolgend die Definition des Schriftgrades fuer angezeigten Text auf 12.5px = 1em */
div#content div.bf_wrapper,
div#footer div.bf_wrapper .textblock_wrapper,
div#rechts #menu a { font-size: 1.5em; line-height: 140%; }

#footer .bf_wrapper .textblock2 #anschrift_oez { font-size: 1.5em; }

div#rechts div.bf_wrapper { font-size: 1em; }

div#center h1 { font-size: 2.56em; line-height: 140% !important; }
div#center h2 { font-size: 1.92em; line-height: 140% !important; }
div#center h3 { font-size: 1.44em; line-height: 140% !important; }
div#center h4 { font-size: 1.28em; line-height: 140% !important; }
div#center h5 { font-size: 1em; line-height: 140% !important; }
div#center h6 { font-size: 0.8em; line-height: 140% !important; }

div#content h1.pagetitle { font-size: 1.8em; }
#content #bs .element_department_tree div.auflistung_level_0 a { font-size: 1.1em; }

div#links img,
div#content img { font-size: 0.6667em; }

div#content #bs .tsacontent .tsa_source { font-size: 0.9em; }

div#content #bullet_menu div.menucontainer li a { font-size: 1.6em; }

#logo #topmenu div.menucontainer li a { font-size: 1.4em; }

#logo #other_links .menucontainer li a,
#logo #dropdown .menucontainer li a { font-size: 1.2em; }

#footer #other_links div.menucontainer li a { font-size: 1.1em; }

#rechts .textblock1 .textblock_title { font-size: 1.5em; }

#logo #suche form { font-size: 1.1em; }

#links #video h3,
#content #rs_sitemap h5 a { font-size: 1.1em; }

div#links *,
div#content * {font-size: 1em;}

#links div.menucontainer li a { font-size: 1.2em; }

#rechts #acc { font-size: 1.2em;}

#rechts #acc a { font-size: 1em;}

#content h2.element_label { font-size: 1em; line-height: 1.4em !important; }

#logo div.fontsize a.smallerfont { font-size: 1.4em; }
#logo div.fontsize a.normalfont { font-size: 1.8em; }
#logo div.fontsize a.biggerfont { font-size: 2.2em; }

#content .teaser .teaser_titel,
#content .teaser_vk .teaser_titel { font-size: 1em; }

.teaser .teaserdate,
.teaser_vk .teaserdate,
.teaser .element_address,
.teaser_vk .element_address { font-size: 0.91em; }

/* 2. Farbzuweisungen ---------------------------------------------------------- */
/*	2.1. Universale Farbzuweisungen fuer aC -------------------------------------- */

#content #dwa_event_kalender_blatt th,
#content #dwa_event_kalender_blatt th.dwa_event_kalender_blatt_week,
#content .dwa_kalender .dwa_kalendertable th,
#content .dwa_kalender .dwa_kalendertable td.woche {
 border: 1px solid #ddd;
 background-color: #ddd;
 color: #000;
}

#content #dwa_event_kalender_blatt .dwa_event_kalender_blatt_sunday, 
#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,
#content #dwa_event_kalender_blatt .dwa_event_kalender_blatt_events {
 background-color: #ccc;
 color: #000;
 border: 1px solid #aaa;
}

#content .dwa_kalender .dwa_kalendertable .ohne,
#content #dwa_event_kalender_blatt .dwa_event_kalender_blatt_day {
 background-color: #fff;
 color: #000;
 border: 1px solid #eee;
}

/*	2.2. Farbzuweisungen fuer den gesamten Webauftritt --------------------------- */

html body,
html body #center { background-color: #fafbfd; }

#inner_center {  }

#topmenu {  }

#pathinfo { background-color: #fff; }

#footer { background: #0051a0; }

#footer .bf_wrapper * { color: #fff; }

#logo a,
#logo a:visited, 
#links a,
#links a:visited,
#rechts a,
#rechts a:visited,
#content a,
#content a:visited { color: #0051a0; }

#logo #topmenu div.menucontainer li a:focus,
#logo #topmenu div.menucontainer li a:hover {  }

#content .dwa_kalender .dwa_kalendertable .heute a,
#content .dwa_kalender .dwa_kalender_legend .heute span.heute {  }

#center .tpl_div_toggle_title { background: #d3e2ee; color: #0051a0; }

/*	2.2.1. Grundfarbe: #0051a0 -------------------------------------------------- */

div#center div.teaser_vk a.teaser_more,
div#center div.teaser a.teaser_more {  }

#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 #dat #uebersicht table th,
#content div.dwa_kalender .dwa_date,
#content #dwa_event_kalender_month,
#content #adr .address_list .address_list_item .address_title,
#content #bs .element_departmentlist th,
#content #bs #vorgang_uebersicht .element_label,
#content #bs .element_department_tree .element_label,
#content #bs .contactdata th,
#content #bs #unterlage_uebersicht th,
#content #bs #element_departmentcontact .contactdata th,
#content #bs .element_department_tree div.auflistung_level_0,
#content #news .element_newslist th,
#content #bb .dwa_rubrik_list th,
#content #bb .dwa_rubrik_list table caption,
#content #bb .dwa_eintrag_list th,
#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content #bb #rubrik_detail .dwa_rubrik_firmen .tablehead,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss,
#content #rat .dwa_rat_fraktion_chairman table th,
#content #rat .dwa_rat_fraktion table th,
#content #rat .dwa_rat_ausschuss table th,
#content #rat .dwa_rat_ausschuss_chairman table th,
#content #rat .dwa_rat_ausschuss_perm table th,
#content #rat .dwa_rat_ausschuss_nonperm table th,
#content #rat .dwa_ratsmitglied_auflistung .auflistung th,
#content #rat #daten .dwa_v_kalender_list .auflistung th,
#content #rat .dwa_rat_fraktion table th.head,
#content #uebersicht .dwa_v_kalender_list table th,
#content #fo .forums_table_overview th.forums_th,
#content #fo .authorName,
#content #fo .written,
#content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label,
#content #fo #benutzer_einstellungen form.default table.forums_table_compose td.label label,
#content #gmap #kategorie_uebersicht table th,
#content #gmap #kategorie_details table th,
#content #gmap #objekt_suche .dwa_gmap_searchresult th,
#content #tp .dwa_hotel_list table th,
#content #mak #abfuhrbezirke table td u,
#content #ll .lifesituationlist li.auflistung_ueberschrift,
#content #ll .lifesituationlist li.auflistung_ueberschrift a,
#content #vts .record .headline,
#content #spec #spec_liste .kopf,
#content #spec #detail table th,
#content .obj_morerubin table th { background: #0051a0; color: #fff; }

#content #bs .element_department_tree div.auflistung_level_0 a,
#content #bs .element_department_tree div.auflistung_level_0 a:visited,
#content #vts .record .headline a,
#content #news .element_newslist th a,
#content #news .element_newslist th a:visited { color: #fff; }

#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss a,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss a:visited,
#content #dwa_event_kalender_month a,
#content .dwa_date a {  }

#acc li a:link,
#acc li a:visited,
#links .suche,
#content fieldset,
#content input:focus,
#content textarea:focus,
#content select:focus,
#content input#send,
#content .dwa_dynmod_suche table,
#content .Beschreibungen table#Kreisrecht,
#content table.auflistung,
#content .dwa_kalender .dwa_date,
#content #dwa_event_kalender_month,
#content .dwa_kalender .dwa_kalendertable .So a,
#content .dwa_kalender .dwa_kalendertable .termin a,
#content .dwa_kalender .dwa_kalender_legend a,
#content #rs_oeffnungszeiten table,
#content #bs #vorgang_uebersicht .element_label,
#content #bs #element_departmentcontact table,
#content #bs .element_departmentlist table,
#content #bs table.contactdata,
#content #rat .dwa_rat_fraktion_chairman table,
#content #rat .dwa_rat_fraktion table,
#content #rat .dwa_rat_ausschuss table,
#content #rat .dwa_rat_ausschuss_chairman table,
#content #rat .dwa_rat_ausschuss_perm table,
#content #rat .dwa_rat_ausschuss_nonperm table,
#content #rat #ausschuss_detail table,
#content #rat .dwa_ratsmitglied_auflistung table,
#content #news .element_newslist table,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag,
#content #gb .guestbook_form form,
#content #uebersicht .dwa_v_kalender_list table,
#content #bb .dwa_rubrik_list,
#content #bb #rubrik_detail .dwa_rubrik_firmen table,
#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content #dat #uebersicht table,
#content #fo #forums_profile fieldset,
#content #fo #register fieldset,
#content #fo #benutzer_register fieldset,
#content #fo .threadtitle,
#content #fo .qrheadline,
#content #fo .forums_background,
#content #fo table.forums_table_compose select,
#content #fo table.forums_table_compose input,
#content #fo table.forums_table_compose textarea,
#content #adr .address_list .address_list_item,
#content #gmap #map,
#content #gmap #kategorie_uebersicht table,
#content #gmap #kategorie_details table,
#content #gmap #objekt_suche form,
#content #gmap #objekt_suche .dwa_gmap_searchresult table,
#content #exr #newsletter form,
#content #tp .dwa_hotel_list table,
#content #news .element_newslist table,
#content #mak #abfuhrbezirke table,
#content #mak #abfuhrbezirke table td u,
#content #vts .record,
#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today,
#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events,
#content #spec #legende .today,
#content #spec #legende .event,
#content #spec #spec_liste,
#content #spec #detail table,
#footer #bitv_links,
#content .obj_morerubin table {  }

#content .ui-state-default,
#content .ui-widget-content .ui-state-default,
#content .ui-widget-header .ui-state-default {  }

#content .ui-state-hover,
#content .ui-widget-content .ui-state-hover,
#content .ui-widget-header .ui-state-hover,
#content .ui-state-focus,
#content .ui-widget-content .ui-state-focus,
#content .ui-widget-header .ui-state-focus {  }

#content .ui-corner-all,
#content .ui-corner-top,
#content .ui-corner-left,
#content .ui-corner-bottom,
#content .ui-corner-right,
#content .ui-corner-tr,
#content .ui-corner-br,
#content .ui-corner-bl,
#content .ui-corner-tl {  }

#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 {  }

#content .dwa_kalender .dwa_kalendertable,
#content #adr .address_list .address_list_item .address_title,
#content #bs #vorgang_uebersicht,
#content #bs #element_departmentcontact table th,
#content #bs .element_departmentlist table th,
#content #bs table.contactdata th,
#content #bs .element_department_tree div.auflistung_level_0,
#content #bb .dwa_rubrik_list .element_label,
#content #news .element_newslist table th,
#content #fo #forums_profile fieldset,
#content #fo #register fieldset,
#content #fo .info,
#content #news .element_newslist table th,
#content #rs_oeffnungszeiten th,
#content #gmap .dwa_gmap_objectlist th,
#content #spec #dwa_event_list_wrapper .event_wrapper h5,
#content #spec #spec_liste .kopf,
#content #spec #detail table th,
#content .obj_morerubin table th {  }

#content #bs .element_department_tree div.auflistung_level_0,
#content #rat table td.space,
#content #rat .dwa_ratsmitglied_auflistung .auflistung th.headline,
#content #rat .dwa_rat_ausschuss table th.ausschuss,
#content #fo .text_author_clear {  }

#content #bs .element_department_tree div.auflistung_level_0 + div.auflistung_level_0 {  }

#content .dwa_kalender .dwa_kalendertable,
#content #bs #vorgang_uebersicht .auflistung_text,
#content #fo .text {  }

#content #bb #rubrik_detail .dwa_rubrik_firmen tr,
#content #fo .info {  }

#content .dwa_kalender .dwa_kalendertable .termin a,
#content .dwa_kalender .dwa_kalendertable .So a,
#content .dwa_kalender .dwa_kalendertable .termin a {  }

#content .dwa_kalender .dwa_kalender_legend .dwa_kalmark4 a,
#content .dwa_kalender .dwa_kalender_legend .termin a {  }

#content .dwa_kalender .dwa_kalendertable .heute {  }

#content .dwa_kalender .dwa_kalender_legend .heute span.heute {  }

/*	2.2.3. Hoverfarbe 1: #fff --------------------------------------------------- */

#content .dwa_dynmod .auflistung tr,
#content .dwa_dynmod_suche table,
#content .dwa_kalender .dwa_date,
#content #vts .record .summary,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date,
#content #dat #uebersicht table tr,
#content #bs .inner_tsacontent,
#content #bs .contactdata tr,
#content #bs .element_departmentlist tr,
#content #bs #vorgang_uebersicht .auflistung_text,
#content #bs #element_departmentcontact .contactdata tr,
#content #bs #unterlage_uebersicht tr,
#content #bs .element_department_tree div,
#content #news .element_newslist tr,
#content #news #pressemitteilungen table,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr,
#content #bb .dwa_rubrik_list table tr,
#content #bb .dwa_eintrag_list table tr,
#content #uebersicht .dwa_v_kalender_list table tr,
#content #rat .dwa_rat_fraktion_chairman table tr,
#content #rat .dwa_rat_fraktion table tr,
#content #rat .dwa_rat_ausschuss table tr,
#content #rat .dwa_rat_ausschuss_chairman table tr,
#content #rat .dwa_rat_ausschuss_perm table tr,
#content #rat .dwa_rat_ausschuss_nonperm table tr,
#content #rat .dwa_ratsmitglied_auflistung table tr,
#content #rat .dwa_ratsmitglied_auflistung table th.headline:hover,
#content #rat #daten .dwa_v_kalender_list .auflistung tr,
#content #rat .dwa_rat_ausschuss table th#ausschuss:hover,
#content #fo .threadtitle,
#content #fo .qrheadline,
#content #fo table.forums_table_overview caption,
#content #fo table.forums_table_overview td.forums_category,
#content #fo table.forums_table_compose td.label,
#content #gmap #kategorie_uebersicht table tr,
#content #gmap #kategorie_details table tr,
#content #gmap #objekt_suche .dwa_gmap_searchresult tr,
#content #tp .dwa_hotel_list table tr,
#content #mak #abfuhrbezirke table tr {  }

.inner_tsacontent {  }

/*	2.2.3. leicht abgedunkelte Hoverfarbe: #fff --------------------------------- */

#content .teaser .teaser_element,
#content .teaser_vk .teaser_element,
#content .dwa_kalender .dwa_date,
#content #rs_oeffnungszeiten th,
#content #vts .record .headline,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date,
#content #dat #uebersicht table td {  }

#content .dwa_kalender .dwa_kalender_legend .termin a,
#content .dwa_kalender .dwa_kalender_legend .heute span.heute {  }

/*	2.2.4. Linkfarbe vor farbigem Hintergrund: #000 ----------------------------- */

#content .dwa_kalender .dwa_kalendertable .heute a,
#content .dwa_dynmod .auflistung a,
#content #gb #gaestebuch_uebersicht .gaestebuch_liste .gb_date a,
#content #bs .contactdata tr a,
#content #bs #vorgang_uebersicht .auflistung_text a,
#content #bs #element_departmentcontact .contactdata tr a,
#content #bs .element_departmentlist tr a,
#content #bs #unterlage_uebersicht tr a,
#content #news .element_newslist tr a,
#content #news .element_newslist table th:hover a,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr a,
#content #bb .dwa_rubrik_list table tr a,
#content #bb .dwa_eintrag_list table tr a,
#content #uebersicht .dwa_v_kalender_list table tr a,
#content #rat table td.name a,
#content #rat .dwa_ratsmitglied_auflistung th:hover a,
#content #rat .dwa_rat_ausschuss table th.ausschuss:hover a,
#content #fo table.forums_table_overview td a,
#content #fo table.forums_table_overview td a:hover,
#content #adr .address_list .address_list_item .address_title a,
#content #gmap #kategorie_uebersicht table td a,
#content #gmap #kategorie_details table td a,
#content #gmap #objekt_suche .dwa_gmap_searchresult tr a,
#content #ga .picture_row li .picture_content a,
#content #ga .gallery_overview_list li .gallery_content a,
#content #tp .dwa_hotel_list table td a,
#content #mak #abfuhrbezirke table td a,
#content #vts .record .detaillink a,
#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today a {  }

#content #news .element_newslist table th a {  }

/*	2.2.5. Hoverfarbe 2: #fff --------------------------------------------------- */

#content .Beschreibungen table#Kreisrecht tr:hover,
#content .dwa_dynmod .auflistung tr:hover,
#content #rs_organigramm #ebene_unten p:hover,
#content #dat #uebersicht table tr:hover,
#content #bb .dwa_rubrik_list table tr:hover,
#content #bb .dwa_eintrag_list table tr:hover,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr:hover,
#content #bs #vorgang_uebersicht .auflistung_text:hover,
#content #bs .element_departmentlist table tr:hover,
#content #bs table.contactdata tr:hover,
#content #bs #unterlage_uebersicht tr:hover,
#content #bs .element_department_tree div:hover,
#content #uebersicht .dwa_v_kalender_list table tr:hover,
#content #news .element_newslist tr:hover,
#content #rat table td.space,
#content #rat .dwa_rat_fraktion_chairman table tr:hover,
#content #rat .dwa_rat_fraktion table tr:hover,
#content #rat .dwa_rat_ausschuss_chairman table tr:hover,
#content #rat .dwa_rat_ausschuss_perm table tr:hover,
#content #rat .dwa_rat_ausschuss_nonperm table tr:hover,
#content #rat .dwa_rat_ausschuss table tr:hover,
#content #rat .dwa_ratsmitglied_auflistung tr:hover,
#content #rat #daten .dwa_v_kalender_list tr:hover,
#content #gmap #kategorie_uebersicht table tr:hover,
#content #gmap #kategorie_details table tr:hover,
#content #gmap #objekt_suche .dwa_gmap_searchresult tr:hover,
#content #mak #abfuhrbezirke table tr:hover,
#content #mak #abfuhrbezirke form table tr {  }

#content #bs .element_department_tree div.auflistung_level_0:hover {  }


#content .ui-state-default,
#content .ui-widget-content .ui-state-default,
#content .ui-widget-header .ui-state-default {
	border: 1px solid #fff;
	background: #0051a0 !important;
}

#content .ui-state-default span,
#content .ui-widget-content .ui-state-default span,
#content .ui-widget-header .ui-state-default span {
	color: #fff !important;
	font-weight: normal;
}

#content .ui-state-active,
#content .ui-state-hover,
#content .ui-widget-content .ui-state-hover,
#content .ui-widget-header .ui-state-hover,
#content .ui-state-focus,
#content .ui-widget-content .ui-state-focus,
#content .ui-widget-header .ui-state-focus {
	border: 1px solid #fff;
	background: #7FA347 !important;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #0051a0;
	background: #7FA347;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #0051a0;
	background: #ffffff;
	font-weight: normal;
	color: #7FA347;
	border-radius: 0 !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #7FA347;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #7FA347;
	background: #7FA347;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #0051a0;
	background: #7FA347;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

#center .chosen-container .chosen-results li.highlighted {
  background: #0051a0 !important;
  color: #fff;
}

/* Interaction states - Datepicker Calendar only
----------------------------------*/
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
	border: 1px solid #0051a0;
	background: #ffffff;
	font-weight: normal;
	color: #0051a0;
	border-radius: 3px !important;
}
.ui-datepicker-calendar .ui-state-default a,
.ui-datepicker-calendar .ui-state-default a:link,
.ui-datepicker-calendar .ui-state-default a:visited {
	color: #7FA347;
	text-decoration: none;
}
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus,
.ui-datepicker-calendar .ui-widget-content .ui-state-focus,
.ui-datepicker-calendar .ui-widget-header .ui-state-focus {
	border: 1px solid #7FA347;
	background: #7FA347;
	font-weight: normal;
	color: #ffffff;
}
.ui-datepicker-calendar .ui-state-hover a,
.ui-datepicker-calendar .ui-state-hover a:hover,
.ui-datepicker-calendar .ui-state-hover a:link,
.ui-datepicker-calendar .ui-state-hover a:visited,
.ui-datepicker-calendar .ui-state-focus a,
.ui-datepicker-calendar .ui-state-focus a:hover,
.ui-datepicker-calendar .ui-state-focus a:link,
.ui-datepicker-calendar .ui-state-focus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker-calendar .ui-widget-header .ui-state-active {
	border: 1px solid #7FA347;
	background: #7FA347;
	font-weight: normal;
	color: #ffffff;
}
.ui-datepicker-calendar .ui-state-active a,
.ui-datepicker-calendar .ui-state-active a:link,
.ui-datepicker-calendar .ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #7FA347;
	background: #c3c3c3;
	color: #000000;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #000000;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #7FA347;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/*	3. Hintergrundbilder -------------------------------------------------------- */
/*	3.1. Hintergrundbilder fuer den gesamten Webauftritt ------------------------- */

/*	4. Menugestaltung ----------------------------------------------------------- */

.menucontainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menucontainer ul .bild {
  display: none;
}

/*	4.1. Topmenu ---------------------------------------------------------------- */
/*	4.2. Menu Links ------------------------------------------------------------- */
/*	4.3. Menu im Contentbereich ------------------------------------------------- */

#rs_sitemap .menucontainer ul li a,
#rs_sitemap .menucontainer ul li a:visited,
#rs_sitemap .menucontainer ul li a:hover,
#rs_sitemap .menucontainer ul li a:focus,
#rs_sitemap .menucontainer ul li span.nolink { padding: 0.3em 0 !important; display: block; }

#rs_sitemap .menucontainer ul li span.nolink { color: red; font-weight: bold; }

#rs_sitemap .menucontainer > ul > li.level_1 > span > span.item_text { text-transform: uppercase; }

#rs_sitemap .menucontainer ul li li { padding-left: 3em; }

/*	4.4. Menu Rechts ------------------------------------------------------------ */
/*	4.5. Menu im Footer --------------------------------------------------------- */

/*	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 im Contentbereich ----------------------------------------- */
/*	5.2.2. Teaser Veranstaltungskalender im Contentbereich ---------------------- */

/*	6. allg. Formatierungen nach Position --------------------------------------- */
/*	6.1. Formatierungen ohne Positionsbezug ------------------------------------- */

#content h2.simplefloatl {
 padding-right: 1em;
 margin-top: 0;
 float: left;
}

#content img.extlinkicon {
 vertical-align: middle;
 padding-top: 0;
 height: 1em;
 width: 1em;
}

#content table h4 { background-color: #fff; border: 1px solid #1e2d3d; color: #000; margin: 0 !important; }

#content table h5 { margin: 0.5em 0 0; font-size: 1.3em; }

#content table td.barcamp_zeit { width: 14em; }

/*	6.1.1. Access Key ----------------------------------------------------------- */

#acc_container { 
width: 62%; background-color: #e9e9e9; display: inline-block; padding: 5% 19%;
}

#acc {
  width: 12em;
  text-align: left;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  display: inline-block;
}

#acc li {
  text-align: center;
  margin: 0.5em 0.1em 0;
  padding: 0;
  border: 0px solid #6f6f6f;
  float: none;
  list-style: none;
  display: inline;
  font-weight: bold;
}

/* 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: #fff;
  background: #0051a0;
  padding: 0.1em 1em;
  width: 1.2em;
  border: 1px solid #0051a0;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

#acc li a:hover, #acc li a:focus, #acc li a:active {
  color: #fff !important;
  background: #cd3930;
  border-color: #cd3930;
}

#acc .acc-n {
  border: 1px dotted #fff;
  padding: 0.1em 1em;
  width: 1.2em;
  color: #000;
  background: #fff; display: inline-block;
}

#acc li.acc-logo {
  border: 0;
  width: 6.3em; display: inline-block; margin-top: 0.5em
}

#acc .acc-logo a:link, #acc .acc-logo a:visited {
  padding: 0.1em 0.3em 0.0em 0.1em;
  width: 6.8em;
  display: inline-block;
  color: #ff0000;
  background: #fff;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #fff;
}

/* 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: #0051a0;
  text-decoration: none;
  border-color: #0051a0;
}

#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.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,
#content #dwa_event_kalender_month {
 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 {
  display: none;
}

/*	6.1.6. Suche ---------------------------------------------------------------- */

.quicksearch input {
  border: 1px groove #000;
  background-color: #fff;
}

#quicksearch {
  padding: 0.3em;
  padding-top: 0em;
}

#quicksearch .search_form_wrapper {
  display: flex;
  flex-flow: row nowrap;
}

#quicksearch label {
  display: none;
}

#quicksearch input.element_search_input {
  min-width: auto !important;
  width: 85%;
}

#quicksearch input {
  min-width: auto !important;
}

#quicksearch input.element_search_image {
  min-width: auto !important;
  width: 1.6em;
  height: 1.6em;
  cursor: pointer;
}

/*  6.1.7. A-Z Liste ------------------------------------------------------------ */

#content div.az {
  display: flex;
  flex-flow: row wrap;
}

#content div.az span.az a,
#content div.az span.az.active,
#content div.az span.az_deact {
  display: flex;
  flex-flow: column;
  align-items: center;
  vertical-align: middle;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 3px 5px;
  background-color: rgba(0,76,148,0.3);
}

#content div.az span.az_deact { background-color: rgba(220,220,220,0.5); }

#content div.az span.az a,
#content div.az span.az a:visited  { clor: #fff;}

#content div.az span.az.active,
#content div.az span.az a:focus,
#content div.az span.az a:hover {
  display: block;
  text-align: center;
  background-color: #004C94;
  color: #fff;
  text-decoration: none;
}

/*  6.1.8. Seitenwähler --------------------------------------------------------- */

#content div.dwa_pager .page_row {
  display: flex;
  flex-flow: row wrap;
}

#content div.dwa_pager .page_row .current_page,
#content div.dwa_pager .page_row > a {
  display: flex;
  flex-flow: column;
  align-items: center;
  vertical-align: middle;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 3px 5px;
  background-color: rgba(0,76,148,0.3);
  padding: 0;
}

#content div.dwa_pager .page_row .current_page,
#content div.dwa_pager .page_row > a:focus,
#content div.dwa_pager .page_row > a:hover {
  display: block;
  text-align: center;
  background-color: #004C94;
  color: #fff;
  text-decoration: none;
}

/*	6.2. Formatierungen im Kopfbereich ------------------------------------------ */

#karussell,
#header_bild .image_wrapper .image_copyright,
#header_bild .image_wrapper .image_description { 
	display: none; 
}


#header_bild { display: block; }

#header_bild .image_wrapper { display: block; }

#header_bild .image_wrapper img { width: 100%; height: auto; }

#logo a, #logo a:link, #logo a:visited, #logo a:active {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#logo .menucontainer a, #logo .menucontainer a:link, #logo .menucontainer a:visited, #logo .menucontainer a:active {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

#logo a:focus, #logo a:hover,
#logo div.menucontainer li a.item_active,
#logo div.menucontainer li a.item_parent_active {
  color: #fff;
  text-decoration: none;
}

#logo #oben {
  display: flex;
  flex-flow: row;
  top: 0em;
  width: 100%;
  padding: 1em 0;
  height: 10em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  /*  box-shadow: 0px 0px 30px 0px #000; */
}

#logo #oben .wrapper {
  width: 120em;
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: baseline;
}

#logo #oben .wrapper #wappen {
  display: inline-flex;
  flex-flow: column;
  margin: 0 auto 0 2%;
  max-width: 25% !important;
}

#logo #oben .wrapper #oben_rechts {
  flex: 1 999 auto;
  align-self: baseline;
  margin: 0 0 0 5%;
}

#logo #oben .wrapper #oben_rechts #topmenu {width: 100%;/* display: none; */}

#logo #unten { margin: 0 auto !important; }

#logo #unten.fixed {
  position: fixed;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px #000;
  height:  auto;
  min-height:  auto;
}

@media (min-width: 768px) {
	#logo #unten #karussell .butterfly_card.wrapper {
	/*  display: flex;
	  flex-flow: column; */
	}

	#logo #unten #karussell .butterfly_card.wrapper div.teaserimg {
	  position: absolute !important;
	  /* z-index: -1 !important; */
	}

	#logo #unten #karussell .butterfly_card.wrapper div.teaserimg a {
	  display: inline-block; position:relative
	}

	#logo #unten #karussell .butterfly_card.wrapper div.teasercontent {
	  display: flex;
	  flex-flow: column;
	  position: absolute !important;
	  width: fit-content;
	  max-width: 60%;
	  margin: auto 70px 70px 70px;
	  align-self: baseline;
	  padding: 2.5%;
	  height: fit-content;
	  bottom: 0;
	  background: rgba(0,76,148, 0.9);
	  z-index: 100 !important;
	}


	#logo #unten #karussell .teasercontent h3 {
	  margin: 0 0 0.5em 0;
	  font-size: 2em;
	}

	#logo #unten #karussell .teasercontent h3 a {
	  font-size: 1em;
	  font-weight: normal !important;
	}

	#logo #unten #karussell .teasercontent h3 a:hover,
	#logo #unten #karussell .teasercontent h3 a:focus {
	  font-weight: bold !important;
	}

	#logo #unten #karussell .teasercontent .teasertext {
	  font-size: 1.5em;
	  line-height: 140%;
	  color: #fff;
	}
}


#logo #unten #pathinfo {}

#logo #unten #pathinfo #path_clear {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}

#logo #unten #pathinfo #path_clear a {
  color: #004c94;
  display: flex;
  flex-flow: row nowrap;
}

#logo #unten #pathinfo #path_clear a span {
  font-size: 1.4em;
  line-height: 24px;
  padding: 0 5px 0 0;
}

#logo #unten #pathinfo #path_clear a:nth-child(n+2) span:before {
  font-family: "iconmonstr-iconic-font";
  content:'\e001';
  font-size: 12px;
  line-height: 24px;
  padding: 0 3px;
}

#logo #sidebar_neu #weather_button { height: 80%; min-width: 100%; }

#logo #sidebar_neu #weather_button .text_wrapper { display: none; }

#logo #sidebar_neu #weather_button img#act_weather {
  height: 40px !important;
  margin: 0;
  width: 40px !important;
  padding: 5px;
}

#logo #sidebar_neu {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 100;
  display: flex;
  flex-flow: column;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#logo #sidebar_neu > li {
  display: flex;
  flex-flow: row-reverse nowrap;
  margin-bottom: 5px;
}

#logo #sidebar_neu .image_copyright {
  display: none;
}

#logo #sidebar_neu > li > a {
  width: 50px;
  height: 50px;
  background: rgba(0,76,148, 1);
  padding-left: 0;
  transition: all .2s ease-in-out;
}

#logo #sidebar_neu > li > a img  {
  width: 80% !important;
  height: 80% !important; 
  padding: 10%;
}

#logo #sidebar_neu #weather_button img { height: 100%; min-width: 80%; }

#logo #sidebar_neu > li > ul {
  /*! background: rgba(0,76,148, 1); */
  list-style: none;
  padding: 0;
  font-size: 1.4em;
  margin: 0 5px 0 0;
  /* min-width: 250px; */
  opacity: 0;
  display: none;
}

#logo #sidebar_neu > li:hover {
  width: auto;
}

#logo #sidebar_neu > li:hover a, 
#logo #sidebar_neu > li > a:hover {
  padding: 0 15px 0 0;
  transition: all .2s ease-in-out;
  display: flex;
  flex-flow: row-reverse;
}

#logo #sidebar_neu > li:hover ul {
  display: block;
  transition: all .2s ease-in-out;
  opacity: 1;
  background: rgba(0,76,148, 1);
}

#logo #sidebar_neu > li > ul > li {
  opacity: 0;
  transition: all .2s ease-in-out;
}

#logo #sidebar_neu > li:hover > ul > li {
  opacity: 1;
  transition: all .2s ease-in-out;
}

#logo #sidebar_neu #quicksearch {padding: 0;margin: 10px;display: flex;}

#logo #sidebar_neu #quicksearch label { color: #fff; padding: 8px; display: block; white-space: nowrap }

#logo #sidebar_neu #quicksearch input.element_search_input {line-height: 25px;margin: 0;flex: 1 999 auto;width: 190px;padding: 0 10px;border: 0;}

#logo #sidebar_neu #quicksearch input.element_search_image { display: none;}

.weather_wrapper{
	width: 97% !important;
	padding: 0px !important;
}

#logo #sidebar_neu #wetter {padding: 8px !important;/* width: auto; */}

#logo #sidebar_neu #wetter #title {padding: 0 0 5px;text-align: right;}

#logo #sidebar_neu #wetter * { color: #fff; }

#logo #sidebar_neu #wetter #brand_link img { width: 50%;}

#logo #sidebar_neu #wetter #act_time { display: none; }

#logo #sidebar_neu #wetter span#act_time:before { content:'Kalletaler Wetter um '; }

#logo #sidebar_neu #wetter #temperatur {display: flex;flex-flow: row nowrap;justify-content: flex-end;}

#logo #sidebar_neu #wetter #temperatur #temp_head,
#logo #sidebar_neu #wetter #temperatur img { display: none; }

#logo #sidebar_neu #wetter #temperatur #weather_conditions { order: 1; }

#logo #sidebar_neu #wetter #temperatur #weather_conditions:after { content: 'bei'; padding: 0 4px; }

#logo #sidebar_neu #wetter #temperatur #temp { order: 2; }

#logo #sidebar_neu #wetter #wind,
#logo #sidebar_neu #wetter #brand { display: none; }

#logo #sidebar_neu .rssreader_body {padding: 5px 5px 5px;display: flex;flex-flow: column; /*! padding-bottom: 10px; */border: 4px solid rgba(0,76,148, 1);background-color: #fff;}

#logo #sidebar_neu .rssreader_body .rssreader_entry { background: #fff;  display: flex; flex-flow: column; margin: 0 !important; }

#logo #sidebar_neu .rssreader_body .rssreader_entry .rssreader_date { /*! background: #fff; */ padding: 8px 8px 0; color: #004c94; }

#logo #sidebar_neu .rssreader_body .rssreader_entry .rssreader_head { /*! background: #fff; */ padding: 6px 8px 8px; color: #004c94; margin: 0 !important;}

#logo #sidebar_neu .rssreader_body .rssreader_entry .rssreader_head a {color: #004c94;}

#sidebar_toggle_button{
	display: none;	
}

@media (max-width: 767px) {
	#sidebar_toggle_button{
		display: initial;	
	}
	#sidebar_toggle_button .image_wrapper {
		margin: 10px;
	}
	#sidebar_toggle_button .image_wrapper .image_copyright{ 
		display: none !important;
	}
	#sidebar_toggle_button .image_wrapper svg{
		fill: #ffffff;
	}
	
	div#sidebar_toggle_button{
		float: right;
		margin: 5px 0px 5px 10px;
		position: relative;
		width: 50px;
		height: 50px;
		/* text-indent: 50px; */
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		position: absolute;
		right: 60px;
		top: 0;
		background: rgba(0,76,148, 1);
		padding: 0;
		z-index: 1000;
	}
	
	#logo #sidebar_neu {
	  position: fixed;
	  top: 60px;
	  left: 0;
	  flex-flow: row;
	  justify-content:space-around;
	  list-style: none;
	  width: 100%;
	  display: none;
	  /* background: rgba(255, 255, 255, 0.8); */
	}

	#logo #sidebar_neu.showSidebar {
		display: flex;
	}

	#logo #sidebar_neu > li {
	  display: flex;
	  flex-flow: column;
	  margin-right: 5px;
	  margin-left: 0;
	}

	#logo #sidebar_neu > li:first-child {
	  margin-left: auto;
	}

	#logo #sidebar_neu > li:last-child {
	  /* margin-right: 70px; */
	}

	#logo #sidebar_neu > li > a {
	  width: 50px;
	  height: 50px;
	  background: rgba(0,76,148, 1);
	  padding-left: 0;
	  transition: all .2s ease-in-out;
	}

	#logo #sidebar_neu > li > ul {
	  position: fixed;
	  top: 115px;
	  right: 0;
	  min-width: auto;
	  background: rgba(0,76,148, 1);
	  list-style: none;
	  padding: 0;
	  font-size: 1.4em;
	  margin: 0 5px;
	  opacity: 1;
	}

	/* #logo #sidebar_neu > li > ul {
	  position: absolute;
	  top: 60px;
	  right: 0;
	  min-width: 100%;
	} */

	#logo #sidebar_neu > li:hover {
	  width: auto;
	}


	#logo #sidebar_neu > li:hover a, 
	#logo #sidebar_neu > li > a:hover {
	  padding: 0 0 10px  0;
	  transition: all .2s ease-in-out;
	  display: flex;
	  flex-flow: row;
	}

	#logo #sidebar_neu > li> a:hover + ul {
	  display: block;
	  transition: all .2s ease-in-out;
	  opacity: 1;
	  /* z-index: 52; */
	}

	#logo #sidebar_neu > li > ul > li {
	  opacity: 0;
	  transition: all .2s ease-in-out;
	}

	#logo #sidebar_neu > li:hover > ul > li {
	  opacity: 1;
	  transition: all .2s ease-in-out;
	}

	#logo #sidebar_neu #wetter,
	#logo #sidebar_neu #quicksearch {/* position: fixed; *//* right: 0; *//* z-index: 100; *//* top: 115px; */width: auto;min-width: 40%;background: rgba(0,76,148, 1);padding: 5px;font-size: 1.2em;}

	#logo #sidebar_neu #quicksearch {padding: 0px;}
}

@media (max-width: 380px) {
	#logo #sidebar_neu {
	  top: 60px;
	}

	#logo #sidebar_neu > li:last-child {
	  margin-right: 5px;
	}

	#logo #sidebar_neu #wetter,
	#logo #sidebar_neu #quicksearch { position: fixed; right: 0; z-index: 100; top: 115px; width: auto; min-width: 40%; background: rgba(0,76,148, 1); padding: 5px; }
	
	#logo #sidebar_neu #wetter { right: 5px;}

	#logo #sidebar_neu #quicksearch { padding: 5px; top: 105px }

}
 

/*	6.3. Formatierungen im linken Bereich --------------------------------------- */

#links a, a:link, a:visited, a:active {
  text-decoration: none;
  font-weight: bold;
}

#links a:hover {
  text-decoration: underline;
  font-weight: bold;
}

#links h3.class_447_1379413852276 {
  margin: 0 !important; padding: 0.5em;
    }

/*	6.4. Formatierungen im Inhaltsbereich --------------------------------------- */

#content a, #content a:visited, #content a:active {
  font-weight: bold;
  text-decoration: none;
}

#content a:focus, #content a:hover{
  color: #000;
  text-decoration: underline;
}

#content img[alt=telefon],
#content img[alt=Fax],
#content img[alt=email],
#content img[alt=Homepage]{ padding-top: 0; vertical-align: middle; }

/*	6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */

#content #banner_start img { width: 75em; height: 18em; padding: 0; margin: 2em 0 1em; }

#content div.text table td p {margin-top:0; padding-top:0;} /* Abstaende oben von Absaetze in Tabellen werden entfernt */

/* -------------------------- RS Startseite ------------------------------------- */

#content #buergerbrief { display: inline-block; padding: 0.7em 0; float: right; margin: 1.5em 0 0;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px; }

#content #buergerbrief a { font-size: 1.6em; font-style: normal; color: #fff; padding: 0.6em 2em;}

#content #zwei_spalten { width: 100%; }

#content #zwei_spalten h2 { font-size: 1.76em; font-weight: normal; color: #245095; text-align: center; padding-bottom: 0.5em; margin: 0}

#content #zwei_spalten #spalte_links { width: 49.9%; display: inline-block; }
#content #zwei_spalten #spalte_rechts { width: 50%; display: inline-block; }

#content #zwei_spalten #spalte_links { float: left; }

#content #zwei_spalten #spalte_rechts { float: right; }

/* ---------------------------------- Bilder ----------------------------------- */

div#content img { padding: 0.3em; }

/* -------------------------------- Seitentitel -------------------------------- */

div#content h1.pagetitle,
div#content h1.fake_pagetitle {
  color: #003399; font-weight: bold;
}

/* --------------------------------- Adressen ---------------------------------- */

#content .element_address {
  display: inline-block;
}

#content .element_address .hr {
 height: 0;
 width: auto;
}

#content .element_address .name {
  font-weight: bold !important;
}

#content .element_address .contactdata.contactinfo {
  display: flex;
  flex-flow: column;
}

#content .element_address .contactdata.contactinfo > div {
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0;
}

#content .element_address .contactdata.contactinfo > div > div {
  align-self: center;
  vertical-align: bottom
}

#content .element_address .contactdata.contactinfo > div .contactdata_button {
  margin: 0 5px 0 0; 
  padding: 0; 
  height: auto; 
  width: auto;
}

#content .element_address .contactdata.contactinfo > div > div a,
#content .element_address .contactdata.contactinfo > div > div img {
  align-self: center;
  padding: 0;
  margin: 0;
  line-height: 140% !importaqnt;
}

#content .element_address .contactdata.contactinfo > div > div img {
  align-self: center;
  padding: 0;
  margin: 0;
}

/* ------------------------------- Kontaktdaten -------------------------------- */

#content #daten_bild,
#content #bild_daten {
 border: 0px solid #ddd;
 display: inline-block;
}

/* IE 7 Hack */
*:first-child+html #content #daten_bild { display: inline; }
*:first-child+html #content #bild_daten { display: inline; }

/* IE 6 hack */
*html #content #daten_bild { display: inline; }
*html #content #bild_daten { display: inline; }

#content #daten_bild #daten,
#content #bild_daten #bild { 
 float: left;
 padding: 0em;
}

#content #daten_bild #bild,
#content #bild_daten #daten {
 float: left;
 clear: right;
 padding: 0;
}

#content #bild_daten #bild,
#content #daten_bild #bild { display: inline; }

#content #bild_daten #bild img,
#content #daten_bild #bild img { padding: 1em 0 1em 0; width: auto !important; }

#content #bild_daten #daten,
#content #daten_bild #daten { display: inline-block; }

/* Tabelle mit CSS Klasse bild_links_text_rechts */
#content table.bild_links_text_rechts .image_wrapper img {
	max-width: unset;
}
#content table.bild_links_text_rechts p:first-child {
	margin-top: 0;
}
#content table.bild_links_text_rechts tr {
		display:flex;
}
@media (max-width: 600px) {
	#content table.bild_links_text_rechts .image_wrapper,
	#content table.bild_links_text_rechts .image_wrapper a,
	#content table.bild_links_text_rechts .image_wrapper img {
		width: 100%;
	}
	
	#content table.bild_links_text_rechts tr {
		flex-direction:column;
	}
}

/* IE 6 hack */
*html #content #bild_daten #daten { display: inline; }
*html #content #daten_bild #daten { display: inline; }

#content #details { width: 100%; }

/*	6.4.2. Volltextsuche -------------------------------------------------------- */
/* -------------------------- Ausgabeseite Ergebnisse -------------------------- */

#content #vts .searchfield { width: 50%; display: inline-block; padding-bottom: 0.5em; }

#content #vts .searchfield input { float: left; width: 60%; margin-top: 0.1em; }

#content #vts .searchfield button { width: 30%; }

#content #vts .searchfield,
#content #vts .searchfield div {
 margin-top: 0.5em;
 text-align: left;
}

#content #vts .page { display: inline-block; }

#content #vts label {}

#content #vts hr { display: none; }

#content #vts .searchgap { height: 1em; }

#content #vts .record {
 width: 100%; 
 border: 1px solid #ddd; border-top: 0;
 display: inline-block;
}

#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;
}

/*	6.4.3. Modul Buergerservice -------------------------------------------------- */
/* --------------------------------- Aemterbaum --------------------------------- */

#content #bs #vorgang_detail br + br { display: none; }

#content #bs #vorgang_detail .tsacontent br,
#content #bs #vorgang_detail .beschreibung br { display: block; }

#content #bs * { font-family: arial; font-size: 1em;}

#content #bs #vorgang_detail #gebuehren .wrapper,
#content #bs #vorgang_detail #checkliste .wrapper { width: 100%;}

#content #bs #vorgang_detail #gebuehren p { margin: 0.3em}

#content #bs #vorgang_detail #amt { margin-top: 1em; }

#content #bs #vorgang_detail #amt *  { background-color: transparent; border: 0; max-width: 30em; }

#content #bs #vorgang_detail #amt .element_label  { width: 10em; float: left; }

#content #bs #vorgang_detail #amt .element_label_content  { max-width: 30em; float: left; }

#content #bs #vorgang_detail #gebuehen,
#content #bs #vorgang_detail #gebuehen .wrapper { display: inline-block; width: 100%;}

#content #bs .element_department_tree div.auflistung_level_0,
#content #bs .element_department_tree div.auflistung_level_0 + div.auflistung_level_0  { border-bottom: 0.1em solid #fff; border-top: 0.8em solid #fff; }

#content #bs .element_department_tree div.auflistung_level_0 img { display: none; }

#content #bs .element_department_tree .element_label {
 margin: 0;
 margin-bottom: 0.1em;
 padding: 0.3em 0 0.3em 8em;
}

#content #bs .element_department_tree { padding: 0; margin-top: 1em; }

#content #bs .element_department_tree div { border-bottom: 0.1em solid #fff; padding: 0.3em 0 0.3em 8em; margin: 0;}

#content #bs .element_department_tree div.auflistung_level_0 { padding: 0.3em 0 0.3em 0.5em; }

#content #bs .element_department_tree div.auflistung_level_1 { padding: 0.3em 0 0.3em 4em; text-indent: -4.15em; }

#content #bs .element_department_tree div.auflistung_level_2 { padding: 0.3em 0 0.3em 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 { white-space: nowrap; }

#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 #vorgang_dokumente .wrapper { display: flex; }

#content #element_employeeroom .lable,
#content .zimmer .lable { display: none; }

#content #bs h2.element_label { margin: 1em 0 !important; width: auto !important }

#content #bs h2.simplefloatl { margin: 0 !important; width: 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; }

#content #bs #mitarbeiter_detail #element_employeeroom div.name,
#content #bs #mitarbeiter_detail #element_employeeroom .element_address .addresse_name { font-weight: bold; }

#content #bs #mitarbeiter_detail #element_employeeroom .simplefloatl + div.name { font-weight: normal; }

#content #element_employeeroom .label_bezeichnung,
#content #element_employeeroom .lable_text,
#content .zimmer .zimmer_etage,
#content .zimmer .zimmer_gebaeude,
#content .zimmer .lable_text {
 clear: right;
 padding: 0.2em 0;
}

#content #zimmer_detail .element_address .addresse_name { display: none; }

#content .zimmer .zimmer_etage h2 { display: none; }

#content .element_address .addresse_name { font-weight: normal; }

#content .zimmer .element_address .addresse_name {
 padding-left: 6em;
 font-weight: bold;
 padding-top: 1.2em;
}

#content td img {
 float: left;
 padding-right: 0.5em;
}

#content .vorgang_amt .label_bezeichnung img {
 display: none
}

#content #amt.element .wrapper { display: flex;}

#content #amt.element { width: 100%;}

#content #amt.element .wrapper .element_address .contactinfo .contactdata { display: flex; }

#content #amt.element .wrapper .element_address hr{ width: 100% !important; }

#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; }

/* ---------------------------------- Listen ----------------------------------- */

#content #bs #element_departmentcontact .element_label_content,
#content #bs #zimmer_detail .element_zimmer_ansprechpartner table { width: 100%; }

#content #bs #element_departmentcontact table,
#content #bs .element_departmentlist table,
#content #bs #element_departmentcontact table,
#content #bs #unterlage_uebersicht table { width: 100%; }


#content #bs #unterlage_uebersicht th,
#content #bs .element_departmentlist th {
 padding: 0.5em 0.3em; 
}

#content #bs #unterlage_uebersicht td,
#content #bs .element_departmentlist td {
 padding: 0.3em;
 border-top: 1px solid #fff;
}

#content #bs #unterlage_uebersicht th,
#content #bs #unterlage_uebersicht td {
 padding-left: 2em;
}

#content #bs #vorgang_uebersicht .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/5/7/143775/orig_6x13.png');
  	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: 0px solid #fff;
	font-weight: bold;
	margin: 0;
	padding: 0.0em 0;
	display: block;
  text-decoration: underline;
}

#content #bs table.contactdata caption { display: none; }

#content #bs .element_departmentlist #Bezeichnung { width: 18em; }

#content #bs .element_departmentlist th#Email { width: 2.5em; }

#content #bs #element_departmentcontact .contactdata td ul { margin: 0; padding: 0; list-style-type: none; }

#content #bs table.contactdata { width: 100%; }

#content #bs table.contactdata th { border: 0; padding: 0.5em 0.3em; text-align: left; }

#content #bs table.contactdata td { border-top: 1px solid #fff; padding: 0.3em; }

#content #bs table.contactdata .button { width: auto; text-align: center; }

#content #bs table.contactdata #name,
#content #bs table.contactdata .label_text { width: 38%; }

#content #bs table.contactdata #tel,
#content #bs table.contactdata #fax,
#content #bs table.contactdata .labeltel,
#content #bs table.contactdata .labelfax { width: 32%; }

#content #bs table.contactdata .button img,
#content #bs table.contactdata .button input { padding-top: 0; padding-left: 0; vertical-align: middle; }

#content #bs #employee_list td[headers=name],
#content #bs #employee_list .tel_fax_mail_text,
#content #bs table.contactdata .labeltel,
#content #bs table.contactdata .labelfax { text-align: left; }

#content #bs .vorgang_amt .element_address hr {
 clear: both;
 float: left;
 width: 35%;
 height: 0;
}

/* IE 7 Hack */
*:first-child+html #content #daten .hr_adress_contact_start { margin-bottom: -1em; }

#content .auflistung_text { padding: 0.2em 0; }

#content #bs .element_departmentlist caption,
#content #bs #element_departmentcontact .contactdata caption { display: none; }

#content #bs #mitarbeiter_liste br { line-height: 0.5em; }

#content #bs #vorgang_detail .beschreibung,
#content #bs #vorgang_detail .beschreibung img { }

/* --------------------------- Mitarbeiter - Detail ---------------------------- */

#content #bs #mitarbeiter_detail .simplefloatl { float: left; clear: left;}

#content #bs #mitarbeiter_detail .element_label { margin: 0; padding: 0.2em 0; width: 14em; }

#content #bs #mitarbeiter_detail .element_label_content { float: left; clear: right; display: block; padding-left: 0.5em; }

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table { padding: 0; margin: 0; border: 0; width: auto; }

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table th { display: none; padding: 0; margin: 0; border: 0; }

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table tr { background-color: transparent !important; padding: 0; margin: 0; border: 0; }

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td { padding: 0; border: 0; margin: 0; }

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td img { padding-top: 0em; vertical-align: middle; }

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content .detail_link { float: left; clear: right; width: auto; }

#content #bs #mitarbeiter_detail #element_employeeservice .detail_link,
#content #bs #mitarbeiter_detail #element_employeeservice .element_label_content .detail_link { float: none; clear: both; width: 30em; white-space: normal; }

#content #bs #mitarbeiter_detail #element_employeedep { clear: both;}

#content #bs #mitarbeiter_detail #element_employeedep .element_label_content { margin-top: 1.4em; }

#content #bs #mitarbeiter_detail #element_employeedep ul { list-style: none; padding: 0; margin: 0; }

#content #bs #mitarbeiter_detail #element_employeedep ul li { max-width: 27em; text-indent: -3em; margin-left: 2.95em; }

#content #bs #mitarbeiter_detail #element_employeedep ul img { padding: 0.3em 0.5em 0.3em; vertical-align: middle; }

#content #bs * table { border-spacing: 0 !important; }

#content #bs #daten .element_address { display: block; }

#content #bs #daten .element_address hr { width: 50%; margin: 0.3em 0; }

#content #bs #daten .element_label { min-width: 12em !important; width: auto !important; }

#content #bs .zimmer_etage .element_label,
#content #bs .zimmer_gebaeude .element_label { width: 5em; float: left; padding-right: 1em; margin-top: 0; vertical-align: top; }

#content #bs .zimmer_etage .element_label_content,
#content #bs .zimmer_gebaeude .element_label_content { padding: 0; margin: 0; vertical-align: top; display: inline-block; }

#content #bs #element_employeefunc ul {
 margin: 0;
 padding: 0;
}

#content #bs * br { line-height: 0.5em; }

#content #bs #element_employeedata img { padding: 0 1em 0.5em 0; }

#content #bs .beschreibung * { text-align: left; }

#content #bs #element_employeeroom .element_label, 
#content #bs #element_employeeroom .lable, 
#content #bs #element_employeeleader .element_label, 
#content #bs #element_employeeservice .element_label { padding-top: 0.2em; }

#content #bs #element_departmentchief .contactdata_button,
#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 .departmentopening { display: block; float: none; clear: left; width: 25em;}

#content #bs .departmentopening .row { display: inline-block; clear: both; float: none; }

#content #bs .weekdays_label {
 float: left;
 width: 7em;
 padding-bottom: 0.3em;
}

#content #bs .weekdays_text {
 padding-bottom: 1em; min-width: 15em;
 text-align: right; display: inline-block;
}

#content #bs .weekdays_text br { line-height: 0; }

#content #bs #element_departmentopening .beschreibung { width: 40em; margin-bottom: 1em; color: red;}

#content #bs #element_departmentopening .element_label_content {
 padding-left: 1em;
 width: 25em;
 display: inline-block;
}

#content #bs #element_departmentopening .weekdays_label {
 float: left;
 width: 7em;
 padding-bottom: 0.3em;
}

#content #bs #element_departmentopening .weekdays_text {
 padding-bottom: 1em;
 text-align: right;
}

#content #bs #element_departmentopening .weekdays_text br { line-height: 0; }

#content #bs #element_employeefunc ul {
 list-style: none;
 padding-top: 0.1em;
}

#content #bs #daten .element_label_content,
#content #bs #details .element_label_content,
#content #bs #element_departmentservice .element_label_content { display: inline-block; }

#content #bs #element_departmentservice .element_label_content .overview_link { padding-top: 0em; }

#content #bs #details #element_employeeroom .element_label_content { display: block; }

#content #bs #details .detail_link { /* clear: both; */ }

#content #bs #element_employeeservice div.element_label_content { display: inline-block; }

#content #bs .vorgang_dokument .vorgang_dokument img,
#content #bs #element_departmentservice .detail_link img,
#content #bs #element_employeeservice .detail_link img, 
#content #bs #element_employeeleader .element_label_content img,
#content #bs #details .element_zimmer_vorgang .zimmer_vorgang img {  padding-top: 0em; vertical-align: middle; }

#content #bs .vorgang_dokument .vorgang_dokument input,
#content #bs #element_departmentservice .detail_link input,
#content #bs #element_employeeservice .detail_link input, 
#content #bs #element_employeeleader .element_label_content input,
#content #bs #details .element_zimmer_vorgang .zimmer_vorgang input { padding-right: 0.3em; }

#content #bs #element_departmentservice { margin-top: 1em; }

#content #bs #element_departmentservice .detail_link { width: 31em; white-space: normal; float: none; clear: both; }

#content #bs #element_departmentservice a,
#content #bs #element_departmentservice a input { padding-top: 0em; }

#content #bs #element_departmentservice .element_label  { padding-top: 0.2em; }

#content #bs #amt_detail .simplefloatl { display: inline-block; float: left; clear: right; }

#content #bs #amt_detail .element_label { width: 10em; padding: 0; margin: 0; }

#content #bs #amt_detail .element_label_content { display: inline-block; }

#content #bs #amt_detail #element_departmentchief .element_label { margin-top: 0.5em; }

#content #bs #amt_detail .element_address { min-width: 18em;}

#content #bs #amt_detail .element_address hr { min-width: 18em; }

#content #bs #amt_detail .element_address div { float: none; }

#content #bs #amt_detail .element_address .lable { float: left; font-weight: bold; width: 5em; }

#content #bs #amt_detail .element_address .contactdata .lable { width: auto; }

#content #bs .button img,
#content #bs .vorgang_unterlage a img { vertical-align: middle; }

/*  6.2.3. Modul Dateien -------------------------------------------------------- */

#content #dat #uebersicht table th.datei_art { width: 5%; }

/*	6.4.4. Modul Rat ------------------------------------------------------------ */

/* Archiv */

#content #archiv_rat th.sub { background-color: #fdedc6; }

#content #archiv_rat,
#content #archiv_rat th,
#content #archiv_rat td { border-collapse: collapse; border: 1px solid #fac536; }

#content #archiv_rat p,
#content #archiv_rat h6,
#content #archiv_rat h5,
#content #archiv_rat h4,
#content #archiv_rat h3 { margin: 0; text-align: center}

#content #archiv_rat p { font-weight: normal; }

#content #archiv_rat h5 { text-align: left; padding-left: 2em; }

#content #archiv_rat ul { margin-top: 0.5em;}

#content #archiv_rat th {background-color: #eca963; color: #000; }

#content #archiv_rat td { width: 50%;}

#content #archiv_rat a,
#content #archiv_rat a:visited { color: #003573; }

#content #archiv_rat a:focus,
#content #archiv_rat a:hover,
#content #archiv_rat a:active { color: #006E04; }

/* Grundeinstellungen */

#content #rat .fraktion_farbe_73 {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

#content #rat .fraktion_farbe_73 a { border: 1px solid #000; }

#content #rat .fraktion_farbe_74 {
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
}

#content #rat .fraktion_farbe_74 a { border: 1px solid #ff0000; }

#content #rat .fraktion_farbe_76 {
	background-color: #ffcc00;
	color: #0000bb;
	font-weight: bold;
}

#content #rat .fraktion_farbe_76 a { border: 1px solid #ffcc00; }

#content #rat .fraktion_farbe_259 {
	background-color: #830083;
	color: #fff;
	font-weight: bold;
}

#content #rat .fraktion_farbe_259 a { border: 1px solid #830083; }

#content #rat .fraktion_farbe_75 {
	background-color: #00cc00;
	color: #000;
	font-weight: bold; 
}

#content #rat .fraktion_farbe_75 a { border: 1px solid #00cc00; }

#content #rat .fraktion_farbe_77,
#content #rat .fraktion_farbe_270,
#content #rat .fraktion_farbe_304,
#content #rat .fraktion_farbe_305 {
	background-color: #bbb;
	color: #000;
	font-weight: bold;
}

#content #rat .fraktion_farbe_77 a,
#content #rat .fraktion_farbe_270 a,
#content #rat .fraktion_farbe_304 a,
#content #rat .fraktion_farbe_305 a { border: 1px solid #bbb; }

#content #rat .fraktion_farbe_73 a,
#content #rat .fraktion_farbe_74 a,
#content #rat .fraktion_farbe_259 a { color: #fff; }

#content #rat .fraktion_farbe_75 a { color: #000; }

#content #rat .fraktion_farbe_73:hover,
#content #rat .fraktion_farbe_74:hover,
#content #rat .fraktion_farbe_73 a:hover,
#content #rat .fraktion_farbe_74 a:hover,
#content #rat .fraktion_farbe_75 a:hover { color: #000; }

#content #rat .fraktion_farbe_259 a:hover { color: #830083; }

#content #rat .fraktion_farbe_76 a,
#content #rat .fraktion_farbe_76 a:hover { color: #0000bb; }

#content #rat .dwa_rat_ausschuss table {
	margin-top: 1em;
}

#content #rat .fraktion_farbe_73:hover,
#content #rat .fraktion_farbe_74:hover,
#content #rat .fraktion_farbe_76:hover,
#content #rat .fraktion_farbe_75:hover,
#content #rat .fraktion_farbe_259: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 table#rat td p { line-height: 0em; }

#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; width: 98%;
 padding: 0.3em 1%;
 text-align: center;
 min-height: 3em;
}

#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.auflistung th {
 padding: 0.5em 0.3em;
 border-bottom: 1px solid #fff;
 border-top: 1px solid #fff;
}

#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; }

#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; }

/* --------------------------- Mitgliederuebersicht ----------------------------- */

#content #rat .bm_list { width: 65%; margin-top: 2em !important; }

#content #rat .bm_list td { padding: 0; }

#content #rat .bm_list td p { padding: 0.5em 2em; margin: 0 }

#content #rat .dwa_ratsmitglied_auflistung .auflistung { border-collapse: collapse; }

#content #rat .dwa_ratsmitglied_bezeichnung,
#content #rat .dwa_ratsmitglied_auflistung .auflistung caption,
#content #rat .dwa_ratsmitglied_bezeichnung tr.hidden { 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 th#funktion.headline { display: none !important}

#content #rat .auflistung #name { width: 28%;}
#content #rat .auflistung #funktion { width: 50%;}
#content #rat .auflistung #fraktion {}

#content #rat .dwa_ratsmitglied_auflistung .auflistung td { border-top: 1px solid #fff; padding: 0.5em 0.3em;}

#content #rat .dwa_ratsmitglied_auflistung .auflistung td ul { margin: 0; padding-left: 1em;}

/* ---------------------------- Mitglieder Detail ------------------------------ */

#content #rat #ratsmitglied #daten_bild { display: inline-block; width: 32em; }

#content #rat #ratsmitglied #daten_bild #daten { max-width: 20em; }

#content #rat #ratsmitglied #daten_bild #bild { float: right; max-width: 12em; }

#content #rat #ratsmitglied #daten { vertical-align: bottom;}

#content #rat #ratsmitglied #daten br,
#content #rat #ratsmitglied #daten p { line-height: 0; margin: 0; width: 0; display: none; }

#content #rat #ratsmitglied #daten .dwa_ratsmitglied_ort,
#content #rat #ratsmitglied #daten .dwa_ratsmitglied_strasse,
#content #rat #ratsmitglied #daten .dwa_ratsmitglied_strasse .element_label { float: none; clear: both; display: block; width: 100%; }

#content #rat #ratsmitglied .dwa_ratsmitglied_bezeichnung { display: none;}

#content #rat #ratsmitglied .dwa_ausschuesse_list .element_label { float: left;}

#content #rat #ratsmitglied .dwa_ausschuesse_list .element_label_content { display: inline-block; }

#content #rat #ratsmitglied .dwa_ausschuesse_list 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: block;
}

#content #rat #ratsmitglied .dwa_bezirk_bezeichnung { margin-top: 1em; }

#content #rat #ratsmitglied .dwa_ausschuesse_list .element_label,
#content #rat #ratsmitglied .dwa_ratsmitglied_fraktionen .element_label,
#content #rat #ratsmitglied .dwa_bezirk_bezeichnung .element_label { float: left; margin: 0; width: 10em; }

/* ---------------------------- Fraktionsuebersicht ----------------------------- */

#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; }

#content #rat .dwa_rat_fraktion table td.space { display: none; }

/* ---------------------------- 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; float: none; }

#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 Uebersicht ---------------------------- */

#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; }

#content #rat .dwa_rat_ausschuss_chairman .funktion.auflistung_text { visibility: hidden;}

/* ------------------------------ Sitzungskalender ----------------------------- */

#content #rat #kalender .dwa_kalender .dwa_date,
#content #rat #kalender .dwa_kalender .dwa_kalendertable { display: inline-block; width: 43%; text-align: center; padding: 0.5em 0.5em; margin: 0; }

#content #rat #kalender .dwa_kalender .dwa_selectdate,
#content #rat #kalender .dwa_kalender .dwa_selectdate form { width: 100%; text-align: center; margin: 0; padding: 0; }

#content #rat #kalender .dwa_kalender .dwa_date { margin-top: 1em; }

#content #rat #kalender .dwa_navigation_element { display: inline; width: 94%; float: left; clear: both; text-align: center; padding: 0.5em 0;}
#content #rat td.navigation_element { display: none !important }

#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 - Uebersicht ----------------------- */

#content #rat #sitzungskalender_uebersicht #daten { width: 62%; float: right; margin-top: 0.5em; display: block; }

#content #rat #sitzungskalender_uebersicht #kalender { width: 38%; 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 .element_label { margin-bottom: 1em; }

#content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list th { padding: 0.5em 0.3em; }
#content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list td { padding: 0.3em; border-top: 1px solid #fff; }

#content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table.navigation { border: 0; }

#content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list table.navigation td { padding: 0; }

#content #rat #sitzungskalender_uebersicht .dwa_navigation_element { margin-bottom: 1em;}

#content #rat #sitzungskalender_uebersicht .dwa_v_kalender_list .dwa_pager { clear: both; float: right; margin-top: 1em; }

/* ------------------------- Sitzungskalender - Detail ------------------------- */

#content #rat #sitzungskalender_detail #daten { width: 62%; float: left; margin-top: 0.5em; display: block; }

#content #rat #sitzungskalender_detail #kalender { width: 38%; float: right; margin: 0; padding: 0; display: block; }

#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_description .element_label,
#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_description p { margin: 0;}

#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_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.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 - Uebersicht ----------------------- */

#content #bb .dwa_rubrik_list { border: 0.1em solid #ddd; }

#content #bb .dwa_rubrik_list table {
 width: 100%;
 border-collapse: collapse;
}

#content #bb .dwa_rubrik_list table td { text-align: left; }

#content #bb .dwa_rubrik_list table td a {
  	background-image: url('/city_data/images/3/6/1063/orig_6x13.gif');
  	background-position: 0.5em 0.4em;
  	background-repeat: no-repeat;
  	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	margin: 0;
	padding: 0.4em 2em;
	display: block;
}

#content #bb .dwa_rubrik_list caption {
 width: 100%;
 text-align: left;
 padding: 0.4em;
 font-weight: bold;
}

/* --------------------- Branchenbuchrubik - Baumstruktur ---------------------- */

#content #bb .dwa_rubrik_baum { padding: 1em; }

#content #bb .dwa_rubrik_baum span a { line-height: 2em; width: 80%; }

#content #bb .dwa_rubrik_baum span img { padding-top: 0em; vertical-align: middle; }

/* ------------------------ Branchenbuchrubik - Detail ------------------------- */

#content #bb #rubrik_detail .dwa_rubrik_branchenbezeich { margin-top: 2em; }

#content #bb #rubrik_detail .dwa_rubrik_firmen table { border: 1px solid #0051a0; border-top: 0; }

#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title {
 font-size: 1.2em;
 border-bottom: 0;
 text-align: left;
 padding: 0.3em 2%;
 font-weight: bold;
 /* visibility: hidden; */
}

#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-bottom: 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: 5%;
}



#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .telefon,
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .fax {
 white-space: normal;
 width: 25%;
 color: #000;
 font-weight: normal;
 vertical-align: top;
}

#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung {
 white-space: normal;
 vertical-align: top;
  width: 35%;
}

#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung #Bezeichnung.tablehead {
 
}

#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung2 td {
 width: auto;
}

#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung2 .bezeichnung {
 width: 45% !important;
}

#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung #Bezeichnung { padding-left: 6.2em; }

#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung a {
 text-decoration: none;
 white-space: normal;
 display: block;
}

/* ------------------------- Branchenbucheintrag - A-Z ------------------------- */

#content #bb .dwa_eintrag_list caption { display: none; }

#content #bb .dwa_eintrag_list th,
#content #bb .dwa_eintrag_list td { padding: 0.3em; }

#content #bb .dwa_eintrag_list td { border-top: 1px solid #fff; }

#content #bb .dwa_eintrag_list th { padding: 0.5em 0.3em; }

#content #bb .dwa_eintrag_list td img { padding: 0 0.3em 0 0; float: left; vertical-align: middle; }

#content #bb .dwa_eintrag_list td.auflistung_text { width: auto; }

#content #bb .dwa_eintrag_list td.tel_fax_mail_text { width: 12em; }

#content #bb .dwa_eintrag_list td.button { width: auto; }

/* ----------------------- Branchenbucheintrag - Detail ------------------------ */

#content #bb #eintrag_detail br { line-height: 0.5em; }

#content #bb #eintrag_detail .dwa_eintrag_beschreibung .element_label { display: none; }

#content #bb #eintrag_detail .element_label { font-weight: bold; }

#content #bb #bilder { width: 100%; }

#content #bb #bilder #bild1 {
 float: left;
 width: auto; 
}

#content #bb #bilder #bild2 {
 float: right;
}

/*	6.4.5. Modul News ----------------------------------------------------------- */
/* --------------------------------- Uebersicht --------------------------------- */
#content #news .element_newslist th#Datum,
#content #news .element_newslist [abbr='Datum'],
#content #bekanntmachungen .element_newslist th { display: none }

div#content div.element_newslist { width: 100%; }

#content #news .element_newslist table caption { display: none; }

#content #news .element_newslist table th { padding: 0.3em; white-space: nowrap !important; vertical-align: top; }
#content #news .element_newslist table td { padding: 0.3em; border-top: 1px solid #fff; vertical-align: top !important; }

#content #news .element_newslist table a { text-decoration: none; display: inline-block; text-indent: -13px; margin-left: 25px }

#center #content #news .element_newslist table th a img,
#center #content #news .element_newslist table th a + img { background-image: none; display: none !important}

#content #news .element_newslist table th a[href*='DESC']::before {
  font-family: "iconmonstr-iconic-font";
  content:'\e003';
  margin: 8px 10px;
  padding: 0 !important;
  display: inline-block;
}

#content #news .element_newslist table th a[href*='ASC']::before {
  font-family: "iconmonstr-iconic-font";
  content:'\e004';
  margin: 8px 10px;
  padding: 0 !important;
  display: inline-block;
}


#content #news .element_newslist table th { white-space: nowrap; }

#content #news .element_newslist table th img {
 padding-top: 0em;
 vertical-align: middle;
}

#content #news .element_newslist #Datum { min-width: 6.5em; }

#content #news .element_newslist #Autor,
#content #news .element_newslist #Veroeffentlichtam { min-width: 10em; }

#content #news .element_newslist td[headers*='Veroeffentlichtam'] { text-align: center; }

/*	6.4.6. Modul Veranstaltungskalender ----------------------------------------- */

/*	6.4.7. Modul Gaestebuch ------------------------------------------------------ */

/*	6.4.8. Modul Feedbackformular ----------------------------------------------- */

#content #feedback ul li { background-image: none; }

#content #feedback input.text,
#content #feedback textarea { border: 1px solid #bbb; }

#content #feedback textarea { margin-left: 12em; margin-bottom: 1em; }

#content #feedback select { margin-left: 0.6em; width: 19.9em }

#content #feedback hr { display: none; }

#content #feedback input:focus,
#content #feedback textarea:focus{ border-color: red; background-color: #fff; }

#content #feedback .formfields { list-style: none; }

#content #feedback .formfields label.feldbezeichnung { width: 8em; display: inline-block; text-align: right; }

#content #feedback label[for=captcha],
#content #feedback label[for=auswahl2] { width: 8.3em; display: inline-block; text-align: right; }

#content #feedback .formfields { padding: 0; }

#content #feedback .formfields li {}

#content #feedback .formfields li input,
#content #feedback .formfields li textarea { width: 30em; margin: 0.2em 0.75em; vertical-align: middle; }

#content #feedback .formfields li textarea { height: 7em; vertical-align: top;}

#content #feedback .formfields span.feldbezeichnung { width: 10em !important; display: inline-block !important; text-align: right; }

#content #feedback .form_el_270_813 { margin-left: 9em; }

#content #feedback .form_el_270_813 div { margin-left: -9em; }
#content #feedback .form_el_270_813 input { margin-left: -6.8em; }

#content #feedback .form_el_270_813 br { display: none; }

#content #feedback .form_el_270_813 input { position: abolute; }

#content #feedback #i_1,
#content #feedback #i_2,
#content #feedback #i_3,
#content #feedback #i_4,
#content #feedback #i_5,
#content #feedback #i_6 { margin-left: 12em; margin-bottom: 0.3em; }

#content #feedback h4 { margin: 0.5em 0;  margin-bottom: -1.2em;  }

#content #feedback .captcha_img { margin: 1em 0 1em 9.2em; }

#content #feedback .captcha_img img { padding: 0;}

#content #feedback input#captcha { margin-left: 0.6em; width: 19.9em;}

#content #feedback .submitbuttons { margin-left: 13em;}

#content #feedback .errormessage { color: red !important;}

/*	6.4.8. Modul Galerie -------------------------------------------------------- */

#content #ga #uebersicht_galerie .gallery_overview {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0; 
  padding: 0; 
  display: grid; 
  grid-template-columns: 25% 25% 25% 25%; 
  grid-column-gap: 2em; 
  grid-row-gap: 2em;
}

#content #ga #uebersicht_galerie .gallery_overview ul {
  width: 24%;
  padding: 0;
  margin: 0;
  list-style: none;
  background: #00529C;
}

@supports(display: grid){
  #content #ga #uebersicht_galerie .gallery_overview ul { width: 100%; }
}

#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item { display: flex; flex-flow: row wrap; min-height: 100%; }

#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_element { order: 2; margin: auto 0 0 !important; }

#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_element img {padding : 0;}

#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_content { order: 1; margin: 0 0 auto !important; display: block; width: 100%; padding: 0 !important; background-color: #0051a0;
    text-align: center; }

#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_content a { display: block; color: #fff; text-align: center; font-size: 1.4em; font-weight: normal; line-height: 120% !important; padding: 1em 0.5em;}

#content #ga #uebersicht_galerie .gallery_overview .gallery_list_item .gallery_content .gallery_statistic { display: none; }

#content #ga #uebersicht_galerie .gallery_overview ul:hover { background: #00529C; color: #fff !important}

#content #ga #uebersicht_galerie .gallery_overview ul:hover a { color: #fff !important; }

/* ----------------------------- Galerie?bersicht ------------------------------ */

#content #ga .description {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

#content #gallery_picture_overview { width: 100%; }

#content #ga .picture_row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
}

#content #ga .picture_row li {
  width: 24%;
  padding: 0;
  margin: 0 auto 10px;
  list-style: none;
  background: #AED3F4;
}

@supports(display: grid){
  #content #ga .picture_row li { width: 100%; }
}

#content .picture_row li:hover {
  background: #00529C;
  color: #fff !important;
}

#content .picture_row li:hover a { color: #fff !important; }

#content #gallery_picture_overview .picture_item { display: flex; flex-flow: column; background: #0051a0 !important }

#content #gallery_picture_overview .picture_item .picture_element { order: 2; }

#content #gallery_picture_overview .picture_item .picture_content { order: 1; display: block; width: 100%; background-color: #0051a0;
 align-self: center !important; color: #fff; font-size: 1.4em; font-weight: normal; line-height: 120% !important; padding: 1em 0 !important; margin: 0 0 auto }

#content #gallery_picture_overview .picture_item .picture_content .picture_title { text-align: center; padding: 0 5%; }

#content .picture_row li a img { order: 2; padding: 0; margin: 0; list-style: none; min-width: 100%; height: auto !important; }

#content .picture_row li .picture_content br,
#content #gallery_picture_overview .item_frame_top,
#content #gallery_picture_overview .picture_frame_top,
#content #gallery_picture_overview .item_frame_bottom,
#content #gallery_picture_overview .picture_frame_bottom { display: none; }

#content .row_frame_top,
#content .row_frame_bottom { display: inline-block; float: none; clear: both; border: 0; margin: 0; padding: 0; }

/* --- TESTGALERIE - Bilddetail --- */

#content .gallery_picture_detail {}

#content #ga #bild { text-align: center; }
#content #ga #bildoptionen { margin: 0; padding: 0; }

#content .gallery_picture_detail .picture_frame_top,
#content .gallery_picture_detail .picture_frame_bottom { display: block; float: none; clear: both; border: 0; margin: 0; padding: 0; }

#content .gallery_picture_detail .picture img { padding: 0.3em; margin: 0 0 0.5em 0; }

#content .gallery_picture_detail .picture_title { padding-bottom: 0.5em; }

#content .gallery_picture_options ul { margin: 0; }

/*	6.4.9. Externe Redakteure --------------------------------------------------- */

#content #exr #newsletter ul { list-style: none; padding: 0; margin: 0; }

#content #exr #newsletter form { padding: 1em; }

#content #exr #newsletter .extern_head,
#content #exr #newsletter form hr { display: none; }

#content #exr #newsletter label { display: inline-block; width: 10em; font-weight: bold; }

#content #exr #newsletter .captcha_desc { padding: 1em 0 0.5em; font-weight: bold; }

#content #exr #newsletter button { display: block; margin-left: 10.2em; }

#content #exr #newsletter .captcha_img { margin-left: 10em; }

#content #exr #newsletter .extern_form { color: #fff; }

#content #exr #newsletter .extern_form div,
#content #exr #newsletter .extern_form label { color: #000; }

/*	6.4.10. Modul Adressen ------------------------------------------------------ */

#adr .address_detail img { vertical-align: middle; }

#adr .address_list .address_list_item { margin-bottom: 0.5em;}

#adr .address_list .address_list_item .address_title br { display: none; }

#adr .address_list .address_list_item .address_title { padding: 0.5em; }

#adr .address_list .address_list_item .address_list_leftcol { float: left; clear: right; width: 35%; padding: 0.5em; }

#adr .address_list .address_list_item .address_list_rightcol { float: left; clear: right; padding: 0.5em; }

/*	6.4.13. Modul Google Map ---------------------------------------------------- */

/*	6.4.14. Modul Lebenslagen --------------------------------------------------- */

#content #ll .lifesituationlist,
#content #ll .lifesituation_datasets { margin: 0; padding: 0; width: 100%; }

#content #ll .lifesituationlist li,
#content #ll .lifesituation_datasets li { list-style: none; margin: 0; padding: 0; }

#content #ll .lifesituationlist li a {
  	background-image: url('/city_data/images/5/7/143775/orig_6x13.png');
  	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.14. Modul externe Redakteure -------------------------------------------- */

#content #exr #newsletter form {padding: 1em; }

#content #exr #newsletter hr,
#content #exr #newsletter p.extern_newsletter { display: none; }

#content #exr #newsletter .extern_head { margin-bottom: 1em; }

#content #exr #newsletter .extern_head,
#content #exr #newsletter .extern_newsletter { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; text-align: left; }

#content #exr #newsletter ul { list-style: none; padding: 0; margin: 0; }

#content #exr #newsletter ul li { padding: 0.3em 0 0.3em 1em; }

#content #exr #newsletter label { width: 22em; display: inline-block; font-weight: bold; margin-left: 1em; }

#content #exr #newsletter ul li label { width: 8em; display: inline-block; font-weight: bold; margin-left: 0em; }

#content #exr #newsletter ul li input.text { width: 25em; }

#content #exr #newsletter ul li input#plz { width: 5em; }

#content #exr #newsletter ul li input#ort { width: 19.2em; }

#content #exr #newsletter ul li input#captcha { margin-left: 2em; width: 10.4em;}

/*	6.4.16. Spectaculum --------------------------------------------------------- */

#content #spec #uebersicht .tpl_div { 
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}

#content #spec #uebersicht .tpl_div #expertensuche { width: 65%; }

#content #spec #uebersicht .tpl_div #kalender_legend { width: 25%; min-width: 315px; }

@media (min-width: 920px) and (max-width: 1023px) {
	#content #spec #uebersicht .tpl_div #kalender_legend {
    min-width: 315px;
	}
}

@media (max-width: 919px) {
	#content #spec #uebersicht .tpl_div { 
	  display: flex;
	  flex-flow: column;
	  justify-content: space-between;
	}

	#content #spec #uebersicht .tpl_div #kalender_legend {
    	width: 100%;
    	margin-bottom: 30px;
    	order: 1;
	}

	#content #spec #dwa_event_kalender_wrapper,
	#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month { width: 99% !important;}

	#content #spec #dwa_event_kalender_navigation { display: none !important; }

	#content #spec #legend {
		position: absolute;
		right: 15%;
		margin-top: -150px
	}

	#content #spec #uebersicht .tpl_div #expertensuche { 
		width: 100%;
		order: 2;
	}
}

@media (max-width: 600px) {
	#content #spec #uebersicht .tpl_div #kalender_legend { border: 0; }

	#content #spec #dwa_event_kalender_wrapper {
		display: flex;
		flex-flow: column; width: 100% !important; 
	}

	#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month { width: auto !important; }

	#content #spec #dwa_event_kalender_wrapper > div {
		margin: 0 auto !important;
	}

	#content #spec #legend {
		display: flex;
		flex-flow: column;
		position: relative;
		right: auto;
		width: 100% !important;
		margin: 0;
	}

	#content #spec #legend table {
		width: auto !important;
		margin: 0 auto;
	}
}

/* ----------------------------- Suche -------------------------------- */

#content #spec #expertensuche input#event_search_button{
    font-size: 18px;
    font-weight: normal;
	margin-top: 4.3em;
	line-height: 2em;
	background: #0051a0;
	color: #fff;
	border: none;
	padding: 0.5em 1em;

}
#content #spec #expertensuche input#stichwort,
#content #spec #expertensuche textarea {
    color:#000;
    border:1px solid #858585;
    line-height: 14px;
    margin-bottom:16px;
    margin-right:6px;
    margin-top:2px;
    padding:7px 1%;
    display: inline-block;
}

#content #spec #expertensuche div.chosen-container {
    color:#000;
    border:1px solid #858585;
    margin-bottom:16px;
    margin-right:6px;
    margin-top:2px;
    padding: 3px 0 3px 0;
    display: inline-block;
    width: 81% !important;
    background: #fff !important
}

#content #spec #expertensuche div.chosen-container .chosen-single {
    background: #fff !important;
    box-shadow: 0 0 0 #fff !important;
}

#content #spec #expertensuche div.chosen-container a:hover,
#content #spec #expertensuche div.chosen-container a:focus {
    text-decoration: none;
}

#content #spec #expertensuche div.chosen-container a span {
    color: #666!important;
    font-weight: normal;
}

#content #spec #expertensuche input#stichwort,
#content #spec #expertensuche input.event_date,
#content #spec #expertensuche select,
#content #spec #expertensuche textarea {
    color:#000;
    border:1px solid #0051a0;
    margin-bottom:16px;
    margin-right:6px;
    margin-top:2px;
    padding:7px 1%;
    display: inline-block;
}

#content #spec #expertensuche select { max-width: 100%; }

#ui-datepicker-div { font-size: 0.7em; z-index: 1000 !important}

#content #spec #expertensuche #event_search_date_input { display: flex; padding: 1em 0.5em; }

#content #spec #expertensuche #event_search_date_input div { width: 45%;; }

#content #spec #expertensuche #event_search_type_wrapper { display: flex; flex-flow: row wrap; }

#content #spec #expertensuche #event_search_type_wrapper .stichwort_row { width: 100%; margin-top: 1em; }

#content #spec #expertensuche #event_search_type_wrapper .location_row { width: 47%; margin: 0 auto 0 0;}

#content #spec #expertensuche #event_search_type_wrapper .organizer_row { width: 47% !important; margin: 0 10px 0 auto; }

#content #spec #expertensuche #event_search_type_wrapper .row.raster_4 { width: 100% !important; margin: 0; }


#content #spec #expertensuche div.chosen-container * { border: 0}
#content #spec #expertensuche #event_search_type_input { padding: 0 0.5%; }
#center.mobile #event_search_type_input .row.bezirk_row:before { content: 'Stadt/Ortsteil' !important; color: #fff; margin-bottom: 3px; display: block; }
#center.mobile #event_search_type_input .row.location_row:before { content: 'Veranstaltungsort'; color: #fff; margin-bottom: 3px; display: block; }
#center.mobile #event_search_type_input .row.organizer_row:before { content: 'Veranstalter'; color: #fff; margin-bottom: 3px; display: block; }
#center.mobile #event_search_type_input select.chosen-select { width: 82%; padding: 5px 0; clear: both }
#content #spec #expertensuche div.chosen-container { width: 98% !important; }
#content #spec #expertensuche input#stichwort { width: 96%; }
#content #spec #expertensuche #event_search_sw_wrapper { display: flex; flex-flow: row wrap; margin-top: 1em; }
#content #spec #expertensuche #event_search_sw_wrapper #label_sw { width: 100%; padding: 0 0 0.5em 0; font-weight: bold; }
#content #spec #expertensuche #event_search_sw_wrapper .row { width: 30%; display: inline-block;  }
#content #spec #expertensuche #event_search_sw_wrapper .row.inactive { color: #999 }
#content #spec #event_breadcrumb h2 { font-size: 1.3em;}

/* -------------------------------- Event - Uebersicht ------------------------------- */

#content #spec #dwa_event_list_wrapper { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start }

#content #spec #dwa_event_list_wrapper .teaser_element { display: inline-block; width: 45% !important; padding: 1em; margin: 0.5em auto 0.5em 0; background: #fff; }

#content #spec #dwa_event_list_wrapper .teaser_element h5,
#content #spec #dwa_event_list_wrapper .teaser_element h6 { margin: 0 0 0.5em 0; }

#content #spec #dwa_event_list_wrapper .teaser_element h5 { font-size: 1.2em !important; }

#content #spec #dwa_event_list_wrapper .teaser_element h5 a { display: block; width: 100%; }

#content #spec #dwa_event_list_wrapper .teaser_element h5 span { font-size: 0.9em !important; }

#content #spec #dwa_event_list_wrapper .teaser_element h6 { font-size: 1em; }

#content #spec #dwa_event_list_wrapper .teaser_element .event_teaser_img_wrapper a { display: inline; float: left; margin: 0 0.5em 0.5em 0; }

#content #spec #dwa_event_list_wrapper .teaser_element .event_teaser_img_wrapper .event_place { display: flex; flex-direction: column;}

/* -------------------------------- Event - Kalender -------------------------------- */

#content #spec #kalender_legend { padding: 0; width: 35%; float: left; border: 1px solid #0051a0; margin-top: 0; padding-bottom: 1em;; }

#content #spec #legend { padding: 1em 0 0 0.5em; }

#content #spec #dwa_event_kalender_wrapper { width: 20em; }

#content #spec #dwa_event_kalender_wrapper .element_label { display: none; }

#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month { width: 20em; display: inline-block; }

#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month h2 { display: block; margin: 0; padding; 0; font-size: 1.2em; }

#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_month h2 a { display: block; padding: 0; text-align: center; font-weight: normal; color: #fff; }

#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_blatt { display: inline-block; margin: 0; width: 20em; text-align: center; padding: 0.5em; border: 0px; }

#content #spec #dwa_event_kalender_wrapper #dwa_event_kalender_blatt table { width: 100%; border-collapse: separate }

#content #spec #dwa_event_kalender_wrapper table th,
#content #spec #dwa_event_kalender_wrapper table td { text-align: center; width: 2.1em !important; height: 2.1em; padding: 0; vertical-align: middle; }

#content #spec #dwa_event_kalender_wrapper table td a { width: 2.1em; height: 2.1em; padding: 0; line-height: 1.9em; display: block; text-align: center; }

#content #spec #dwa_event_kalender_wrapper table th,
#content #spec #dwa_event_kalender_wrapper table td {}

#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_sunday { background-color: #eee; border-color: #ddd; text-align: center; }

#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today { text-align: center; border-color: #0051a0 !important; background-color: #C5E1F4 }

#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events { text-align: center; padding: 0; margin: 0; background-color: #0051a0; border-color: #0051a0; }

#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_events a { text-align: center; display: block; padding: 0; margin: 0; color: #fff !important; }

#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_today.dwa_event_kalender_blatt_events { border-color: red !important; }

#content #spec #dwa_event_kalender_wrapper table td.dwa_event_kalender_blatt_norange { opacity: 0.2; }

#content #spec #dwa_event_kalender_navigation { width: 20em; display: inline-block; text-align: center; padding: 0; }

#content #spec #dwa_event_kalender_selectdate form { width: 20em; display: inline-block; text-align: center; position: relative; /* top: 49.5em; margin-left: 0em; */}

#content #spec #dwa_event_kalender_selectdate select:focus { border: 1px solid #cb3630; }

#content #spec #legende .today,
#content #spec #legende .event_today,
#content #spec #legende .event { width: 2em; height: 2em; text-align: center; font-weight: bold; padding: 0 !important;  }

#content #spec #legende td.today,
#content #spec #legende td.event_today { font-weight: normal; border: 1px solid red !important; color: #fff; }

#content #spec #legende td.event_today,
#content #spec #legende td.event {  background-color: #0051a0 !important; color: #0051a0 !important; }

#content #spec #legende td.event { border: 1px solid #0051a0 !important; color: #0051a0 !important; }

/* -------------------------------- Event - Detail ---------------------------------- */

#content #spec #detail br + br { display: none;}

#content #spec #detail .beschreibung br { display: block;}

#content #spec #detail .element { margin-bottom: 1em; padding-bottom: 1em; display: inline-block; width: 100%; border-bottom: 1px solid #f0f0f0; }

#content #spec #detail .dwa_event_bezeichnung { width: 98%; }

#content #spec #detail .dwa_event_bezeichnung > div { border: 1px solid #44569e; margin: 0; padding: 0; }

#content #spec #detail .element_label { float: left; margin-top: 0.2em; min-width: 15em;}

#content #spec #detail .element_label_content { display: inline-block; }

#content #spec #detail .dwa_event_description_teaser_image { float: left; padding: 0; margin: 0.2em 1em 1em 0; }

/* Pre- & Review */

#content #spec #detail #dwa_event_preview_outer_wrapper,
#content #spec #detail #dwa_event_review_outer_wrapper { margin: 1em 0 1em 15em; }

#content #spec #detail #event_preview_wrapper {display: none;}

#content #spec a.toggle_field,
#content #spec a.toggle_field:visited { float: none !important; clear: both !important; display: block; padding: 0.3em 0.5em;}

#content #spec a.toggle_field:hover { text-decoration: none; }

#content #spec a.toggle_field img { vertical-align: middle; width: 1.6em; height: 1.6em; padding: 0 0 0.1em 0.3em; }

/* Veranstalter */

#content #spec .element_address .name { font-weight: bold; padding-bottom: 0.3em; }

#content #spec  .lable { display: none; }

#content #spec #detail .element_address .element_label { padding-bottom: 1.5em;}

/* Datumsliste */

#content #spec .dwa_name table { width: 80%; }

#content #spec #dwa_event_date_list table th,
#content #spec #dwa_event_date_list table td { text-align: center; margin: 0; padding: 0.3em; }

#content #spec #dwa_event_date_list table th { }

#content #spec #dwa_event_date_list table { border-collapse: collapse; }

#content #spec #dwa_event_date_list td { border-top: 1px solid #f0f0f0; }

/* Veranstaltungsdaten */

#content #spec #dwa_event_info .element_label { display: none; }

#content #spec #dwa_event_info .event_data_label { width: 15em; font-weight: bold; font-style: normal; }

#content #spec #dwa_event_info #event_info_wrapper { display: inline-block;}

#content #spec #dwa_event_info #event_info_wrapper .event_data_label { display: inline-block; min-width: 6em; }

/* Fotos */

#content #spec #dwa_event_images .element_label { float: none;}

#content #spec .event_image_row { display: table; margin-bottom: 1em; }

#content #spec .row_frame_top { width: auto; background-image: url('/city_data/images/2/8/75082/orig_20x16.gif'); padding-bottom: 16px; background-repeat: repeat-x; background-position: center bottom;  }

#content #spec .row_frame_bottom { width: 100%; background-image: url('/city_data/images/1/8/75081/orig_20x16.gif'); padding-top: 16px; background-repeat: repeat-x; background-position: center top; display: table-row; }

#content #spec .event_image_wrapper { background-color: #ddd !important; width: auto; text-align: center; float: left; margin-top: 16px !important; display: inline-block; height: 11em; padding: 0.5em 1em; vertical-align: middle; }

#content #spec .event_image { display: inline-block; vertical-align: middle; background-color: #fff !important; }

#content #spec .event_image a { vertical-align: middle; text-align: center; height: 11em; display: table-cell; }

#content #spec .event_image img { padding: 0; margin: auto; }

/* Parkplatzsuche */

#content #spec #detail .dwa_event_bezeichnung .element_label { position: absolute; margin-top: -2em;}

#content #spec #detail .dwa_event_bezeichnung #event_parkplatzsuche { margin-top: 1em !important; width: 100% !important; }

/* -------------------------------- Eventgenerator fuer externe Ausgabe -------------- */

#dwa_event_generator { padding: 0; margin 0; }

#dwa_event_generator fieldset { padding: 0; margin 0; border: 0 !important; }

#dwa_event_generator .row { display: inline-block; }

#dwa_event_generator .row .color_show { float: right; margin: 0.3em 0 0 1em; height: 1.4em !important;}

#dwa_event_generator label { float: left; width: 12em !important; display: inline-block !important; margin: 0.3em 0.2em 0 0; }

#dwa_event_generator .row label { margin: 0.3em 0 0 0; }


/*	6.4.18. Modul Adressen ------------------------------------------------------ */

#adr .address_list img { vertical-align: middle; }

#adr .address_list .address_list_item { margin-bottom: 0.5em;}

#adr .address_list .address_list_item .address_title br { display: none; }

#adr .address_list .address_list_item .address_title { padding: 0.5em; display: inline-block; width: 98%; }

#adr .address_list .address_list_item .address_list_leftcol { float: left; width: 25%; padding: 1%; font-weight: bold }

#adr .address_list .address_list_item .address_list_rightcol { float: left; padding: 1%; width: 71%; }

#adr .address_list .address_list_item .address_list_rightcol br { display: none; }

#adr .address_list .address_list_item .address_list_rightcol .telefon,
#adr .address_list .address_list_item .address_list_rightcol .fax,
#adr .address_list .address_list_item .address_list_rightcol .mobile { width: 15em; display: inline-block; }

#adr .address_list .address_list_item .address_list_rightcol .kontaktperson { padding-left: 2.4em; width: 17.6em; display: block; }

#adr .address_list .address_list_item .address_list_rightcol .email,
#adr .address_list .address_list_item .address_list_rightcol .homepage { width: 25em; display: inline-block; }

#adr .address_list .address_list_item .address_list_rightcol .email,
#adr .address_list .address_list_item .address_list_rightcol .homepage { display: inline-block; }
#dwa_event_generator .row label { margin: 0.3em 0 0 0; }

/*	6.5. Formatierungen im rechten Bereich -------------------------------------- */

#rechts a, #rechts a:link, #rechts a:visited, #rechts a:active {
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

#rechts a:focus, #rechts a:hover { }

#rechts a img { text-decoration: none; }

#rechts #suche { width: 20.4em; margin: 0 0 2em 0.8em; }

#rechts #suche input { width: 86%; padding: 2% 0 2% 14%; font-size: 1.4em; line-height: 150%; background: #fff url('/city_data/images/0/4/186740/orig_24x20.png') 3% center no-repeat; }

#rechts #suche input.element_search_image { display: none; }

#rechts #menu,
#rechts #quicklinks { display: block;}

#rechts #quicklinks ul { display: flex; flex-wrap: wrap; }
#rechts #quicklinks ul li img.extlinkicon { display: none !important; }
#rechts #quicklinks ul li { width: 31%; margin: 1%;display: inline-block; }
#rechts #quicklinks ul li span.bild { max-width: 90%; margin: 10%; height: auto !important;display: inline-block;  }

#rechts #quicklinks ul li span.bild img { max-width: 100%; height: auto !important; }

#rechts #quicklinks ul li a:focus img,
#rechts #quicklinks ul li a:hover img,
#rechts #quicklinks ul li a.item_active img { visibility: hidden; }

#rechts #quicklinks ul li.item_1 span.bild { background: url('/city_data/images/3/5/187453/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_2 span.bild { background: url('/city_data/images/4/5/187454/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_3 span.bild { background: url('/city_data/images/5/5/187455/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_4 span.bild { background: url('/city_data/images/6/5/187456/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_5 span.bild { background: url('/city_data/images/7/5/187457/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_6 span.bild { background: url('/city_data/images/8/5/187458/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_7 span.bild { background: url('/city_data/images/9/5/187459/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_8 span.bild { background: url('/city_data/images/0/6/187460/orig_150x150.png') center no-repeat; background-size: 110%; }
#rechts #quicklinks ul li.item_9 span.bild { background: url('/city_data/images/1/6/187461/orig_150x150.png') center no-repeat; background-size: 110%; }

#rechts #bitv_links { padding: 0; }

#rechts #bitv_links .contrast { float: none; display: inline-block; }

#rechts #bitv_links .contrast img { margin: 0.3em 0.1em 0 0; padding: 0; width: 2.2em; border: 1px solid #000; }

#rechts #bitv_links div.fontsize { line-height: 1.6em; padding: 0; margin: 0; display: inline-block; }

#rechts #bitv_links div.fontsize a,
#rechts #bitv_links div.fontsize a:visited {
 text-decoration: none; padding: 0; margin: 0;
 font-weight: normal !important; padding: 0 0.1em; text-transform: lowercase;
}

#rechts #bitv_links div.fontsize a:hover {
  text-decoration: underline;
}

/*	6.6. Formatierungen im Seitenfuss ------------------------------------------- */

#footer { margin-top: 100px !important;}


#footer .textblock1 .tpl_div{
	position: absolute;
	bottom: 00px;
	right: 5%;
	padding-top: 10px;
	top: -50px !important;
}

#footer .textblock1 #unterwegs {
	display: flex;
	flex-flow: column;
	width: 250px;
	height: 250px;
	margin-top: -30px;
	margin-right: -35px;
	z-index: 10;
}

#footer .textblock1 #wandern {
	display: flex;
	flex-flow: column;
	width: 225px;
	height: 225px;
	margin-top: -90px;
    margin-right: 0;
    z-index: 8;
}

#footer .textblock1 #kraft {
	margin-top: -200px;
	margin-left: -110px;
}

#footer .textblock1 #unterwegs span {
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 100%;
}


#footer .textblock1 #unterwegs .wrapper,
#footer .textblock1 #wandern .wrapper {
	display: flex;
	flex-flow: column;
}

#footer .textblock1 #wandern .wrapper span {
	z-index: 10;
	text-align: center;
	margin-top: -65px
}

#footer .textblock1 #wandern .wrapper .image_wrapper {
    margin-top: 0 !important;
}

#footer .textblock1 #unterwegs .image_wrapper .image_copyright,
#footer .textblock1 #unterwegs .image_wrapper .image_description,
#footer .textblock1 #wandern .image_wrapper .image_copyright,
#footer .textblock1 #wandern .image_wrapper .image_description,
#footer .textblock1 #kraft .image_wrapper .image_copyright,
#footer .textblock1 #kraft .image_wrapper .image_description { 
	display: none !important; 
}
#footer .textblock2 .tpl_div { display: flex; flex-flow: row wrap !important; align-content: space-around !important; padding: 0.5em 0 2em; }

#footer .textblock2 .tpl_div_element { max-width: 25%; margin: 0; }

#footer .textblock2 .tpl_div_element p { margin: 0.5em 0; }

#footer .textblock2 .tpl_div_element:nth-child(3) {
	margin: 0 400px 0 0;
}

#footer .textblock2 .tpl_div_element:nth-child(4) {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #fff;
	max-width: 100%;
	width: 100%;
}

#footer .textblock2 .tpl_div_element .menucontainer ul {
	display: flex;
}

#footer .textblock2 .tpl_div_element .menucontainer ul li a span { display: inline-block; margin: 0 1.25em 0 0 !important; }

#footer .textblock2 #spaceholder { display: none;}

@media (max-width: 768px) {
	table.auflistung:not(.tablesaw) tr {
		display: flex;
		flex-direction: row;
		width: 100%;
		flex-wrap: wrap;
		margin: 0px 0 2em 0;
	}
	
	table.auflistung:not(.tablesaw) td {
		padding: 0.3em 0 !important;
	}
	
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.homepage,
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.email,
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.bezeichnung,
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.telefon,
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.fax{
		display: flex;
		align-items: center;		
	}
	
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.telefon .image_wrapper,
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.fax .image_wrapper{
		margin:0 0.5em ;
	}
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.homepage a,
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.email a{
		margin:0 0 0 0.5em ;
	}
	
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.homepage{
		order:1;
		width:auto !important;
	}

	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.email{
		order: 2;
		width:auto !important;
	}
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.bezeichnung{
		order: 3;
		width: auto !important;
		margin-left: 0.5em;
		white-space: nowrap !important;
	}

	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.telefon{
		order: 4;
		width:100% !important;
	}
	table.auflistung:not(.tablesaw) td.tel_fax_mail_text.fax{
		order: 5;
		width:100% !important;
	}
}
#teaser_startseite .spectaculum_teaser_object .event_subtitle{
	font-size: 1em;
    font-weight: normal;
    margin: 0;
}