html{
    padding:0;
    margin:0;
}
body{
    margin:0;
    padding:0;
}

@font-face {
  font-family: 'cen';
  src: url("cen.ttf") format("truetype");
}
@font-face {
  font-family: 'cen_bold';
  src: url("cen_bold.ttf") format("truetype");
}

#login{
    background:url(../images/background-wit-topleft.jpg);    
    background-size:252px 220px;
    background-repeat: no-repeat;
    width:100%;
    height:100vh;
    text-align:center;
    font-family:'cen';
    color:#ae495f;
}

.login-background{
    max-width:320px;
    padding:10px;
    background:rgba(255,255,255,0.45);
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    margin-bottom:auto;
}

#login input,
input[name=emailadres]{
    background:#FFF;
    color:#f5964d;
    border:1px solid #f5964d;
    font-size:24px;
    font-family:'cen';
    box-shadow:0 0 10px rgba(0,0,0,0.1);
    text-align:center;
    padding:5px;
}
#login input[name=feestcode]{
    width:250px;
}
#login input[name=huisnummer]{
    width:100px;
}
#login input[name=postcode]{
    width:150px;
}

#login input[name=door]{
    background:#ae495f;
    color:#FFF;
    border:none;
    cursor:pointer;
    font-size:20px;
}
#login input[name=door]:hover{
    background:#872A42;
}
#login input[name=door]:active{
    position:relative;
    top:2px;
}

.informatie{
    max-width:600px;
    padding:25px 10px 25px 10px;
    color:#ae495f;
    font-family:'cen';
    font-size:18px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
div.line-height-2em{
    line-height:2em;
}
.informatie table{
    width:400px;
}
.informatie table tr td{
    font-size:14px;
}

hr{
    height:1px;
    border:none;
    background:#ae495f;
    margin:50px 0 50px 0;
}
h3{
    font-family:'cen_bold';
}
a{
    color:rgba(116, 18, 40, 1.00);
    text-decoration: none;
}