/* CSS Document */
@font-face {
    font-family: 'Roboto-light';
    src: url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
background: url(../img/Start_Hintergrund.jpg) no-repeat center center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover; 
// background-image: url("img/Start_Hintergrund.jpg");
    font-family: Roboto, Helvetica!important;
//    font-size: <?=$font_12?>; 
//    color: <?=$top_grey?>;
    height: 100%; 
    text-align:left;
    margin: 0px; 
    }
a {
text-decoration: none;
color: #000000;
}
a:hover {
color: #ae1122;
}   
.input-box input[type="email"],
.input-box input[type="password"] { 
   font-size: 1.3em; 
   border: 1px solid gainsboro;
   color: grey;
   font-family: Roboto, sans-serif;
//   font-weight:300;
   height:50px;
   width:280px;
   padding-left:5px;
   border-radius: 3px; 
}
input[type="submit"] {
   margin-top: 5px;
   font-size: 1.3em;
   background-color:#6a6d72;
   width:280px;
   height:50px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: #FFFFFF;
   border: 1px solid white;
//   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 3px;
   cursor:pointer;
}
#myButton {
 margin-top: 5px;
   font-size: 1.3em;
   background-color:#6a6d72;
   width:280px;
   height:50px; 
   font-family: Roboto, sans-serif;
   font-weight: 300;
   color: #FFFFFF;
   border: 1px solid white;
//   background-image: linear-gradient(to top, gainsboro 0%, white 90%);
   border-radius: 3px;
   cursor:pointer;
}
#arrow_submit {
// border: 3px dashed orange;
float:right;
padding-right: 0px;
padding-left: 0px;
margin-top: 2px;
margin-bottom:auto;
}