nav {
    width: 900px;                               /* Breite der Navigationsleiste */
}
nav ul {                                        /* Liste */
    padding: 5px;
    margin: 0px;
/*	box-shadow: 0px 2px 2px #202020;          
    -moz-box-shadow: 2px 2px 2px #202020;
    -webkit-box-shadow: 2px 2px 2px #202020;  */
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden; 
}

nav ul {                                        /* Menübalken */
    background-color: #303030;          
}

nav ul li{                                      /* Hintergrund Top Nav Elemente 303030 */
    background-color: #f06400;          
}

nav ul li {                                     /* Stil der Top Liste */
    list-style: none;
    float:Center;
	border: 1px solid #505050;
}
nav ul li a {                                   /* Aussehen TOP-Elemente */
    font-size: 22px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    color: #FFFFFF;                        
    padding: 12px 10px 12px 60px;
	
	-webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;   
}

nav ul li:hover a  {                             /* Hintergrund der Top Elemente bei Hoover */  
     background-color: #904010;
}

nav ul li:hover > ul li a  {                     /* Hintergrund der Unterelemente bei Hoover der Top Elemente */
     background-color: #707070;
}

nav ul li:hover > a {                            /* Text der Top Elemente bei Hoover */
    font-weight: bold;
    color: #FAFAFA;         
}