<style type="text/css">
 <!--  
head {
  
}

body {
  width: 1200px;
  height: 800px;
  margin-top: 0px;
  margin-left:100px;
/*  background-color: #CFCCFF; Hellblau */
  background-color: #CFCCFF; /* #3d3d3d Dungelgrau */
  position: relative;
}

#foben {
 margin:0;
 padding:0;
 width:1200px;
 height:150px; 
 text-align: center;
 background-color: #6633cc;
 border-top-left-radius:20px;
 border-top-right-radius:20px;
}

#kopfzeile {
    background-color:gray;
    width:600px;
    padding: 20px;
    margin-left: 250px;
    
    border-right: 5px white solid;
    border-top: 15px midnightblue solid;
    border-left: 15px midnightblue solid;
    border-bottom: 5px white solid;
    color: #000;   /* Farbe orange */
    font-size:42pt;  /* Größe 28pt   */
    font-weight: bolder;
    font-style: italic;
    text-shadow: 3px 3px 3px white;
/*    font-family: "Arabic Transparent";
    direction: "rtl"; */
    /* font-family:arial, "lucida console", sans-serif; /* Schriftart */
 }
#bild {
 margin:0;
 padding:0;
 width:1200px;
 height:130px; 
 background-color: orange;
 
}

#name {
  float: right;
  margin-right: 280px;
  margin-top: 20px;
  font-size:32pt;  /* Größe 28pt   */
  font-weight: bolder;
  font-style: italic;
  text-align: center;
  color: #ffffff;   /* Farbe orange */
  text-shadow: 3px 3px 3px #000;
}

#lbilder {
  float:left;
  margin-top: 5px;
  margin-right: 5px;
  overflow:auto;
  width: 150px;
  height: 550px;
  background-color: orange;
  border: 10px white;

}

#anzeige {
  float:right;
  margin-top: 5px;
  width: 1045px;
  height: 550;
  background-color: orange;
  border: 3px white; 
  text-align: center;
}

#fotos {

/*  padding: 0 auto;
  margin-left: 50px;
/*  width: 350px; */
  height: 540px; 
/*  background-color: #3d3d3d; */
  border: 5px solid black;
 
}

#menu{
 margin:0;
 padding:0;
}

#menu ul {
  margin:0;
  padding:0;
  line-height:30px;
  list-style:none;
  float:left;
  position: relative;
}

#menu li {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  position: relative;
  background-color: gray;
}

#menu ul li a {
  text-align:center;
  font-size:13pt;  /* Größe 28pt   */
  font-weight: bolder;
  text-decoration:none;
  text-shadow:2px 2px 2px #FFFFFF;
  height:35px;
  width: 148px;
  display:block;
  color:#000;
  border: 1px solid #fff;
  border-bottom: none;
  border-top: 5px solid #ffffff;
 border-top-left-radius:20px;
 border-top-right-radius:20px;
}

#menu ul li a:hover {
  background: #edf30e;
  color: black;
}

-->
</style> 
http://designyourweb.info/so-gehts-ein-schlankes-css3-dropdown-menu-erstellen/346