xKingderNachtx: Navigation

Beitrag lesen

Kann mir vllt jemand sagen, warum die Farbe bei mir LILA ist ? versteh ich net.

DAnkeee :)

* {  
  padding: 0px;  
  margin: 0px;  
  border: 0px;  
}  
body {  
  font-family: tahoma, verdana, arial;  
  font-size: 0.9em;  
  color: #000000;  
  
}  
  
#wrap {  
    background-image: url(../images/bg.jpg);  
    background-repeat: repeat-x;  
    width: 100%;  
    height: 1000px;  
}  
  
#wrapper{  
    width: 75%;  
    height: 1000px;  
    margin-left: 12.5%;  
    margin-right: 12.5%;  
    background-color: #FFFFFF;  
}  
  
#header {  
    width: 98%;  
    height: 160px;  
    margin-right: 1%;  
    margin-left: 1%;  
}  
  
#header_leiste {  
    background-image: url(../images/leiste_oben.jpg);  
    width: 98%;  
    height: 10px;  
    margin-left: 1%;  
    margin-right: 1%;  
}  
  
#logo  {  
    float: left;  
    width: 49%;  
    height: 160px;  
    margin-left: 1%;  
    margin-top: 1px;  
}  
  
#switch {  
    width: 256px;  
    height: 64px;  
    float: right;  
    margin-left: 200px;  
    padding-top: 0px;  
  
  
}  
  
#socialmedia {  
    width: 60px;  
    height: 27px;  
    float: right;  
    margin-right: 4%;  
    padding-top: 69px;  
  
}  
  
.socialmedia {  
    margin: 1px;  
}  
  
#header2 {  
    width: 49%;  
    height: 160px;  
    float: left;  
    margin-right: 1%;  
}  
  
.header2 {  
    margin: 1px;  
}  
  
#banner {  
    width: 98%;  
    margin-right: 1%;  
    margin-left: 1%;  
}  
  
  
#navigation {  
    width: 98%;  
    margin-right: 1%;  
    margin-left: 1%;  
  
    height: 100px;  
   padding-top: 25px;  
  
}  
  
#nav {  
    list-style: none;  
    float: left;  
    padding: 1px;  
    width: 98%;  
    margin-left: 1%;  
    text-align: center;  
}  
  
  
  
/* NAVIGATION Aufklappen */  
  
  div#Rahmen {  
    width: 100%;  
    padding: 0.8em;  
  
  
  }  
  * html div#Rahmen {  /* Korrektur fuer IE 5.x */  
    width: 48.7em;  
    w\idth: 47.1em;  
  }  
  div#Rahmen div {  
     clear: left;  
  }  
  ul#Navigation {  
    margin: 0; padding: 0;  
    text-align: center;  
    background-image: url(../images/nav_1.jpg);  
  }  
  
  ul#Navigation li {  
    list-style: none;  
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */  
    position: relative;  
    margin:1%;  
    padding: 0;  
  }  
  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */  
    margin-bottom: -0.4em;  
  }  
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */  
    margin-bottom: -0.1em;  
  }  
  
  ul#Navigation li ul {  
    margin: 0; padding: 0;  
    position: absolute;  
    top: 1.6em; left: -0.4em;  
    display: none;  /* Unternavigation ausblenden */  
  }  
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */  
    left: -1.5em;  
    lef\t: -0.4em;  
  }  
  *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */  
    padding-bottom:0.4em;  
  }  
  ul#Navigation li:hover ul {  
    display: block;  /* Unternavigation in modernen Browsern einblenden */  
    background-color: #000000;  
    color: #FFFFFF;  
  }  
  ul#Navigation li ul li {  
    float: none;  
    display: block;  
    margin-bottom: 0.2em;  
  }  
  
  ul#Navigation a, ul#Navigation span {  
    display: block;  
    width: 100%;  /* Breite den in li enthaltenen Elementen zuweisen */  
    padding: 0.2em 1em;  
    text-decoration: none; font-weight:bold;  
    text-align: left;  
  
  }  
  * html ul#Navigation a, * html ul#Navigation span {  
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */  
    w\idth: 100%;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */  
  }  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {  
  color: #000000;  
  
  }  
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */  
  color: #FF0000;  
  }  
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */  
  
  }