Einsteiger - background image wird nicht angezeigt.

.wrapper_navi {
    width: 900px;
    margin: 0 auto;
    background-color: #000000;
}


#topnavi {
  position: realtive;
  height: 50px; width: 900px;
  background-color: #000000;        /* Hintergrundfarbe für die Navigation */
}


#navibereich {
  position: realtive;
  height: auto; width: 900px;
  background-color: #000000;        /* Hintergrundfarbe für die Navigation */
  padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 0px solid #668BCC;    /* Rahmenlinie oben */
  border-bottom: 5px solid #000000; /* Rahmenlinie unten */
  margin: 0;                        /* Keinen Außenabstand */
  font-family: Impact;                      /* Schriftart */
  font-size: 20px;
}


#navibereich li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}


#navibereich a {
  color: #fb911b;                  /* Schriftfarbe schwarz */
  text-decoration: none;         /* Unterstreichung entfernen */
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
  font-family: Impact;
  }


#navibereich a:hover {
  background-color: #fb911b;
  color: #000000;
  font-family: Impact;
}


#navibereich a:hover,        /* mit Komma am Ende */
#Home #navi01 a,       /* mit Komma am Ende */
#Spiele #navi02 a,       /* mit Komma am Ende */
#Videos #navi03 a,       /* mit Komma am Ende */
#Twitch #navi10 a,       /* mit Komma am Ende */
#Ueber_uns #navi09 a,       /* mit Komma am Ende */
#Regeln #navi04 a,       /* mit Komma am Ende */
#Kontakt #navi05 a,
#Bewerbung #navi08 a,
#Forum #navi11 a
 {    /* ohne Komma am Ende */
  background-color: #fb911b;
  color: #000000;
  font-family: Impact;
}


[COLOR=#0000ff]/* Ende Navigation */






/* footer */[/COLOR]


#navi_footer {
  position: realtive;
  background-color: #000000;        /* Hintergrundfarbe für die Navigation */
  padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  margin: 0;                        /* Keinen Außenabstand */
  font-family: Impact;                      /* Schriftart */
  font-size: 20px;
}


#navi_footer li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}


#navi_footer a {
  color: #fb911b;                  /* Schriftfarbe schwarz */
  text-decoration: none;         /* Unterstreichung entfernen */
  padding: 4px 8px;              /* oben/unten 4px, re/li 8px */
  font-family: Impact;
  }


#navi_footer a:hover {
  background-color: #fb911b;
  color: #000000;
  font-family: Impact;
}


#navi_footer a:hover,        /* mit Komma am Ende */
#Impressum #navi06 a,       /* mit Komma am Ende */
#Datenschutz #navi07 a,       /* mit Komma am Ende */
  background-color: #fb911b;
  color: #000000;
  font-family: Impact;
}
[COLOR=#0000ff]/* Ende Footer *[/COLOR]




[B]style_basic.css (für alle Seiten):[/B]
body {
    background-color: #000000;
    margin: 0;
    padding: 0;
}


#banner {
  position: realtive;
  background-position: center;
  height: 500px; width: 100%;
  background-image: url("gfx/banner2.jpg");
  border-top: 2px solid #2F2F2F;
  border-bottom: 2px solid #2F2F2F;
}


#TGU {
  position: relative;
  color: #fb911b;                  /* Schriftfarbe schwarz */
  font-family: Impact;
  font-size: 100px;
  width: 900px;
  margin: 0 auto;
  line-height: 100px;
  text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
}


#TGU2 {
  position: realtive;
  color: #fb911b;                  /* Schriftfarbe schwarz */
  font-family: Impact;
  font-size: 40px;
  width: 900px;
  margin: 0 auto;
  line-height: 40px;
  text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
}


#trenner {
  position: realtive;
  height: 20px; width: 900px;
  background-color: #000000;        /* Hintergrundfarbe für die Navigation */
}


.wrapper_content {
    width: 900px;
    margin: 0 auto;
    background-color: #000000;
    color: #707070;                  /* Schriftfarbe schwarz */
    font-family: Arial;
    font-weight: 300;
    text-align: left;
}


.wrapper_content h1{
  color: #fb911b ;                  /* Schriftfarbe schwarz */
  font-family: Impact;
  font-size: 35px;
  line-height: 40px;
  text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
}


.wrapper_content h2{
  color: #fb911b ;                  /* Schriftfarbe schwarz */
  font-family: Arial;
  font-size: 20px;
  line-height: 20px;
  text-shadow: #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px,
             #000 0px 0px 1px,   #000 0px 0px 1px,   #000 0px 0px 1px;
}


.wrapper_content a{
color:#fb911b;
font-weight:bold;
text-decoration:none;
}


.wrapper_content a:hover{
color:#FF3F00;
font-weight:bold;
text-decoration:none;
}




[B]style_index.css (für die index.php):[/B]
#links {
  float: left;
  width: 30%;
  background-color: #000000;
}


#rechts {
  float: left;
  width: 32%;
  background-color: #000000;
}


#mitte {
  float: left;
  width: 30%;
  margin: 0px 2%;
  background-color: #000000;
}


 p.back {
  clear: both;
  text-align: center;
}