/*                    I N H A L T S V E R Z E I C H N I S                     
	1. Grundeinstellungen
	1.1. allgemeine Systemeigenschaften
	1.2. schriftgrößebasierende Layoutanpassung
	1.3. Seitenaufteilung
	1.3.1. Ersetzen des rechten Bereichs durch Inline-Container im Inhaltsbereich
	2. Farbzuweisungen
	2.1. Universale Farbzuweisungen für aC
	2.2. Farbzuweisungen für den gesamten Webauftritt
	3. Hintergrundbilder
	3.1. Hintergrundbilder für den gesamten Webauftritt
	4. Menugestaltung
	4.1. Topmenu
	4.2. Menu Links
	4.3. Menu im Contentbereich (Sitemap)
	4.4. Menu Rechts
	5. Teasergestaltung
	5.1. Teaser im rechten und linken Bereich
	5.1.1. Newsteaser im rechten und linken Bereich
	5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich
	5.2. Teaser im Contentbereich
	5.2.1. Newsteaser
	5.2.2. Teaser Veranstaltungskalender
	5.3. Teaser im rechten Bereich
	5.3.1. Newsteaser
	5.3.2. Teaser Veranstaltungskalender
	6. allg. Formatierungen nach Position
	6.1. Formatierungen ohne Positionsbezug
	6.1.1. Access Key
	6.1.2. Fontsize
	6.1.3. Kontrast
	6.1.4. Kalender
	6.1.5. Pathhistory
	6.1.6. Suche
	6.2. Formatierungen im Kopfbereich
	6.3. Formatierungen im linken Bereich
	6.4. Formatierungen im Inhaltsbereich
	6.4.1. Redaktionssystem - allg. Formatierungen
	6.4.2. Startseite
	6.4.3. Styles für Module
	6.5. Formatierungen im rechten Bereich
	 
	1. GRUNDEINSTELLUNGEN ------------------------------------------------------- 
	1.1 allgemeine Systemeigenschaften ------------------------------------------ */

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

#logo,
#links,
#rechts,
#content_wrapper,
#content {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

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

a:hover { text-decoration: underline; }

.hidden { display: none; }

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

br.clear { line-height: 0; }

.validators { text-align: center; }

.item_float_left { float: left; }

.nbspdiv { display: inline; }

a img { border: 0px; }

table { text-align: left; }

table td,
table th { padding: 0.3em; }

.extlinkicon { 
 vertical-align: top;
 padding-top: 0;
 padding-left: 0.3em;
 height: 1em;
 width: 1em;
}

.bbForm label span,
.bbForm input,
.bbForm select,
.bbForm textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

div.menucontainer li a { outline: none; }

.tpl_div { float: none; clear: both; }

.tpl_div_element { float: left; }

/*	1.2. schriftgrößebasierende Layoutanpassung --------------------------------- */

/* Kommentar:
   Festlegung der absoluten Basisschriftgröße. Der Normalwert ist 16px, wovon aber zur Vereinfachung
   und zur Vermeidung von Rundungsdiskrepanzen für den IE6 abgegangen wurde */
html { font-size: 25px; }

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

/* Kommentar:
   Festlegung des relativen Bezugs für inline-Tags des Seiteninhalts */
p, div, span, form *, img, table *, th, td, ul *, ol *, a:link, a:active, a:hover, a:visited, #links h3, #rechts h3 { font-size: 1em; }

/* Kommentar:
   Herstellung eines Schriftgrößenverhältnisses von 1em = 10px */
#center { font-size: 0.4em; }

/* IE 6 hack
   Bei der Seiteneinteilung muß für den IE6 mit einem Schriftgrößenverhältnis von 1em = 12.5px
   (Faktor 0.8 bzw. 4/5) gerechnet werden. Dies ist notwendig, da der IE6 später verwendete aber absolut
   notwendige Selektoren nicht unterstützt (s.u.): */
*html #center { font-size: 0.5em; }

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

/* IE 6 hack 
   Dieser Hack ist für IE6 notwendig (s.o.), um die in em definierten Bilder
   auf den Faktor 1 em = 10px zu setzen: */
*html #center img { font-size: 0.8em; }

/* Kommentar:
   Nachfolgend die Definition des Schriftgrades für angezeigten Text auf 12px = 1em für alle DIV-Tags
   eine Ebene unterhalb der definierten Bereiche bzw. Links im Header -> dies ist zum einen ein Grund für
   die geänderten Templates mit umfassenden DIV-Tags, zum anderen auch Ursache für die Layoutänderungen
   bei aktivem activeEdit.
   Hinweis zum IE6:
   Der IE6 interpretiert die Selektoren > und + nicht. Deshalb wurde schon das Schriftgrößenverhältnis
   der Bereiche selbst auf 1em = 12.5px definiert s.o. */
#content > div,
#rechts > div,
#links > div { font-size: 1.2em; }

#acc { font-size: 1em;}

/* IE 6 Hack */
*html #acc { font-size: 1em; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }

/* IE 6 hack 
   Die Größe der definierten Überschriften für den IE6 muß auf Grund der Basisschriftgröße von 12.5px
   4/5 der Größe aller anderen Browser (10px) entsprechen */
*html h1 { font-size: 1.2em; }
*html h2 { font-size: 1.12em; }
*html h3 { font-size: 1.04em; }
*html h4 { font-size: 0.96em; }
*html h5 { font-size: 0.88em; }
*html font { font-size: 1em; }

#links img,
#content img,
#rechts img,
#rechts #blutspende #formular { font-size: 0.834em; }

#logo #wappen h1 { font-size: 2em; }

/* IE 6 Hack */
*html #links img,
*html #rechts img,
*html #content img,
*html #logo #head,
*html #logo #unten,
*html #logo #fake_rechts,
*html #rechts #blutspende #formular { font-size: 0.8em; }
*html #logo img { font-size: 1em; }
*html #logo #wappen h1 { font-size: 1.7em; }

div#logo #topmenu .menucontainer a,
div#logo #suche div { font-size: 1.2em; }

div#links .menucontainer a,
div#rechts .menucontainer a { font-size: 1em; }

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

#links #wetter #titel,
div#links #sitemap,
div#links #sitemap_2,
#rechts #galerie,
#rechts #modul #titel,
#links #right_newsteaser_title,
#links #right_vkteaser_title,
#rechts #right_newsteaser_title,
#rechts #right_vkteaser_title { font-size: 1.4em; }

div#content h2.element_label { font-size: 1em; }

#links div.fontsize a.smallerfont { font-size: 1.2em; }
#links div.fontsize a.normalfont { font-size: 1.6em; }
#links div.fontsize a.biggerfont { font-size: 2.0em; }

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

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

/*	1.3. Seitenaufteilung ------------------------------------------------------- */

div#center { 
 width: 100.4em auto;
 text-align: center;
 margin: 0;
 margin-bottom: 1em;
 padding: 0;
}

div#inner_center {
 width: 100em;
 display: inline-block;
}

div#logo {
 width: 100em;
 height: 19.99em;
 margin: 0;
 padding: 0;
 float: left;
}

#links {
 width: 19.9em;
 margin: 0;
 padding: 1em 0;
 float: left;
}

#content_wrapper {
 width: 79.9em;
 margin: 0;
 padding: 0;
 float: left;
}

div#content {
 width: 58em;
 padding: 1em;
 margin: 0;
 height: auto;
 float: left;
 min-height: 73em;
}

div#rechts {
 width: 17.6em;
 padding: 0 1em;
 margin: 0;
 float: left;
}

/* IE 6 hack */
*html div#center { width: 80.4em auto; }
*html div#inner_center { width: 80em; }
*html div#logo { width: 80em; height: 16em; }
*html div#links { width: 15.9em; margin-top: -8px; }
*html div#content_wrapper { width: 63.9em; margin-top: -8px; }
*html div#content { width: 46em; padding: 1em; height: auto !important; height: 58em; }
*html div#rechts { width: 13.9em; }

/*	2. Farbzuweisungen ---------------------------------------------------------- */
/*	2.1. Universale Farbzuweisungen für aC -------------------------------------- */

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

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

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

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

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

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

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

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

#content #rat .fraktion_farbe_20 a,
#content #rat .fraktion_farbe_21 a { color: #fff; }

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

#content #rat .fraktion_farbe_20:hover,
#content #rat .fraktion_farbe_21:hover,
#content #rat .fraktion_farbe_20 a:hover,
#content #rat .fraktion_farbe_21 a:hover,
#content #rat .fraktion_farbe_23 a:hover { color: #000; }

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

#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss {
	background-color: #cdcdcd;
}

#content .element_documentlist table tr:hover,
#content #vorgang_uebersicht .auflistung_text:hover,
#content #element_departmentcontact .contactdata tr:hover, 
#content .contactdata tr:hover,
#content .dwa_rubrik_list table tr:hover,
#content .dwa_rubrik_firmen tr:hover,
#content .element_newslist table tr:hover,
#content #uebersicht .dwa_v_kalender_list table tr:hover,
#content .dwa_v_kalender_list tr:hover,
#content .dwa_rat_fraktion table tr:hover,
#content .dwa_rat_ausschuss table tr:hover,
#content .dwa_rat_ausschuss table th.ausschuss:hover,
#content .dwa_rat_ausschuss table td.space {
	background-color: #fff;
}

/*	2.2. Farbzuweisungen für den gesamten Webauftritt --------------------------- */

#center { background-color: #fff; color: #000; }

#content {
 background-color: #fff; border-left: 0.1em solid #676534; 
}

div#content_wrapper { background-color: #d0cc83; }

div#rechts { /* background-color: #d0cc83; */ }

div#inner_center {
 border-left: 0.1em solid #676534;
 border-right: 0.1em solid #676534;
 border-bottom: 0.1em solid #676534;
 background-color: #fff6e5;
}

#content .teaser .teaser_titledate {
  background-color: #d0cc83;
}

#content #rs_sitemap h5 a:hover,
#content #rs_sitemap li a,
#content .element_documentlist table tr,
#content .record .number,
#content .record .detaillink,
#content .record .score,
#content .record .scores,
#content .comment,
#content .dwa_rubrik_firmen tr,
#content .element_departmentlist th,
#content .element_departmentlist td,
#content .element_newslist tr,
#content .element_newslist table th:hover,
#content #vorgang_uebersicht .auflistung_text,
#content #element_departmentcontact .contactdata tr, 
#content .contactdata tr,
#content .dwa_rubrik_list table tr,
#content .dwa_kalendertable table td.dwa_kalmark4,
#content #uebersicht .dwa_v_kalender_list table tr,
#content .dwa_kalendertable td,
#content .dwa_rat_fraktion table tr,
#content .dwa_rat_ausschuss table tr,
#content #daten .dwa_v_kalender_list tr,
#content #ausschuss_uebersicht .dwa_rat_ausschuss table th.ausschuss:hover {
 background-color: #fff6e5;
 color: #000;
}

#content table.contactdata th,
#content table.contactdata td { border-right: 1px solid #676535; padding: 0.3em;}

#content table.contactdata tr { border-collapse: separate; }

#content table.contactdata,
#content .element_documentlist table { border: 1px solid #676535; border-collapse: collapse; padding: 0;}

#content .element_documentlist table caption { border: 1px solid #676535; }

#content #rs_sitemap h5 a,
#content .element_documentlist table caption,
#content .element_departmentlist th#Email,
#content .element_departmentlist th#Bezeichnung,
#content .element_departmentlist th#Telefon,
#content .element_departmentlist th#Fax,
#content #vorgang_uebersicht .element_label,
#content .element_newslist th,
#content #element_departmentcontact .contactdata th,
#content #bs #vorgang_uebersicht .element_label,
#content .contactdata th,
#content .dwa_rubrik_list caption,
#content #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content .dwa_kalendertable table td.dwa_kalmark3,
#content #uebersicht .dwa_v_kalender_list table th,
#content .fraktion_farbe_20:hover,
#content .fraktion_farbe_21:hover,
#content .fraktion_farbe_22:hover,
#content .fraktion_farbe_23:hover,
#content .dwa_rat_fraktion table th.head,
#content .dwa_rat_ausschuss table th,
#content .dwa_v_kalender_list th {
 background-color: #d1ce7f;
 color: #000;
}

#content #rs_sitemap li a:hover,
 { background-color: #fff; color: #000; }

#content #daten_bild,
#content #bild_daten {
	background-color: #eee;
	border: 1px solid #ddd;
}

/*	3.1. Hintergrundbilder für den gesamten Webauftritt ------------------------- */

#content_wrapper {
 background: #fff6e5 url('/city_data/images/1/3/67431/orig_500x5.jpg');
 background-repeat:  repeat-y;
 background-position: top right ;
}

#logo #fake_rechts #oben_links {
 background-image: url('/city_data/images/8/2/74628/orig_2000x8.gif');
 background-repeat: no-repeat;
 background-position: top left;
}

#logo #fake_rechts #oben_rechts {
 background-image: url('/city_data/images/9/2/74629/orig_13x8.gif');
 background-repeat: no-repeat;
 background-position: top right;
}

#links div.menucontainer li.level_1 {
 background: url('/city_data/images/9/3/65339/orig_4x13.jpg');
 background-repeat: no-repeat;
 background-position: left 0.3em;
}

#links div.menucontainer li.level_2,
#links div.menucontainer li.level_3,
#links div.menucontainer li.level_4 {
 background: url('/city_info/display/show.cfm?region_id=51&modul_id=11&record_id=51097');
 background-repeat: no-repeat;
 background-position: left 0.4em;
}


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

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

/*	4.1. Topmenu ---------------------------------------------------------------- */

#logo #topmenu .menucontainer ul li {
 text-align: center;
 float: left;
 clear: right;
 width: auto;
 height: 3.4em;
 background-color: #676534;
 border-bottom: 0.1em solid #676534;
 border-left: 0.1em solid #fff;
}


#logo #topmenu .menucontainer ul li.item_1,
#logo #topmenu .menucontainer ul li.item_2:hover,
#logo #topmenu .menucontainer ul li.item_3:hover,
#logo #topmenu .menucontainer ul li.item_4:hover {
 color: #fff;
 background-color: #fff;
 border-bottom: 0.1em solid #fff;
 border-left: 0.1em solid #676534;
}

#logo #topmenu .menucontainer ul li.item_2:hover,
#logo #topmenu .menucontainer ul li.item_3:hover,
#logo #topmenu .menucontainer ul li.item_4:hover {
 border-bottom: 0.1em solid #676534;
}

#logo #topmenu li.level_1 a,
#logo #topmenu li.level_1 a:visited {
 color: #fff;
 font-weight: bold; line-height: 1.8em;
 padding: 0.5em 2.5em 0.5em 2.5em;
 width: auto;
 display: block;
}

#logo #topmenu li.item_1 a,
#logo #topmenu li.item_1 a:visited {
 color: #676534;
}

#logo #topmenu li.item_1 a:hover,
#logo #topmenu li.item_1 a.item_active {
 color: #000;
}

#logo #topmenu .item_2 a,
#logo #topmenu .item_3 a,
#logo #topmenu .item_4 a,
#logo #topmenu .item_2 a:visited,
#logo #topmenu .item_3 a:visited,
#logo #topmenu .item_4 a:visited {
color: #fff;
}

#logo #topmenu li.item_2:hover a,
#logo #topmenu li.item_3:hover a,
#logo #topmenu li.item_4:hover a {
color: #676534;
background-color: #fff;
}

/*	4.2. Menu Links ------------------------------------------------------------- */

#links div.menucontainer {
 margin-bottom: 5em;
 float: left;
 width: 16em;
}

#links div.menucontainer a, #links div.menucontainer a:visited ,#links div.menucontainer a:active {
 color: #000;
 text-decoration: none;
 font-weight: bold;
 display: block;
 padding: 0.2em 0;
}

#links div.menucontainer a:hover {
 font-weight: bold;
 text-decoration: none;
 background-color: #FFFFFF;
 display: block;
 padding: 0.2em 0;
}

#links div.menucontainer li.level_1 {
 padding: 0 0 0 0.5em;
 margin: 0.3em 0 0.3em 0;
 border: 0px solid green;
}
#links div.menucontainer li.level_2 {
  padding: 0 0 0 1em;
  margin: 0.3em 0 0.3em 0em;
  border: 0px solid red;
}

#links div.menucontainer li.level_3 {
 padding: 0 0 0 1em;
 margin: 0.3em 0 0.3em 0em;
}

#links div.menucontainer li.level_4 {
 padding: 0 0 0 0.8em;
 margin: 0.3em 0 0.3em 0em;
}

/*	4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */

/* IE 6 hack */
*html #content #rs_sitemap { width: 99%; }

#content #rs_sitemap h5 {
 margin: 0;
}

#content #rs_sitemap h5 a {
  	margin: 1em 0 0 0; 
  	padding-top: 0.5em;
  	padding-bottom: 0.5em;
  	padding-left: 25%;
  	width: 75%;
  	background-position: 27% 0.3em;
  	border: 1px solid #676535;
	display: block;
}

#content #rs_sitemap h5 a:hover {
  	border-bottom: 1px solid #676535;
  	display: block;
	text-decoration: none;
}

#content #rs_sitemap .menucontainer {
  	border-bottom: 1px solid #676535;
}

#content #rs_sitemap li a,
#content #rs_sitemap li a:visited {
  	background-image: url('/city_data/images/3/6/1063/orig_6x13.gif');
  	background-repeat: no-repeat;
  	text-decoration: none;
	border-top: 1px solid #fff;
  	border-left: 1px solid #676535;
  	border-right: 1px solid #676535;
  	border-bottom: 0;
	font-weight: bold;
	margin: 0;
	padding: 0.4em 0;
	display: block;
}

#content #rs_sitemap li a:hover {
  	text-decoration: underline;
}

#content #rs_sitemap li.item_1 a.zweig_1,
#content #rs_sitemap li.item_1 a.zweig_1:visited,
#content #rs_sitemap li.item_1 a.zweig_1:hover { border-top: 0; }

#content #rs_sitemap .menucontainer li.level_1 a,
#content #rs_sitemap .menucontainer li.level_1 a:hover {
 padding-left: 30%;
 width: 70%;
 background-position: 27% 0.3em;
}
#content #rs_sitemap .menucontainer li.level_2 a,
#content #rs_sitemap .menucontainer li.level_2 a:hover {
 padding-left: 35%;
 width: 65%;
 background-position: 32% 0.3em;
}
#content #rs_sitemap .menucontainer li.level_3 a,
#content #rs_sitemap .menucontainer li.level_3 a:hover {
 padding-left: 40%;
 width: 60%;
 background-position: 37% 0.3em;
}
#content #rs_sitemap .menucontainer li.level_4 a,
#content #rs_sitemap .menucontainer li.level_4 a:hover {
 padding-left: 45%;
 width: 55%;
 background-position: 42% 0.3em;
}
#content #rs_sitemap .menucontainer li.level_5 a,
#content #rs_sitemap .menucontainer li.level_5 a:hover {
 padding-left: 50%;
 width: 50%;
 background-position: 47% 0.3em;
}

/*	4.4. Menu Rechts ------------------------------------------------------------ */

#rechts div.menucontainer {
  margin: 0em;
  border-top: 1px solid #FFFFFF;
}

#rechts div.menucontainer a, #rechts div.menucontainer a:visited, #rechts div.menucontainer a:active {
  
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding-left: 1.5em; 
}

#rechts div.menucontainer li.level_1 {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #FFFFFF;
}

#rechts div.menucontainer li.level_1 a, #rechts div.menucontainer li.level_1 a:visited {
  padding: 0.6em 0.5em 0.6em 1.5em;
  margin: 0;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  display: block;
}

#rechts div.menucontainer li.level_1 a:hover, #rechts div.menucontainer li.level_1 a.item_active {
  padding: 0.6em 0.5em 0.6em 1.5em;
  margin: 0; 
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}


#rechts div.menucontainer li.level_2 a {
  background: #edece6 url('/city_data/images/5/6/65265/orig_15x250.gif') no-repeat right bottom;
  border-bottom: 1px solid #FFFFFF;
  padding: 0.2em 1.5em 0.3em 1.5em;
  margin: 0; 
  color: #505050;
  text-decoration: none;
  font-weight: normal;
  display: block;
}

#rechts div.menucontainer li.level_2 a:hover {
  background: #FFFFFF url('/city_data/images/6/6/65266/orig_15x250.gif') no-repeat right bottom;
  border-bottom: 1px solid #FFFFFF;
  padding: 0.2em 1.5em 0.3em 1.5em;
  margin: 0; 
  color: #0086e5;;
  text-decoration: underline;
  font-weight: normal;
  display: block;
}

#rechts div.menucontainer li.level_3 a {
  background: #edece6 url('/city_data/images/5/6/65265/orig_15x250.gif') no-repeat right bottom;
  border-bottom: 1px solid #FFFFFF;
  padding: 0.2em 1.5em 0.3em 2em;
  margin: 0;
  color: #505050;
  text-decoration: none;
  font-weight: normal;
  display: block;
}

#rechts div.menucontainer li.level_3 a:hover {
  background: #FFFFFF url('/city_data/images/6/6/65266/orig_15x250.gif') no-repeat right bottom;
  border-bottom: 1px solid #FFFFFF;
  padding: 0.2em 1.5em 0.3em 2em;
  margin: 0; 
  color: #0086e5;;
  text-decoration: underline;
  font-weight: normal;
  display: block;
}

/*	5. Teasergestaltung --------------------------------------------------------- */
/*	5.1. Teaser im rechten und linken Bereich ----------------------------------- */
/*	5.1.1. Newsteaser im rechten und linken Bereich ----------------------------- */

#links .teaser,
#rechts .teaser {}

#links #left_newsteaser_title,
#rechts #right_newsteaser_title {
 text-align: center;
 padding: 0.3em 0;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
 color: #000;
}

#links #left_newsteaser_title a,
#rechts #right_newsteaser_title a { color: #000000; }

#links .teaser .teaser_element,
#rechts .teaser .teaser_element {
 padding: 0.5em;
 padding-top: 0em;
}

#links .teaser .teaser_element br,
#rechts .teaser .teaser_element br { line-height: 0em; }

#links .teaser .teaser_titledate h3,
#rechts .teaser .teaser_titledate h3 { margin-bottom: 0em; }

#links .teaser .teaserdate,
#rechts .teaser .teaserdate {
 font-weight: normal;
 margin: 0.2em 0 0.4em 0;
 display: block;
}

#links .teaser .teasertext,
#rechts .teaser .teasertext {
}

#links .teaser .teaser_more,
#rechts .teaser .teaser_more {
 text-align: right;
 display: block;
}

/*	5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich ---------- */

#links .teaser_vk,
#rechts .teaser_vk {
}

#links #left_vkteaser_title,
#rechts #right_vkteaser_title {
 text-align: center;
 padding: 0.3em 0;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
 color: #000;
}

#links #left_vkteaser_title a,
#rechts #right_vkteaser_title a { color: #000000; }

#links .teaser_vk hr,
#rechts .teaser_vk hr { display: none; }

#links .teaser_vk .teaser_element,
#rechts .teaser_vk .teaser_element {
 padding: 0.5em;
 padding-top: 0em;
}

#links .teaser_vk .teaser_element br,
#rechts .teaser_vk .teaser_element br { line-height: 0em; }

#links .teaser_vk .teaser_titledate h3,
#rechts .teaser_vk .teaser_titledate h3 { margin-bottom: 0em; }

#links .teaser_vk .teaserdate,
#rechts .teaser_vk .teaserdate {
 font-weight: normal;
 margin: 0.2em 0 0.4em 0;
 display: block;
}

#links .teaser_vk .teasertext,
#rechts .teaser_vk .teasertext {}

#links .teaser_vk .teaser_more,
#rechts .teaser_vk .teaser_more {
 text-align: right;
 display: block;
}

#links .teaser_vk .element_address,
#rechts .teaser_vk .element_address { font-weight: bold; }

#links .teaser_vk .element_address .lable,
#rechts .teaser_vk .element_address .lable { display: none; }

/*	5.2. Teaser im Contentbereich ----------------------------------------------- */
/*	5.2.1. Newsteaser im Contentbereich ----------------------------------------- */

#content .teaser {
 display: inline-block;
 width: 100%;
 border-bottom: 1px solid #676534;
}

#content .teaser hr { color: #fff; height: 0; border-top: 1px solid #676534; }

#content .teaser br { display: none; }

#content .teaser .teaser_element {
  margin: 0;
  padding-bottom: 0.5em;
}

#content .teaser .teaser_titledate { padding: 0.2em 0.5em; }

#content .teaser .teaser_titel {
  font-weight: bold;
  margin: 0;
  width: 80%;
}

#content .teaser .teaserdate { 
  margin-top: -1.5em;
  font-weight: bold;
  float: right;
}

/* IE 7 Hack */
*:first-child+html #content .teaser .teaserdate { margin-top: -1.1em; }

#content .teaser .wrapper {
 display: inline-block;
 padding: 0;
 margin: 0;
 margin-top: 0.5em;
 width: 100%;
}

#content .teaser img.teaserimg { 
  margin: 0;
  padding: 0;
}

#content .teaser .img_left {
  float: left;
  padding-right: 0.5em;
}
#content .teaser .img_right {
  float: right;
  padding-left: 0.5em;
}

#content .teaser .teasercontent { margin-left: 0em; }

#content .teaser .teasercontent .teasertext { margin-left: 0.5em; }

#content .teaser .teasercontent .teasertext span.teaser_more {
  text-align: right;
  display: block;
}

#content .teaser .teaser_element .teaser_more a:link,
#content .teaser .teaser_element .teaser_more a:visited,
#content .teaser .teaser_element .teaser_more a:active {
  font-weight: bold;
  text-decoration: none;
  padding-right: 0.5em;
}

/*	5.2.2. Teaser Veranstaltungskalender im Contentbereich ---------------------- */

#content .teaser_vk {
 display: inline-block;
 width: 100%;
 border-bottom: 1px solid #676534;
}

/* Opera hack */
@media screen and (min-width: 0px){
  #content .teaser_vk { margin-bottom: 1.5em; }
}

#content .teaser_vk hr { color: #fff; height: 0; border-top: 1px solid #676534; }

#content .teaser_vk br {
  display: none;
}

#content .teaser_vk img.img_left {
  clear: both;
  float: left;
  padding-right: 0.5em;
}

#content .teaser_vk img.img_right {
  clear: both;  
  float: right;
  margin: 0 0 0.5em 2em;
}

#content .teaser_vk .teaser_element {
  margin: 0.5em 0;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

/* Opera hack */
@media screen and (min-width: 0px){
  #content .teaser_vk { width: 100%; }
}

#content .teaser_vk .teaser_titel {
  float: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.5em;
  width: 65%
}

#content .teaser_vk .teaserdate {
  font-weight: normal;
  padding: 0 0.5em; 
  float: right; 
  position: relative; 
  top: -1.2em; 
  text-align: right;
}

#content .teaser_vk .teaser_titledate {
  padding: 0.3em 0;
}

/* IE 7 Hack*/
*:first-child+html #content .teaser_vk .teaser_titledate {
  padding-right: 0.5em;
}

#content .teaser_vk .teasertext {
  padding: 0em 0.5em;
  text-align: left;
  margin-top: 1em;
  display: block;
}

/* IE 7 Hack*/
*:first-child+html #content .teaser_vk .teasertext {
 
 margin-top: 0;
}

#content .teaser_vk .teaser_element span.teaser_more {
  clear: both;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 0.5em;
}

#content .teaser_vk .teaser_element .teaser_more a:link,
#content .teaser_vk .teaser_element .teaser_more a:visited,
#content .teaser_vk .teaser_element .teaser_more a:active {
  font-weight: bold;
  text-decoration: none;
  padding-right: 0.5em;
}

#content .teaser_vk .teaser_element .teaser_more a:hover {
  text-decoration: underline;
}

#content .teaser_vk .teaser_element .element_address {
  display: inline-block;
  padding-bottom: 0.5em;
}

#content .teaser_vk .teaser_element .element_address .hr {
  color: #fff;
  height: 0px;
  border-top: thin solid silver;
}

#content .teaser_vk .teaser_element .element_address .hr_adress_contact_start {}

#content .teaser_vk .teaser_element .element_address .hr_adress_contact_end {
  display: none;
}

#content .teaser_vk hr { 
  color: #fff; 
  height: 1px; 
  border-top: 0em;
  clear:both;
}

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

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

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

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

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

/* 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: #000000;
  background: #d3d3d3;
  padding: 0.3em 1em;
  width: 1.2em;
  border: 1px solid #6f6f6f;
  display: inline-block;
  text-decoration: none;
}

#acc li a:hover {
  color: #fffff2;
  background: #bf0000;
  font-weight: bold;
}

#acc li a:focus, #acc li a:active {
  color: #fffff2;
  background: #000080;
  font-weight: bold;
}

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

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

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

#acc .acc-logo a:hover, #acc .acc-logo a:focus, #acc .acc-logo a:active {
  background: #d3d3d3;
  text-decoration: underline;
  border: 1px solid #6f6f6f;
}

#acc strong {
  color: #000090;
  font-variant: small-caps;
  font-weight: bold;
}

#acc strong em {
  color: #ff0000;
  font-style: italic;
  letter-spacing: 0;
}

#acc span {
  width: 0;
  position: absolute;
  left: -1000px;
  top: -1000px;
  height: 0;
  overflow: hidden;
}

/*	6.1.2. Fontsize ------------------------------------------------------------- */

div.text_fontsize {
  float: left;
}

/*	6.1.3. Kontrast ------------------------------------------------------------- */

div.contrast {
  margin: 0;
  padding: 0;
  text-align: right;
}

/* Opera hack */
@media screen and (min-width: 0px){
  div.contrast { padding-top: 0.2em; }
}

div.contrast img {
  border: 0.1em solid #FFFFFF;
  width: 1em;
}

div.text_kontrast {
  float: left;
}

/*	6.1.4. Kalender ------------------------------------------------------------- */

.dwa_kalendertable table td {
  padding: 0.4em;
}

div.dwa_kalmark2 {
  margin-bottom: 1em;
}

.dwa_kalmark4_found, .dwa_kalmark4_found:link, .dwa_kalmark4_found:visited, .dwa_kalmark4_found:active, .dwa_kalmark4_found:hover {
  background-color: #F1AF00;
  border: 1px solid silver;
  color: #0033AA;
  padding: 0.2em;
}

.dwa_kalmark4_found:hover {
  text-decoration: underline;
}

td.dwa_kalmark2,
.dwa_kalmark2_date {
  background-color: #0086E6;
  border: 1px solid silver;
  color: #E50000;
  padding: 0.2em;
}

td.kalmark2 {
  border: #cccccc 1px solid;
  color: #E50000;
  background-color: #0086E6
}

.dwa_kalmark2_date a {
  color: #E50000;
}

/*	6.1.5. Pathhistory ---------------------------------------------------------- */

.pathhistory {
  position: absolute;
  background-color: #fff;
  color: #505050;
 
  font-weight: normal;
  text-align: left;
  width: 52em;
  padding: 1em;
  margin-left: 0.5em;
  visibility: hidden;
  display: none;
}

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

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

#quicksearch {
  padding: 0;
  margin-right: 0.7em;
}

#quicksearch form {
  margin: 0;
  padding: 0;
}

#quicksearch label {
  color: #000;
  display: none;
}

#quicksearch input.element_search_input {
  border: 1px groove #000;
  background-color: #fff;
  color: #000;
  display: inline-block; 
  float: none; 
  width: 9.5em;
  margin-right: 0.2em;
}

#quicksearch button {
  border: 1px groove #000;
  background-color: #d0cc83;
  color: #231c666;
  font-weight: normal;
  width: 5em;
}

#quicksearch input.element_search_image {
  margin: 0.2em 0 0 0.3em;
  padding: 0.1em 0 0 0;
  display: inline-block;
}

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

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

#logo #head { width: 100%; margin: 0; padding: 0; }

#logo #head #wappen {
 width: 19em;
 padding-top: 0.6em;
 text-align: center;
}

#logo #head #wappen img {
  width: 12em; 
  height: 13em;
}

#logo #head #wappen h1 {
 font-weight: normal;
 margin-top: 0.1em;
 margin-bottom: 0;
 color: #000;
}

#logo #head #header_bild {
 border-left: 0.1em solid #676534;
 float: right;
}

#logo #head #header_bild img {
 width: 80em;
 height: 16.5em;
 padding: 0;
 margin: 0;
}

#logo #unten { background-color: #676534; height: 3.5em; }

#logo #unten #unten_links { width: 19.9em; height: 3.5em; background-color: #676534; }

#logo #unten #topmenu {
 float: left;
}

#logo #unten #suche {
 float: right;
 margin-top: 0.5em;
 margin-right: 4px;
}

#logo #fake_rechts {
 margin-top: -8px;
 height: 8px;
 width: 20em;
 background-color: #676534;
 float: right;
}

#logo #fake_rechts #oben_links { height: 8px; width: 19.8em; }

#logo #fake_rechts #oben_rechts { height: 8px; width: 19.8em; }

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

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

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

#links #links_unten {
 margin: 0em;
 margin-top: 1em;
 padding: 0em;
}

#links #links_unten .leuchtturm img {
 width: 100%;
 height: 27em;
}

#links #links_unten .links_leuchtturm {
 margin-top: -12em;
 margin-left: 7em;
 color: #fff;
 line-height: 1.8em;
}

#links #links_unten .links_leuchtturm a {
color: #ffffff;
font-weight: bold;
}

#links #links_unten .bitv_links {
margin-top: 4em;
}

#links #acc {
margin-top: 4em; }

/* IE 6 hack */
*html #links #acc { margin-top: 9em; }

/* IE 7 hack */
*:first-child+html #links #acc { margin-top: 9em; }

#links div.fontsize {
 position: absolute;
 margin-top: -2.5em;
 display: block;
 width: 16em;
 text-align: center;
}

/* IE 7 hack */
*:first-child+html #links div.fontsize {
  padding-top: -1em;
}

/* Opera hack */
@media screen and (min-width: 0px){
  #links div.fontsize { top: -1em; }
}

#links div.fontsize a {
  color: #ffffff;
  text-decoration: none;
}

#links div.contrast {
 position: absolute;
 margin-top: 0.5em;
 display: block;
 width: 16em;
 text-align: center;
}

#links div.contrast img {
  border: 1px solid #ffffff;
  width: 2.5em;
}

/*	6.4. Formatierungen im Inhaltsbereich ---------------------------------------
	6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */

div#content a {
  color: blue;
  font-weight: bold;
  text-decoration: none;
}

div#content a:hover {
  text-decoration: underline;
}

#content .Beschreibung * { font-family: Arial, Helvetica, sans-serif !important; }

#content #beschwerde textarea { width: 98%; }

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

#content h1.pagetitle {
  color: #000000;
  margin-top: 1em;
  border-bottom: 1px solid #000;
}

/*	6.4.2. Startseite ----------------------------------------------------------- */

#content td #bm_foto {
text-align: center;
}

#content #bm_foto img {
 text-align: center;
 height: 25em;
 width: 18.8em;
 float: none;
}

#content td #bm_sign {
text-align: center;
}

#content #bm_sign img {
text-align: center;
height: 5.1em;
width: 24em;
 float: none;
}

#content .neuer_leuchturm {
float: right;
width: 24em;
}

/* IE 6 Hack 
* html #content .neuer_leuchturm {
  width: 20em;
}*/

#content .neuer_leuchturm img {
width: 21.8em;
height: 29em;
padding: 0;
padding-top: 1.6em;
}

/* IE 6 Hack 
* html #content .neuer_leuchturm img {
  width: 18.5em;
  height: 24.6em;
}*/

/*	6.4.3. Styles für Module ---------------------------------------------------- */
/* ------------------------------ AUSWAHLLISTE ------------------------------ */
#content div.az {

text-align: center;
}

#content div.az span {
padding: 0 0.2em;
}

/* ------------------------- LISTE ÜBERSICHTSSEITE -------------------------- */

#content .address_list_rightcol img { vertical-align: middle; }

#content .element_documentlist table caption { padding: 0.3em; margin-left: -0.1em; text-align: left; font-weight: bold; border-bottom: 0; }

#content .element_departmentlist, #content .auflistung_text {}

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

#content .element_departmentlist caption, #content .contactdata caption {
visibility: hidden;
}

#content .element_departmentlist td, #content .element_departmentlist th {
padding: 0.2em 2em;  
}

#content #employee_list th, #content #employee_list td {
padding: 0.2em 1em;  
}


#content #bs #vorgang_uebersicht .az { margin-bottom: 1em; }


#content #bs #vorgang_uebersicht .element_label {
 border: 0.1em solid #d1ce7f;
 margin: 0;
 margin-bottom: 0.1em;
 padding: 0.3em 0 0.3em 4em;
}

#content #bs #vorgang_uebersicht .auflistung_text {
 border-left: 0.1em solid #d1ce7f;
 border-right: 0.1em solid #d1ce7f;
}

#content #bs #vorgang_uebersicht .auflistung_text a {
  	background-image: url('/city_data/images/3/6/1063/orig_6x13.gif');
  	background-repeat: no-repeat;
  	background-position: left 30%;
  	text-decoration: none;
	margin: 0;
	padding: 0.3em 0 0.3em 1.5em;
	display: block;
}

#content #bs #vorgang_uebersicht .auflistung_text a:hover { text-decoration:  }


#content #bs #vorgang_uebersicht .auflistung_text {
 padding-left: 4.2em;
}

#content #bs #vorgang_uebersicht {
 border-bottom: 1px solid #d1ce7f;
}

/* ----------------------------- DETAILANSICHT ------------------------------ */
#content h2 {}

#content .zimmer {}

#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 .detail_link, #content .beschreibung {

}

#content .data_table th, #content .data_table td, #content .zimmer p{

}

#content .zimmer p {
margin-bottom: 0;
font-weight: bold;
}

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

#content .detail_link img, #content #element_employeeleader img {
padding-right: 1em;
float: left;
}

#content div#element_employeedata .contactdata, #content #element_employeeleader .label_bezeichnung {

padding: 0.2em 0;
}

#content div#element_employeedata .contactdata img {
float: left;
padding-right: 1em;
}

#content #element_employeeroom .element_label, #content #element_employeeroom .lable, #content .zimmer .zimmer_lable, #content .zimmer .lable {

font-weight: bold;
padding: 0.2em 0;
margin: 0;
clear: both;
float: left;
width: 6em;
}

#content #element_employeeroom .label_bezeichnung, #content #element_employeeroom .lable_text, #content .zimmer .zimmer_etage, #content .zimmer .zimmer_gebaeude, #content .zimmer .lable_text {

clear: right;
padding: 0.2em 0;
}

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

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

#content .element_address hr { width: 100%; float: none; clear: both; }

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

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

#content .zimmer .lable, #content .zimmer .lable_text {
}

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

#content table.vorgang_amt td {

}

/*	6.4.18. 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; background-color: #676534; }

#adr .address_list .address_list_item .address_title a { color: #fff;; }

#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.5. Formatierungen im rechten Bereich -------------------------------------- */

#rechts p {
 
 padding: 0 0.5em 0 1em;
 color: #ffffff;
}

#rechts p img {
 float: right;
}

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

#rechts a:hover{
  
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

#rechts h5 {
  
  font-weight: bold;  
  color: #ffffff; margin-top: 0;
  padding: 0.6em 0.5em 0.6em 1em;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#rechts #verlauf {
display: none;
}

#rechts .wetterbild {

border:2px white solid;
width:80%; 
text-align: center; 
background-color:#BAD1E3; 
margin:0 auto;
}

#rechts .wetterbild img {

width: 12em;
height: 18em;
}

#rechts #blutspende { width: 100%; }

#rechts #blutspende img#bg { width: 16em; height: 10em; }

#rechts #blutspende #formular { position: relative; margin-top: -2.2em; width: 16em; }

#rechts #blutspende #formular form { padding: 0pt; margin-left: 0.5em; }

#rechts #blutspende #formular form #eintrag { border: 1px solid rgb(210, 207, 209); width: 11em; float: left; }

#rechts #blutspende #formular form #button { float: right; margin-right: 0.5em; width: 3em; height: 1.6em; }