[noch offen] Slide-Menü im Header

<div style="width:1050px; overflow:hidden; margin:auto;">

</div>

<div id="headerslider_1">
<div id="kontakt">
<a href="/Kontakt.htm">Kontakt</a>
<a href="/G.ae.stebuch.htm">Gästebuch</a>
<a href="/Impressum.htm">Impressum</a>
</div>
</div>

#headerslider_1 {
   width: 230px; /* Breite, welche die Links brauchen ausgefahren */
   height: 35px;
   overflow: hidden;
   top: 120px; /* Position des Sliders im Header */
   margin-left: 775px; /* Position des Sliders im Header */
   position: absolute;
   z-index: 2;}

/* Das Feld für die 3 Links */
#kontakt {
   background-image: url(http://img.webme.com/pic/c/clean-test/mail.png);
   background-color: #FFFFFF; /* weißer Hintergrund */
   background-repeat: no-repeat; /* = Icon nicht wiederholen */
   background-position: 5px 2px; /* = Icon Position */
   width: 220px; /* Breite ! anpassen, wenn keine 3 Links */
   padding:5px 5px 5px 40px;
   margin-left: 190px; /* Position eingefahren */
   transition: all 0.5s linear; /* weicher Übergang - Sliden */
   border: 1px solid #fff;
   border-radius: 8px 0px 0px 8px; /* gerundete Ecken */
   overflow: hidden;}

/* Feld mit Links fährt aus bei Hover */
#kontakt:hover{ margin-left:0px; }

/* Linktexte */
#kontakt a{
   float: left; /* Links nebeneinander */
   color: #343434;  /* Linkfarbe */
   margin-right: 12px; /* Abstand zwischen Links */
   font-size: 13px; /* Texgröße */
   display: block; }