/* Stylesheet für die Beispielseite aus "Einstieg in CSS" */
*{ 
    padding: 0; 
    margin:0
}
html {
    overflow-y: scroll;
}
body {
    background: #8c8c8c url(hintergrund.png) fixed repeat left top;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 87,5%;
}
div #wrapper {
    background-color: white;
    color:black;
    width: 720px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
div #kopfbereich {
    background-color: #f3c600;
    color: black;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
}
div #navibereich {
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
}
div #textbereich {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;;
    padding-left: 20px;
}
div #fussbereich {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;;
    padding-left: 20px;
    border-top: 1px solid #8cd9d9;
    margin-top: 0;
}
img #logo {
    background-color: white;
    color: black;
    padding: 10px;
    border: 10px solid #d9d9d9;
}

h1 {
    font-size: 150%;
}
h2{
    font-size: 130%;
}
address {
    text-align: center;
    font-size: 80%;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 1,5;
}
a {
    text-decoration: none;
    /* outline none*/
}
a:link {
    color: #d90000;
}
a:visited {
    color: #cc6666;
}
a:hover, a:focus {
    border-bottom: 1px solid #d90000;
}
a:active {
    background-color: #d90000;
    color: white;
}
div #textbereich a{
    border-bottom: 1px dotted #cc0000;
}
div #textbereich a:hover{
    border-bottom: 1px solid #d90000;
}
p #slogan span{
    color: #d90000; /* Schriftfarbe */
}
h2, p, ul, ol, blockquote {
    margin-bottom: 1em;
}
/* Verschachtelte listen ohne abstand*/
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}
/* Abstand von links für listen */
ul, ol {
    margin-left: 2em;
}