<style type="text/css">
/*<![CDATA[*/
/* Deine Slideshow */
 
.Mail a {
 
background: url(http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/i5c38d9b2b8720559/1359026597/std/image.png)no-repeat;
position: fixed;
left: -57px;
top: 400px;
background-color: #00A1FA;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 4px 7px 3px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 #C7ADAD;
-moz-box-shadow: 0px 4px 7px 3px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 #C7ADAD;
box-shadow: 0px 4px 7px 3px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 #C7ADAD;
padding: 48px 5px 5px;
float: left;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);
font-size: 20px;
font-family: Courier New, serif;
text-align: center;
text-decoration: none;
text-underline: none;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);   
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
 
}
 
.Mail a:hover {
 
-webkit-transform: translateX(55px);
-moz-transform: translateX(55px);
-o-transform: translateX(55px);
-ms-transform: translateX(55px);
transform: translateX(55px);
 
}
 
/*]]>*/
</style>
 

<div class="Mail">
    <a href="mailto:hwhrecycling@gmail.com?subject=Meine%20Anfrage" title="Schreib mir..">KONTAKT</a>
 
</div>