html {box-sizing:border-box;}
body {background:transparent;margin:0;padding:0;display:block;box-sizing:border-box;padding-bottom:30px;}
#header {background:rgba(0,0,0,1);display:flex;padding:20px;}
#header h1 {background:transparent;font-size:30px;font-weight:400;text-align:center;color:#000000;padding:20px;color:#ffffff;letter-spacing:2px;flex:1 1 33%;}
#header div {flex:1 1 33%;}
#header .logout {text-align:right;padding-top:50px;}
#header .logout a {text-decoration:none;font-weight:100;color:#ffffff;}

#content {margin-top:50px;font-size:20px;line-height:35px;text-align:center;}
#content h1 {font-size:30px;line-height:45px;text-align:center;}

#content .reservationcalendar tbody {font-size:12px;line-height:20px;}

.roomoverview img {width:500px; height:auto;margin:0 auto;display:block;}

#RoomAddreservationForm {max-width:800px;margin:0 auto;}
#RoomEditreservationForm {max-width:800px;margin:0 auto;}
#RoomEditreservationForm + #RoomEditreservationForm {max-width:450px;margin:0 auto; border-top:2px solid #000000;padding-top:30px;}
#RoomEditreservationForm + #RoomEditreservationForm .submit input[type="submit"] {background-image: -moz-linear-gradient(top, #D40C02, #FF5B57);}

#RoomAddreservationForm  table {max-width:300px;margin:0 auto;}
#RoomEditreservationForm table {max-width:300px;margin:0 auto;}

#footer {text-align:right;font-size:12px;position:fixed;right:10px;bottom:10px;}
#footer a{color:#aaaaaa;text-align:right;font-size:12px;text-decoration:none;font-weight:100;}
@media (max-width: 1200px) {
    #header {display:block;}
    #header h1, #header div {display:block;width:100%;}
    #header h1 {margin-top:30px;}
    #header .logout {padding-top:0px;}
    
}

@media (max-width: 700px) {
    #header {width:100%;box-sizing:border-box;}

    #header #logo {width:90%;margin:0 auto;}
    #header #logo img  {width:100%;height:auto;}
}