/* IE 6 hack */
*html #logo img { behavior: url('/city_data/css/dwa/iepngfix/iepngfix.htc') }
/* I N H A L T S V E R Z E I C H N I S
1. Grundeinstellungen
1.1. allgemeine Systemeigenschaften
1.2. schriftgrößebasierende Layoutanpassung
1.3. Seitenaufteilung
2. Farbzuweisungen
2.1. Universale Farbzuweisungen für aC
2.2. Farbzuweisungen für den gesamten Webauftritt
2.2.1. Grundfarbe
2.2.2. Hoverfarbe 1
2.2.3. Hoverfarbe 2
3. Hintergrundbilder
3.1. Hintergrundbilder für den gesamten Webauftritt
4. Menugestaltung
4.1. Topmenu
4.2. Menu Links
4.3. Menu im Contentbereich (Sitemap)
4.4. Menu Rechts
5. Teasergestaltung
5.1. Teaser im rechten und linken Bereich
5.1.1. Newsteaser im rechten und linken Bereich
5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich
5.2. Teaser im Contentbereich
5.2.1. Newsteaser
5.2.2. Teaser Veranstaltungskalender
5.3. Teaser im rechten Bereich
5.3.1. Newsteaser
5.3.2. Teaser Veranstaltungskalender
6. allg. Formatierungen nach Position
6.1. Formatierungen ohne Positionsbezug
6.1.1. Access Key
6.1.2. Fontsize
6.1.3. Kontrast
6.1.4. Kalender
6.1.5. Pathhistory
6.1.6. Suche
6.2. Formatierungen im Kopfbereich
6.3. Formatierungen im linken Bereich
6.4. Formatierungen im Inhaltsbereich
6.4.1. Redaktionssystem - allg. Formatierungen
6.4.2. Volltextsuche
6.4.3. Modul Bürgerservice
6.4.4. Modul Rat
6.4.5. Modul News
6.4.6. Modul Veranstaltungskalender
6.4.7. Modul Gästebuch
6.4.8. Modul Galerie
6.4.9. Modul Branchenbuch
6.4.10. Modul Müllabfuhrkalender
6.4.11. Modul Feedbackformular
6.5. Formatierungen im rechten Bereich
1. GRUNDEINSTELLUNGEN -------------------------------------------------------
1.1 allgemeine Systemeigenschaften ------------------------------------------ */
body {
margin: 0;
padding: 0;
text-align: center;
}
#logo,
div.pathhistory,
#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: 1px; }
.extlinkicon {
vertical-align: middle;
padding-top: 0;
}
#content br + br { line-height: 0;}
form * { font-family: Arial, Helvetica, sans-serif; }
.bbForm label span,
.bbForm input,
.bbForm select,
.bbForm textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
/* 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. */
div.pathhistory span,
#content > div,
#rechts > div,
#links > div { font-size: 1.2em; }
#acc { font-size: 1.3em;}
/* IE 6 Hack */
*html #acc { font-size: 1em; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3, .fake_pagetitle { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5, #content #bs .element_department_tree div.auflistung_level_0 a { font-size: 1.1em; }
#logo #wappen h1 { font-size: 2.8em; }
/* 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; }
#content img,
#links #modul img { font-size: 0.833em; }
/* IE 6 Hack */
*html #links #modul img { font-size: 0.8em; }
*html #content img { font-size: 0.8em; }
#logo #header_bild,
#logo #header_bild2,
#logo #header,
#logo #other_links { font-size: 1em; }
#logo #other_links a,
#logo #suche form { font-size: 1.2em; }
/* IE 6 Hack */
*html #logo #other_links a { font-size: 1em; }
*html #logo #suche form { font-size: 0.8em; }
#logo div.menucontainer li a { font-size: 1.2em; }
/* IE 6 Hack */
*html #logo div.menucontainer li a { font-size: 1em; }
#links div.menucontainer li a,
#rechts div.menucontainer li a { font-size: 1em; }
/* IE 6 Hack */
*html #links div.menucontainer li a { font-size: 1em; }
*html #rechts div.menucontainer li a { font-size: 1em; }
#content h2.element_label { font-size: 1em; }
#links div.fontsize a.normalfont { font-size: 1.4em; }
#links div.fontsize a.biggerfont { font-size: 1.8em; }
#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; }
/* 1.3. Seitenaufteilung ------------------------------------------------------- */
body { background-color: #eaeaea; }
#center {
width: 100.4em auto;
margin: 0;
padding: 0;
text-align: center; background-color: #eaeaea;
}
#inner_center {
width: 100.1em;
display: inline-block;
margin: 0;
padding: 0;
border-left: 0.1em solid #588308;
border-bottom: 2em solid #588308;
}
#logo {
width: 100.1em;
height: 33.0em;
border-bottom: 0.1em solid #fff;
margin: 0;
margin-left: -0.1em;
padding: 0;
float: left;
}
#links {
width: 20em;
margin: 0;
padding: 0;
float: left;
}
#content_wrapper {
width: 79.9em;
margin: 0;
padding: 0;
border-left: 0.1em solid #588308;
border-right: 0.1em solid #588308;
float: right;
}
#content {
width: 55.9em;
padding: 2em;
padding-top: 0.5em;
margin: 0;
float: left;
min-height: 100em;
border-right: 0.1em solid #588308;
}
#rechts {
width: 19.8em;
padding: 0;
margin: 0;
margin-top: -0.2em;
float: right;
border-top: 0.2em solid #588308;
}
/* IE 6 hack */
*html #center { width: 80.4em auto; }
*html #inner_center { width: 80.3em; }
*html #logo { width: 80.1em; height: 26.4em; position: relative; }
*html #links { width: 16em; }
*html #content_wrapper { width: 64.0em; float: right; }
*html #content { width: 44.9em; padding: 1.6em; padding-top: 0.4em; height: auto !important; height: 80em; }
*html #rechts { width: 15.6em; margin-top: -0.16em; }
/* 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 .teaser .teaser_titledate,
#content .record .number,
#content .record .detaillink,
#content .record .score,
#content .record .scores,
#content #gaestebuch_uebersicht .comment,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr,
#content #bs .element_departmentlist th,
#content #bs .element_departmentlist td,
#content #bs #vorgang_uebersicht .auflistung_text,
#content #bs .element_department_tree div,
#content #news .element_newslist tr,
#content #news .element_newslist table th:hover,
#content #bs .contactdata tr,
#content #bb .dwa_rubrik_list table tr,
#content #bb #eintrag_az .dwa_eintrag_list tr,
#content .dwa_kalendertable table td.dwa_kalmark4,
#content #vk #uebersicht .dwa_v_kalender_list table tr,
#content #rat .dwa_kalendertable td,
#content #rat .dwa_rat_fraktion table tr,
#content #rat .dwa_rat_ausschuss table tr,
#content #rat #daten .dwa_v_kalender_list tr,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th[abbr~=ausschuss]:hover {
background-color: #eee;
}
#content #bs .element_departmentlist th#Email,
#content #bs .element_departmentlist th#Bezeichnung,
#content #bs .element_departmentlist th#Telefon,
#content #bs .element_departmentlist th#Fax,
#content #bs #vorgang_uebersicht .element_label,
#content #bs .element_department_tree .element_label,
#content #news .element_newslist th,
#content #element_departmentcontact .contactdata th,
#content #bs .contactdata th,
#content #bb .dwa_rubrik_list caption,
#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content #bb #eintrag_az caption,
#content .dwa_kalendertable table td.dwa_kalmark3,
#content #vk #uebersicht .dwa_v_kalender_list table th,
#content #rat .fraktion_farbe_20:hover,
#content #rat .fraktion_farbe_21:hover,
#content #rat .fraktion_farbe_22:hover,
#content #rat .fraktion_farbe_23:hover,
#content #rat .dwa_rat_fraktion table th.head,
#content #rat .dwa_rat_ausschuss table th,
#content #rat #daten .dwa_v_kalender_list th {
background-color: #ddd;
}
#content #bs .contactdata tr:hover,
#content #bs #vorgang_uebersicht .auflistung_text:hover,
#content #bs .element_department_tree div:hover,
#content #bb .dwa_rubrik_list table tr:hover,
#content #bb #rubrik_detail .dwa_rubrik_firmen tr:hover,
#content #bb #eintrag_az .dwa_eintrag_list tr:hover,
#content #news .element_newslist table tr:hover,
#content #vk #uebersicht .dwa_v_kalender_list table tr:hover,
#content #rat #daten .dwa_v_kalender_list tr:hover,
#content #rat .dwa_rat_fraktion table tr:hover,
#content #rat .dwa_rat_ausschuss table tr:hover {
background-color: #fff;
}
#content .teaser { border-bottom: 0.1em solid #ddd; border-left: 0.1em solid #ddd; border-right: 0.1em solid #ddd; }
#content .teaser .teaser_element { }
#content .teaser .teaser_titledate { border-top: 0.1em solid #ddd; border-bottom: 0.1em solid #ddd; }
/* 2.2. Farbzuweisungen für den gesamten Webauftritt --------------------------- */
/* 2.2.1. Grundfarbe: #231c66 -------------------------------------------------- */
#logo #topmenu li.item_1 { background-color: #588308; }
#logo #topmenu li.item_2 { background-color: #587708; }
#logo #topmenu li.item_3 { background-color: #586908; }
#logo #topmenu li.item_4 { background-color: #4f5e08; }
#logo #topmenu li.item_5 { background-color: #435508; }
#logo #topmenu li.item_6 { background-color: #374606; }
#logo .menucontainer li.level_1 a,
#logo .menucontainer li.level_1 a:visited { color: #fff; }
#logo #suche form *,
#links .menucontainer li.level_1 a,
#links .menucontainer li.level_1 a:visited,
#rechts .menucontainer li.level_1 a,
#rechts .menucontainer li.level_1 a:visited {
background-color: #fff;
color: #000;
}
/* 2.2.2. Hoverfarbe 1: #e1e7ff ------------------------------------------------ */
#links .menucontainer li.level_1 a:hover,
#links .menucontainer li.level_1 a.item_active,
#rechts .menucontainer li.level_1 a:hover,
#rechts .menucontainer li.level_1 a.item_active {
background-color: #e1e7ff;
color: #231c66;
}
/* 2.2.2. Hoverfarbe 2: #fff --------------------------------------------------- */
#logo { background-color: #eaeaea;}
#logo #header,
#logo #other_links { background-color: #588308; }
#inner_center {
background-color: #fff;
}
#content #rs_sitemap h5 a {
background-color: #ddd;
}
#content #rs_sitemap h5 a:hover,
#content #rs_sitemap li a {
background-color: #eee;
}
#content #rs_sitemap li a:hover {
background-color: #fff;
}
#content #daten_bild,
#content #bild_daten {
background-color: #eee;
border: 1px solid #ddd;
}
/* 3. Hintergrundbilder -------------------------------------------------------- */
/* 3.1. Hintergrundbilder für den gesamten Webauftritt ------------------------- */
#center {
background-image: url('/city_data/images/8/0/71208/orig_140x940.png');
background-color: #eaeaea;
background-repeat: repeat-x;
background-position: left 10em;
}
/* IE 6 hack */
*html #center { background-position: left 7.95em; }
#logo #topmenu div.menucontainer li.level_1 a,
#logo #topmenu div.menucontainer li.level_1 a:visited {
background-image: url('/city_data/images/7/1/71217/orig_18x18.png');
background-repeat: no-repeat;
}
#logo #topmenu div.menucontainer li.level_1 a:hover,
#logo #topmenu div.menucontainer li.level_1 a.item_active {
background-image: url('/city_data/images/6/1/71216/orig_18x18.png');
background-repeat: no-repeat;
}
#links div.menucontainer li.level_1 a,
#links div.menucontainer li.level_1 a:visited,
#links div.menucontainer li.level_1 a:hover,
#links div.menucontainer li.level_1 a.item_active {
background-image: url('/city_data/images/2/1/71212/orig_18x18.png');
background-repeat: no-repeat;
background-position: 0.2em center;
}
#links div.menucontainer li.level_2 a,
#links div.menucontainer li.level_2 a:visited,
#links div.menucontainer li.level_2 a:hover,
#links div.menucontainer li.level_2 a.item_active {
background-image: none;
}
/* 4. Menugestaltung ----------------------------------------------------------- */
.menucontainer ul {
list-style: none;
margin: 0;
padding: 0;
}
/* 4.1. Topmenu ---------------------------------------------------------------- */
#logo #topmenu .extlinkicon {
display: none;
}
#logo #topmenu div.menucontainer li.level_1 {
text-align: left;
width: 24.8em;
height: 3.2em;
border-top: 0.1em solid #fff;
}
/* IE 6 hack */
*html #logo #topmenu div.menucontainer li.level_1 { width: 19.84em; height: 2.56em; }
#logo #topmenu div.menucontainer li.item_1 {
border-top: 0;
}
#logo #topmenu div.menucontainer li.level_1 a,
#logo #topmenu div.menucontainer li.level_1 a:visited,
#logo #topmenu div.menucontainer li.level_1 a:hover,
#logo #topmenu div.menucontainer li.level_1 a.item_active {
background-position: right;
font-weight: bold;
padding: 0.7em 0.6em;
display: block;
}
#logo #topmenu div.menucontainer li.item_6 a {
}
/* IE 6 Hack */
*html #logo #topmenu div.menucontainer li.level_1 a,
*html #logo #topmenu div.menucontainer li.level_1 a:visited,
*html #logo #topmenu div.menucontainer li.level_1 a:hover,
*html #logo #topmenu div.menucontainer li.level_1 a.item_active { padding: 0.5em 0.6em; }
/* 4.2. Menu Links ------------------------------------------------------------- */
#links div.menucontainer {
margin: 0;
margin-left: 0.5em;
padding: 0;
border-top: 0.1em solid #588308;
}
#links div.menucontainer li a {
padding: 0;
margin: 0;
display: block;
border-bottom: 0.1em solid #588308;
}
#links div.menucontainer li.level_1 a,
#links div.menucontainer li.level_1 a:visited {
text-decoration: none;
font-weight: bold;
background-color: #fff;
color: #588308;
margin: 0;
padding: 0.5em 0.5em 0.5em 2em;
display: block;
}
#links div.menucontainer li.level_1 a:hover,
#links div.menucontainer li.level_1 a.item_active {
background-color: #eaeaea;
color: #000;
}
#links div.menucontainer li.level_2 a,
#links div.menucontainer li.level_2 a:visited {
padding: 0.5em 0.5em 0.5em 2em;
background-color: #fff;
color: #000;
}
#links div.menucontainer li.level_2 a:hover,
#links div.menucontainer li.level_2 a.item_active {
background-color: #588308;
color: #fff;
}
#links div.menucontainer li.level_3 a,
#links div.menucontainer li.level_3 a:visited {
padding: 1em 0.5em 1em 3em;
}
#links div.menucontainer li.level_3 a:hover,
#links div.menucontainer li.level_3 a.item_active {
background-color: #e1e7ff;
color: #231c66;
}
#links div.menucontainer li .extlinkicon {
vertical-align: middle;
padding-top: 0;
height: 1em;
width: 1em;
}
/* 4.3. Menu im Contentbereich (Sitemap) --------------------------------------- */
#content div.menucontainer li .extlinkicon {
vertical-align: middle;
padding-top: 0;
height: 1em;
width: 1em;
}
#content #rs_sitemap h5 {
margin: 0;
font-size: 1em;
}
#content #rs_sitemap h5 .extlinkicon { display: none; }
#content #rs_sitemap h5:hover {
margin: 1em 0 0 0;
font-size: 1em;
}
#content #rs_sitemap h5 a {
margin: 1em 0 0 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 25%;
width: 75%;
background-position: 27% 0.3em;
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
display: block;
}
#content #rs_sitemap h5 a:hover {
border-bottom: 1px solid #ddd;
display: block;
text-decoration: none;
}
#content #rs_sitemap div.menucontainer {
border-bottom: 1px solid #ddd;
}
#content #rs_sitemap li a {
background-image: url('/city_data/images/3/6/1063/orig_6x13.gif');
background-repeat: no-repeat;
text-decoration: none;
border-bottom: 1px solid #fff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
font-weight: bold;
margin: 0;
padding: 0.4em 0;
display: block;
}
#content #rs_sitemap li a:hover {
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
margin: 0;
padding: 0.4em 0;
display: block;
}
#content #rs_sitemap div.menucontainer li.level_1 a,
#content #rs_sitemap div.menucontainer li.level_1 a:hover {
padding-left: 30%;
width: 70%;
background-position: 27% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_2 a,
#content #rs_sitemap div.menucontainer li.level_2 a:hover {
padding-left: 35%;
width: 65%;
background-position: 32% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_3 a,
#content #rs_sitemap div.menucontainer li.level_3 a:hover {
padding-left: 40%;
width: 60%;
background-position: 37% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_4 a,
#content #rs_sitemap div.menucontainer li.level_4 a:hover {
padding-left: 45%;
width: 55%;
background-position: 42% 0.3em;
}
#content #rs_sitemap div.menucontainer li.level_5 a,
#content #rs_sitemap div.menucontainer li.level_5 a:hover {
padding-left: 50%;
width: 50%;
background-position: 47% 0.3em;
}
/* 4.4. Menu Rechts ------------------------------------------------------------ */
#rechts div.menucontainer .extlinkicon {
vertical-align: middle;
padding-top: 0;
height: 1em;
width: 1em;
}
#rechts div.menucontainer {
margin-bottom: 1em;
}
#rechts div.menucontainer li a,
#rechts div.menucontainer li a:visited,
#rechts div.menucontainer li a:hover,
#rechts div.menucontainer li a.item_active {
text-decoration: none;
font-weight: bold;
color: #000;
border-bottom: 1px solid #ffffff;
margin: 0;
padding: 0.2em 0;
display: block;
}
#rechts div.menucontainer li.level_1 a,
#rechts div.menucontainer li.level_1 a:visited,
#rechts div.menucontainer li.level_1 a:hover,
#rechts div.menucontainer li.level_1 a.item_active {
padding: 0.4em 0 0.4em 1em;
}
#rechts div.menucontainer li.level_2 a,
#rechts div.menucontainer li.level_2 a:visited,
#rechts div.menucontainer li.level_2 a:hover,
#rechts div.menucontainer li.level_2 a.item_active {
padding: 0.4em 0 0.4em 1.5em;
}
#rechts div.menucontainer li.level_3 a,
#rechts div.menucontainer li.level_3 a:visited,
#rechts div.menucontainer li.level_3 a:hover,
#rechts div.menucontainer li.level_3 a.item_active {
padding: 0.4em 0 0.4em 2.5em;
}
#rechts div.menucontainer li.level_4 a,
#rechts div.menucontainer li.level_4 a:visited,
#rechts div.menucontainer li.level_4 a:hover,
#rechts div.menucontainer li.level_4 a.item_active {
padding: 0.4em 0 0.4em 3.5em;
}
/* 5. Teasergestaltung --------------------------------------------------------- */
/* 5.1. Teaser im rechten und linken Bereich ----------------------------------- */
/* 5.1.1. Newsteaser im rechten und linken Bereich ----------------------------- */
#links .teaser,
#rechts .teaser {}
#links #left_newsteaser_title,
#rechts #right_newsteaser_title {
text-align: center;
padding: 0.3em 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #000;
}
#links #left_newsteaser_title a,
#rechts #right_newsteaser_title a { color: #000000; }
#links .teaser .teaser_element,
#rechts .teaser .teaser_element {
padding: 0.5em;
padding-top: 0em;
}
#links .teaser .teaser_element br,
#rechts .teaser .teaser_element br { line-height: 0em; }
#links .teaser .teaser_titledate h3,
#rechts .teaser .teaser_titledate h3 { margin-bottom: 0em; }
#links .teaser .teaserdate,
#rechts .teaser .teaserdate {
font-weight: normal;
margin: 0.2em 0 0.4em 0;
display: block;
}
#links .teaser .teasertext,
#rechts .teaser .teasertext {
}
#links .teaser .teaser_more,
#rechts .teaser .teaser_more {
text-align: right;
display: block;
}
/* 5.1.2. Teaser Veranstaltungskalender im rechten und linken Bereich ---------- */
#links .teaser_vk,
#rechts .teaser_vk {
}
#links #left_vkteaser_title,
#rechts #right_vkteaser_title {
text-align: center;
padding: 0.3em 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #000;
}
#links #left_vkteaser_title a,
#rechts #right_vkteaser_title a { color: #000000; }
#links .teaser_vk hr,
#rechts .teaser_vk hr { display: none; }
#links .teaser_vk .teaser_element,
#rechts .teaser_vk .teaser_element {
padding: 0.5em;
padding-top: 0em;
}
#links .teaser_vk .teaser_element br,
#rechts .teaser_vk .teaser_element br { line-height: 0em; }
#links .teaser_vk .teaser_titledate h3,
#rechts .teaser_vk .teaser_titledate h3 { margin-bottom: 0em; }
#links .teaser_vk .teaserdate,
#rechts .teaser_vk .teaserdate {
font-weight: normal;
margin: 0.2em 0 0.4em 0;
display: block;
}
#links .teaser_vk .teasertext,
#rechts .teaser_vk .teasertext {}
#links .teaser_vk .teaser_more,
#rechts .teaser_vk .teaser_more {
text-align: left;
display: block;
}
#links .teaser_vk .element_address,
#rechts .teaser_vk .element_address { font-weight: bold; }
#links .teaser_vk .element_address .lable,
#rechts .teaser_vk .element_address .lable { display: none; }
/* 5.2. Teaser im Contentbereich ----------------------------------------------- */
#content #zwei_teaser #teaser_links,
#content #zwei_teaser #teaser_rechts { width: 48%; }
#content #zwei_teaser #teaser_links { float: left; }
#content #zwei_teaser #teaser_rechts{ float: right; }
#content #zwei_teaser h2 { margin-bottom: 0.5em; text-align: center; }
#content #zwei_teaser .teaser_vk .teaser_titel { width: 100%; padding-bottom: 1.2em; }
/* 5.2.1. Newsteaser im Contentbereich ----------------------------------------- */
#content .teaser {
display: block;
width: 100%;
}
#content .teaser br { display: none; }
#content .teaser .teaser_element {
margin: 0;
padding-bottom: 0.5em;
}
#content .teaser .teaser_titledate { padding: 0.2em 0.5em; height: 1.3em;}
#content .teaser .teaser_titel {
font-weight: bold;
margin: 0;
width: 75%;
}
#content .teaser .teaserdate {
margin-top: -1.3em;
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 div.teaserimg {
width: auto;
vertical-align: top;
text-align: right;
}
#content .teaser .img_left {
float: left;
padding: 0 0.5em;
}
#content .teaser .img_right {
float: right;
padding: 0 0.5em; display: inline;
}
#content .teaser .teasercontent { margin: 0em; width: 78% auto; }
#content .teaser .teasercontent .teasertext { margin-left: 0.5em; }
#content .teaser .teasercontent .teasertext span.teaser_more {
text-align: right;
display: block;
margin-top: 0.5em;
}
#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%;
}
/* Opera hack */
@media screen and (min-width: 0px){
#content .teaser_vk { margin-bottom: 1.5em; }
}
#content .teaser_vk br {
display: none;
}
#content .teaser_vk img.img_left {
clear: both;
float: left;
padding-right: 0.5em;
}
#content .teaser_vk img.img_right {
clear: both;
float: right;
margin: 0 0 0.5em 2em;
}
#content .teaser_vk .teaser_element {
margin: 0.5em 0;
padding-bottom: 0.5em;
}
/* 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;
}
#content .teaser_vk .teaserdate {
font-weight: normal;
padding: 0 0.5em;
float: right;
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: 1em 0.5em 0 0.5em;
text-align: left;
display: block;
}
/* IE 7 Hack */
*:first-child+html #content .teaser_vk .teasertext {
}
#content .teaser_vk .teaser_element span.teaser_more {
clear: both;
display: block;
width: 100%;
text-align: right;
margin: 0.5em 0 0 0.5em;
}
#content .teaser_vk .teaser_element .teaser_more a:link,
#content .teaser_vk .teaser_element .teaser_more a:visited,
#content .teaser_vk .teaser_element .teaser_more a:active {
font-weight: bold;
text-decoration: none;
}
#content .teaser_vk .teaser_element .teaser_more a:hover {
text-decoration: underline;
}
#content .teaser_vk .teaser_element .element_address {
display: inline-block;
padding-bottom: 0.5em;
}
#content .teaser_vk .teaser_element .element_address .hr {
color: #fff;
height: 0px;
border-top: thin solid silver;
}
#content .teaser_vk .teaser_element .element_address .hr_adress_contact_start {}
#content .teaser_vk .teaser_element .element_address .hr_adress_contact_end {
display: none;
}
#content .teaser_vk hr {
color: #fff;
height: 1px;
border-top: 0em;
clear: both;
}
/* 6. allg. Formatierungen nach Position --------------------------------------- */
/* 6.1. Formatierungen ohne Positionsbezug ------------------------------------- */
#content h2.simplefloat1 {
padding-right: 1em;
margin-top: 0;
float: left;
}
#content img.extlinkicon {
vertical-align: middle;
padding-top: 0;
height: 1em;
width: 1em;
float: none;
clear: both;
}
/* 6.1.1. Access Key ----------------------------------------------------------- */
#acc {
margin-top: 0em;
width: 12em;
text-align: center;
line-height: 1.4em;
display: block;
}
#acc li {
margin: 0 0.3em 0.3em 0;
padding: 0;
border: 1px solid #6f6f6f;
float: left;
list-style: none;
display: inline-block;
}
#acc li a:link, #acc li a:visited {
color: #000000;
background: #d3d3d3;
padding: 0.3em 1em;
width: 1.2em;
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.4em 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 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;
}
div.dwa_kalmark4 a,
td.dwa_kalmark4 a,
td.dwa_kalmark3 a {
background-color: #374606;
border: 1px solid silver;
color: #fff !important;
}
div.dwa_kalmark4 a {
background-color: #374606;
border: 1px solid silver;
color: #374606 !important;
padding: 0.2em !important;
display: block;
}
.dwa_kalendertable th { border: 1px solid silver;}
td.dwa_kalmark2,
.dwa_kalmark2_date {
background-color: #588308;
border: 1px solid silver;
color: #fff;
padding: 0.2em;
}
td.dwa_kalmark2 a {
background-color: #588308;
color: #fff !important;
}
.dwa_kalmark2_date {
background-color: #588308;
color: #588308 !important;
}
td.kalmark2 {
border: #cccccc 1px solid;
color: #E50000;
background-color: #0086E6
}
.dwa_kalmark2_date a {
color: #E50000;
}
/* 6.1.5. Pathhistory ---------------------------------------------------------- */
.pathhistory {
font-weight: normal;
text-align: left;
width: 98em;
padding: 0.5em 1em;
margin: 0;
border-bottom: 0.2em solid #588308;
border-right: 0.1em solid #588308;
clear: both;
display: block;
}
/* IE 6 hack */
*html .pathhistory { width: 78.6em; padding: 0.4em 0.8em; }
.pathhistory .data_list a, .pathhistory .data_list a:link, .pathhistory .data_list a:visited, .pathhistory .data_list a:active {
color: #588308;
font-weight: bold;
text-decoration: none;
padding-left: 0.5em;
}
.pathhistory .data_list a:hover {
text-decoration: underline;
color: #588308;
padding-left: 0.5em;
}
/* 6.1.6. Suche ---------------------------------------------------------------- */
.quicksearch input {
border: 1px groove #000;
background-color: #fff;
}
#quicksearch {
padding: 0;
padding-top: 0em;
}
#quicksearch form {
margin: 0;
padding: 0;
}
#quicksearch label {
color: white;
display: none;
}
#quicksearch input.element_search_input {
border: 1px groove #000;
background-color: #fff;
color: #000000;
display: inline-block;
float: none;
width: 11em;
margin-right: 0.2em;
}
#quicksearch button {
border: 1px groove #000;
background-color: #fff;
color: #588308;
font-weight: normal;
width: 7em;
}
#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: #588308;
text-decoration: none;
font-weight: bold;
}
#logo a:hover {
text-decoration: underline;
}
/* ------------------- SEITENKOPF MIT ZUFALLSBILD MIT WAPPEN ------------------- */
#logo #header_bild img {
width: 100.2em;
height: 10em;
padding: 0;
}
#logo #header {
width: 100em;
height: 19.8em;
border: 0.1em solid #fff;
border-bottom: 0;
display: inline-block;
}
/* IE 6 Hack */
*html #logo #header { width: 80.2em; height: 15.7em; margin-top: -0.1em; }
/* IE 7 hack */
*:first-child + HTML #logo #header { margin-top: 0em; }
#logo #header img { padding: 0; }
#logo #header #topmenu,
#logo #header #random1,
#logo #header #random2 {
float: left;
}
#logo #header #header_bild2 img {
width: 75.1em;
height: 19.8em;
padding: 0;
border-left: 0.1em solid #fff;
float: left;
}
#logo #header #random1 {
border-left: 0.1em solid #fff;
border-right: 0.1em solid #fff;
}
#logo #header #random1 img {
width: 32em;
height: 19.8em;
}
#logo #header #random2 img {
width: 43em;
height: 19.8em;
}
#logo #other_links {
width: 100em;
border-left: 0.1em solid #fff;
border-right: 0.1em solid #fff;
border-top: 0.1em solid #fff;
}
/* IE 6 hack */
*html #logo #other_links { width: 80.2em; margin-top: -0.24em; }
#logo #suche {
float: left;
height: 2.5em;
padding: 0.3em 0;
text-align: center;
width: 25em;
}
/* IE 6 hack */
*html #logo #suche { height: 2em; padding: 0.26em 0; width: 20em; }
#logo #suche button { font-weight: bold;}
#logo #suche input { height: 1.3em;}
#logo #other { float: right; }
#logo #other div.menucontainer li { float: left;}
#logo #other div.menucontainer li a { padding: 0 1.3em; margin-top: 0.6em; display: block; color: #fff; border-left: 1px solid #fff; }
/* IE 6 hack */
*html #logo #other div.menucontainer li a { padding: 0 1.04em; margin-top: 0.48em; }
#logo #other div.menucontainer li.item_1 a { border-left: 0; }
/* 6.3. Formatierungen im linken Bereich --------------------------------------- */
#links a, a:link, a:visited, a:active {
color: #588308;
text-decoration: none;
font-weight: bold;
}
#links a:hover {
color: #535152;
text-decoration: underline;
font-weight: bold;
}
#links #bitv_links {
margin: 1em 0;
}
#links #bitv_links br {
display: none;
}
#links div.fontsize {
display: block;
text-align: center;
}
#links div.fontsize a {
color: #000;
text-decoration: none;
}
#links div.contrast {
display: block;
text-align: center;
}
#links div.contrast img {
border: 1px solid #000;
width: 2em;
}
/* 6.4. Formatierungen im Inhaltsbereich --------------------------------------- */
#content a, #rechts a:link, #rechts a:visited, #rechts a:active{
color: #435508;
text-decoration: none;
}
#content a:hover {
color: #588308;
text-decoration: underline;
}
#content .class_266_1257158327616 {
padding-top: 0em;
padding-left: 0em;
padding-bottom: 0em;
padding-right: 0em;
}
/* 6.4.1. Redaktionssystem - allg. Formatierungen ------------------------------ */
#content #karte img { width: 55em; height: 58.6em; }
/* -------------------------- RS Seite Öffnungszeiten -------------------------- */
#content #zwei_spalten {}
#content #zwei_spalten #rs_links,
#content #zwei_spalten #rs_rechts { width: 50%; display: inline-block; }
#content #zwei_spalten #rs_links { float: left; }
#content #zwei_spalten #rs_rechts { float: right; }
#content #rs_oeffnungszeiten { text-align: center; }
#content #rs_oeffnungszeiten table { width: 90%; }
#content #rs_oeffnungszeiten table.halb { width: 45%; }
#content #rs_oeffnungszeiten td { width: 50%; }
#content #rs_oeffnungszeiten th { text-align: center; }
#content #rs_oeffnungszeiten th,
#content #rs_oeffnungszeiten td { padding: 0.3em;}
/* ---------------------------------- Bilder ----------------------------------- */
div#content img { padding: 0.3em; }
/* -------------------------------- Seitentitel -------------------------------- */
div#content h1.pagetitle,
div#content h1.fake_pagetitle {
color: #000;
margin-top: 1em;
border-bottom: 1px solid #588308;
}
/* --------------------------------- Adressen ---------------------------------- */
#content .element_address .lable { display: none; }
#content .element_address img { padding-top: 0; }
#content .element_address hr {
clear: both;
float: left;
width: 50%;
height: 0;
}
#content .element_address .hr_adress_contact_start {
margin-top: 1em;
margin-bottom: 0.3em;
}
/* IE 7 Hack */
*:first-child+html #content .element_address .hr_adress_contact_start { margin: 1em 0 0 0; padding: 0; vertical-align: bottom; }
#content .element_address .contactdata .lable {
display: inline;
float: left;
clear: left;
width: 2.5em;
}
#content .element_address .contactdata .lablecontactperson .lable {
display: inline;
float: left;
font-weight: bold;
}
#content .element_address .contactdata .lablecontactperson .lable_text {
clear: left;
padding: 0.3em 3em;
}
#content .element_address .contactdata .contactdata_text,
#content .element_address .contactdata .contactdata_text a {
float: left;
line-height: 1.8em;
}
/* ------------------------------- Kontaktdaten -------------------------------- */
#content #daten_bild,
#content #bild_daten {
border: 1px solid #ddd;
display: inline-block;
}
/* IE 7 Hack */
*:first-child+html #content #daten_bild { display: inline; }
*:first-child+html #content #bild_daten { display: inline; }
/* IE 6 hack */
*html #content #daten_bild { display: inline; }
*html #content #bild_daten { display: inline; }
#content #daten_bild #daten,
#content #bild_daten #bild {
float: left;
padding: 1em 1.5em 0.5em 1em;
}
#content #daten_bild #bild,
#content #bild_daten #daten {
float: left;
clear: right;
}
#content #bild_daten #bild,
#content #daten_bild #bild { display: inline; }
#content #bild_daten #bild img,
#content #daten_bild #bild img { padding: 1em; }
#content #bild_daten #daten,
#content #daten_bild #daten { display: inline-block; }
/* IE 6 hack */
*html #content #bild_daten #daten { display: inline; }
*html #content #daten_bild #daten { display: inline; }
#content #details { width: 100%; }
/* 6.4.2. Volltextsuche -------------------------------------------------------- */
/* -------------------------- Ausgabeseite Ergebnisse -------------------------- */
/* Volltextsuche */
#content #vts .searchfield { width: 50%; display: inline-block; padding-bottom: 0.5em; }
#content #vts .searchfield input { float: left; width: 60%; margin-top: 0.1em; }
#content #vts .searchfield button { width: 30%; }
#content #vts .searchfield,
#content #vts .searchfield div {
margin-top: 0.5em;
text-align: left;
}
#content #vts .page { display: inline-block; }
#content #vts label {}
#content #vts hr { display: none; }
#content #vts .searchgap { height: 1em; }
#content #vts .record {
width: 100%;
border: 1px solid #ddd; border-top: 0;
display: inline-block;
}
#content #vts .summary {
padding: 0.3em;
border-top: 1px solid #ddd;
}
#content #vts .record .bottom { display: none; }
#content #vts .record .number,
#content #vts .record .detaillink,
#content #vts .record .score,
#content #vts .record .scores {
border-top: 0.1em solid #ddd;
height: 1.8em;
padding-top: 0.4em;
}
#content #vts .record .number {
width: 5%;
padding-left: 1%;
}
#content #vts .record .detaillink {
width: 82%;
padding-left: 1%;
}
#content #vts .record .scores,
#content #vts .record .score {
text-align: right;
width: 10%;
padding-right: 1%;
display: inline-block;
}
/* -------------- Ausgabeseite Ergebnisse - Suche im Branchenbuch -------------- */
#content #vts #bb_volltextsuche label {}
#content #vts #bb_volltextsuche hr {}
#content #vts #bb_volltextsuche .searchfield {}
#content #vts #bb_volltextsuche .searchfield div {}
#content #vts #bb_volltextsuche .page {}
#content #vts #bb_volltextsuche .searchgap {}
#content #vts #bb_volltextsuche .record {}
#content #vts #bb_volltextsuche .record .bottom {}
#content #vts #bb_volltextsuche .record .number {}
#content #vts #bb_volltextsuche .record .detaillink {}
#content #vts #bb_volltextsuche .record .score {}
#content #vts #bb_volltextsuche .record .scores {}
/* ----------- Ausgabeseite Ergebnisse - Suche nach Veranstaltungen ------------ */
#content #vts #vk_volltextsuche label {}
#content #vts #vk_volltextsuche hr {}
#content #vts #vk_volltextsuche .searchfield {}
#content #vts #vk_volltextsuche .searchfield div {}
#content #vts #vk_volltextsuche .page {}
#content #vts #vk_volltextsuche .searchgap {}
#content #vts #vk_volltextsuche .record {}
#content #vts #vk_volltextsuche .record .bottom {}
#content #vts #vk_volltextsuche .record .number {}
#content #vts #vk_volltextsuche .record .detaillink {}
#content #vts #vk_volltextsuche .record .score {}
#content #vts #vk_volltextsuche .record .scores {}
/* 6.4.3. Modul Bürgerservice -------------------------------------------------- */
/* --------------------------------- Ämterbaum --------------------------------- */
#content #bs .element_department_tree .element_label {
border: 0.1em solid #ddd;
margin: 0;
margin-bottom: 0.1em;
padding: 0.3em 0 0.3em 8em;
}
#content #bs .element_department_tree { border: 0.1em solid #ddd; margin-top: 1em; }
#content #bs .element_department_tree div { border-bottom: 0.1em solid #fff; padding: 0.3em 0 0.3em 8em; margin: 0;}
#content #bs .element_department_tree div.auflistung_level_1 { padding: 0.3em 0 0.3em 10em; }
#content #bs .element_department_tree div.auflistung_level_2 { padding: 0.3em 0 0.3em 12em; }
#content div.element_department_tree img {
padding-top: 0;
vertical-align: middle;
}
/* ------------------------------- DETAILANSICHT ------------------------------- */
#content table#standorte tr.adresse td,
#content table#standorte tr.adresse th,
#content table#standorte tr.kontakt td,
#content table#standorte tr.kontakt th { padding-top: 0; }
#content div.contactdata { clear: left; }
#content div.contactdata_button {
margin: 0;
padding: 0;
float: left;
height: 2em;
width: 2em;
padding-right: 0.5em;
margin-top: 0.3em;
}
#content div.contactdata_text,
#content div.catntactdata_text,
#content div.contactdata_text a,
#content div.catntactdata_text a,
#content .zimmer .zimmer_vorgang a {
line-height: 2.2em;
vertical-align: top;
}
#content .zimmer p {
margin-bottom: 0;
font-weight: bold;
}
#content .detail_link { padding: 0.2em 0; }
#content .detail_link img,
#content #bs #element_employeeleader img {
padding-right: 1em;
float: left;
}
#content div#element_employeedata .contactdata,
#content #bs #element_employeeleader .label_bezeichnung { padding: 0.2em 0; }
#content div#element_employeedata .contactdata img {
float: left;
padding-right: 1em;
}
#content #element_employeeroom .element_label,
#content #element_employeeroom .lable,
#content .zimmer .zimmer_lable,
#content .zimmer .lable {
font-weight: bold;
padding: 0.1em 0 0.2em 0;
margin: 0;
float: left;
width: 5em;
}
#content #bs #mitarbeiter_detail #element_employeeroom .label_bezeichnung { width: auto; }
#content #bs #mitarbeiter_detail #element_employeeroom br { display: none; }
#content #bs #mitarbeiter_detail #element_employeeroom .element_address { margin: 0; padding: 0; margin-left: 5em; }
#content #bs #mitarbeiter_detail #element_employeeroom .element_address .addresse_name { display: none; }
#content #bs #details #element_employeeroom .label_bezeichnung {}
#content #element_employeeroom .label_bezeichnung,
#content #element_employeeroom .lable_text,
#content .zimmer .zimmer_etage,
#content .zimmer .zimmer_gebaeude,
#content .zimmer .lable_text {
clear: right;
padding: 0.2em 0;
}
#content #zimmer_detail .element_address .addresse_name { display: none; }
#content .zimmer .zimmer_etage h2 { display: none; }
#content .element_address .addresse_name { font-weight: normal; }
#content .zimmer .element_address .addresse_name {
padding-left: 6em;
font-weight: bold;
padding-top: 1.2em;
}
#content .zimmer .lable,
#content .zimmer .lable_text {}
#content td img {
float: left;
padding-right: 0.5em;
}
#content .vorgang_amt .label_bezeichnung img {
padding: 0 0.3em 0.3em 0;
vertical-align: bottom;
}
#content .vorgang_amt .label_bezeichnung { padding-bottom: 0.5em; }
/* ------------------------------- Auswahlliste -------------------------------- */
#content div.az { text-align: center; }
#content div.az span { padding: 0 0.2em; }
/* ---------------------------------- Listen ----------------------------------- */
#content #bs #element_departmentcontact .element_label_content,
#content #bs #zimmer_detail .element_zimmer_ansprechpartner table { width: 100%; }
#content .element_departmentlist,
#content #element_departmentcontact .contactdata th,
#content #element_departmentcontact .contactdata td,
#content #element_departmentcontact .contactdata td a,
#content .auflistung_text {}
#content #bs #element_departmentcontact table,
#content #bs .element_departmentlist table,
#content #bs #element_departmentcontact table { width: auto; }
#content #bs #element_departmentcontact .contactdata,
#content #bs .element_zimmer_ansprechpartner .contactdata {
border-collapse: collapse;
width: auto;
}
#content #bs .element_departmentlist th {
padding: 0.3em 0.5em;
border-bottom: 0.1em solid #fff;
border-right: 0.1em solid #fff;
height: 2em;
}
#content #bs .element_departmentlist th#Email,
#content #bs .element_departmentlist th#Bezeichnung,
#content #bs .element_departmentlist th#Telefon,
#content #bs .element_departmentlist th#Fax,
#content #bs #element_departmentcontact .contactdata th,
#content #bs .contactdata th {
padding: 0.3em 0.5em;
border-bottom: 0.2em solid #fff;
border-right: 0.1em solid #fff;
height: 2em;
}
#content #bs #vorgang_uebersicht .az { margin-bottom: 1em; }
#content #bs #vorgang_uebersicht .element_label {
border: 0.1em solid #ddd;
margin: 0;
margin-bottom: 0.1em;
padding: 0.3em 0 0.3em 4em;
}
#content #bs #vorgang_uebersicht { border-bottom: 0.1em solid #ddd; }
#content #bs #vorgang_uebersicht .auflistung_text {
border-left: 0.1em solid #ddd;
border-right: 0.1em solid #ddd;
}
#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 {}
#content #bs #vorgang_uebersicht .auflistung_text {
border-bottom: 0.1em solid #fff;
padding-left: 4.2em;
}
#content #rs_sitemap li a:hover {
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
margin: 0;
padding: 0.4em 0;
display: block;
}
#content #bs .element_departmentlist th,
#content #bs .element_departmentlist td {}
#content #bs table.contactdata caption { display: none; }
#content #bs .element_departmentlist #Bezeichnung { width: 18em; }
#content #bs .element_departmentlist th#Email { width: 2.5em; }
#content #bs .element_departmentlist td,
#content #bs #element_departmentcontact .contactdata td {
padding: 0.1em;
vertical-align: middle;
border-bottom: 0.1em solid #fff;
border-right: 0.1em solid #fff;
color: #000;
font-weight: normal;
}
#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 #email,
#content #bs table.contactdata #vcard,
#content #bs table.contactdata .button { width: 5%; }
#content #bs table.contactdata #name,
#content #bs table.contactdata .label_text { width: 40%; }
#content #bs table.contactdata #tel,
#content #bs table.contactdata #fax,
#content #bs table.contactdata .labeltel,
#content #bs table.contactdata .labelfax { width: 25%; }
#content #bs table.contactdata .button { text-align: center; }
#content #bs table.contactdata .button img,
#content #bs table.contactdata .button input { padding-top: 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 { visibility: hidden; }
#content #bs #mitarbeiter_liste br { line-height: 0.5em; }
#content #bs #vorgang_detail .beschreibung,
#content #bs #vorgang_detail .beschreibung img { }
/* --------------------------- Mitarbeiter - Detail ---------------------------- */
#content #bs #mitarbeiter_detail .simplefloatl { float: left; clear: left;}
#content #bs #mitarbeiter_detail .element_label { margin: 0; padding: 0.2em 0; width: 16em; }
#content #bs #mitarbeiter_detail .element_label_content { float: left; clear: right; display: block; padding-left: 0.5em; }
#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table { padding: 0; margin: 0; margin-left: -0.1em; border: 0; width: auto; }
#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table th { display: none; padding: 0; margin: 0; border: 0; }
#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table tr { background-color: transparent !important; padding: 0; margin: 0; border: 0; }
#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td { padding: 0; border: 0; margin: 0; }
#content #bs #mitarbeiter_detail #element_employeedep .element_label_content table.data_table td img { padding-top: 0em; vertical-align: middle; }
#content #bs #mitarbeiter_detail #element_employeedep .element_label_content .detail_link { float: left; clear: right; width: auto; }
#content #bs #mitarbeiter_detail #element_employeeservice .element_label_content .detail_link { float: none; clear: both; width: auto; }
#content #bs *,
#content #bs #details *,
#content #bs #daten * {}
#content #bs #daten hr { width: auto; }
#content #bs .zimmer_etage .element_label,
#content #bs .zimmer_gebaeude .element_label { width: 5em; float: left; padding-right: 1em; margin-top: 0; vertical-align: top; }
#content #bs .zimmer_etage .element_label_content,
#content #bs .zimmer_gebaeude .element_label_content { padding: 0; margin: 0; vertical-align: top; display: inline-block; }
#content #bs #element_employeefunc ul {
margin: 0;
padding: 0;
}
#content #bs * br { line-height: 0.5em; }
#content #bs #element_employeedata img { padding: 0 1em 0.5em 0; }
#content #bs #element_employeedata .element_label,
#content #bs #element_employeedata .contactdata,
#content #bs #element_employeefunc,
#content #bs #details .beschreibung,
#content #bs #element_employeeroom,
#content #bs #element_employeedep,
#content #bs #element_employeeservice,
#content #bs #element_departmentservice,
#content #bs #element_employeeleader,
#content #bs #element_departmentchief,
#content #bs #daten .element_address,
#content #bs #daten .zimmer_etage,
#content #bs #daten .zimmer_gebaeude,
#content #bs #details .datasetdescription,
#content #bs #details .element_zimmer_ansprechpartner .element_label,
#content #bs #details .element_zimmer_vorgang .element_label,
#content #bs #details .element_zimmer_vorgang .zimmer_vorgang,
#content #bs #details .contactdata th,
#content #bs #details .contactdata td,
#content #bs #element_departmentopening .element_label,
#content #bs #element_departmentopening .element_label_content,
#content #bs #element_departmentcontact .element_label {}
#content #bs #element_departmentcontact,
#content #bs #details .element_address div {}
#content #bs #vorgang_detail #element_departmentcontact .element_label { }
#content #bs .beschreibung * { text-align: left; }
#content #bs #element_employeeroom .element_label,
#content #bs #element_employeeroom .lable,
#content #bs #element_employeeleader .element_label,
#content #bs #element_employeeservice .element_label { padding-top: 0.2em; }
#content #bs #element_employeefunc .element_label,
#content #bs #element_employeeleader .element_label,
#content #bs #element_departmentservice .element_label,
#content #bs .zimmer_etage .element_label,
#content #bs #element_departmentchief .contactdata_button,
#content #bs #element_departmentchief .labelvcard,
#content #bs #element_departmentopening .element_label {
padding-right: 1em;
margin-top: 0;
float: left;
}
#content #bs #element_departmentchief { display: block; }
#content #bs #element_departmentchief .label_text { float: left; clear: right; }
#content #bs #element_departmentchief .contactdata_button { width: 2em; float: left; }
#content #bs #element_departmentchief .contactdata_button input { padding-top: 0.4em; }
#content #bs #element_departmentchief .labelvcard input { padding: 0.7em 0 0 0.2em; }
#content #bs #element_departmentopening .beschreibung { width: 35em; margin-bottom: 1em; color: red;}
#content #bs #element_departmentopening .element_label_content {
padding-left: 1em;
width: 20em;
display: inline-block;
}
#content #bs #element_departmentopening .weekdays_label {
float: left;
width: 7em;
padding-bottom: 0.3em;
}
#content #bs #element_departmentopening .weekdays_text {
padding-bottom: 1em;
text-align: right;
}
#content #bs #element_departmentopening .weekdays_text br { line-height: 0; }
#content #bs #element_employeefunc ul {
list-style: none;
padding-top: 0.1em;
}
#content #bs #daten .element_label_content,
#content #bs #details .element_label_content,
#content #bs #element_departmentservice .element_label_content { display: inline-block; }
#content #bs #element_departmentservice .element_label_content .overview_link { padding-top: 0em; }
#content #bs #details #element_employeeroom .element_label_content { display: block; }
#content #bs #details .detail_link { /* clear: both; */ }
#content #bs #element_employeeservice div.element_label_content { display: inline-block; }
#content #bs .vorgang_dokument .vorgang_dokument img,
#content #bs #element_departmentservice .detail_link img,
#content #bs #element_employeeservice .detail_link img,
#content #bs #element_employeeleader .element_label_content img,
#content #bs #details .element_zimmer_vorgang .zimmer_vorgang img { padding-top: 0em; vertical-align: middle; }
#content #bs .vorgang_dokument .vorgang_dokument input,
#content #bs #element_departmentservice .detail_link input,
#content #bs #element_employeeservice .detail_link input,
#content #bs #element_employeeleader .element_label_content input,
#content #bs #details .element_zimmer_vorgang .zimmer_vorgang input { padding-right: 0.3em; }
#content #bs #element_departmentservice 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 .lable { display: none; }
/* 6.4.4. Modul Rat ------------------------------------------------------------ */
#content #rat {}
#content #rat table {
border-collapse: collapse;
width: 100%;
}
/* ---------------------------- Fraktionsübersicht ----------------------------- */
#content #rat .dwa_rat_fraktion table {
border-left: 0.1em solid #ddd;
border-right: 0.1em solid #ddd;
}
#content #rat .dwa_rat_fraktion table td {
padding: 0.3em;
border-top: 0.1em solid #fff;
vertical-align: middle;
}
#content #rat .dwa_rat_fraktion table th {
padding: 0.5em 0.3em;
}
#content #rat .dwa_rat_fraktion table td a,
#content #rat .dwa_rat_fraktion table td a p { display: block; }
#content #rat .dwa_rat_fraktion table th a:hover,
#content #rat .dwa_rat_fraktion table td a:hover,
#content #rat .dwa_rat_fraktion table td a:hover p {
text-decoration: none;
}
#content #rat .dwa_rat_fraktion table td img { margin: 0; padding-top: 0; }
#content #rat .dwa_rat_fraktion table .fraktion_farbe_20,
#content #rat .dwa_rat_fraktion table .fraktion_farbe_21,
#content #rat .dwa_rat_fraktion table .fraktion_farbe_22,
#content #rat .dwa_rat_fraktion table .fraktion_farbe_23 {
padding: 0;
margin: 0;
}
#content #rat .dwa_rat_fraktion table .fraktion_farbe_20 a,
#content #rat .dwa_rat_fraktion table .fraktion_farbe_21 a,
#content #rat .dwa_rat_fraktion table .fraktion_farbe_22 a,
#content #rat .dwa_rat_fraktion table .fraktion_farbe_23 a {
display: block;
padding: 0.5em;
}
#content #rat .dwa_rat_fraktion table td a:hover {}
/* --------------------------------- Fraktion ---------------------------------- */
#content #rat #details {}
#content #rat #details br { line-height: 0.5em; }
#content #rat #details .dwa_frakktion_bezeichnung { display: none; }
#content #rat #details .dwa_fraktiondetail_beschreibung * { text-align: left; }
/* ----------------------------- Fraktionsmitglied ----------------------------- */
#content .fraktionsmitglied #daten .dwa_ratsmitglied_bezeichnung { font-weight: bold; }
#content .fraktionsmitglied #daten .dwa_ratsmitglied_bezeichnung,
#content .fraktionsmitglied #daten .dwa_ratsmitglied_strasse,
#content .fraktionsmitglied #daten .dwa_ratsmitglied_ort {}
#content .fraktionsmitglied #details .element_label,
#content .fraktionsmitglied #daten .dwa_ratsmitglied_strasse .element_label { margin-bottom: 0; }
#content .fraktionsmitglied #details .element_label {
float: left;
clear: both;
display: inline-block;
width: 12em;
margin-top: 0;
}
#content .fraktionsmitglied #details .element_label_content { display: inline-block; }
#content .fraktionsmitglied #details .element_label_content,
#content .fraktionsmitglied #details .element_label_content .dwa_ausschuesse_item a,
#content .fraktionsmitglied #details .dwa_ratsmitglied_fraktionen .element_label_content a {}
#content .fraktionsmitglied #details .dwa_ratsmitglied_kontakt_beruf table,
#content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate table {
text-align: left;
width: auto;
}
#content .fraktionsmitglied #details .dwa_ratsmitglied_kontakt_beruf .element_label_content img,
#content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate .element_label_content img {
padding-top: 0;
width: auto;
}
#content .fraktionsmitglied #details .dwa_ratsmitglied_kontaktprivate a {}
/* ---------------------------- Ausschuss Übersicht ---------------------------- */
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss caption { display: none; }
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss { border: 0.1em solid #ddd; }
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th { padding: 0.5em 0.3em; }
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th[abbr~=ausschuss],
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th[abbr~=ausschuss]:hover {
border-bottom: 0.1em solid #fff;
border-top: 0.1em solid #ddd;
margin-top: 1em; }
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td {
padding: 0.3em;
border-top: 0.1em solid #fff;
}
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td img { padding-top: 0; vertical-align: middle; }
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_20,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_21,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_22,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_23 {
padding: 0;
margin: 0;
}
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_20 a,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_21 a,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_22 a,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table .fraktion_farbe_23 a {
display: block;
padding: 0.3em;
}
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table th[abbr~=ausschuss] a,
#content #rat #ausschuss_uebersicht .dwa_rat_ausschuss table td a { text-decoration: none; }
/* ---------------------------- Ausschuss - Detail ----------------------------- */
#content #rat .dwa_ausschuss_chairman table td[abbr=vorsitz],
#content #rat .dwa_ausschuss_chairman table td[abbr=vice] {
width: 37%;
font-weight: bold;
}
#content #rat .dwa_ausschuss_chairman table td[abbr=name],
#content #rat .dwa_ausschuss_chairman table td[abbr~=fraktion] { width: 49%; }
#content #rat .dwa_ausschuss_chairman table td,
#content #rat .dwa_ausschuss_chairman table td[abbr~=name] a { padding-bottom: 0.5em; }
#content #rat .dwa_ausschuss_wrapper .element_label_content .ausschuss,
#content #rat .dwa_ausschuss_wrapper .element_label,
#content #rat .dwa_ausschuss_wrapper .ausschuss td[abbr~=fraktion] a {}
#content #rat .dwa_ausschuss_wrapper .element_label_content .ausschuss a {}
/* --- Sitzungskalender - Übersicht --- */
#content #rat #kalender { display: inline-block; float: left; }
#content #rat #daten { display: inline-block; margin-left: 2em; width: 50%; }
#content #rat div.dwa_kalmark2 { display: none; }
#content #rat div.dwa_kalmark4 a { color: #000; padding: 0.2em; border: 0.1em solid #ddd; }
#content #rat #sitzungskalender_uebersicht .dwa_date { display: inline-block; margin-top: 0.5em; }
#content #rat #sitzungskalender_uebersicht #daten { display: inline-block; margin-top: 0.5em; }
#content #rat #kalender { margin: 0; padding: 0; text-align: center; float: left; }
#content #rat .dwa_kalendertable table {
text-align: center;
width: auto;
}
#content #rat .dwa_kalendertable table a { display: block; border: 0.1em solid #ddd; }
#content #rat .dwa_kalendertable table { empty-cells: hide; border-collapse: collapse; }
#content #rat .dwa_kalendertable table th,
#content #rat .dwa_kalendertable table td {
padding: 0.2em;
width: 1.8em !important;
height: 1.5em !important;
border: 1px solid #fff;
}
#content #rat .dwa_kalendertable td[abbr~=Week] a { border: 0em; }
#content #rat #daten .dwa_v_kalender_list { width: auto; }
#content #rat #daten .dwa_v_kalender_list table { border: 0.1em solid #ddd; padding: 0.1em; }
#content #rat #daten .dwa_v_kalender_list th { padding: 0.3em; }
#content #rat #daten .dwa_v_kalender_list td { padding: 0.3em; border: 0.1em solid #fff; border-left: 0em; border-right: 0em; }
#content #rat #daten .dwa_v_kalender_list .dwa_pager { clear: both; float: right; margin-top: 1em; }
/* 6.4.5. Modul News ----------------------------------------------------------- */
/* --------------------------------- Übersicht --------------------------------- */
#content #news .element_newslist table caption { display: none; }
#content #news .element_newslist table { border: 0.1em solid #ddd; }
#content #news .element_newslist table th { padding: 0.3em; border-bottom: 0.1em solid #ddd; }
#content #news .element_newslist table td { padding: 0.3em; border-top: 0.1em solid #fff; }
#content #news .element_newslist table a { text-decoration: none; }
/* #content #news .element_newslist table #Datum a:after { content:" des Eintrags"; } */
#content #news .element_newslist table th img {
padding-top: 0em;
vertical-align: middle;
}
/* 6.4.6. Modul Veranstaltungskalender ----------------------------------------- */
/* ------------------ Veranstaltungskalender - Übersicht ----------------------- */
#content #vk #uebersicht .dwa_kalendertable table td.dwa_kalmark4 a {
display: block; height: 100% !important;
}
#content #vk #uebersicht #kalender_daten #kalender {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#content #vk #uebersicht #kalender_daten #daten {
float: right;
width: 50%;
margin-top: -20em;
}
#content #vk #uebersicht #kalender_daten #daten a {
float: left;
clear: both;
}
#content #vk #uebersicht #kalender_daten #daten a {
padding-left: 1.5em;
margin-top: 0.5em;
background: transparent url('/city_data/images/3/6/1063/orig_6x13.gif') top left no-repeat;
width: 100%;
}
#content #vk #uebersicht .dwa_selectdate { float: right; display: inline-block; width: 50%; }
#content #vk #uebersicht .dwa_date,
#content #vk #uebersicht .dwa_kalendertable,
#content #vk #uebersicht div.dwa_navigation_element { display: inline-block; width: 50%; }
#content #vk #uebersicht .dwa_selectdate label,
#content #vk #uebersicht .dwa_kalendertable caption { display: none; }
#content #vk #uebersicht .dwa_kalendertable table {
padding: 0;
margin: 0;
}
/* IE 6 hack */
*html #content #vk #uebersicht .dwa_date { margin-top: -3.5em; }
/* IE 7 hack */
*:first-child + HTML #content #vk #uebersicht .dwa_date { margin-top: -3em; }
#content #vk div.dwa_kalmark4 a,
#content #vk div.dwa_kalmark2 a,
#content #vk .dwa_kalendertable table td,
#content #vk .dwa_kalendertable table th,
#content #vk .dwa_kalendertable .dwa_kalmark4 a,
#content #vk .dwa_kalendertable .dwa_kalmark3 a {
padding: 0;
margin: 0;
width: 2.1em !important;
height: 2.1em !important;
vertical-align: middle;
text-align: center;
}
#content #vk .dwa_kalendertable {
margin-left: 5%;
display: block;
width: auto;
float: none;
clear: both;
}
#content #vk #uebersicht .dwa_v_kalender_suche { margin-top: 1.1em; }
/* IE6 hack */
*html #content #vk #uebersicht .dwa_v_kalender_suche { margin-left: 1.5em; }
#content #vk #uebersicht .dwa_v_kalender_suche label { font-weight: bold; padding-bottom: 0.5em; float: none; clear: both; display: block;}
#content #vk #uebersicht .dwa_v_kalender_suche input#searchfield { margin-top: 0.05em; display: inline-block; float: left; clear: both; }
#content #vk #uebersicht .dwa_v_kalender_suche input.button { margin-left: 0.4em; width: 6.5em; }
#content #vk #uebersicht div.dwa_navigation_element { padding: 0.5em 0; clear: both; }
#content #vk #uebersicht div.dwa_kalmark2,
#content #vk #uebersicht div.dwa_kalmark4 {
float: left;
display: inline-block;
}
#content #vk .dwa_kalendertable .dwa_kalmark4 a,
#content #vk .dwa_kalmark4 a,
#content #vk .dwa_kalendertable .dwa_kalmark3 a {
width: 2.1em !important;
height: 2.1em !important;
vertical-align: middle !important;
text-align: center;
color: #000;
line-height: 2.1em;
display: inline-block;
}
#content #vk div.dwa_kalmark4 a,
#content #vk div.dwa_kalmark2 span.dwa_kalmark2_date {
border: 0.1em solid #ddd;
width: 1.5em !important;
height: 1.5em !important;
text-align: center;
vertical-align: middle;
display: inline-block;
font-weight: bold;
margin-left: 1em;
margin-right: 1em;
line-height: 1.5em;
}
#content #vk #uebersicht div.dwa_kalmark4 a {
width: 1.9em !important;
height: 1.9em !important;
padding: 0 !important;
}
#content #vk #uebersicht .dwa_v_kalender_list {}
#content #vk #uebersicht .dwa_v_kalender_list .label_bezeichnung { text-align: left; float: left; padding: 0 0.5em 0 2.5em; }
#content #vk #uebersicht .dwa_v_kalender_list .suchparam { display: inline-block; text-align: left; }
#content #vk #uebersicht .dwa_v_kalender_list .dwa_navigation_element { text-align: left; padding: 0 0.5em 0 2.5em; }
#content #vk #uebersicht .dwa_v_kalender_list table { border-collapse: collapse; border: 0.1em solid #ddd; margin: 1em 0; }
#content #vk #uebersicht .dwa_v_kalender_list table caption { display: none; }
#content #vk #uebersicht .dwa_v_kalender_list table th,
#content #vk #uebersicht .dwa_v_kalender_list table td { padding: 0.4em; color: #000; vertical-align: top; }
#content #vk #uebersicht .dwa_v_kalender_list table td { border-top: 0.1em solid #fff; }
#content #vk #uebersicht .dwa_v_kalender_list table th a,
#content #vk #uebersicht .dwa_v_kalender_list table td a { text-decoration: none; display: block; }
#content #vk #uebersicht .dwa_v_kalender_list table th img { vertical-align: middle; }
#content #vk #uebersicht .dwa_v_kalender_list table th#Datum { width: 6.5em; }
#content #vk #uebersicht .dwa_v_kalender_list table th#Datum a img { }
/* ------------------ Veranstaltungskalender - Detailansicht ------------------- */
#content #bilder { width: 100%; }
#content #bilder #bild1 {
width: 50%;
float: left;
text-align: center;
display: inline-block;
}
#content #bilder #bild2 {
width: 50%;
text-align: center;
display: inline-block;
}
#content #daten {
float: left;
display: inline-block;
}
#content #daten .beschreibung { width: 100%; }
#content #daten br { line-height: 0.2em; }
#content #daten .element_label {}
#content #kalender {
padding-top: 0.5em;
padding-left: 3em;
padding-right: 1em;
display: inline-block;
}
#content #vk .dwa_eventdate .simplefloatl { display: none; }
#content .dwa_navigation_element,
#content .dwa_date {
width: 100%;
text-align: center;
display: none;
}
#content #kalender .dwa_date { padding: 0.5em 0; }
#content form select,
#content form option {
font-weight: normal;
background-color: #fff;
color: #000;
}
#content #daten_kalender #daten {
float: left;
width: 50%;
}
#content #daten_kalender #kalender {
float: right;
width: 42%;
padding-left: 5%;
}
#content .dwa_kalendertable table th,
#content .dwa_kalendertable table td,
#content .dwa_kalendertable table th a,
#content .dwa_kalendertable table td a { color: #000; }
#content #vk #veranstaltung_details .dwa_kalendertable { margin-top: 1em;}
#content #vk #veranstaltung_details .dwa_kalendertable table a,
#content #vk #veranstaltung_details .dwa_kalendertable table td a:hover { text-decoration: none; cursor: text; }
#content #vk #veranstaltung_details .dwa_kalendertable {
margin-left: 0;
display: block;
width: auto;
float: none;
clear: both;
}
#content #vk #veranstaltung_details .element_eventorganizer .element_address { clear: both; }
/* 6.4.7. Modul Gästebuch ------------------------------------------------------ */
/* ------------------------ Gästebucheinträge anzeigen ------------------------- */
#content #gaestebuch_uebersicht p,
#content #gaestebuch_uebersicht .dwa_selection {}
#content #gaestebuch_uebersicht .dwa_selection img { vertical-align: middle; }
#content #gaestebuch_uebersicht .gaestebuch_liste .gaestebuch_eintrag { padding: 0.5em 0; }
#content #gaestebuch_uebersicht .gaestebuch_liste .gb_date {
font-weight: bold;
padding: 0.2em 0.5em;
}
#content #gaestebuch_uebersicht .gaestebuch_liste .gb_date img {
vertical-align: middle;
padding-left: 1em;
}
#content #gaestebuch_uebersicht .gaestebuch_message { padding-top: 0.2em; }
#content #gaestebuch_uebersicht .comment {
display: block;
margin-top: 0.5em;
}
#content #gaestebuch_uebersicht .gb_comment_title, #content #gaestebuch_uebersicht .gb_comment_text {
font-style: italic;
padding: 0.2em;
}
#content #gaestebuch_uebersicht .gb_comment_text {}
#content #gaestebuch_uebersicht .dwa_navigation {}
/* ----------------- Gästebucheinträge erstellen und speichern ----------------- */
#content .guestbook_message {}
#content .guestbook_form { list-style: none; }
#content .guestbook_form * {
vertical-align: top;
padding-top: 0.2em;
}
#content .guestbook_form .guestbook_head { display: none; }
#content .guestbook_form label {
float: left;
width: 10em;
padding: 0.3em 1em 0.2em 0;
}
#content .guestbook_form #name,
#content .guestbook_form #mail,
#content .guestbook_form #captcha {
width: 14.6em;
}
#content .guestbook_form textarea { width: 30em; }
/* 6.4.8. Modul Galerie -------------------------------------------------------- */
/* ----------------------------- Galerieübersicht ------------------------------ */
#content #uebersicht_galerie .gallery_path {
padding-top: 1.2em;
font-weight: bold;
}
#content #uebersicht_galerie .gallery_path h4 {
margin-top: 0em;
float: left;
}
#content #uebersicht_galerie .gallery_picture_overview ul {
list-style: none;
padding: 0em;
margin: 0em;
}
#content #uebersicht_galerie .gallery_picture img {
padding-left: 0em;
padding-top: 0em;
}
#content #uebersicht_galerie .gallery_picture_list_item {
width: 33%;
text-align: center;
}
#content #uebersicht_galerie .gallery_picture_link {
margin-top: -1em;
}
#content #uebersicht_galerie .gallery_picture_link a {
font-weight: normal;
}
#content .gallery_picture_description {}
#content .gallery_statistic {
text-align: center;
font-style: italic;
margin-bottom: 1.5em;
display: block;
}
/* ------------------------------- Galeriedetail ------------------------------- */
#content .gallery_picture_overview {
width: 100%;
}
#content .gallery_picture_overview td {
width: auto;
}
#content .gallery_picture_overview .gallery_picture {
text-align: center;
padding-bottom: 1em;
}
#content .gallery_picture_overview .gallery_picture a {
font-weight: normal;
}
#content .gallery_picture_overview .gallery_picture a img {
float: none;
}
#content .page .prev img,
#content .page .next img {
padding-top: 0.1em;
}
#content .page .next img {
padding-left: 0.8em;
}
#content .page span {
float: left;
}
/* -------------------------------- Fotodetail --------------------------------- */
#content #foto_detail #bild,
#content #foto_detail #bildoptionen { float: left; }
#content #foto_detail #bild img {
padding-left: 0;
padding-bottom: 0;
}
#content #foto_detail #bildoptionen a { font-weight: normal; }
/* 6.4.9. Modul Branchenbuch --------------------------------------------------- */
/* ----------------------------- Eintragsformular ------------------------------ */
#content #bbForm { margin-top: 2em;}
#content #bbForm #send1 span { line-height: 1.4em; }
#content #bbForm #send1 input#send {
line-height: 1.6em;
text-align: center;
margin-top: 0.3em;
float: left;
}
/* ----------------------- Branchenbuchrubik - Übersicht ----------------------- */
#content #bb .dwa_rubrik_list { border: 0.1em solid #ddd; }
#content #bb .dwa_rubrik_list table {
width: 100%;
border-collapse: collapse;
}
#content #bb .dwa_rubrik_list table td { text-align: left; }
#content #bb .dwa_rubrik_list table td a {
background-image: url('/city_data/images/3/6/1063/orig_6x13.gif');
background-position: 0.5em 0.4em;
background-repeat: no-repeat;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
margin: 0;
padding: 0.4em 2em;
display: block;
}
#content #bb .dwa_rubrik_list caption {
width: 100%;
text-align: left;
padding: 0.4em;
font-weight: bold;
}
/* --------------------- Branchenbuchrubik - Baumstruktur ---------------------- */
#content #bb .dwa_rubrik_baum { padding: 1em; }
#content #bb .dwa_rubrik_baum span a { line-height: 2em; width: 80%; }
#content #bb .dwa_rubrik_baum span img { padding-top: 0em; vertical-align: middle; }
/* ------------------------ Branchenbuchrubik - Detail ------------------------- */
#content #bb #rubrik_detail .dwa_rubrik_branchenbezeich { margin-top: 2em; }
#content #bb #rubrik_detail .dwa_rubrik_firmen table { border: 0.1em solid #ddd; border-top: 0; }
#content #bb #rubrik_detail .dwa_rubrik_firmen .rubrik_title,
#content #bb #eintrag_az .dwa_eintrag_list caption {
border: 0.1em solid #ddd;
border-bottom: 0;
width: 98%;
text-align: left;
padding: 0.4em;
font-weight: bold;
}
#content #bb #eintrag_az .dwa_eintrag_list caption { width: 100%; }
#content #bb #rubrik_detail .dwa_rubrik_firmen caption { display: none; }
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung,
#content #bb #eintrag_az .auflistung { width: 100%; }
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung td,
#content #bb #eintrag_az .dwa_eintrag_list td {
text-align: left;
line-height: 1.6em;
padding: 0.3em;
border-top: 1px solid #fff;
}
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .button img,
#content #bb #eintrag_az .dwa_eintrag_list img {
padding: 0.1em 0.3em 0.3em 0.3em;
float: left;
}
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .homepage,
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .email {
padding: 0;
padding-top: 0.3em;
margin: 0;
vertical-align: top;
width: 6%;
}
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .telefon,
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .fax {
white-space: normal;
width: 12.2em;
color: #000;
font-weight: normal;
vertical-align: top;
}
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung {
white-space: normal;
vertical-align: top;
}
#content #bb #rubrik_detail .dwa_rubrik_firmen .auflistung .bezeichnung a {
text-decoration: none;
white-space: normal;
display: block;
width: 100%;
}
/* ----------------------- 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; }
/* 6.4.10. Modul Müllabfuhrkalender -------------------------------------------- */
/* 6.4.11. Modul Feedbackformular ---------------------------------------------- */
#content #feedback .formfields { list-style: none; }
#content #feedback .formfields label.feldbezeichnung { width: 15em; display: inline-block; text-align: right; }
#content #feedback .formfields { border: 1px solid #ccc; padding: 1em; }
/* IE 6 hack */
* HTML #content #feedback .formfields {
margin-left: 0em;
}
/* IE 7 hack */
*:first-child + HTML #content #feedback .formfields {
margin-left: 0em;
}
#content #feedback .formfields li {}
#content #feedback .formfields li input { width: 40%; margin: 0.2em 0.75em; }
#content #feedback .formfields li input#zusatz2 { margin: 0.2em 0.75em 0.2em 0; }
/* IE 6 hack */
* HTML #content #content #feedback .formfields li input#email, #content #feedback .formfields li input#zusatz2 {
margin-left: 1em;
}
/* IE 7 hack */
*:first-child + HTML #content #feedback .formfields li input#email, #content #feedback .formfields li input#zusatz2 { margin-left: 1em; }
*:first-child + HTML #content #feedback .formfields li input#zusatz2 { margin-right: 0.75em;
}
#content #feedback input#i_1 { height: 1.2em; float: left; clear: both; margin-right: 0.5em; padding-left: 3em; text-indent: 2em; }
/* IE 7 hack */
*:first-child + HTML #content #feedback input#i_1 {}
#content #feedback #i_1,
#content #feedback #i_2,
#content #feedback #i_3,
#content #feedback #i_4,
#content #feedback #i_5,
#content #feedback #i_6 { margin-left: 2em;}
#content #feedback h4 { margin: 0.5em 0; }
#content #feedback .captcha_img { margin: 1em 0; }
#content #feedback .captcha_img img { padding: 0;}
#content #feedback input#captcha { margin-left: 0.5em;}
/* 6.5. Formatierungen im rechten Bereich -------------------------------------- */
#rechts p {
width: auto;
text-align: center;
color: #ffffff;
}
#rechts a:link, #rechts a:link, #rechts a:visited, #rechts a:active {
color: #588308;
font-weight: bold;
text-decoration: underline;
}
#rechts a:hover{
color: #588308;
text-decoration: none;
}
#rechts a img {
text-decoration: none;
}
#rechts h3.class_266_1242317948224 {
font-weight: bold;
margin: 0;
padding: 0.5em;
border: 0;
border-bottom: 0.2em solid #588308;
}
#rechts h3.class_266_1242317984720 {
font-weight: bold;
margin: 0;
padding: 0.5em;
border: 0;
border-top: 0.2em solid #588308;
border-bottom: 0.2em solid #588308;
}