body,html { padding: 0px; margin: 0px; font-family:Calibri, Arial;}
h3 { display: block; width: 310px; text-align: center; margin-bottom: 20px; }
input,select { border-radius: 5px;}
h1 { margin: 15px 0; }
.bovenraam { position: absolute; top: 150px; right: 70px;}
label { display: block; width:150px; float: left; text-align: right; margin-right: 10px; color: grey;}
table { clear: both; }
#regel.muis { width: 600px; }
.muis:hover {cursor: pointer; background-color: silver;}
#num5,#num10,#num15,#prijs { text-align: right; }
#tekst5,#num5 { display: inline-block; width: 30px;}
#tekst10,#num10 { display: inline-block; width: 60px;}
#tekst15,#num15 { display: inline-block; width: 90px;}
#tekst20 { display: inline-block; width: 120px;}
#tekst25 { display: inline-block; width: 150px;}
#tekst30 { display: inline-block; width: 180px;}
#tekst40 { display: inline-block; width: 240px;}
#tekst50 { display: inline-block; width: 300px;}
#tekst75 { display: inline-block; width: 450px;}
select#soort { width: 90px;}
#knop { display: block; width: 90px; height: 20px; border: 1px solid black; text-align: center; border-radius: 10px; background-color: silver; padding-bottom: 1px; color: black }
#knop:hover { color: white; background-color: black; cursor: pointer;}
#regel { display: block; width: 700px; margin-bottom: 5px;}
#pagina { width: 60px;}
#blader { width: 30px; text-align: center; border: 1px solid black;border-radius: 15px; background-color: silver; color: black;}
#blader:hover,
#blader.active{ color: white; background-color: black;}
#blader:hover{ cursor: pointer;}
#bladeren { margin-top: 15px; }

#content { display: block; width: 1200px; margin: 0 auto; }
#header { display: block; width: 100%; height: 60px; text-align: center; font-size: 2em; }
#header #black { border: 3px solid black; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: silver; padding: 5px; }
#menu-container { margin-bottom: 40px;}

#betalingen #regel1 { margin-top: 20px;}
#betalingen #regel1 #knop { float: left; margin-right: 10px;}

#brief #regel { width: 500px; clear: both; margin: 0px; }

#facturenprint { width: 400px; margin: 0px auto; margin-top: 200px; }
#facturenprint label { width: 100px;}
#facturenprint #melding { display: block; clear: both; width: 400px; margin-top: 50px; color: blue;}

#factuur #factuurkop { display: block; clear: both; padding-left: 700px;}
#factuur #regel { margin: 0px;}
#factuur table { margin: 20px 0px;}

#docus #knop,
#formulier #knop { float: left; margin-right: 10px;}

#import { width: 500px; margin: 0 auto; margin-top: 200px; }
#import #regel { width: 500px; }

#klanten #specificatie{   display: block;   height: 60px;   margin-top: 10px;   margin-bottom: 20px; }
#klanten #specificatie #knop { float: right; }
#klanten #buttons { display: block; width: 400px; height: 25px; }
#klanten #buttons #knop { float: left;}
#klanten #regel { width: 800px; }
#klanten select{ width: 150px; }

#login{ width: 310px; height: 190px; margin: 0 auto; margin-top: 200px; background: url(/images/login_grijs.png) no-repeat; }
#login label { width: 150px; }
#login #username { width: 150px;}
#login #knop { width: 90px; float: right; margin-top:15px; margin-right: 30px; }
#login #fout { display: block; width: 310px; text-align: center; margin-top: 53px; color: red; }
#login .vijf { margin-top: 25px;}

#orders #knop { float: left; margin-right: 10px;}

#voorstel { width: 500px; margin: 0 auto; margin-top: 200px; }
#voorstel #regel { width: 500px; }
#voorstel #melding {  clear: both; display: block;   width: 430px;   margin-top: 45px;   text-align: center;   color: blue; }
#voorstel #project { width: 300px; }

#wachtwoord { width: 420px; margin: 0 auto; margin-top: 300px;}
#wachtwoord #regel { width: 410px;}
#wachtwoord #foutje { color: green; width: 70px; float: right;}
#wachtwoord #fout { margin-top: 20px; color: red; width: 410px; text-align: center;}

#wijzigen #regel { width: 1000px; }
#wijzigen #knop { float: left; }

#offerte { clear: both; width: 1200px; height: 400px;}