/* Styles fuer 2-Spalter Klassik, Variation */

* {
margin: 0;
padding: 0;
}

body {
width: 780px;
margin: 5px 15% 20px 10%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
background-color: #F0F0F0;
color: #000;
}

p, li {
font-size: 80%;
}

.erstzeile {
text-indent:1em;
}

.anmerk {
font-size:60%;
}

.trenner
{
color:#003366;
background-color:#003366;
height:0.2em;
text-align:center;
margin: auto;
margin-bottom: 1em;
width:20%;
}

/* ---- */
/* Die Farbangabe im |#wrapper| sorgt dafuer, dass im Contentbereich
eine durchgaengige Hintergrundfarbe inkl. rechter |border| angezeigt 
wird, auch wenn das Menue laenger als der Text ist ... */

#wrapper {
background-color: #FFFFCC;
color: #FFFFCC;
height: 1%;/* Buggy IE needs this */
border-top: 1px solid #FFFFCC;
border-right: 1px solid #FFFFCC;
border-bottom: 1px solid #FFFFCC;
}

/* Wenn man sicher ist, dasz der Text IMMER laenger als das Menue
oder die Farbe dieselbe wie der Hintergrund ist, kann man diesen Div
komplett streichen. Die |border|s kann man dann bei Bedarf den 
anderen |div|s zuweisen ... */
/* ---- */

/* ---- */
#header {
height: 60px;
background-color: #FFFFCC;
color: #fff;
}

/* ---- */
#mainmenue {
left: 10%;
width: 13em;
margin: 0.2em 0 0.3em 0;
background-color: #FFFFCC;
color: #FFF;
}
#mainmenue ul li {
list-style-type: none;
}
#mainmenue a {
display: inline;
text-decoration: none;
width: 13em;
margin: 0.2em 0 0.3em 0;
padding: 0.2em 1em 0.2em 1em;
font-size: 95%;
font-weight: bold;
background-color: #003366;
color: #FFFFCC;
}
#mainmenue a:hover {
background-color: #FFFFCC;
color: #003366;
}

/* ---- */
#leftmenue {
float: left;
left: 10%;
width: 13em;
margin: 0.2em 0 0.3em 0;
background-color: #FFFFCC;
color: #FFF;
}
#leftmenue ul li {
list-style-type: none;
}
#leftmenue a {
display: block;
text-decoration: none;
width: 13em;
margin: 0.2em 0 0.3em 0;
padding: 0.2em 1em 0.2em 1em;
font-size: 95%;
font-weight: bold;
background-color: #003366;
color: #FFFFCC;
}
#leftmenue a:active {
background-color: #000;
color: #FFF;
}
#leftmenue a:hover {
background-color: #FFFFCC;
color: #003366;
}

/* ---- */
#leftsubmenue {
left: 10%;
width: 9em;
background-color: #FFF;
color: #000;
}
#leftsubmenue a {
display: block;
text-decoration: none;
width: 13em;
font-size: 85%;
margin: 0.1em 0 0 0;
border-left: 0;
border-top: 0;
padding: 0.3em 0.3em 0.3em 1.5em;
font-weight: bold;
background-color: #FFF;
color: #000;
}
#leftsubmenue a:active {
background-color: #000;
color: #FFF;
width: 13em;
}
#leftsubmenue a:visited {
background-color: #FFF;
color: #000;
width: 13em;
}
#leftsubmenue a:hover {
background-color: #FFFFCC;
color: #003366;
width: 13em;
}

/* ---- */
#content {
background-color: #FFFFCC;
color: #000;
border-left: 12em solid #FFFFCC;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
padding: 0 1em 1em 3em;
background-color: transparent;
color: #666;
}
#content h1 {
font-size: 150%;
letter-spacing: 0.1em;
padding: 0 1em 1em 2.5em;
}
#content h2 {
font-size: 135%;
}
#content h3 {
font-size: 120%;
}
#content h4 {
font-size: 105%;
}
#content h5 {
font-size: 90%;
font-weight: bold;
}

#content p {
line-height: 150%;
padding: 0 2em 1.8em 3em;
}
#content p.topper {
padding: 1em 0 2em 3em;
}
#content a {
background-color: transparent;
color: #003366;
}
#content a:hover {
text-decoration: none;
background-color: transparent;
color: #900;
}


li.stufe0 {
margin: 0 0 0.5em 0em;
list-style-type:square;
}
li.stufe1 {
margin: 0 0 0.5em 3em;
list-style-type:disc;
}
li.stufe2 {
margin: 0 0 0.5em 5em;
list-style-type:circle;
}





.divbild {
padding: 0.2em;
border:0.2em solid #003366;
margin:0.5em 0.5em 0.5em 1.5em;
text-align:center;
}

/* ---- */
.breaker {
clear: both;
}
#footer {
height: 3em;
text-align: center;
background-color: #FFFFCC;
color: #000;
border-top: 0.3em solid #003366;
}
#footer p {
padding: 1em 2em;
}
#footer a {
text-decoration: none;
text-align: right;
background-color: #FFFFCC;
color: #003366;
border: 0 none;
}
#footer a:hover {
background-color: #FFFFCC;
color: red;
}

/* ---- */
p.printhinweis {
text-indent:0em;
font-size:70%;
font-style:italic;
 }
 
/* ---- */
#main .invis hr {
display: none;
}