/* CSS Document charset='utf-8' */
html {background-color:#e0e0e0;}
body {margin: 0; font-family:Arial; font-size:13px;}
/* Allgemein */
iframe {margin:0; padding:0;}
aside {margin:0; padding:0;}
article {margin:0; padding:0;}
section {margin:0; padding:0;}
div {margin:0; padding:0;}
form {margin:0; padding:0;}
input {margin:0; padding:0;}
table {margin:0; padding:0;}
ul, ol {margin:0; padding:0;}
li {margin:0; padding:0; font-size:1em;}
p {margin:0; padding:0; font-size:1em;}
p.responsive {width:5em; height:13em;}
button {padding:0.4em; border:1px solid #767676; border-radius:3px; cursor:pointer;}
a {padding:0; text-decoration:none; color:#000000;}
a.link {color:#007000;}
a.email {color:#007000;}
a.email {color:#007000;}
img {margin:0; padding:0;}
img.link {margin-right:0.4em; vertical-align:middle; float:left;}
img.email {margin-right:0.4em; vertical-align:middle; float:left;}
img.email-2 {vertical-align:top;}
img.seite {margin:5px 0 0 0; border:1px solid #a0a0a0;}
/* Header */
header {width:100%; background-color:#ffffff;}
section.menu-1 {display:flex; flex-flow:row nowrap; align-items:flex-end;}
ul.menu-1 {line-height:2.6em; margin:2.4em 4.5em 0 9em; display:flex; flex-flow:row nowrap; text-align:center; list-style:none;}
ul.menu-1 li.menu_0 {width:9em; margin:0 0.3em 0 0; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-top-right-radius:7px; border-top-left-radius:7px; background-color:#e0e0e0; font-size:1.2em; color:#007000; cursor:pointer;}
ul.menu-1 li.menu_1 {width:9em; margin:0 0.3em 0 0; border-top:1px solid #008000; border-right:1px solid #008000; border-left:1px solid #008000; border-top-right-radius:7px; border-top-left-radius:7px; background-color:#008000; font-size:1.2em; color:#ffffff; cursor:default;}
p.menu-1 {margin:0 0 0.8em 0; font-family:Times New Roman; font-size:1.8em; font-weight:bold; letter-spacing: 0.04em; color: #008000;}
@media screen and (max-width:70em) {
span.menu-1 {display:none;}
p.menu-1::after {content: attr(data-abbr);}
}
img.menu-1 {height:48px; margin:0 1em 0.8em 0;}
ul.menu-2 {display:flex; flex-flow:row nowrap; justify-content:center; background-color:#008000; list-style:none;}
ul.menu-2 li {margin:0.5em 1.6em 0.3em 1.6em; border-bottom:2px solid #008000; font-size:1.2em; color:#ffffff; cursor:pointer;}
ul.menu-2 li:first-child {background-image:url(../images/home.png); background-repeat:no-repeat;}
/* Main */
/* Footer justify-content:space-around; */
footer {position:fixed; bottom:0; width:100%; background-color:#808080;}
footer ul {max-width:50em; margin:0 auto 0 auto; display:flex; flex-flow:row nowrap; justify-content:space-between;; list-style:none;}
footer ul li {margin:0.4em 1em 0.4em 1em; border-bottom:2px solid #808080; color:#ffffff; cursor:pointer;}
section.impressum {width:40em; margin:10em auto 0 auto;}
section.impressum ul {margin:0 0 0 0; padding:0; list-style:none; font-size:1.2em; color:#606060;}
section.impressum li {line-height:1.6em; margin:0; padding:0;}
section.impressum li.abs {margin:0 0 0.4em 0;}
section.links {width:40em; margin:10em auto 0 auto;}
section.links a {margin:0 0 0.5em 0; line-height:1.5em; padding:0; display:block; font-size:1.1em; text-decoration:none; color:#008000;}
section.datenschutz {width:50em; margin:5em auto 0 auto;}
section.datenschutz h1 {margin:3em 0 0.5em 0; line-height:1.4em; padding:0; font-size:1.1em; font-weight:bold;}
section.datenschutz h2 {margin:1em 0 0.5em 0; line-height:1.4em; padding:0; font-size:1em; font-weight:bold;}
section.datenschutz p {line-height:1.4em; margin:0 0 0.5em 0;}
/* Home */
section.home {margin:0 auto 0 auto;}
section.home p.werbung {line-height:1.7em; margin:0; padding:3em 1em 3em 0; text-align:left; font-size:1.2em; color:#606060;}
section.home a.werbung {font-weight:bold; color:#008000; text-decoration:underline;}
section.home div.nachricht {display:flex; flex-flow:row nowrap;}
section.home p.nachricht {width:250px; line-height:1.5em; vertical-align:top; margin-right:2em; padding:30px; background-color:#ffffff; border:1px solid #c0c0c0; border-radius:3px; font-size:1.1em; color:#800000;}
section.home img.wiese {border:1px solid #c0c0c0; border-radius:3px;}
section.home p.f-book {line-height:1.7em; margin:0; padding:3em 1em 3em 0; text-align:left; font-size:1.2em; color:#1877f2;}
section.home a.f-book {text-decoration:none;}
section.home img.f-book {border:0; width:30px; vertical-align:middle;}
/* Aktuelle Meldungen, Veranstaltungen */
aside.aktuell {width:30%; background-color:#ffffff; border-right:2px solid #008000; border-bottom:2px solid #008000; border-left:2px solid #008000; overflow-y:scroll;}
aside.aktuell ul {padding:1em 0.3em 0.3em 0.5em; list-style:none;}
aside.aktuell li {margin:0 0 0.5em 0; line-height:1.4em; font-size:1em; font-weight:bold; color:#007000; cursor:pointer;}
aside.aktuell span {display:block; font-size:0.9em; font-weight:bold; color: #000000; cursor:default;}
article.aktuell {width:70%; border-right:2px solid #008000; border-bottom:2px solid #008000; background-color:#525659; overflow-y:scroll;}
iframe.aktuell {width:70%; border-right:2px solid #008000; border-bottom:2px solid #008000; background-color:#525659; display:none;}
section.aktuell {margin:0; padding:2em 3em 10em 3em; background-color:#ffffff;}
section.aktuell h2 {margin:1.5em 0.5em 1em 1em; line-height:1.4em; padding:0; font-size:1em; font-weight:bold;}
section.aktuell p {line-height:1.4em; margin:0 1em 0.5em 1em;}
section.aktuell a {text-decoration:none; color:#007000;}
section.aktuell a:hover {text-decoration:underline; color:#007000;}
section.aktuell table {margin:0 0 0.2em 1em; border-collapse:collapse; table-layout:fixed;}
section.aktuell col.spalte0 {width:2.5em;}
section.aktuell col.spalte1 {width:4.8em;}
section.aktuell col.spalte2 {width:4.3em; background-color:#d4fad4;}
section.aktuell col.spalte3 {width:4.3em; background-color:#ffff99;}
section.aktuell col.spalte4 {width:4.3em; background-color:#ffcccc;}
section.aktuell tr.zeile0 {font-weight:bold; text-align:center;}
section.aktuell tr.zeile1 {text-align:right;}
section.aktuell td {padding:0.3em; border:1px solid #000000;}
section.aktuell td.spalte0 {padding:0.3em; border:1px solid #000000; font-weight:bold; text-align:center;}
section.aktuell div.anzeige {width:35em; margin:4.5em auto 0 auto; padding:2em; border:1px solid #c4c4c4;}
section.aktuell p.anzeige {margin:0 0 0 0;}
section.aktuell p.anzeige2 {margin:0.3em 0 0 0;}
section.aktuell ul.anzeige {line-height:1.4em; margin:0; padding:0; list-style-position: outside;}
section.aktuell li.anzeige {margin:5px 0 0 16px;}
section.aktuell img.link {margin-right:0.4em; vertical-align:middle; float:left;}
section.aktuell img.email {margin-right:0.4em; vertical-align:middle; float:left;}
/* Aktivitäten */
article.aktivitaet {background-color:#ffffff; border-right:2px solid #008000; border-bottom:2px solid #008000; border-left:2px solid #008000; overflow-y:scroll;}
section.aktivitaet {padding:1em 1em 1em 1em; border-bottom:2px solid #e0e0e0; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;}
section.aktivitaet div {width:80%; padding-right:2em;}
section.aktivitaet div p {line-height:1.4em; margin:0 0 0.5em 0;}
section.aktivitaet p.arten {font-size:0.9em;}
section.aktivitaet ul {margin:0 0 0.5em 2em; padding:0;}
section.aktivitaet img.norm {width:20%;}
section.aktivitaet img.roteliste {width:136px; height:192px; margin-bottom:1em;}
section.aktivitaet img.arten {width:124px; height:186px; margin:6em 0 0 0;}
section.aktivitaet img.weschnitz {width:136px; height:151px;}
section.aktivitaet img.florenliste {width:151px; height:114px;}
section.aktivitaet img.naturschutz {width:80px; height:70px;}
section.aktivitaet img.paragraph {width:80px; height:26px;}
section.aktivitaet img.link {margin-right:0.4em; vertical-align:middle; float:left;}
/* Ueber uns Jetzt unterstützen Schriften */
aside.verein {width:35%;}
aside.verein ul {margin:10em 0 0 0; padding:1em 0.3em 0.3em 0.5em; background-color:#008000; list-style:none;}
aside.verein li {margin:0 0 1em 0; line-height:1.7em; display:block; text-decoration:none; font-weight:bold; color:#ffffff; cursor:pointer;}
aside.verein li:focus,
aside.verein li:hover {text-decoration:underline;}
/* Ueber uns */
article.ueberuns {width:65%; background-color:#ffffff; border-right:2px solid #008000; border-bottom:2px solid #008000; border-left:2px solid #008000; overflow-y:scroll;}
section.verein {padding:2em 1em 1em 1em;}
section.verein p {line-height:1.4em; margin:0 0 0.5em 0;}
section.verein h1 {margin:0 0 0.5em 0; line-height:1.4em; padding:0; font-size:1.2em; font-weight:bold;}
section.verein h2 {margin:0 0 0.5em 0; line-height:1.4em; padding:0; font-size:1em; font-weight:bold;}
section.verein h3 {margin:0.5em 0 0.5em 0; line-height:1.4em; padding:0; font-size:1em; font-weight:bold;}
section.verein p.titel {margin:0 0 2em 0;}
section.verein ol {margin:0 1em 0.5em 2em; list-style:decimal;}
section.verein ol.alpha {margin:0 1em 0 2em; list-style-type:lower-alpha;}
section.verein ol.recht {margin:0 1em 0.5em 2em; padding:0 0 0.5em 0; list-style-type:decimal outside;}
section.verein li {line-height:1.4em;}
section.person {width:25em; margin:0 auto 0 auto; padding:2em 0 1em 0;}
section.person h2 {margin:0 0 0.5em 0; line-height:1.4em; font-size:1em; font-weight:bold;}
section.person p {line-height:1.4em; margin:0 0 0.5em 0; font-size:1em;}
section.person p.redaktion {margin-bottom:1em;}
section.person span.liste {width:8em; display:inline-block;}
section.person img.liste {margin:0 0.4em 0 0.6em; vertical-align:middle;}
/* Kreisvertrauenspersonen */
section.vertrauensperson {padding:2em 0 1em 1em; display:flex; flex-flow:row wrap;}
section.vertrauensperson p {line-height:1.4em; margin:0 0 0.5em 0;}
section.vertrauensperson_li {margin:0; padding:0;}
ul.vertrauensperson {width:15em; margin:0 0 0 2em; padding:0 2em 0 0; list-style:none; border-right:2px solid #e0e0e0;}
ul.vertrauensperson li {line-height:1.4em; margin:0;}
ul.vertrauensperson span {width:2.5em; display:inline-block; font-weight:normal; font-size:0.9em;}
ul.vertrauensperson a {font-weight:bold; text-decoration:none; color:#007000;}
ul.vertrauensperson a:focus,
ul.vertrauensperson a:hover,
ul.vertrauensperson a:active {text-decoration:underline;}
section.vertrauensperson_re {width:20em; margin:0; padding:0 0 0 0,4em;}
section.vertrauensperson_re p.titel {margin:2em 0 0.8em 0;}
section.vertrauensperson_re a {text-decoration:none; color:#007000;}
/* Jetzt unterstützen */
article.unterstuetzen {width:65%; background-color:#ffffff; border-right:2px solid #008000; border-bottom:2px solid #008000; border-left:2px solid #008000; overflow-y:scroll;}
article.unterstuetzen p {line-height:1.4em; margin:0 1em 0.5em 1em;}
section.beitritt-1 button {width:6em; display:block; margin:1em auto 0 auto;}
section.beitritt-1 button.fuer_wartung {width:6em; height:2em; margin:2em 0 0 2em; border:0; background-color:#ffffff; display:block;}
/* Schriften */
article.schriften {width:65%; background-color:#ffffff; border-right:2px solid #008000; border-bottom:2px solid #008000; border-left:2px solid #008000; overflow-y:scroll;}
article.schriften p {line-height:1.4em; margin:0 1em 0.5em 1em;}
article.schriften p.linkbnh {margin:3em 0 0 0; text-align:center;}
article.schriften img {margin-right:0.4em; vertical-align:top;}
/* BNH Inhaltsverzeichnis */
section.inhaltsverzeichnis {padding:2em 1em 1em 1em;}
section.inhaltsverzeichnis a {line-height:1.4em; margin:0 0 0.5em 0; display:block; color:#000000; cursor:default; pointer-events:none;}
section.inhaltsverzeichnis h1 {margin:1em 0 1em 0; padding:1em 0 0 0; border-top:1px dashed #000000; font-size:1.1em; letter-spacing:0.03em; font-weight:bold;}
section.inhaltsverzeichnis h2 {margin:0 0 1em 0; padding:0; font-size:1.1em; letter-spacing:0.03em; font-weight:bold;}
section.inhaltsverzeichnis p {line-height:1.4em; margin:0 0 0.5em 0;}
section.inhaltsverzeichnis p.titel {margin-bottom:1.3em; font-size:1.1em; letter-spacing:0.03em; font-weight:bold;}
section.inhaltsverzeichnis ol.beiheft1 {line-height:1.4em; margin-left:2em; list-style:upper-roman;}
/* Beitrittserklärung, Schriften bestellen form.verein input[type=text] {display:block; height:1.4em; color:#ff0000;}
*/
form.verein {max-width:34em; margin:0 auto 0 auto;}
form.verein ul {margin:0 0 0.5em 0; list-style:none;}
form.verein ul li {line-height:1.2em; margin:0 0 0.2em 0;}
form.verein table {margin-top:0.5em;}
form.verein td.preisanzeige {padding-left:1em;}
form.verein div {display:flex; flex-flow:row wrap;}
form.verein p {margin:0 0 0.5em 0;}
form.verein p.mitgliedschaft {margin:0 0 0.3em 0;}
form.verein p.zusatz {margin:0 0 0.3em 0;font-size:0.9em;}
form.verein p.preisanzeige {margin:0.5 0 0.5em 0;}
form.verein span.ermaessigt {font-size:0.9em;}
form.verein span.versand {width:10em; display:inline-block;}
form.verein input[type=radio] {margin:0.2em 0.5em 0 0; vertical-align:top;}
form.verein input[type=text] {display:block; height:1.4em; padding-left:0.3em;}
form.verein input.preisanzeige-1 {width:3.5em; padding-left:1em; text-align:left;}
form.verein input.preisanzeige-2 {width:4.5em; text-align:right;}
form.verein input[type=email] {display:block; height:1.4em; padding-left:0.3em;}
form.verein input[type=tel] {display:block; height:1.4em; padding-left:0.3em;}
form.verein select {display:block; height:1.7em;}
form.verein label.mitgliedschaft {display:block; line-height:1.7em;}
form.verein label.wahlmitglied {display:block;}
form.verein input[name=Ist_Mitglied] {margin:0 0.5em 0.5em 0;}
form.verein input#betrag {display:inline-block; width:2em; margin:0.5em 0 2em 0.3em; padding-left:0.8em; background-color:#eeeeee; border:1px solid #cccccc;}
form.verein input#vorname {width:14em; margin:0 3em 1em 0; flex:1;}
form.verein input#nachname {width:14em; margin:0 0 1em 0; flex:1;}
form.verein select#titel {width:12em; margin:0 3em 1em 0; flex:1;}
form.verein input#geburtsdatum {width:12em; margin:0 0 1em 0; flex:1;}
form.verein input#partnervor {width:14em; margin:0 3em 1em 0; flex:1;}
form.verein input#partnernach {width:14em; margin:0 0 1em 0; flex:1;}
form.verein input#strasse {width:20em; margin:0 3em 1em 0; flex:1;}
form.verein input#hausnummer {width:8em; margin:0 0 1em 0; flex:1;}
form.verein input#plz {width:8em; margin:0 3em 1em 0; flex:1;}
form.verein input#ort {width:20em; margin:0 0 1em 0; flex:1;}
form.verein select#land {width:17em; margin:0 0 1em 0;}
form.verein input#email {width:26em; margin:0 0 1em 0;}
form.verein input#telefon {width:20em; margin:0 0 1em 0;}
form.verein input#werber {width:26em; margin:0 0 1em 0;}
form.verein input#iban {width:17em; margin:0 3em 1em 0; flex:1;}
form.verein input#bic {width:11em; margin:0 0 1em 0; flex:1; background-color:#eeeeee; border:1px solid #cccccc;}
form.verein button {width:6em; display:block; margin:1em auto 0 auto;}
form.verein p.schalter {margin-top:2.5em; text-align:center;}
form.verein button.bestellung-1 {display:inline-block;}
form.verein button.bestellung-2 {width:11em; margin:0 0 0 2em; display:inline-block;}
/* Schriften bestellen */
section.bestellung {margin:1em 1em 0 1em; display:flex; flex-direction:row wrap; justify-content:space-between; align-items:flex-start; border-bottom:1px dashed #d0d0d0;}
section.bestellung div {width:26em;}
section.bestellung form.angebotbnh {width:36em; margin:0 auto 0 auto;}
section.bestellung ul {list-style:none;}
section.bestellung li {line-height:1.4em; margin:0 0 0.5em 0;}
table.angebotbnh {line-height:1.4em; margin:0 auto 0 auto; border-collapse:collapse;}
table.angebotbnh col.heft {width:12em;}
table.angebotbnh col.dash {width:3em;}
table.angebotbnh col.preis {width:5em;}
table.angebotbnh col.slash {width:2em;}
table.angebotbnh tr.raum {height:0.5em;}
table.angebotbnh th.heft {border-bottom:1px solid #000000; text-align:left; font-weight:bold;}
table.angebotbnh th.dash {border-bottom:1px solid #000000; text-align:center; font-weight:bold;}
table.angebotbnh th.preis {border-bottom:1px solid #000000; text-align:right; font-weight:bold;}
table.angebotbnh td.titel {padding-top:0.5em}
table.angebotbnh td.preis {text-align:right;}
table.angebotbnh td.heft {padding-top:0.5em;}
table.angebotbnh td.slash {text-align:right;}
table.angebotbnh input {margin:0.1em 1em 0 0; vertical-align:top;}
button.angebotbnh {width:6em; margin:1em auto 1em auto; display:block;}
section.bestellung button {margin:1em 0 1em 1em;}
section.bestellung img {margin-bottom:1em;}
section.bestellung img.bnh {width:151px; height:219px; margin-bottom:1em;}
section.bestellung img.roteliste {width:136px; height:192px; margin-bottom:1em;}
section.bestellung img.wetterau {width:138px; height:192px; margin-bottom:1em;}
section.bestellung img.dillkreis {width:138px; height:216px; margin-bottom:1em;}
section.bestellung img.magerrasen {width:138px; height:197px; margin-bottom:1em;}
section.bestellung-1 {width:34em; margin:1.4em auto 3em auto;}
section.bestellung-1 p {margin:0 0 0.5em 0;}
/* Bibliothek */
article.schriften p.bibliothek1 {margin:0 0 1.1em 1.2em; font-size:1.1em;}
article.schriften p.bibliothek2 {margin:0 0 0.4em 1.2em; font-size:1em; font-style:italic;}
article.schriften p.bibliothek3 {margin:0 0 0 1.2em; font-size:1em;}
article.schriften ul.bibliothek {margin:0 0 0 2em; list-style-type:disc outside;}
article.schriften ul.bibliothek li {line-height:1.2em;}