* {
    margin: 0;
    padding: 0;
}
body {
    text-align: center;
    background-image: url(bilder/kutter01.jpg);
    background-attachment: fixed;
    font-family: Arial, sans-serif;
}
header, nav, footer, aside, section {
    display: block;
}
header {
    /* background-color: yellow; */
    background-image: url(bilder/header_bg.jpg);
    height: 151px;
    width: 900px;
    margin: 0 auto;
}
header p {
    /* background-color: orange; */
    text-align: right;
    padding-right: 15px;
}
#logotext {
    padding-top: 50px;
    font-size: 14pt;
    color: black;
}
header a {
    color: black;
}
#steuerungoben {
    /* background-color: red; */
    background-image: url(bilder/grau-50.png);
    height: 24px;
}
#steuerungoben ul {
    list-style-type: none;
}
#steuerungoben li {
    display: inline;
}
#steuerungoben a {
    display: block;
    width: 230px;
    /* background-color: yellow; */
    float: left;
    /* border-right: 1px solid red; */
    text-align: center;
    line-height: 24px;
    color: white;
    text-decoration: none;
}
#steuerungoben a:hover {
    background-image: url(bilder/grau-50.png);
}
#steuerunglinks {
    /* background-color: green; */
    width: 220px;
    float: left;    
}
#steuerunglinks li {
    padding-bottom: 0.5em;
}
#steuerunglinks ul {
    padding-left: 1.5em;
    padding-top: 20px;
    /* list-style-type: square;  */
    list-style-type: none;
}
/* ab der zweiten Ebene Aufzählungszeichen in Form von Quadraten  */
#steuerunglinks ul ul {
    list-style-type: square;
}
#steuerunglinks a:hover {
    /* background-image: url(bilder/grau-50.png);  */
    color: blue; text-decoration: none;
    /* color: #C71585; text-decoration: none;  */
}
aside {
    /* background-color: #808000; */
    width: 175px;
    float: right;
}
aside p {
    margin-top: 20px;
    margin-left: 10px;
}
aside img {
    /* margin-left: 10px; */ 
    border:1px solid silver;
}
section {
    /* background-color: orange; */
    margin-left: 240px;
    margin-right: 195px;
}
/* Innen- wie Außenabstände über den Universalselektor komplett auf 0 gesetzt */
/* Der Abstand nach unten wird relativ über die Einheit em gesetzt */
section h1 {
    padding-top: 10px;
    padding-bottom: 0.4em;
    color: darkblue;
}
section p {
    padding-bottom: 1em;
}
section h2 {
    color: darkgreen;
    padding-top: 1em;
    padding-bottom: 0.6em;
}
section ul {
    padding-left: 3em;
}
section li {
    padding-bottom: 0.5em;
}
footer {
    /* background-color: brown; */
    background-image: url(bilder/grau-50.png);
    color: white;
    text-align: center;
    /* für den Fußbereich die Eigenschaft-float aufheben, falls die mittlere Spalte (die nicht gefloatet ist) nicht genug Inhalt hat */
    clear: both;
}
#wrapper {
    /* background-color: #eeeeee; */
    width: 900px;
    /* border: 2px solid red; */ 
    margin: 0 auto; 
    text-align: left;
    background-image: url(bilder/halbdurchsichtig.png);    
}