html,body {
  color: #444;
  background: #FEFAF2;
}


#loginmain {
   margin:25px;
}


#Login, #noJS {
  border:1px solid silver;
  background:#F5F5F5;
  width:450px;
  margin:auto;
  margin-top:40px;
  padding-bottom:20px;
  color:black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #DADADA;
  outline: 0 none;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
}

#Login{
  display:none;
}

#Login h2, #noJS h2 {
   text-align:center;
   margin:0;
   color:white;
   background:#008BBC;
   padding:10px;
   font-size:1em;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

#Login div, #noJS div {
  margin:6px;
}

#noJS div {
  text-align:center;
}

#Login form {
  padding:10px;
}

#Login  label {
    width: 10em;
    display:inline-block;
    float: left;
    font-weight:bold;
}


#Login .inputdata {
  width:65%;
  padding:5px;
  font-size:14px;
  clear: left;
}

input[type=submit] {
  font-size:14px;
  padding:5px;
  padding-left:20px;
  padding-right:20px;
  width:auto;
}

#Login .link {
  padding:10px;
}

#loginloader {
   display:none;
}

#footer {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 text-align:center;

}
#footer .text {
  font-size:12px;
  padding:10px;
  color:gray;
  background:#f5f5f5;
}

#footer .text a{
  color:darkblue;
}

@media only screen  and (max-width: 850px){
  #pwres {
     display:none;
  }
  #Login, #noJS {
    width:90%;
    text-align:center;
  }
  #Login div {
    text-align:center;
  }

  #Login label {
    display:block !Important;
    float: none;
    width:100%;
  }
  #footer {
   position:relative;
   padding-top:50px;
  }
   #header .leftBox{
    padding-left:28%;
  }

  .leftBox {
     text-align:center;
  }
  #logoTitel {
    height:40px;
  }

  #header{
    height:60px;
     text-align:center !Important;
  }
}