          /* geruest-fennek.css */
html, body {
font: 100%  Verdana, Arial, Times, Garamond, Helvetia, sans-serif;
}
* {
margin: 0;
padding: 0;
}
body { 
text-align: center; 
background-image: url(../WT-Bilder/duene.jpg);                          /*  */
background-attachment: fixed;
/*  font-family: Arial, sans-serif;       ist bereits oben in "html, body" */
}

  h1 { font-size: 21pt; margin: .15em 1em 0 0 }
  h2 { font-size: 16pt; margin-bottom: .5em ; }
  h3 { font-size: 14pt; margin-bottom: .5em ; }

header, nav, section, article, aside, footer {              /* Bereiche einteilen */
display: block;
}

header {
/*  background-color: yellow;      */
background-image: url(../WT-Bilder/wuestenlaeufer-1-ohr.png);      /*  */
height: 151px;
width: 900px;
margin: 0 auto;    
}
header p {
/*  background-color: orange;  */
text-align: right;
padding-right: 15px;    
}
header a {
color: white;
}

footer {
background-color: #FF00FF;
background-image: url(../WT-Bilder/grau-50.png);                  /*  */
color: white;
text-align: center;
clear: both;
}

aside { 
/*  background-color: #00FF00;         */
width: 175px;
float: right;
} 
aside img { 
/*  margin-left: 10px;             */
border:1px solid silver;
}
aside p { 
margin-left: 10px;
margin-top: 20px;
}

section { 
/*  background-color: orange;       */
margin-left: 250px; 
margin-right: 195px;
} 
section h1 { 
padding-top: 20px; 
padding-bottom: 0.4em; 
color: #dd9661; 
}
section h2 { 
color: #dd9661; 
padding-top: 1em; 
padding-bottom: 0.6em; 
}
section p { 
padding-bottom: 1em; 
}
section ul { 
padding-left: 3em; 
}
section li { 
padding-bottom: 0.5em; 
}

#steuerungoben { 
/*  background-color: red;          */
background-image: url(../WT-Bilder/grau-50.png);                 /*  */
height: 24px;
} 
#steuerungoben ul { 
list-style-type: none; 
}
#steuerungoben li { 
display: inline;           /* von links nach rechts */
}
#steuerungoben a { 
display: block; 
width: 230px; 
/*  background-color: yellow;            */
float: left;
/*  border-right: 1px solid red;           */
text-align: center;
line-height: 24px;
color: yellow; 
text-decoration: none;
}
#steuerungoben a:hover {
background-image: url(../WT-Bilder/grau-50.png);                         /*  */
}
                    
#steuerunglinks { 
/*  background-color:  #00FF00;          */
width: 220px; 
float: left;
}
#steuerunglinks ul { 
padding-left: 2em; 
padding-top: 20px;
list-style-type: none;   
}
#steuerunglinks ul ul {
list-style-type: circle;
}
#steuerunglinks li {
padding-bottom: 0.5em; 
/*  list-style-type: none;   */
}

#trapper { 
 background-color: #eeeeee;           
width: 900px; 
/* border: 2px  solid red; */
margin: 0 auto;
text-align: left;
   background-image: url(../WT-Bilder/durchsichtig8.png);                  /*  */
}               
            
#logotext { 
padding-top: 50px; 
font-size: 20pt; 
color: white; 
}

#fussbereich {
background-color: #ffff00;
text-align: center;
bottom: 5px;
width: 100%;
height: 1.3em;     /* wg Seitenwechsel  */
}

/*  Fin.  */
