/* 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:0;
width:100%;
background:#fff;
}

#beginn {
/*display:none;*/
position: absolute;
left: -2000px;
top: -2000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}/* direkter Link zum Inhaltsbereich fuer screen- und webreader */

/* kopf mit Hintergrundfoto */

#kopf {
margin:0;
padding:0;
background: url(../image/kanzleramt02.jpg) repeat #fff;
color:#000;
/*height:auto;*/
min-height:96px;
}/* ie-fixes6! */

/* anfang kopf neu */

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

/* ---  linke spalte --- */

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

#navigation_links {
float: left;
width: 20%;
left: 0;
margin: 0;
padding: 0;
color: #000;
background: #fff;
}
#navigation_links ul {
margin: 0;
padding: 5px 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: .7em;
color: #666;
text-decoration: none;
display: block;
padding: 2px 0 2px 15px;
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: #009;
text-decoration: underline;
background: #fff;
}
#navigation_links li a:focus {
font-weight: bold;
color: #666;
border: 1px solid #000;
background:#fff;
text-decoration: none;
}

#navigation_links li#marker h6 {
font-weight: bold;
font-size: .75em;
color: #009;
text-decoration: none;
padding: 2px 0 2px 15px;
margin:0;
background: #fafafa;
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: .55em;
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: #fff;
}
#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: .65em;
color: #009;
text-decoration: none;
padding: 2px 0 2px 25px;
margin:0 0 6px;
background: #fafafa;
letter-spacing:.2ex;
height:1%;
}

/* --- spalte rechts --- */

#spalte_rechts {
float:left;
clear:right;
width: 20%;/* 20.99% */
background: #fff;
color: #000;
margin:0;
padding: 0;
}

#aktuelles {
margin: 0;
padding: 5px 0 0;
border-left: 1px solid #999;
}
#aktuelles h5 {
margin: 0 0 20px;
padding: 0;
font-size: .7em;
font-weight: bold;
font-style:normal;
color: #666;
text-align: center;
/*font-variant: small-caps;*/
background: #fff;
letter-spacing: .1ex;
}
#aktuelles p {
font-size: .6em;
margin: 0 0 0 10px;
padding:0 0 20px;
line-height:1.5em;
background: #fff;
color: #000;
text-align:left;
display:block;
}
#aktuelles ul {
list-style-type:square;
padding:0;
margin:0 0 0 10px;
background: #fff;
color:#000;
}
#aktuelles li {
font-size: .65em;
list-style-type:square;
line-height: 1.3em;
margin: 0 0 0 15px;
padding:0 0 15px 0;
background: #fff;
color:#000;
text-align:left;
}
#aktuelles li em {
font-style: italic;
}
#aktuelles a, #aktuelles a:link, #aktuelles a:visited {
font-weight: bold;
color: #009;
text-decoration: underline;
background: #fff;
border-top:none;
border-bottom:none;
}
#aktuelles a:hover, #aktuelles a:active {
font-weight: bold;
color: #900;
text-decoration: none;
background: #fff;
border-top:none;
border-bottom:none;
}
#aktuelles a:focus {
font-weight: bold;
color: #009;
border: 1px dotted #000;
background:#fff;
text-decoration: none;
}

/* --- bct --- */

#brotkruemel {
width: auto;
margin: 0;
padding: 5px 25px 0 0;
background: #fff;
color: #000;
text-align:right;
}
#brotkruemel p.brot {
margin: 0;
padding: 0;
font-size: .65em;
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: 1px dotted #000;
background: #fff;
}

/* --- inhalt --- */

#content {
/*font-family: "Trebuchet MS",verdana,arial,helvetica,sans-serif;*/
font-family: arial,verdana,helvetica,sans-serif;
float:left;
width: 60%;
background: #fff;
color: #000;
padding: 0;
}

#content em {
font-style:italic;
}

/* container mit foto */

#container {
border:1px solid #999;
width:162px;
float:right;
padding: 5px 10px;
margin:20px 25px 5px 15px;
color: #000;
background: #eee;
}/* ie-fixes6 */
#container p.con {
margin: 0;
padding: 0 0 2px;
font-size: .65em;
font-weight: normal;
font-weight: bold;
color: #000;
background: #eee;
line-height: 1.3em;
word-spacing:0px;
letter-spacing:0ex;
}
#container p.con img {
float: left;
margin: 0 0 4px;
border:none;
} /* ie-fixes6 */

#container h5 {
display:block;
margin: 0 0 8px;
padding: 0 0 5px;
font-weight: bold;
font-size: .7em;
line-height: 1em;
color: #000;
text-align: center;
letter-spacing: .1ex;
background: #eee;
word-spacing:normal;
border-bottom: 1px solid #999;
}

#content img {
float:right;
margin: 3px 0 5px 5px;
/*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-size: 1.5em;
padding:0;
margin:20px 25px 0;
color:#666;
background:#fff;
letter-spacing:.1ex;
word-spacing:2px;
}
#content h2, #content h3 {
font-weight:normal;
font-style:italic;
font-size: 1.4em;
padding:0;
margin:40px 25px 0;
color:#666;
background:#fff;
letter-spacing:0ex;
word-spacing:1px;
}
#content h3 {
font-size: 1.3em;
}
#content p {
font-size: .75em;
padding:12px 25px 0;
line-height:1.5em;
word-spacing:2px;
}
#content ul {
list-style-type:square;
padding:0;
margin:25px 25px 0 50px;
}
#content li {
font-size: .75em;
list-style-type:square;
line-height: 1.5em;
padding:0 0 10px;
background: #fff;
color:#000;
text-align:left;
}
#content ul ul {
list-style-type:disc;
padding:0;
margin:15px 0 20px 20px;
}
#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.1em;
margin:0 0 5px;
padding:0;
background:#fff;
color:#666;
}
#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:#009;
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:#009;
color:#fff;
text-decoration:none;
font-weight:bold;
border:1px solid #999;
}

/* --- text hervorgehoben für relaunchtext und spende --- */

.hervor {
margin: 25px;
padding: 15px 0;
border:1px solid #999;
color:#000;
background:#eee;
}
.hervor p {
font-size: .75em;
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 25px 0 50px;
background: #eee;
color:#000;
}
#content li.hervor01 {
font-size: .75em;
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:#009;
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:#009;
text-decoration:none;
font-weight:bold;
border:1px solid #999;
}

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

#content address {
font-size: .75em;
font-style: normal;
font-weight:normal;
margin:15px 25px 15px;
padding:18px 15px 20px;
line-height:1.5em;
border:1px solid #999;
background: #eee;
color: #000;
text-align:center;
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:#009;
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:#009;
background:#eee;
border:1px solid #999;
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:90%;
margin:20px 0 50px 25px;
padding:0;
/*border:1px solid #ccc;*/
/*border-collapse:separate;*/
border-collapse:collapse;
}
th {
font-size: .75em;
background:#eee;
color:#000;
border:1px solid #999;
padding:3px 0;
margin:0;
vertical-align:top;
text-align:center;
letter-spacing:0ex;
}
td {
font-size:.7em;
padding:3px 0;
margin:0;
vertical-align:top;
border:1px solid #999;
text-align:center;
background:#fff;
color:#000;
}

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

ul#navigation_unten {
text-align:center;
list-style:none;
margin:0;
padding:10px 0 25px;
}
ul#navigation_unten li {
font-family: verdana,arial,helvetica,sans-serif;
font-size:.65em;
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:#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:#009;
background:#eee;
border:1px solid #000;
text-decoration:underline;
}
ul#navigation_unten li a:focus {
color:#009;
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: #eee;
color:#009;
letter-spacing:.1ex;
border:1px solid #000;
margin:0 6px 0 0;
}

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

#footer {
clear:both;
position:relative;
padding:0 0 4px;
margin:0;
background:#fff;
color: #333;
text-align:right;
border-top:1px solid #999;
letter-spacing:.1ex;
height:1%;
}/* ie-fixes6und7! */
#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-right:10px;
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: 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 */

.versteck, h6.erreichbar {
position: absolute;
left: -2000px;
top: -2000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}/* fuer screenreader */

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;
}