div#call2action {
 float: right;
    right: 0;
    margin: -50px 0 1px;
    position: fixed;
    top: 50%;
    width: 82px;
    z-index: 10000;
	border: 2px solid #99042f;
}

 @media (max-width: 480px) {
div#call2action {
   visibility:hidden;
}
}

 
.mailbutton {
margin-top:10px;
    background-color: #99042f; /* Green */
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	border-radius:3px;
	cursor:pointer;
}

 .mailbutton:hover {
 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 color:#fff;
 }
 
 
  
* {
margin: 0;
padding: 0;
}

#menu {
width: 80px;
padding: 0 0px;
background: #99042f;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
}

#menu ul {
width: 140px;
list-style-type: none;
padding-left:0px;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #003366;
background: #ff8000;
}

/*--definiert die "Ausklapp-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #99042f;
text-align: center;
background: #99042f;
color: #fff;
}

/*--definiert die "Ausklapp-Links" im Hoverzustand--*/
#menu a:hover {
color: #fff;
background: #ce174a;
border: 1px solid #ce174a;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
 margin-bottom:1px;
width:80px;
}

/*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/
#menu ul ul {
width:300px;
position: absolute;
top: 0px; right: 80px; z-index: 2;
display: none;
}

/*--lässt die Ausklapp-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
width:300px;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
width:300px;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width:300px;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #fff;
background:  #99042f;
}

 

/*--definiert einen Einzellink im Hoverzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background:#ff9d41;

}