/* CSS Document */

* {
padding: 0;
margin: 0;
}


body {
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
background: #ccffff;
background-image:  url(../html/background_verlauf.jpg);
color: #000;
}

.rechts {
float: right;
margin: 0.5em 2em;
}

.links {
float: left;
margin: 0.5em;
}

.mitte {
text-align: center;
margin: 0.5em 2em;
}


/* CONTAINER */

/* Kopfbereich */

#container {
background-color: #Fff;
border-left: solid #66ccff 20px;
border-right: solid #66ccff 20px;
width: 700px;
margin: 10px auto;
}


#kopf {
border-top: solid #3399ff 20px;
height: 110px;
text-align: right;
background-color: transparent;
font-size: 0.8em;
color: #000;
}


.clear {   
   clear: both;
}

#kopf img {
margin: 10px;
}

/* Hauptmenue */

#hauptnavigation {
float: left;
width: 11em;
text-align: left;
background-color: transparent;
color: #333;
font-weight: bold;
font-size: 0.75em;
}

#hauptnavigation ul
{
padding: 0;
list-style-type: none;
}
	
#hauptnavigation li
{
display: block;
padding: 7px 10px;
}
	
#hauptnavigation li a
{
color: #999;
text-decoration: none;
}
	
#hauptnavigation li a:hover
{
text-decoration: none;
color: #dd0000;
}
#hauptnavigation img {
margin: 1em;
}


/* Inhalt  */

#inhalt
{
border: 1px solid #ddd;
margin: 0 3em 0 12em;
background-color: #fff;
font-size: 0.8em;
line-height: 120%;
color: #000;
text-align: left;
}

#index
{
margin: 0 3em 0 12em;
background-color: #fff;
font-size: 0.8em;
line-height: 120%;
color: #000;
text-align: left;
}

#inhalt p {
margin: 1em 2em;
}

#inhalt h1 {
font-size: 1.2em;
margin: 1em 0.5em;
font-weight: bolder;
color: #dd0000;
}

#inhalt h2 {
font-size: 1em;
margin: 1em 2em;
font-weight: bolder;
color: #999;
}

#inhalt h3 {
font-size: 1em;
margin: 1em 2em;
font-weight: bolder;
color: #000000;
}

#inhalt ul {
font-size: 1em;
list-style-image: url(../html/DataIcon.gif);
margin: 1em 1em 1em 3em;
}

#inhalt ul li {
padding: 0.5em 0;
margin: 0.5em 0 0 3em;
}

* html #inhalt ul li { /* Korrektur fuer IE 5.x */
margin-left: 0;
ma\rgin-left: 2em;
padding-top: 0;
padd\ing-top: 0;
}

#inhalt a, #kopf a {
color: #333;
text-decoration:none;
border-bottom:1px solid #999;
}

#inhalt a:hover, #kopf a:hover {
color: #dd0000;
}

#inhalt a:active, #kopf a:active {
color: #dd0000;
}

.seitenanfang {
clear: both;
float: right;
padding: 3px;
}


a.seitenanfang, a:visited.seitenanfang {
text-decoration: none;
border: 1px solid #999;
color:#999;
}


/* Fuß */

#fuss {
text-align: center;
background-color:transparent;
border-bottom: 20px solid #3399ff;
margin: 0;
padding: 5px 3px 10px 5px;
font-size: 0.7em;
color: #666;
}

#fuss p {
margin-left: 10em;
}

#fuss a, #fuss a:visited, #fuss a:hover, #fuss a:active {
color: #666;
text-decoration:none;
}


/* Sonstiges */

.invis {
display: none;
}

.Button {
border-right: 4px solid #999;
border-bottom: 4px solid #999;
border-top: 1px solid #ccc;
border-top: 1px solid #ccc;
background-color:#fff;
width:20em;
color: #c00;
cursor:pointer;
}

hr {
background-color:#ccc; /* Mozilla 1.4 */
color:#ccc; /* IE 6 */
border: #ccc; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width: 90%;
text-align: center;
}