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

.actief:hover { font-weight: bold;}
.muis:hover { cursor: pointer;}
.blauw { color: blue;}
.bokswit {border: 2px solid white;}
.boven { vertical-align: top;}
#datumtijd { position: absolute; top:10px; right: 0;}
#rcel3,#rcel5,#rcel7,#rcel10 { display: inline-block; text-align: right;}
#tekst1,#tekst3,#tekst5,#tekst7,#tekst10,#tekst15,#tekst20,#tekst25,#tekst30,#tekst40,#tekst50,#tekst75,#tekst99 { display: inline-block;}
#tekst1 { width: 1px; color: white; border: white;}
#rcel3,#tekst3 { width: 24px;}
#rcel5,#tekst5 { width: 40px;}
#rcel7,#tekst7 {width: 48px;}
#rcel10,#tekst10 { width: 80px;}
#tekst15 { width: 120px;}
#tekst20 { width: 160px;}
#tekst25 { width: 200px;}
#tekst30 { width: 240px;}
#tekst40 { width: 320px;}
#tekst50 { width: 400px;}
#tekst75 { width: 600px;}
#tekst99 { width: 30px;}
#tekstbox { display: inline-block; width: 800px; height: 300px; overflow: auto;}

textarea { color: blue;}
input { border: 1px solid lightblue; border-radius: 5px; color: blue;}
textarea:focus,
input:focus { background-color: #eeffff;}

#groot { font-size: 150%;}
#knop,#knopje { background-color: lightblue; text-align: center; border: 1px solid blue; border-radius: 10px; width: 100px;}
#knop:hover,#knopje:hover { background-color: blue; color: white; cursor: pointer;}
#knop.raam { position: absolute; left: 1059px;}
#knop.histo { display: none;}
#knopje {position: relative; left:-15px;}
.knoppost { position: relative; top: 10px;left: 1110px;}
#kop { display: block; color: blue; font-size: 150%; margin-bottom: 20px;}

label { display: inline-block; width: 120px; text-align: right; margin-right: 5px; color: blue;}

#afstandraam { border: none; width: 1000px; height: 400px;}
#raam2 { display: block; width: 1000px; height: 290px; border: 0px solid blue;}
#regel { display: block; height: 21px;}
#regel1 { display: block; margin-top: 15px;}
#regelkop1 { font-weight: bold; color: blue;}

#bladeren #pagina { text-align: left; width: 50px;}
#bladeren #blader { border: 1px solid blue; border-radius: 10px; text-align: center; width: 35px; background-color: lightblue;}
#bladeren #blader.active,
#bladeren #blader:hover { background-color: blue; color: white; cursor: pointer;}

#header { width: 100%; text-align: center; height: 80px;}
#header #titel { padding: 0 5px;border: 2px solid blue; background-color: lightblue;font-size: 180%; color: blue; border-top: none; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}

#login { display: block; width: 350px; margin: 0px auto; margin-top: 150px; }
#loginkop { display: block; width: 100%; background-color: lightblue; text-align: center; font-size: 160%; color: blue; border: 2px solid blue; border-top-left-radius: 15px; border-top-right-radius: 15px;}
#loginbody {display: block;width: 100%;height: 110px;padding-top: 20px;color: blue;border-left: 2px solid blue;border-right: 2px solid blue;}
#login #fout {display: block; width: 100%; background-color: lightblue; text-align: center; font-size: 160%; color: red; border: 2px solid blue; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
#login #regel { padding: 5px;}
#login #regel1 {margin-top: 0px;}
#login #regel1 label { margin-left: 195px;}

#menus { display: block; width: 150px; padding-left: 10px; float: left;}
#menuitem { display: inline-block; width: 100px; color: blue;}
#menuitem:hover { cursor: pointer; font-weight: bold;}
#menuitem.sub { margin-left: 20px;}

#pager { display: block; margin-left: 180px;}

#sub_straten { position: absolute; top:120px; left: 180px;height: 300px; width: 400px; background-color: white; visibility: hidden;}
#sub_straten #namen { display: inline-block; width: 400px; height: 60px;text-align: center;}
#sub_straten #knopvoegen { display: inline-block; width: 80px; border: 1px solid blue; background-color: lightblue; text-align: center; border-radius: 10px;}
#sub_straten #knopvoegen:hover { cursor: pointer; background-color: blue; color: white;}