@charset "UTF-8";
/* CSS Document */
* {padding:0px; margin:0px; }
html, body { width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;color:#333333; background-color:#e3edf1; background-image:url(../img/bgnew.jpg); background-repeat:repeat;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#333333; font-weight:300; padding:10px; padding-left:0px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; font-weight:300; padding:10px; padding-left:0px; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333333; font-weight:300; padding:10px; padding-left:0px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;text-decoration:none;}
/* container */
.container {max-width:300px; padding:25px; margin:0 auto; border:1px solid #e5e5e5; position: relative; background-color:#FFFFFF;display:table; -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.5); box-shadow: 0px 3px 15px rgba(0,0,0,0.5); font-size:14px; z-index:100; border-radius:4px; text-align:center;}
#knop:hover { background-color:#999; color:#FFF; cursor:pointer; }
.logo { margin:15px 0 15px 0; text-align:center; }
.versie { font-size:10px; color:#999; position:absolute; right:10px; bottom:10px; padding:10px; cursor:help; }
.melding { position:absolute; width:200px; height:100px; padding:0px; margin:0px; background-color:#930; color:#FFF; z-index:1000; float:left; font-size:16px; }
.error { width:100%; height:100%; background-color:#ce9999; position:absolute; top:0; z-index:1; display:none; }
.error .meldingen { width:600px; margin:0 auto; margin-top:50px; }
.error p { width:600px; text-align:center; padding:10px; margin:0 auto; font-size:16px; color:#fff; }
form input { width:85%; padding:12px; border:1px solid #999; background-color:#f4f4f4; margin:5px 3px 5px 3px; font-size:15px; border-radius:1px; text-align:center;}
form input:focus { border:1px solid #000; }
.container input:focus { background-color:#e5e5e5;}
.loginform { width:100%;}
.loginform table td { text-align:center; width:100%;}
#knop { width:50%; background-color:#e5e5e5; border-radius:3px; padding:15px 0 15px 0;}

.kop_1{font-size:28px;line-height:28px;font-weight:300;color:#327d78;padding:0;margin:0}
.subkop_1{font-size:18px;line-height:20px;color:#79b7b4;margin-bottom:10px}

@media handheld, only screen and (max-width: 560px) {
.container { width:96%; padding:2%; text-align:center; margin-top:0; border:0;}
.error p { width:100%;}
html, body { background-color:#fff; background:none;}
form input { width:80%;}

@media handheld, only screen and (max-width: 700px) {
.bg { display: none; }
html, body { background:none; background-color:#fff; }
.container { width: 100%; max-width: 100%; padding: 0; border: 0; margin-top: 15%;  -moz-box-shadow: 0px 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; }
.container input { width: 80%; font-size: 20px; }
}
}