/* CSS Document */

* {
padding: 0;
margin: 0;
}


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

.rechts {
float: right;
margin: 0.5em 0 0.5em 1em;
}

.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;
text-align: left;
height: 110px;
background-color: transparent;
font-size: 0.8em;
color: #000;
}


.clear {   
   clear: both;
}

#kopf a {
text-decoration: none;
padding: 0 0.4em 0 1em;
color: #FFFFFF;
}

#kopf a:hover {
color: #fc6;
border: 1px dotted #fff;
}

#kopf h1 {
margin: 30px 30px 0 100px;
font-size:1.8em;
font-weight: normal;
color:#39f;
}

#kopf p {
margin: 0 30px 0 100px;
color:#39f;
font-size:1em;
}

#kopf img {
margin: 10px;
}

/* Hauptmenue */

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

#hauptnavigation ul
{
padding: 0;
margin-top: 1em;
list-style-type: none;
}
	
#hauptnavigation li
{
display: block;
padding: 7px;
}
	
#hauptnavigation li a
{
color: #39f;
text-decoration: none;
}
	
#hauptnavigation li a:hover
{
text-decoration: none;
color: #cc0000;
}

#hauptnavigation ul ul 
{
font-size: 0.9em;
margin-top: 0.5em;
margin-left: 0;
font-weight: normal;
}

#hauptnavigation ul ul li
{
padding: 5px 0;
}

#hauptnavigation img {
margin: 1em;
}


/* Inhalt  */

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

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

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

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

#inhalt h2 {
font-size: 1em;
margin: 1em 0;
font-weight: normal;
color: #39f;
}

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

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

#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 {
color: #39f;

}

#inhalt a:hover {
color: #cc0000;
}

#inhalt a:active {
color: #cc0000;
}


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

.marker {
font-weight: bold;
color:#999;
}


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

#drucken {
float:right;
}

.partner {
margin:0;
width: 80%;
padding: 15px;
border-bottom:1px solid #ddd;
}


/* Fuß */

#fuss {
text-align: center;
background-color:transparent;
border-bottom: 20px solid #3399ff;
padding: 1em 2em;
font-size: 0.7em;
color: #666;
}

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


.invis {
display: none;
}