/* Autor: Peter Mages | Internet: http://www.mages-online.de/ | e-mail:peter@mages-online.de */

body {
font-family: verdana,arial,helvetica,sans-serif;
font-size:100%;
color:#000;
padding:0 0 5px;
margin:20px 30px;
background:#fff;
/*border:1px solid #999;*/
}

#beginn, .versteck, h6.erreichbar {
/*display:none;*/
position: absolute;
left: -2000px;
top: -2000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}/* direkter Link zum Inhaltsbereich fuer screen- und webreader, versteckter Text, Bereichsueberschrift */

/* anfang kopf */

#kopf {
margin: 0 0 10px;
padding: 0;
color: #000;
background: #eee;
min-height:155px;
/*border-bottom:1px solid #999;*/
}/* ie-fixes6 */
#kopf_links {
float:left;
left:0;
width:200px;
margin: 0 0 10px;
padding: 0;
color: #000;
background: #eee;
/*border-bottom:1px solid #999;*/
}
#kopf_links img {
float:left;
margin: 0;
/*border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;*/
}

#kopf_rechts {
margin-left:326px;
padding: 0;
color: #000;
background: #eee;
/*border-bottom:1px solid #999;*/
}
#kopf_rechts p {
margin: 0;
padding: 25px 0 0 0;
color: #006;/* 666 */
text-align:left;
background: #eee;
font-size: 2.3em;
font-weight: normal;
font-family:georgia,"times new roman",serif;
font-weight: bold;
letter-spacing: .7ex;
}
#kopf_rechts p small {
display:block;
font-size: .5em;
letter-spacing: .2ex;
color:#555;/* 333 */
/*text-transform: none;*/
font-weight: bold;
background:#eee;
word-spacing:6px;
padding-top: 9px;
}

/* ---  Navigation links --- */

#navigation_links {
float: left;
width: 270px;
left: 0;
margin: 0;
padding: 0;
color: #000;
background: #fff;
}
#navigation_links ul {
margin: 0;
padding: 20px 0 0;
}
#navigation_links li {
margin: 0;
padding:0 0 10px 0;
list-style-type: none;
}
#navigation_links li a {
font-weight: bold;
font-size: .85em;
color: #666;
text-decoration: none;
display: block;
padding: 2px 0 2px 20px;
background: #fff;
text-align: left;
height:1%;
}
#navigation_links li a:link, li a:visited {
font-weight: bold;
color: #666;
text-decoration: none;
background: #fff;
}
#navigation_links li a:hover, li a:active {
font-weight: bold;
color: #006;
text-decoration: underline;
background: #eee;
}
#navigation_links li a:focus {
font-weight: bold;
color: #666;
border: 2px solid #600;
background:#fff;
text-decoration: none;
}

#navigation_links li#marker h6 {
font-weight: bold;
font-size: 1em;
color: #006;
text-decoration: none;
padding: 2px 0 2px 20px;
margin:0;
background: #eee;
letter-spacing:0ex;
/*text-indent:15px;*/
height:1%;

/*border-bottom: 1px solid #999;
border-top: 1px solid #999;*/
}

/* --- unternavigation verschachtelte liste! --- */

#navigation_links ul ul {
margin: 0;
padding: 6px 0 0;
border-right:none;
}
#navigation_links li li {
margin: 0;
padding:0 0 6px;
list-style-type: none;
}
#navigation_links li li a {
font-weight: bold;
font-size: .7em;
color: #000;
text-decoration: none;
display: block;
padding: 2px 0 2px 25px;
background: #fff;
text-align: left;
height:1%;
}
#navigation_links li li a:link, li li a:visited {
font-weight: bold;
color: #000;
text-decoration: none;
background: #fff;
}
#navigation_links li li a:hover, li li a:active {
font-weight: bold;
color: #009;
text-decoration: underline;
background: #eee;
}
#navigation_links li li a:focus {
font-weight: bold;
color: #000;
border: 2px solid #600;
background:#fff;
text-decoration: none;
}
#navigation_links li li#marker02 {
/*font-variant:small-caps;*/
font-weight: bold;
font-size: .7em;
color: #009;
text-decoration: none;
padding: 2px 0 2px 25px;
margin:0 0 6px;
background: #eee;
letter-spacing:0ex;
height:1%;
}

/* --- bct --- */

#brotkruemel {
width: auto;
margin: 24px 0 20px 30px;
padding: ;
background: #fff;
color: #000;
text-align:left;
border-bottom:1px solid #999;
}
#brotkruemel p.brot {
margin: 0;
padding: 5px 0;
font-size: .75em;
font-weight: normal;
/*line-height: 1em;*/
color: #000;
letter-spacing: .1ex;
background: #fff;
word-spacing:0px;
}
#brotkruemel p.brot a, #brotkruemel p.brot a:link, #brotkruemel p.brot a:visited {
font-weight: bold;
color: #009;
text-decoration: underline;
background: #fff;
}
#brotkruemel p.brot a:hover, #brotkruemel p.brot a:active {
font-weight: bold;
color: #900;
text-decoration: none;
background: #fff;
}
#brotkruemel p.brot a:focus {
font-weight: bold;
color: #009;
text-decoration: none;
border: 2px solid #600;
background: #fff;
}

/* --- inhalt --- */

#content {
/*font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;*/
font-family: arial,verdana,helvetica,sans-serif;
background: #fff;
color: #000;
padding: 0;
margin-left:300px;
/*border-left:1px solid #999;*/
}

#content em {
font-style:italic;
}

#content img {
float:right;
margin: 3px 0 5px 30px;
/*border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;*/
}/* ie-fixes6und7 */
#content img.rahmen01 {
border:1px solid #999;
}
#content h1 {
font-weight:normal;
/*font-style:italic;*/
font-style:normal;
font-size: 1.7em;
padding:0;
margin:25px 0 0 30px;
color:#666;
background:#fff;
letter-spacing:0ex;
word-spacing:0px;
}
#content h2, #content h3 {
font-weight:normal;
font-style:normal;
font-size: 1.5em;
padding:0;
margin:40px 0 0 30px;
color:#666;
background:#fff;
letter-spacing:0ex;
word-spacing:1px;
}
#content h3 {
font-size: 1.4em;
}
#content p {
font-size: .85em;
padding:12px 0 0 30px;
line-height:1.5em;
word-spacing:0px;
}
#content ul {
list-style-type:square;
padding:0;
margin:25px 0 0 45px;
}
#content li {
font-size: .85em;
list-style-type:square;
line-height: 1.5em;
padding:0 0 15px;
background: #fff;
color:#000;
text-align:left;
}
#content ul ul {
list-style-type:disc;
padding:0;
margin:10px 0 0 15px;
}
#content li li {
font-size: 1em;
list-style-type:disc;
line-height: 1.5em;
padding:0 0 10px;
background: #fff;
color:#000;
text-align:left;
}
#content li h4 {
font-weight:bold;
font-size: 1.2em;
margin:0 0 5px;
padding:0;
background:#fff;
color:#666;
}
#content p.oben {
font-size: .7em;
font-weight: normal;
padding:10px 0 0 30px;
letter-spacing:.2ex;
word-spacing:0px;
}
#content a, #content a:link, #content a:visited {
color:#006;
background:#fff;
text-decoration:underline;
font-weight:bold;
border-top:none;
border-bottom:none;
}
#content a:hover, #content a:active {
background:#fff;
color:#900;
text-decoration:none;
font-weight:bold;
border-top:none;
border-bottom:none;
}
#content a:focus {
background:#006;
color:#fff;
text-decoration:none;
font-weight:bold;
border:1px solid #999;
}

/* --- text hervorgehoben seiten spende und 404 --- */

.hervor {
margin:30px 0 30px 30px;
padding: 15px 0;
border:1px solid #999;
color:#000;
background:#eee;
}
.hervor p {
font-size: .85em;
line-height:1.5em;
margin:0;
padding:0;
color:#000;
background:#eee;
/*text-align:justify;*/
text-align:left;
letter-spacing:0ex;
word-spacing:0px;
}
#content ul.hervor01 {
list-style-type:square;
padding:0 0 1px;
margin:20px 0 0 50px;
background: #eee;
color:#000;
}
#content li.hervor01 {
font-size: .85em;
list-style-type:square;
line-height: 1.5em;
padding:0 0 10px;
background: #eee;
color:#000;
text-align:left;
}

#content .hervor a, #content .hervor a:link, #content .hervor a:visited {
background:#eee;
color:#006;
text-decoration:underline;
font-weight:bold;
border-top:none;
border-bottom:none;
}
#content .hervor a:hover, #content .hervor a:active {
color:#900;
background:#eee;
text-decoration:none;
font-weight:bold;
border-top:none;
border-bottom:none;
}
#content .hervor a:focus {
background:#eee;
color:#006;
text-decoration:none;
font-weight:bold;
border:2px solid #600;
}

/* --- adresse im inhalt --- */

#content address {
font-size: .85em;
font-style: normal;
font-weight:normal;
margin:20px 0 20px 30px;
padding:18px 5px 20px 15px;
line-height:1.5em;
border:1px solid #999;
background: #eee;
color: #000;
text-align:left;
letter-spacing:.1ex;
}
#content address strong {
font-size: 1.2em;
padding-bottom: 5px;
letter-spacing:0;
}
#content address em {
font-size: .9em;
font-style: italic;
font-weight:bold;
margin:0;
padding:0 2px;
line-height:1.7em;
background: #eee;
color: #000;
text-align:center;
word-spacing:3px;
letter-spacing:.1ex;
}
#content address a, #content address a:link, #content address a:visited {
color:#006;
background:#eee;
text-decoration:underline;
font-weight:bold;
}
#content address a:hover, #content address a:active {
background:#eee;
color:#900;
text-decoration:none;
/*text-decoration:overline;*/
font-weight:bold;
}
#content address a:focus {
color:#006;
background:#eee;
border:2px solid #600;
text-decoration:none;
font-weight:bold;
}

/* --- Formular --- */

#formular {
margin: 25px 25px 40px;
padding: 0;
}
label {
margin:0;
padding:0 10px 0 0;
vertical-align:top;
background:#fff;
color:#000;
height:1%;
}
#formular fieldset {
border:1px solid #999;
background:#fff;
color:#000;
padding:10px 30px 20px 15px;
margin:0;
}/* ie_fixes6! */
#formular fieldset legend {
font-size:.7em;
color:#000;
font-weight:bold;
background:#eee;
border: 1px solid #999;
padding: 1px 3px;
word-spacing:1px;
letter-spacing:.1ex;
}
#formular ul.form {
list-style-type:none;
padding:0;
margin:0;
display:inline;
}
#formular li.form {
font-size:.75em;
list-style-type:none;
padding:0;
margin:0;
background:#fff;
color:#000;
text-align:right;
}
input {
margin: 0;
padding: 0;
}
input#nachname, #vorname, #e_mail, #telefon {
font-size: .8em;
width: 18em;
border: 1px solid #999;
background: #fafafa;
margin: 0 0 7px 0;
padding: 0 2px;
color: #000;
font-weight:bold;
}/* ie-fixes6! */
textarea#anmerkungen {
font-family: arial,verdana,helvetica,sans-serif;
font-size: 1em;
width: 80%;
height: 15em;
margin: 10px 0 0;
border: 1px solid #999;
background: #fafafa;
color: #000;
padding: 2px 4px;
font-weight: bold;
}
input.submit {
color: #006;
font-size: 1em;
font-weight: bold;
background: #fafafa;
border: 1px solid #999;
width: auto;
padding: 2px 25px;
margin: 15px 0 0 5px;
display: inline;
letter-spacing:.1ex;
cursor: pointer;
}/* ie-fixes6und7! */
input.submit:hover, input.submit:active, input.submit:focus {
color: #666;
background: #eee;
border: 1px solid #999;
cursor: pointer;
}

/* --- tabelle --- */

table {
width:94%;
margin:20px 0 20px 30px;
padding:0;
/*border:1px solid #ccc;*/
/*border-collapse:separate;*/
border-collapse:collapse;
}
th {
font-size: .8em;
background:#eee;
color:#000;
border:1px solid #999;
padding:6px 0 6px 10px;
margin:0;
vertical-align:top;
text-align:left;
letter-spacing:0ex;
}
td {
font-size:.75em;
padding:5px 0 5px 10px;
margin:0;
vertical-align:top;
border:1px solid #999;
text-align:left;
background:#fff;
color:#000;
}

/* --- Navigation unten --- */

ul#navigation_unten {
text-align:center;
list-style:none;
margin:0;
padding:15px 0 35px;
}
ul#navigation_unten li {
font-family: verdana,arial,helvetica,sans-serif;
font-size:.75em;
display:inline;
list-style:none;
background:#fff;
color:#000;
font-weight:bold;
margin:0 3px 0 0;
padding:0;
line-height:2em;
}
ul#navigation_unten li a, ul#navigation_unten li a:link, ul#navigation_unten li a:visited {
font-weight:bold;
padding:2px 15px;
color:#000;
background:#fff;
text-decoration:none;
border:1px solid #999;
}
ul#navigation_unten li a:hover, ul#navigation_unten li a:active {
font-weight:bold;
color:#006;
background:#eee;
border:1px solid #000;
text-decoration:underline;
}
ul#navigation_unten li a:focus {
color:#006;
background:#eee;
border:2px solid #600;
text-decoration:underline;
font-weight:bold;
}
ul#navigation_unten li#marker_unten {
padding:2px 15px;
/*font-variant:small-caps;*/
background: #eee;
color:#009;
letter-spacing:.1ex;
border:1px solid #000;
margin:0 6px 0 0;
}

/* --- copyright und stand --- */

#footer {
clear:both;
position:relative;
padding:4px 0 0;
margin:0;
background:#fff;
color: #333;
text-align:right;
border-top:1px solid #999;
letter-spacing:.1ex;
height:1%;
}/* ie-fixes6! */
#footer p.f-li {
display:inline;
margin:0;
padding:0 15px;
font-size:.6em;
font-weight:normal;
color:#333;
background:#fff;
border-right: 10px solid #999;
border-left: 10px solid #999;
}
#footer p.f-re {
display:inline;
margin:0;
padding:0 15px;
font-size:.6em;
font-weight:normal;
color:#333;
background:#fff;
border-right: 10px solid #999;
}
#footer p.f-li a, #footer p.f-li a:link, #footer p.f-li a:visited {
color: #900;
text-decoration: underline;
background: #fff;
}
#footer p.f-li a:hover, #footer p.f-li a:active {
color: #009;
text-decoration: overline;
background: #fff;
}
#footer p.f-li a:focus {
color: #900;
border: 2px dotted #006;
background: #fff;
text-decoration: none;
}

/* --- diverses --- */

acronym, abbr {
border-bottom-width:1px;
border-bottom-style:dotted;
cursor:help;
}/* fuer acronyme und abkuerzungen */

.clear {
clear:both;
height:0;
}/* Umbrechen und 'clearing' OHNE Zwischenraum */
.clearff {
display:none;
}/* nicht fuer ie siehe ie-fixes6 und7 nicht eingebunden */

hr {
/*border: 1px solid #666;*/
/*border-bottom:2px solid #999;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:2px solid #999;*/
border-bottom: 2px solid #666;
border-top: 1px solid #ddd;
border-right: 2px solid #666;
border-left: 1px solid #ddd;
color: #ffffe1;
background-color: #ffe;
height: 7px;
width: 75%;
margin-top: 30px;
margin-bottom: 30px;
}