* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    background-image: url(../images/hintergrund.jpg);
    background-attachment: fixed;
    font-family: Arial, sans-serif;
}

header, nav, footer, aside, section {
    display: block;
    }

#wrapper {
    /* background-color:darkblue; */
    width: 900px;
    margin: 0 auto;
    text-align: left;
    background-image: url(../images/durchsichtig.png);
}


header {
   /*  background-color: yellow; */
    background-image: url(../images/header_1.jpg);
    height: 170px; 
}

header p {
    text-align: right;
    padding-right: 20px;
    font-size: 20px;
}
   
header a {
    color: white;
    font-size: 20px;
    font-weight: bolder;
}

#headertext {
      margin-top: 50px;
      font-size: 50px;
      color: purple;
}
                                                              /* Navigation Anfang */

                                                              /* Navigation Steuerung oben Anfang */

#steuerungoben {
/* background-color: green; */
    background-image: url(../images/grau_50.png);
}

#steuerungoben ul {
    list-style: none;
}

#steuerungoben li {
    display: inline;
   
}

 #steuerungoben a {
    width: 230px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    color: white;
}

#steuerungoben a:hover {
    background-image: url(../images/grau_50.png);
}

                                                              /* Navigation Steuerung oben Ende */

                                                              /* Navigation Steuerung links Anfang */  
#steuerunglinks {
 /*    background-color: brown; */
    width: 220px;
    float: left;
}

#steuerunglinks ul {
    padding-left: 2em;
    padding-top: 20px;
    
}

#steuerunglinks li {
    padding-left: 10px;
    list-style: none;
}
 
#steuerunglinks ul ul li {
    
    list-style: square;
}  

                                                             /* Navigation Steuerung links Ende */

                                                              /* Navigation Ende */  
                                                    
                                                             /* Aside Anfang */
aside {
   /*  background-color: orange; */
    width: 175px;
    float: right;
}

aside img {
    padding-left: 10px;
}

aside b {
    display: block;
    text-align: center;
    margin-top: 20px;
}

                                                             /* Aside Ende */
                                                             /* Section Anfang */  
section {
  /*   background-color: pink; */
    margin-left: 250px;
    margin-right: 195px;
}

section h1 {
    padding-top: 20px;
    padding-bottom: 10px;
    color: #E63194
}

section h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #E63194
}

section p {
    padding-bottom: 1em;
}

section ul {
    padding-left: 50px;
}
                                                            /* Section Ende */
section li {
    padding-bottom: 3px;
    list-style: circle;
}                                                        
                                                             /* Footer Anfang */
footer {
    background-image: url(../images/grau_50.png);
    color: white;
    text-align: center;
}
                                                            /* Footer Ende */

                                                            /* Galerie Anfang */

#galerie img{
    width: 210px;
    height: 135px;
    
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    
    border-radius: 10px;
    box-shadow: 10px 10px 10px #999999; 
    
}

                                                            /* Galerie Ende */
                                                            
                                                            /* Wissenswertes Angang */
#wissen {
    text-align: justify;
}

#wissen img {
    height: 91px;
    width: 137px;
    float: right;
    padding-left: 10px;
}
  
#wissen li {
    padding: 5px;
} 

#wissen strong {
     background-color: yellow;
}
            
                                                            /* Wissenswertes Ende */
                                                            
                                                            /* Kontakt Anfang */
#kontakt1 {
     background-color: white;
     opacity: 0.7;
     float: right;   
}                                                           
  
#kontakt2 {
    background-color: green;
         
}     

#kontakt2 img {
    height: 220px;
    width: 220px;
}                                                     
                                                            
.kontakt {
    height: 220px;
    width: 220px;
}                                                           /* Kontakt Ende */