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

body {
font-family: arial,verdana,helvetica,sans-serif;
font-size:100%;
color:#000;
padding:0 0 10px 0;
margin:0;
width:100%;
background:#eee;
}

/* --- code --- */

code {
font-family: arial,verdana,helvetica,sans-serif;
font-size:.9em;
background:#ddd;/* fc9 */
color:#222;
letter-spacing:.2ex;
}

#beginn, .versteck, h6.erreichbar {
position: absolute;
left: -2000px;
top: -2000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}/* direkte Links zu den verschiedenen Bereichen, Bereichsueberschriften und unsichtbare Texte fuer Screen- und Webreader */

/* --- Umrahmung --- */

#rahmen {
background:#fff;
padding:0;
color:#000;
height:1%;
margin:10px 10px 0;
border:2px solid #999;
}
#rahmen p {
margin:0;
padding:0;
}
#rahmen a, #rahmen a:link, #rahmen a:visited {
font-weight:normal;
color:#900;
background:#fff;
text-decoration:underline;
}
#rahmen a:hover, #rahmen a:active {
font-weight:normal;
background:#eec;
color:#006;
text-decoration:none;
}
#rahmen a:focus {
font-weight:normal;
background:#fff;
color:#900;
text-decoration:none;
border:1px solid #000;
}

/* --- Kopf --- */

#kopf_neu {
float:left;
margin: 0;
padding: 27px 0;
color: #000;
border-bottom:1px solid #999;
background: #fafafa;
width:100%;
}
#kopf_neu p {
margin: 0;
padding: 0;
color: #666;
text-align:center;
background: #fafafa;
font-size: 1.7em;
font-weight: normal;
font-family:georgia,"times new roman",serif;
font-weight: bold;
letter-spacing: .3ex;
word-spacing:7px;
}
#kopf_neu p small {
display:block;
font-size: .6em;
letter-spacing: .2ex;
padding: 4px 0 0;
color:#111;
/*text-transform: none;*/
font-weight: bold;
background:#fafafa;
word-spacing:5px;
}

/* ---  linke Spalte mit Navigation links --- */

#navigation_links {
float: left;
width: 20%;
left: 0;
margin: 0;
padding: 0;
color: #fff;
background: #eee;
border-bottom:1px solid #999;
}
#navigation_links ul {
margin: 0;
padding: 21px 0 0;
border-right:1px solid #999;
}
#navigation_links li {
margin: 0;
padding:0 0 6px;
list-style-type: none;
}
#navigation_links li a {
font-weight: bold;
font-size: .8em;/* 65 */
color: #333;/* fff 333 */
/*line-height: 1em;*/
text-decoration: none;
display: block;
padding: 5px 0 5px 15px;
background: #ffe;/* 666 fc9 */
text-align: left;
height:1%;
border-top:1px solid #666;/* fc9 */
border-bottom:1px solid #666;/* fc9 */
}
#navigation_links li a:link, #navigation_links li a:visited {
font-weight: bold;
color: #333;
text-decoration: none;
background: #ffe;/* 099 */
border-top:1px solid #666;/* 000 */
border-bottom:1px solid #666;/* 000 */
}
#navigation_links li a:hover, #navigation_links li a:active {
font-weight: bold;
color: #333;
text-decoration: none;
background: url(drei-rot01.gif) no-repeat 3px #fff;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#navigation_links li a:focus {
font-weight: bold;
color: #333;
border: 1px solid #000;
background:#fff;
text-decoration: none;
}
#navigation_links li#marker h6 {
font-weight: bold;
font-size: .85em;
color: #333;/* 900 */
text-decoration: none;
padding: 5px 0 5px 15px;
margin:0;
background: url(drei-rot01.gif) no-repeat 3px 5px #fff;/* eec */
letter-spacing:.2ex;
border-top:1px solid #999;/* 000 */
border-bottom:1px solid #999;/* 000 */
/*text-indent:15px;*/
height:1%;
}

/* --- 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: .75em;
color: #000;
text-decoration: none;
display: block;
padding: 2px 0 2px 22px;
background: #ddd;
text-align: left;
height:1%;
}
#navigation_links li li a:link, #navigation_links li li a:visited {
font-weight: bold;
color: #000;
text-decoration: none;
background: #ddd;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#navigation_links li li a:hover, #navigation_links li li a:active {
font-weight: bold;
color: #006;
text-decoration: none;
background: url(qua-blau02.gif) no-repeat 3px #fff;/* #eec */
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#navigation_links li li a:focus {
font-weight: bold;
color: #000;
border: 1px solid #000;
background:#fff;
text-decoration: none;
}
#navigation_links li li#marker02 {
/*font-variant:small-caps;*/
font-weight: bold;
font-size: .75em;
color: #006;
text-decoration: none;
padding: 2px 0 2px 22px;
margin:0 0 6px;
background: url(qua-blau02.gif) no-repeat 3px #fff;
letter-spacing:.2ex;
border-top:1px solid #000;
border-bottom:1px solid #000;
height:1%;
}

/* --- Spalte rechts mit Aktuell --- */

#aktuell {
float:left;
clear:right;
width: 20.85%;/* 20.99% oder 21% */
background: #eee;
color: #000;
margin:0;
padding: 21px 0 0;
border-bottom:1px solid #999;
border-left: 1px solid #999;
}/* ie-fixes6und7 */
.aktuell_ueberschrift {
margin: 0;
padding: 8px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #ddd;
color: #006;
} /* position der ueberschrift */
.aktuell_ueberschrift h5 {
margin: 0;
padding: 3px 1px;
font-size: .75em;
font-weight: bold;
font-style:normal;
color: #666;
text-align: center;
/*font-variant: small-caps;*/
background: #fff;
letter-spacing: .1ex;
border-bottom:2px solid #999;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:2px solid #999;
} /* ueberschrift */

#aktuell p {
font-size: .9em;
padding:5px 0 20px;
line-height:1.3em;
background: #eee;
color: #000;
text-align:center;
display:block;
}

#aktuell ul {
list-style-type:none;
padding:0;
margin:20px 3px 0 10px;
}
#aktuell li {
font-size: .7em;
list-style-type:none;
line-height: 1.3em;
padding:0 0 17px 15px;
background: url(drei-rot01.gif) no-repeat 0px 0px #eee;
color:#000;
text-align:left;
}

#aktuell ul ul {
list-style-type:none;
padding:0;
margin:5px 0 0;/* unten -15px rausgenommen wegen seite jahr 2006 */
}
#aktuell li li {
font-size: 1em;
list-style-type:none;
line-height: 1.3em;
padding:0 0 5px 15px;
background: url(qua-blau02.gif) no-repeat 0px .15em #eee;
color:#000;
text-align:left;
}

#aktuell ul.werbung {
list-style-type:none;
padding:0;
margin:0;
}/* --- liste bereich werbung --- */
#aktuell li.werbung {
font-size: .65em;
list-style-type:none;
line-height: 1.3em;
padding:20px 0 0;
margin:0;
background: #eee;
color:#000;
text-align:center;
}
#aktuell li.werbung img {
border:1px solid #999;
margin:0;
padding:0;
}
#aktuell li.werbung p {
font-size: 1.1em;
padding:5px 0 20px;
line-height:1.3em;
background: #eee;
color: #000;
text-align:center;
display:block;
}

#aktuell li em {
font-style: italic;
}

#aktuell a, #aktuell a:link, #aktuell a:visited {
font-weight: bold;
color: #006;
text-decoration: underline;
background: #eee;
border-top:none;
border-bottom:none;
}
#aktuell a:hover, #aktuell a:active {
font-weight: bold;
color: #900;
text-decoration: none;
background: #fff;
border-top:none;
border-bottom:none;
}
#aktuell a:focus {
font-weight: bold;
color: #006;
border: 1px dotted #000;
background:#eee;
text-decoration: none;
}

/* --- bct --- */

#brotkruemel {
width: auto;
margin: 0;
padding: 0 7px 0 0;
background: #eee;
color: #000;
text-align:right;
border-bottom: 1px solid #999;
}
#brotkruemel p.brot {
margin: 0;
padding: 2px 0 2px;
font-size: .7em;
font-weight: normal;
/*line-height: 1em;*/
color: #000;
letter-spacing: .1ex;
background: #eee;
word-spacing:0px;
}
#brotkruemel p.brot a, #brotkruemel p.brot a:link, #brotkruemel p.brot a:visited {
font-weight: bold;
color: #006;
text-decoration: underline;
background: #eee;
}
#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: #006;
text-decoration: none;
border: 1px dotted #000;
background: #eee;
}

/* --- Inhalt --- */

#content {
font-family: arial,verdana,helvetica,sans-serif;
/*font-family: arial,verdana,helvetica,sans-serif;*/
float:left;
width: 59%;
background: #fff;
color: #000;
padding: 0;
}/* ie-fixes7??? */

#content em {
font-style:italic;
}/* ie-fixes6! */

/* container mit foto */

#container {
border-left:1px solid #999;
border-bottom:1px solid #999;
width:220px;
float:right;
padding: 8px;
margin:0 0 5px 10px;
color: #000;
background: #fafafa;
}/* ie-fixes6 */
#container p.con {
margin: 0;
padding: 0;
font-size: .75em;
font-weight: normal;
font-style:normal;
color: #000;
background: #fafafa;
line-height: 1.2em;
word-spacing:0px;
letter-spacing:0ex;
}
#container p.con img {
float: left;
margin: 0 0 3px;
border:none;
} /* ie-fixes6 */

#content img.logo, #content img.logo_tabelle {
float:right;
margin: 0 0 5px 5px;
padding:5px;
border-left:1px solid #999;
border-bottom:1px solid #999;
}

#content img.logo_tabelle {
margin-bottom: 30px;
}

#content img.rahmen01 {
border:1px solid #999;
float:right;
padding:5px;
margin:5px 0 15px 5px;
}
#content h1 {
font-weight:normal;
font-size: 1.3em;
padding:0;
margin:30px 25px 20px;
color:#666;
background:#fff;
/*border-bottom:1px solid #999;*/
letter-spacing:.1ex;
word-spacing:1px;
}
#content p {
font-size: .85em;
padding:0 25px 32px;
line-height:1.5em;
word-spacing:2px;
}
#content h2, h3 {
font-weight:normal;
font-size: 1.2em;
padding:0;
margin:30px 25px 20px;
color:#666;
background:#fff;
/*border-bottom:1px solid #999;*/
letter-spacing:0ex;
word-spacing:1px;
}
#content h3 {
font-size: 1.1em;
font-weight:normal;
letter-spacing:0ex;
}
#content ul {
list-style-type:none;
padding:0;
margin:15px 65px 10px;
}
/* Seite ... */
#content ul.mitarb {
list-style-type:none;
padding:0;
/*margin:-20px 0 10px 65px;*/
margin:15px 25px 10px 35px;
/*height:1%;*/
}
#content ul.mitarb ul {
list-style-type:none;
padding:0;
margin:15px 0;/* bottom0 */
}

#content li {
font-size: .85em;
list-style-type:none;
line-height: 1.5em;
padding:0 0 20px 20px;
background: url(drei-rot01.gif) no-repeat 0px 0px #fff;
color:#000;
text-align:left;
}
#content ul ul {
list-style-type:none;
padding:0;
margin:15px 0 15px;/* unten -15px rausgenommen wegen seite jahr 2006 */
}
#content li li {
font-size: 1em;
list-style-type:none;
line-height: 1.5em;
padding:0 0 20px 20px;
background: url(qua-blau02.gif) no-repeat 0px .15em #fff;
color:#000;
text-align:left;
}

#content li li.ausdruck {
padding-top:5px;
}
#content li li.ausdruck img {
border:1px solid #999;
}
#content li li.ausdruck p {
padding:0;
}

#content ul ul ul {
list-style-type:circle;
padding:0;
margin:15px 0 -15px 15px;
}
#content li li li {
font-size: 1em;
list-style-type:circle;
line-height: 1.5em;
padding:0 0 20px 5px;
background: #fff;
color:#000;
text-align:left;
}
#content p.oben {
font-size: .65em;
font-weight: normal;
padding:10px 25px;
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 mit Links Seite error 404 --- */

#content p.hervor {
font-size: .8em;
margin: 25px;
padding: 10px 15px;
line-height:1.5em;
border:1px solid #999;
color:#000;
background:#fafafa;
/*text-align:justify;*/
text-align:left;
letter-spacing:.1ex;
word-spacing:1px;
/*font-weight:normal;*/
}
#content p.hervor a, #content p.hervor a:link, #content p.hervor a:visited {
background:#eee;
color:#006;
text-decoration:underline;
font-weight:bold;
border-top:none;
border-bottom:none;
}
#content p.hervor a:hover, #content p.hervor a:active {
color:#900;
background:#fff;
text-decoration:none;
font-weight:bold;
border-top:none;
border-bottom:none;
}
#content p.hervor a:focus {
background:#eee;
color:#006;
text-decoration:none;
font-weight:bold;
border:1px solid #999;
}

/* --- Seite ... --- */

#kasten {
margin: 20px 25px;
border:1px solid #999;
color:#000;
background:#eee;
}
#kasten p.kas {
font-size: .85em;
padding: 15px 15px 10px;
line-height:1.5em;
color:#000;
background:#eee;
/*text-align:justify;*/
text-align:left;
letter-spacing:.1ex;
word-spacing:1px;
font-weight:bold;
}
#kasten ul.kast {
list-style-type:none;
padding:0;
margin:5px 15px 10px;
}
#kasten li.kast {
font-size: .85em;
list-style-type:none;
line-height: 1.5em;
padding:0 0 20px 15px;
background: url(drei-rot01.gif) no-repeat 0px 0px #eee;
color:#000;
text-align:left;
}

/* --- Startseite --- */

blockquote {
margin: 0 25px 30px;
padding: 20px 0 0;
border:1px solid #999;
color:#000;
background:#fafafa;
} /* Zitat mit Quellenangabe */
blockquote p {
font-size: .8em;
line-height:1.5em;
color:#000;
background:#fafafa;
/*text-align:justify;*/
text-align:left;
letter-spacing:0ex;
word-spacing:0px;
font-weight:normal;
}

/* --- Seite ... --- */

dl {
margin:0;
padding:0;
}
dt {
font-size: .75em;
line-height: 1.5em;
margin:0 25px;
background: #fff;
color:#000;
text-align:left;
font-weight:bold;
}
dd {
font-size: .75em;
line-height: 1.5em;
margin:0 25px 20px;
background: #fff;
color:#000;
text-align:left;
}

/* --- Adresse im Inhalt und Seite Impressum --- */

#content address, #content address#adr_imp {
font-size: .85em;
font-style: normal;
font-weight:normal;
margin:15px 25px 15px;
padding:8px 15px 10px 0;
line-height:1.8em;
border-top:4px solid #999;
border-bottom:4px solid #999;
border-right:4px solid #ddd;
border-left:4px solid #ddd;
background: #fafafa;
color: #000;
text-align:right;
min-height:230px;
}/* ie-fixes6! */
#content address#adr_imp {
text-align:left;
padding-right:0;
min-height:1%;
width:19.5em;
border:none;
background: #fff;
color: #000;
}/* ie-fixes6! */
#content address em {
font-size: .9em;
font-style: italic;
font-weight:bold;
margin:0;
padding:0 2px;
line-height:1.7em;
background: #ffe;
color: #006;
text-align:right;
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:#fff;
color:#900;
text-decoration:none;
/*text-decoration:overline;*/
font-weight:bold;
}
#content address a:focus {
color:#006;
background:#eee;
border:1px solid #999;
text-decoration:none;
font-weight:bold;
}

#content address img {
float:left;
margin: 4px 1px 5px 10px;
border:1px solid #999;
}

/* --- Formular --- */

#formular {
margin: 0 25px 25px;
padding: 0;
/*width:100%;*/
}
label {
margin:0;
padding:0 0 10px 0;
/*vertical-align:top;*/
background:#fafafa;
color:#000;
height:1%;
font-weight:bold;
font-size: .75em;
display:inline;
float:right;
width:100%;
text-align:right;
}/* ie-fixes6 */
#formular fieldset {
border:1px solid #999;
background:#fafafa;
color:#000;
padding:20px 20px 20px 15px;
margin:20px 0;
}

#formular fieldset p {
background:#fafafa;
color:#000;
padding:0 0 5px;
margin:0;
text-align:right;
font-weight:bold;
}

#formular fieldset legend {
font-size:.7em;
color:#000;
font-weight:bold;
background:#ffe;
border:1px solid #999;
padding: 0 5px;
letter-spacing:.1ex;
}
input {
margin: 0;
padding: 0;
}
input#nachname, #vorname, #e_mail, #telefon, #strasse, #wohnort {
font-size: 1em;
width: 17em;
border:1px solid #999;
background: #fff;
margin: 0;
padding: 0 2px;
color: #000;
font-weight:bold;
/*vertical-align:top;*/
}
input#geburtsdatum, #plz, #teilnehmernummer {
font-size: 1em;
width: 8em;
border:1px solid #999;
background: #fff;
margin: 0;
padding: 0 2px;
color: #000;
font-weight:bold;
/*vertical-align:top;*/
}
textarea#anmerkungen {
font-family: arial,verdana,helvetica,sans-serif;
font-size: 1em;
width: 90%;
height: 16em;
margin: 10px 0 0;
border:1px solid #999;
background: #fff;
color: #000;
padding: 2px 4px;
font-weight: bold;
}

input.inputcheckbox {
width: 1.1em;
height: 1.1em;
padding: 0;
margin: 0 5px 0 10px;
}/* ie-fixes??? */
input.checkbox {
width: .9em;
height: .9em;
padding: 0;
margin: 5px 5px 0 10px;
}/* ie-fixes! */

input.submit {
color: #000;
font-size: .7em;
font-weight: bold;
background: #eee;
border-top:4px solid #eeeee1;
border-bottom:4px solid #ccc;
border-right:4px solid #ccc;
border-left:4px solid #eeeee1;
width: auto;
padding: 2px 25px;
margin: 15px 0 0 10px;
display: inline;
letter-spacing:.1ex;
cursor: pointer;
float:right;
}/* ie-fixes6und7! */
input.submit:hover, input.submit:active, input.submit:focus {
color: #fff;
background: #006;
border-top:4px solid #eee;
border-bottom:4px solid #ccc;
border-right:4px solid #ccc;
border-left:4px solid #eee;
cursor: pointer;
letter-spacing:.1ex;
}

/* --- Tabelle --- */

#info_tab {
margin:0;
padding:0;
text-align:left;
}
table {
width:auto;
font-size: 1em;
margin:0px 25px 25px;
padding:0;
/*border:1px solid #ccc;*/
/*border-collapse:separate;*/
border-collapse:collapse;
}
caption {
display:none;
font-family:arial,verdana,helvetica,sans-serif;
font-size:1em;
letter-spacing:.1ex;
text-align:left;
font-weight:bold;
margin:0;
padding:0 0 8px;
color:#000;
background:#cc9;
}/*auskommentiert*/
th {
background:#eee;
color:#000;
border:1px solid #999;
padding:5px;
font-size:.8em;
margin:0;
vertical-align:top;
text-align:left;
letter-spacing:0ex;
line-height:1em;
}
td {
font-size:.85em;
line-height:1.3em;
padding:5px;
margin:0;
vertical-align:top;
border:1px solid #999;
text-align:left;
background:#fafafa;
color:#000;
}

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

ul#navigation_unten {
text-align:center;
list-style:none;
margin:20px 25px 30px;
padding:20px 0;
border: 1px solid #999;
background:#fafafa;
color:#000;
}
ul#navigation_unten li {
font-family: arial,verdana,helvetica,sans-serif;
/*font-family: verdana,arial,helvetica,sans-serif;*/
font-size:.7em;
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:1px 11px;
color:#006;
background:#eee;
text-decoration:none;
border:1px solid #999;
}
ul#navigation_unten li a:hover, ul#navigation_unten li a:active {
font-weight:bold;
color:#000;
background:#ffe;
border:1px solid #000;
text-decoration:underline;
}
ul#navigation_unten li a:focus {
color:#006;
background:#eee;
border:1px solid #000;
text-decoration:underline;
font-weight:bold;
}
ul#navigation_unten li#marker_unten {
padding:1px 11px;
/*font-variant:small-caps;*/
background: #ffe;
color:#000;
letter-spacing:.1ex;
border:1px solid #000;
margin:0 6px 0 0;
}

/* --- Copyright und Stand --- */

#footer {
clear:both;
position:relative;
padding:7px 0;
margin:0;
background:#fff;
color: #333;
text-align:right;
border-top:1px solid #999;
letter-spacing:.2ex;
height:1%;
line-height: 1em;
word-spacing:2px;
}/* ie-fixes6! */
#footer p.f-li {
display:inline;
margin:0;
padding:0 15px;
font-size:.7em;
font-weight:normal;
color:#333;
background:#fff;
border-right: 10px solid #099;
border-left: 10px solid #999;
}
#footer p.f-re {
display:inline;
margin-right:10px;
padding:0 15px;
font-size:.7em;
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: #006;
text-decoration: overline;
background: #fff;
}
#footer p.f-li a:focus {
color: #900;
border: 1px dotted #000;
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;
}