/* Steuerdatei fuer Bildschirm */

* { padding: 0; margin: 0;}

h2, p, ul, ol {margin-bottom: 1em;} /*Abstand nach unten*/



li {margin-left: 2em;}/*Abstand von links*/

body {
 color: white; /*Schriftfarbe*/
 background-color: #8c8c8c; /*Hintergrundfarbe*/
 font-family: verdana, Arial, helvetia, sans-serif;
 font-size: small;
}

#wrapper {
 color: black;
 background-color:#efefef;
 width: 999px; /*Breite des Wrapper*/
 margin: 10px auto 10px auto;
}

#navi {
 text-align: center; /*zentriert*/
 color: black;
 background-color: #ffe574;
 padding: 5px 20px 5px 20px;
 border-bottom: 1px solid #8c8c8c;
}

#navi li{
 display: inline; /*li nebeneinander anzeigen*/
 list-style-type: none; /*ohne Aufzählungszeichen*/
 margin: 0;
}

#navi ul {margin-bottom: 0;}

#navi a {
 color-black;
 background-color: white;
 padding: 4px 8px 4px 8px;
 border: 1px solid #8c8c8c;
}

#navi a:hover,
#navi a:focus,
#startseite #nav1 a #nav2 a {
 color: black;
 background-color: white;
 border-bottom-color: white;
}

#navi a:active {
 color: black;
 background-color: red;
}

#kopfbereich {
 color: black;
 background-color: #f3c600; /*gelb/orange*/
 background-image: url(farbverlauf.jpg);
 padding-bottom: 5px;
}

#kopfbereich h1, p {margin-left: 10px;}

#kopfbereich p {
 padding: 5px 0 5px 0;
 margin-bottom: 0;
}

#text {
 background-image: url();
 background-repeat: repeat;
 padding: 20px 10px 20px 20px;
}

h1 {font-size: 150%;}

h2 {font-size: 130%;}

#fussbereich {
 background-color: #FFDF00;
 background-image: url(farbverlauf.jpg);
 padding-top: 10px; /*unterhalb der Rahmenlinie*/
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 border-top: 1px solid #8c8c8c; /*Rahmenlinie oben*/
 margin-top: 20px; /*Aussenabstand oben, oberhaln Linie*/
}

address {
 text-align: center;   /*zentrieren*/
 font-size: 80%;       /*etwas kleiner*/
 font-style: normal;   /*normale Schrift, nicht kursiv*/
 letter-spacing: 2px;  /*Abstand zwischen den Buchstaben*/
 line-height: 1.5em;   /*Zeilenabstand*/
}

a {text-decoration: none;} /*Unterstreichung bei Hyperlinks entfernen*/

a:link {color: #d90000;}

a:visited {color: #cc6666;}

a:hover, a:focus {border-bottom: 1px solid #d90000;}

a:active {color: white; background-color: #d90000;}


/*Bildlaufleiste Firefox*/

html { height: 101%;} /*erzwingt Laufleiste*/


.bildlinks {
 float: left;
 padding: 3px;
 margin-right: 30px:
 margin-bottom: 0px;
}

.bildrechts {
 float: right;
 padding: 3px 30px 3px 3px;
 margin-right: 30px:
 margin-bottom: 0px;
}