/* Verwendete Farben 
#000: schwarz
#096: Hintergrund und Titelleiste (grün)
#f90: Navigationsbalken und Schrift im Rahmen (orange)
#fc6: Schrift Wegweiser (gelb)
#ffc: Hintergrund Textfeld (beige)
#f60: Link aktivieren/Warnhinweise im Text (rot)
#fff: weiß
#9cf: Linkhintergrund im Text und heller Rand Button (hellblau)
#039: Dunkler Rand Button (dunkelblau)
#36c: Navigationsbalken und Schrift im Rahmen (blau)
#ccc: Hintergrund Textfeld (hellgrau)
#00f: BdE-Logo (blau)
#fc0: Komplementär-Gelb
*/

*  { margin: 0; padding: 0; text-align: left; }

body { background-color: #fff; font-size: 100.01%; }
body, p, div, td, ul, li {font-family: Futura, Verdana, Arial, sans-serif; font-size: 100%; }
h1 { font-size: 196%; padding-top: 0.5em; padding-left: 12px; padding-right: 12px; padding-bottom: 0.1em; margin-bottom: 0.2em; }
h2 { font-size: 144%; line-height: 130%; padding-top: 0.5em; padding-left: 12px; padding-right: 12px; padding-bottom: 0.1em; margin-bottom: 0.2em; }
h3, h4, h5 { font-size: 120%; line-height: 130%; padding-top: 0.5em ; padding-left: 12px; padding-right: 12px; padding-bottom: 0.1em; margin-bottom: 0.2em; }
h6 { font-size: 100%; color: #00f; padding-top: 0.5em; padding-left: 12px; padding-right: 12px; padding-bottom: 0.1em; margin-bottom: 0.2em; }
table, tr { border: 0; vertical-align: top; }
ul {	margin-left: 1em; text-indent: 0; }
ul li { margin-left: 1em; text-indent: 0;	}
ol {	margin-left: 2em; text-indent: 0; }
ol li { margin-left: 2em; text-indent: 0;	}
th { color: #096; border-bottom: 1px solid #096; }
form { display: inline; }
fieldset { border:0; }
fieldset div { border-top: 1px solid blue; margin-top: 5px; padding-top: 3px; }

a, a:link { color: #000; background-color: transparent; text-decoration: none; }
a:visited { color: #666; background-color: transparent; text-decoration: none; }
a:hover, a:link { color: #f60; background-color: transparent; text-decoration: underline; }

.center { text-align: center; }
.right { text-align: right; }
.fett { font-weight: bold }

.gelb { color: #fc0; font-weight: bold; }
.grau { background-color: #e8eceb; }
.gruen { font-weight: bold; color: #096; }
.rot { font-weight: bold; color: #f60; }
.blau { font-weight: bold; color: #00f; }

.eingabe { font-size: 1.1em; color: #006633; background-color: #fff; border-bottom: #fc9 3px solid; border-right: #fc9 3px solid; border-top: #c60 3px solid; border-left: #c60 3px solid; vertical-align: middle; padding: 0; font-family: Futura, Verdana, Arial, sans-serif; }
.bttorange { font-size: 1.1em; color: #000; background-color: #f90; border-bottom: #c60 3px solid;  border-right: #c60 3px solid; border-top: #fc6 3px solid; border-left: #fc6 3px solid; padding-left: 0.5em; padding-right: 0.5em; text-align: center; font-weight: bold; }

/* horizontale Menüleiste (Ebene 1=s) */
#menue { position: absolute;	top: 0; left: 0; color: #f90; border: 1px solid #fc0; background-color: #fc0; font-size: 0.7em; font-weight: bold; width: 100%; height: 5em; padding-top: 1em; padding-left: 0.5em; vertical-align: middle; z-index: 4; }
.logo { width: 5%; float: left; margin-right: 2em; }
#menue td a, a:link, a:visited, a:hover, a:active { background-color: transparent; border: 0; }

#menue p a, p a:link, p a:visited { font-size: 0.9em; background-color: transparent; text-decoration: none; color: #00f; padding: 0.3em; margin: 0.2em; border: 0; }
#menue p a:hover, p a:active { background-color: #f60; text-decoration: underline; color: #ff0; padding: 0.3em; margin: 0.2em; border: 0; }

#menue p a.akt, p a.akt:link, p a.akt:visited { background-color: #f60; text-decoration: none; color: #ff0; padding: 0.3em;  margin: 0.2em; border: 0; }
#menue p a.akt:hover, p a.akt:active { background-color: #f60; text-decoration: underline; color: #ff0; padding: 0.3em; margin: 0.2em; border: 0; }

/* Mitglieder-Login*/
#mitgl { color: #000; border: 2px solid #fff; background-color: transparent; font-size: 0.9em; height: 3.5em; font-weight: bold; width: 18%; padding: 0.1em; padding-bottom: 0.5em; padding-left: 0.3em; vertical-align: middle; z-index: 5; float: right; margin-right: 2%; }
#mitgl p { text-align: center; line-height: 200%; }
#mitgl p a, p a:link, p a:visited  { background-color: transparent; text-decoration: none; color: #00f; padding: 0.3em;  margin: 0.5em; }
#mitgl p a:hover, p a:active { background-color: #f60; text-decoration: underline; color: #ff0; padding: 0.3em; margin: 0.5em; }
#mitgl p a.akt, p a.akt:link, p a.akt:visited { background-color: #f60; text-decoration: none; color: #ff0; padding: 0.3em; margin: 0.5em; }
#mitgl p a.akt:hover, p a.akt:active { background-color: #f60; text-decoration: underline; color: #ff0; padding: 0.3em; margin: 0.5em; }

/* horizontale Navigation (Ebene 3=s3) */
#navhori { font-size: 0.7em;	border: 1px solid #fc0;	background-color: #fc0; color: #00f;	width: 100%; position: absolute; top: 71px; top: 6.2em; left: 0; border-bottom: 1px solid #000; padding-bottom: 0.1em;	padding-top: 0.3em; padding-left: 0.5em; z-index: 6; font-weight: bold; }

#navhori p { margin-left: 17%; }

#navhori p a, p a:link, p a:visited { text-decoration: none; background-color: transparent; color: #000; font-size: 0.9em; border-top: 1px solid #fff; border-right: 1px solid #f90; border-bottom: 1px solid #fc0; border-left: 1px solid #fff; padding: 0.2em 1em 0 1em; margin: 0 0 0 0; }
#navhori p a:hover, p a:active { text-decoration: underline; background-color: #fff; color: #000; font-size: 0.9em; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 2px solid #fff; padding: 0.2em; padding-right: 1em; padding-left: 1em; margin: 0; }

#navhori p a.akt, p a.akt:link, p a.akt:visited { text-decoration: none; background-color: #fff; color: #000; font-size: 0.9em; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 2px solid #fff; padding: 0.2em; padding-right: 1em; padding-left: 1em; margin: 0; }
#navhori p a.akt:hover, p a.akt:active { text-decoration: underline; background-color: #fff; color: #000; font-size: 0.9em; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 2px solid #fff; padding: 0.2em; padding-right: 1em; padding-left: 1em; margin: 0; }


/* vertikale Navigation (Ebene 2=s2) */
#navvert{	background-image: url(img/navvert.gif); background-repeat: repeat-y; position: absolute;	top: 89px;	top: 7.8em;	width: 17%;	font-weight: bold;	font-size: 0.7em; color: #fff;	padding: 0.5em; left: 0; z-index: 2; }
#navvert h6 { font-size: 1.1em; margin-top: 1em; width: 75%; padding: 0.3em; color: #fff; background-color: transparent; }
#navvert p { font-size: 1.1em; margin-top: 1em; width: 80%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.3em; background-color: transparent; margin-bottom: 0.5em;  }
#navvert img { margin: 0.3em 0.5em 0 0; }

#navvert ul {	list-style: none;	margin: 0;	padding: 0.1em 0; }
#navvert ul li {	margin: 0; padding: 0.1em 0; }

#navvert ul li a, ul li a:link { display: block; text-decoration: none; color: #fff; background-color: transparent; width: 84%; }
#navvert ul li a:visited { display: block; text-decoration: none; color: #ccc; background-color: transparent; }
#navvert ul li a:hover, ul li a:active { display: block; background-color: #f60; text-decoration: underline; color: #fff; }

#navvert ul li a.akt, ul li a.akt:link { display: block; background-color: #f60; text-decoration: none; color: #fff; }
#navvert ul li a.akt:visited { display: block; background-color: #f60; text-decoration: none; color: #fff; }
#navvert ul li a.akt:hover, ul li a.akt:active { display: block; background-color: #f60; text-decoration: underline; color: #fff; }

/* Inhalt */
#inhalt { position: absolute;  top: 89px; top: 7.8em; width:62%;  font-size: 0.7em; left: 17%; padding-top: 0.5em; padding-bottom: 20px; z-index: 3; background-color: #fff; margin-left:5px;  }

#inhalt p, form { margin-left: 12px; margin-right: 2em; margin-bottom: 1em; line-height: 1.5em; }
#inhalt > p { text-indent: 2em }
#inhalt * p { font-size: 0.9em; margin-left:0; padding: 0; } /* für Kästen */

#inhalt ul, ol { margin-left: 12px; margin-right: 12px; margin-bottom: 1em; line-height: 1.5em;  }
#inhalt ul li { margin-left: 12px; margin-right: 12px; text-indent: 0; margin-bottom: 0.5em; line-height: 1.5em;  }

#inhalt table { margin: 0.5em 12px 0.5em 12px; clear: both; }
#inhalt tr { margin-left: 0; margin-right: 0; }
#inhalt td {padding: 0.2em 1em 0.2em 0; }
#inhalt caption { font-size: 196%; text-align: left; font-weight: bold; margin-left: 12px; margin-top: 1em; padding-bottom: 0.3em; }

#inhalt > h1+p, #inhalt > h2+p, #inhalt > h3+p, #inhalt > h4+p, #inhalt > h5+p, #inhalt > h6+p, #inhalt > hr+p, #inhalt > p+ul, #inhalt > ul+p, #inhalt > ol+p, #inhalt > table+p { text-indent: 0 }

#inhalt p a, p a:link {display: inline; color: #000; background-color: transparent; text-decoration: underline; border: 0; margin: 0; padding: 0; }
#inhalt p a:visited {color: #666; background-color: transparent; text-decoration: underline; border: 0; margin: 0; padding: 0; }
#inhalt p a:hover, p a:active {color: #f60; background-color: transparent; text-decoration: none; border: 0; margin: 0; padding: 0; }
#inhalt td a, td a:link {display: inline; color: #000; background-color: transparent; text-decoration: underline; border: 0; margin: 0; padding: 0; }
#inhalt td a:visited {color: #666; background-color: transparent; text-decoration: underline; border: 0; margin: 0; padding: 0; }
#inhalt td a:hover, td a:active {color: #f60; background-color: transparent; text-decoration: none; border: 0; margin: 0; padding: 0; }
#inhalt ul li a, ul li a:link {display: inline; color: #000; background-color: transparent; text-decoration: underline; border: 0; margin: 0; padding: 0; }
#inhalt ul li a:visited {color: #666; background-color: transparent; text-decoration: underline; border: 0; margin: 0; padding: 0; }
#inhalt ul li a:hover, ul li a:active {color: #f60; background-color: transparent; text-decoration: none; border: 0; margin: 0; padding: 0; }

#inhalt hr { width: 95%; color: #000; height: 1px; margin-left: 12px; margin-right: 12px; text-align: left; }

.ergtab { background-color: #fc0; vertical-align: middle; padding: 0.5em; }

.tabletitel { float: right; }
td.tabletitelu2 { background-color: #FFCC00; }
.tabletitelu2 >p { margin:0; padding:0 }
.tableimg { padding: 0; height: 100px; border: 1px solid black; }
.titelimg { border: 1px solid black; }

/* Daten zum Sucht-Beitrag in Box re. oben*/
#beitrag { float: right; margin: 1.5em 2em 1.5em 1em; padding-bottom: 1em; background-color: transparent; border: 1px solid #36c; width: 30%;  }
#beitrag h6 { padding: 0; margin: 0.5em 0.7em 0; }
#beitrag p { margin: 0.5em 0.7em 0; }

/* Bild fließend rechts oben im Inhalt-Container */
#inhimg { float: right; margin: 1.5em 2em 1.5em 1em; padding-bottom: 1em; background-color: #fc0; }
#inhimg p { margin: 0.5em 0.7em 0em; }

/* Warenkorb-Button */
#wkbtt { text-align: right; color: #096; font-size: 0.9em; background-color: transparent; width: 100%; }
#wkbtt p { text-align: right; }

/* Kontakt-Formular (fließend nach Textende) */
#kontakt { clear: both; margin: 1em 2em 0 12px; }
#kontakt p.li { float: left; background-color: #fc0; width: 31%; height: 2em; margin: 0; padding: 0.3em 2% ; font-size: 1em; text-align: right; }
#kontakt p.re { float: left; background-color: #fc0; width: 61%; height: 2em; margin: 0; padding: 0.3em 2% ; font-size: 1em; }

/* Fußzeile nit Copyright-Vermerk */
#fuss p { clear: both; margin: 3em 2em 2em 12px; padding: 2em 0 2em 0; text-decoration: overline; line-height: 150%;}

/* rechte Spalte */

#rechts {	position: absolute; top: 89px; top: 7.8em; width: 18%; left: 80%; background-color: #fff; border-left: 1px solid #000; z-index: 4; font-size: 0.7em; padding-left:0.5em; vertical-align:middle; padding-top: 0.5em; }

#rechts h6 { padding: 0; margin-top: 0; }

#rechts ul { margin-top: 0.7em; line-height: 140%; margin-bottom: 0.7em; }
#rechts ul li { margin-left: 0.5em; line-height: 140%; }

#rechts ul li a, ul li a:link {color: #000; background-color: transparent; text-decoration: underline; line-height: 1.5em; border: 0; }
#rechts ul li a:visited {color: #666; background-color: transparent; text-decoration: underline; border: 0; }
#rechts ul li a:hover, ul li a:active {color: #f60; background-color: transparent; text-decoration: none; border: 0; }

#rechts p a, p a:link {font-size: 1em; color: #000; background-color: transparent; text-decoration: underline; border: 0; padding: 0; }
#rechts p a:visited {font-size: 1em; color: #666; background-color: transparent; text-decoration: underline; border: 0; padding: 0; }
#rechts p a:hover, li a:active {font-size: 1em; color: #f60; background-color: transparent; text-decoration: none; border: 0; padding: 0; }

#rechts hr { width: 100%; color: #f90; height: 1px; margin-bottom: 0.7em; }

#rechts img { margin-top: 0.5em; border: 0; }

/* Kasten mit engl. SUCHT-Titel */
#sxt_en { width: 100%; color: #fff; background-color: #36c; text-align: center; }
#sxt_en p { text-align: center; padding: 0.5em; }
#sex_en img { border: 0; }

/* Kasten für Anzeige*/
#anzeige { width: 100%; color: #000; background-color: #fff; text-align: center; border: 0; margin-top: 0.5em;  }
#anzeige img { border: 0; }

/* Kästen für Übersichtsseiten */
.inh { width: 17.5em; height: 10em; float: left; margin-top: 1.2em; margin-left: 0.5em; padding: 0; overflow: auto;  }
img.kastimg { float: left; width: 75px; border: 1px solid black; margin-left:0; padding-left:0; margin-right: 0.5em; margin-top: 0.3em; }
h6.kasth6 { font-size: 1em; padding-left: 0; padding-bottom: 0; padding-top: 0; margin-top: 0; color: #009966; }