/* 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 40px;
margin:0;
background:#fff;
}

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

/* --- Kopf --- */

#kopf {
margin:0;
padding:0;
background:#fff;
color:#000;
}
#kopf p {
font-family:georgia,"times new roman",serif;
font-size: 3em;
font-weight: normal;
background:#fff;
color:#603;
padding:30px 0 15px;
margin:0;
text-align:left;
letter-spacing:.3ex;
word-spacing:35px;
font-variant: normal;
/*font-variant: small-caps;*/
/*text-transform: uppercase;*/
/*border-bottom:1px solid #999;*/
}
#kopf p span {
font-variant: normal;
letter-spacing:.3ex;
word-spacing:0px;
font-size: 1em;
/*border-left:1px solid #999;*/
/*padding-left:20px;*/
background:#fff;
color:#555;
}
/*#kopf p small {
display:block;
font-family: arial,verdana,helvetica,sans-serif;
font-size: .5em;
font-weight: bold;
font-variant: normal;
background:#fff;
color:#333;
padding:10px 0 0;
margin:0;
text-align:right;
letter-spacing:.4ex;
border:none;
text-transform: none;
word-spacing:2px;
}*/

/* --- Kopf Ende --- */

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

/*#navigation_links {
float: left;
width: 20%;
left: 0;
margin:0;
padding: 30px 0 0;
color: #333;
background: #fff;

float:left;
width: 300px;
margin: 0;

position:fixed;
right:0;
float:right;
}*/

#navigation_links {
position:fixed;
left:40px;
float:left;
width: 275px;
margin:26px 0 0;
padding: 0;
color: #555;
background: #fff;
}

#navigation_links ul {
margin: 0;
padding: 0;
}
#navigation_links li {
margin: 0;
padding:0 0 10px;
list-style-type: none;
}
#navigation_links li a {
font-weight: normal;
font-size: .8em;
color: #555;
text-decoration: none;
display: block;
padding: 5px 0 5px 20px;
background: #fff;
text-align: left;
height:1%;
border-bottom:1px solid #999;
}
#navigation_links li a:link, #navigation_links li a:visited {
font-weight: normal;
color: #555;
text-decoration: none;
background: #fff;
}
#navigation_links li a:hover, #navigation_links li a:active {
font-weight: normal;
color: #603;
text-decoration: none;
background:#fff;

}
#navigation_links li a:focus {
font-weight: normal;
color: #555;
background:#fff;
text-decoration: none;
border: 1px dotted #000;
}

#navigation_links li#marker h5 {
font-weight: normal;
font-size: .9em;
color: #603;
background: #fff;
text-decoration: none;
padding: 5px 0 5px 15px;
margin:0;
letter-spacing:.2ex;
border-left:5px solid #999;
height:1%;
}

/* --- bct --- */

#brotkruemel {
margin: 30px 0 0 320px;
padding: 0;
background: #fff;
color: #000;
}
#brotkruemel p {
margin: 0;
padding: 0 0 8px;
font-size: .7em;
font-weight: normal;
/*line-height: 1em;*/
color: #000;
letter-spacing: .1ex;
background: #fff;
word-spacing:0px;
text-align:left;
border-bottom: 1px solid #999;
}
#brotkruemel a, #brotkruemel a:link, #brotkruemel a:visited {
font-weight: normal;
color: #603;
text-decoration: underline;
background: #fff;
}
#brotkruemel a:hover, #brotkruemel a:active {
font-weight: normal;
color: #555;
/*text-decoration: none;*/
text-decoration: overline;
background: #eee;
}
#brotkruemel a:focus {
font-weight: normal;
color: #603;
text-decoration: none;
border: 1px dotted #000;
background: #fff;
}

/* --- inhalt --- */

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

margin: 0 0 0 300px;
position:static;
}*/

#content {
font-family: verdana,arial,helvetica,sans-serif;
background: #fff;
color: #000;
padding: 0;
margin: 0 0 0 320px;
}

#content em {
font-style:italic;
}

#content img {
float:right;
margin: 4px 0 30px 30px;
padding:3px;
border:1px solid #999;
}

/* --- Foto neben Text im Inhalt --- */

#container, #container02, #container03 {
width:246px;
float:right;
padding: 0;
margin:20px 0 30px 30px;
padding:5px;
border:1px solid #999;
color: #000;
background: #fff;
}
#container p.con, #container02 p.con, #container03 p.con {
margin: 0;
padding: 0 0 2px;
font-size: .65em;
font-weight: normal;
font-style:italic;
color: #333;
background: #fff;
line-height: 1.2em;
word-spacing:0px;
letter-spacing:0ex;
text-align:center;
}
#container p.con img, #container02 p.con img, #container03 p.con img {
float: left;
margin: 0 0 2px;
border:none;
}

#content h1 {
font-weight:normal;
font-size: 1.5em;
padding:20px 0;
margin:0;
color:#603;
background:#fff;
letter-spacing:.1ex;
word-spacing:1px;
line-height:1em;
}
#content h1 em {
display:inline;/* block */
font-weight:normal;
font-style:italic;
font-size: .7em;
color:#555;
background:#fff;
letter-spacing:.1ex;
line-height:1em;
/*padding-top:7px;*/
}

#content h2 {
font-weight:normal;
font-size: 1.3em;
padding:10px 0 20px;
margin:0;
color:#603;
background:#fff;
letter-spacing:.1ex;
word-spacing:1px;
line-height:1em;
}
#content h2 em {
display:inline;/* block */
font-weight:normal;
font-style:italic;
font-size: .7em;
color:#555;
background:#fff;
letter-spacing:.1ex;
line-height:1em;
/*padding-top:7px;*/
}

/*#content h3 {
font-weight:normal;
font-size: 1.2em;
padding:0 25px 20px;
margin:0;
color:#963;;
background:#fff;
letter-spacing:.1ex;
word-spacing:1px;
}
#content h3 em {
font-weight:normal;
font-size: .7em;
color:#333;
background:#fff;
letter-spacing:.1ex;
}*/

#content p {
font-size: .75em;
padding:0 0 25px;
line-height:1.8em;
word-spacing:0px;
}

#content ul {
list-style-type:none;
padding:0;
margin:15px 65px 20px;
}
#content li {
font-size: .8em;
list-style-type:none;
line-height: 1.4em;
padding:0 0 25px 20px;
/*background: url(drei-rot01.gif) no-repeat 0px 0px #fff;*/
background: url(qua-beige05.gif) no-repeat 0 0 #fff;
color:#000;
text-align:left;
}

#content p.oben {
font-size: .6em;
font-weight: normal;
padding:10px 0 20px;
letter-spacing:.2ex;
word-spacing:0px;
}

#content a, #content a:link, #content a:visited {
color:#603;
background:#fff;
text-decoration:underline;
font-weight:normal;
border-top:none;
border-bottom:none;
}
#content a:hover, #content a:active {
background:#eee;
color:#555;
/*text-decoration:none;*/
text-decoration: overline;
font-weight:normal;
border-top:none;
border-bottom:none;
}
#content a:focus {
background:#603;
color:#fff;
text-decoration:none;
font-weight:bold;
border:1px solid #999;
}

#content p.hervor {
font-size: .75em;
margin: 15px 0 35px;
padding: 20px;
line-height:1.8em;
border-left:1px solid #999;
color:#000;
background:#fee;
text-align:left;
letter-spacing:.1ex;
word-spacing:1px;
font-weight:normal;
}

#content address {
width:25em;
margin: 0 0 25px;
padding: 10px 0 20px;
font-size: .75em;
font-weight: normal;
font-style: normal;
background: #fff;
color: #000;
text-align: left;
line-height: 1.8em;
/*border-bottom:1px solid #999;*/
}
/*#content address a, #content address a:link, #content address a:visited {
color: #006;
text-decoration: underline;
background: #eee;
font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:0px;
padding:0 1px;
font-weight:bold;
}
#content address a:hover, #content address a:active {
color: #fff;
text-decoration: none;
background: #963;
font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:0px;
padding:0 1px;
font-weight:bold;
}
#content address a:focus {
color: #006;
border: 1px dotted #000;
background: #eee;
font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:0px;
padding:0 1px;
font-weight:bold;
}*/

/* --- Tabelle --- */

table {
width:100%;
margin:15px 0 35px;
padding:0;
/*border:1px solid #999;*/
/*border-collapse:collapse;*/
border-collapse:separate;
border-spacing:3px 5px; /* ie6 zeigt nicht an! */
}
caption {
display:none;
font-size:.8em;
letter-spacing:.1ex;
text-align:left;
font-weight:bold;
margin:0 0 8px 25px;
padding:0;
color:#333;
background:#fff;
}/* wird nicht angezeigt */
th {
font-weight:bold;
background:#fff;/* 555 */
color:#603;
/*border:1px solid #999;*/
padding:4px 0;
font-size:.7em;
margin:0;
vertical-align:top;
text-align:left;
letter-spacing:.1ex;
border-bottom:1px solid #999;
}
td {
font-size: .7em;
padding:4px 0;
margin:0;
vertical-align:top;
/*border:1px solid #ffc;*/
text-align:left;
background:#fff;/* eee */
color:#000;
border-bottom:1px solid #999;
}
td.ecke {
font-size: .7em;
padding:4px 0;
margin:0;
vertical-align:top;
/*border:1px solid #fff;*/
text-align:center;
background:#fff;
color:#000;
border-bottom:none;
}

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

#footer {
clear:both;
position:relative;
padding:10px 0;
margin:0 0 0;
background:#fff;
color: #333;
text-align:right;
border-top:1px solid #999;
/*letter-spacing:.1ex;*/
}
#footer p.f-li {
display:inline;
margin:0;
padding:0 15px;
font-size:.6em;
font-weight:normal;
color:#333;
background:#fff;
border-right: 2px solid #999;
border-left: 10px solid #999;
}
#footer p.f-re {
display:inline;
margin-right:0px;
padding:0 15px;
font-size:.6em;
font-weight:normal;
color:#333;
background:#fff;
border-right: 2px solid #999;
border-right: 10px solid #999;
}
#footer p.f-li-aussen {
display:inline;
/*margin-right:5px;*/
margin-top:0px;
padding:0 0 0 0px;
font-size:.6em;
font-weight:normal;
color:#333;
background:#fff;
/*border-right: 10px solid #999;*/
float:left;
}

/* --- 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 */