/* für alle Bereiche werden die Innen- und Außernabstände auf 0 gesetzt */
* {
margin: 0;
padding: 0;
}


body {
font: 100.01% Verdana,Arial,Helvetica,sans-serif;
background-color: #777;
/* Zentrierung für den IE 5.x */
text-align: center;
margin-top: 10px;
}

h1 {
margin: 0 25px;
padding: 25px 0 0;
font-size: 1.1em;
}


h2 {
margin: 0 25px;
padding: 25px 0 0;
font-size: 0.8em;
}

h3 {
margin: 0 5px;
padding: 5px 0 0;
font-size: 0.7em;
}


#container {
width: 975px;
text-align: left;
/* Zentrierung für die standardkonformen Browser */
margin: 0 auto;
background-color: #97c24c;
}


#kopf {
background-color: #fff;
color: #fff;
text-align: center;
font-size: 1.3em;
}


#fuss {
background-color: #999;
color: #fff;
padding: 1px;
margin: 0;
text-align: center;
font-size: 0.8em;
}


#fuss a {
text-decoration: none;
color: #fff;
padding: 1px;
}

#inhalt {
background-color: #555;
color: #fff;
margin-left: 14em;
}

#inhalt h1 {
margin: 0 25px;
padding: 25px 0 0;
font-size: 1.1em;
}


#inhalt h2 {
margin: 0 25px;
padding: 5px 0 0;
font-size: 0.8em;
}


#inhalt h3 {
margin: 0 25px;
padding: 5px 0 0;
font-size: 0.7em;
}

#inhalt li {
margin: 0 35px;
padding: 5px 0 0;
font-size: 0.7em;
}


#inhalt a {
text-decoration: none;
color: #fff;
padding: 1px;
border-bottom: 1px dotted #fff;
}


#inhalt0 {
background-color: #555;
color: #fff;
}


#inhalt1 {
background-color: #555;
color: #fff;
}


#inhalt1 a {
text-decoration: none;
color: #fff;
padding: 1px;
border-bottom: 1px dotted #fff;
}


p {
font-size: 0.75em;
line-height: 1.2em;
margin: 5px 25px 0px 25px;
}



/* Navigationsleiste */

#navigation {
width: 14em;
font-size: 0.9em;
float: left;
background-color: #97c24c;
}




/* Navigationsleiste mit hover-Effekte */
ul#navigation {
list-style-type: none;
}


#navigation li {
border-bottom: 1px dotted #fff;
font-size: 1.3em;
}


li.e1 a:link, li.e1 a:visited {
text-decoration: none;
display: block;
padding: 2px 0 2px 3px;
border-left: 10px solid #49A749;
background-color: #97c24c;
color: #fff;
}


li.g1 a:link, li.g1 a:visited {
text-decoration: none;
display: block;
padding: 2px 0 2px 3px;
border-left: 10px solid #B1FBB1;
background-color: #49A749;
color: #fff;
font-weight: bold;
}



li.e1 a:hover {
background-color: #1A5E1A;
border-top: 0;
border-left: 10px solid #1A5E1A;
color: #fff;
}


li.e2 a:link, li.e2 a:visited {
text-decoration: none;
display: block;
padding: 2px 0 2px 3px;
border-left: 10px solid #61B761;
background-color: #61B761;
color: #fff;
}


li.g2 a:link, li.g2 a:visited {
text-decoration: none;
font-weight: bold;
display: block;
padding: 2px 0 2px 3px;
border-left: 10px solid #B1FBB1;
background-color: #61B761;
color: #fff;
}



li.e2 a:hover {
background-color: #1A5E1A;
border-left: 10px solid #1A5E1A;
color: #fff;
}


li.e3 a:link, li.e3 a:visited {
text-decoration: none;
text-align: right;
display: block;
padding: 2px 0 2px 3px;
border-left: 10px solid #900;
border-right: 10px solid #900;
background-color: #900;
color: #fff;
}


li.g3 a:link, li.g3 a:visited {
text-decoration: none;
text-align: right;
font-weight: bold;
display: block;
padding: 2px 0 2px 3px;
border-left: 10px solid #f00;
border-right: 10px solid #900;
background-color: #900;
color: #fff;
}


li.e3 a:hover {
background-color: #1A5E1A;
border-left: 20px solid #1A5E1A;
border-right: 10px solid #1A5E1A;
color: #fff;
}


li.e2 a:link:before,
li.e2 a:visited:before,
li.g2 a:link:before,
li.g2 a:visited:before {
content:"\2022  ";
}



li.e3 a:link:before,
li.e3 a:visited:before,
li.g3 a:link:before,
li.g3 a:visited:before {
content:"-  ";
}



img.x {
float: right;
padding: 1px;
margin: 5px;
border: 1px dotted #333;
}


img.portrait {
float: right;
padding: 8px;
}