body {
  background: url(../images/loginscherm-dk.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#loginBox {
  width: 377px; background: none; position: fixed; right: 50%; margin-right: -189px; top: 40%; margin-top: -200px; z-index: 10; font-family: arial;
}

#loginBoxContentTransparant {
  width: 377px;
  height: 300px;
  background-color: #fff;
  filter: alpha(opacity=40);
  opacity: 0.4;
  position: absolute;
  z-index: 2;
  border-radius: 0 0 5px 5px;
}
#loginBoxContent {
  width: 297px; padding: 40px; font-size: 15pt;color: #aaa;
  height: 240px;
  z-index: 3;
  position: relative;
   font-family: arial;
}

.loginField {
  color: #4e4e4e;
  border: 0;
  width: 100%;
  text-align: center;
  padding: 10px;
  font-size: 15pt;
  margin-bottom: 10px;
  font-family: arial;  
  border-radius: 5px;
}

.loginFieldDark {
  color: #fff; 
  border: 0; 
  width: 100%; 
  text-align: center; 
  padding: 10px; 
  font-size: 15pt; 
  margin-bottom: 10px;
  font-family: arial;   
  border-radius: 5px;
  background-color: #09233e;
}

.loginButton {
  background-color: #d14f2a; border: 0; color: #fff; width: 100%; text-align: center; padding: 10px; font-size: 15pt; margin-bottom: 10px;
  font-family: arial;
  border-radius: 5px;
}

#loginFooter {
  height: 20px; width: 650px; bottom: 30px; position: fixed; right: 50%; margin-right: -325px;
}

#loginFooter a {
  font-family: arial;
  font-size: 12px;
}

.error_melding {
  color: #bf260d;
  margin-bottom: 10px;
  display: block;
}

a {
  color: #4e4e4e;
  text-decoration: none;
}

a:hover {
  color: #00adef;
  text-decoration: none;
}