* {margin: 0; padding: 0; border: none; outline: none; cursor: default}
* {font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal}
b, strong {font-weight: bold}
body {height: 100%; overflow-y: scroll}
option {padding: 0px 0px 0px 4px}
a, .link {color: #cc0000; text-decoration: none}
a:hover, .link:hover {color: #cc0000; text-decoration: underline}
td {color: #102c60; vertical-align: top}
h1 {font-size: 24px; font-weight: bold; color: #194363; margin: 5px 0px 10px 0px; padding: 0}
h2 {font-size: 18px; font-weight: bold; color: #102c60; margin: 5px 0px 5px 0px; padding: 0}
h3 {font-size: 15px; font-weight: bold; color: #102c60; margin: 0px 0px 5px 0px; padding: 0}
h4 {display: inline; font-size: 12px; font-weight: bold; color: #102c60; margin: 0; padding: 0}
.groot {font-size: 18px; font-weight: bold; color: #102c60; margin-bottom: 5px}
.klein {font-size: 10px}
.mini {font-size: 9px}
.weg {visibility: hidden; width: 1px; height: 1px}
.vmid {vertical-align: middle}
.print {visibility: hidden; height: 1px}
ul.hoofd {margin: 0px 0px 0px 17px; padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square.gif)}
ul.sub {margin: 0px 0px 0px 34px; padding: 0; text-indent: 0; list-style-type: square; list-style-image: url(img/square2.gif)}
li.hoofd {margin: 0px 0px 10px 0px; list-style-type: square; list-style-image: url(img/square.gif)}
li.sub   {margin: 0px 0px 5px 0px; list-style-type: square; list-style-image: url(img/square2.gif)}
table.top {width: 100%}

table.tabel {text-align: left}
table.tabel td {padding: 5px}
table.tabel td.kop {font-weight: bold; padding: 5px}
table.tabel td span.high {font-weight: bold; color: #c4c4c4}
table.tabel td a {color: #102c60; text-decoration: none}
table.tabel td a:hover {color: #cc0000; text-decoration: none; cursor: pointer}

table.tabelm td {padding: 5px; text-align: center}
table.tabelm td.kop {font-weight: bold; padding: 5px; text-align: left}
table.tabelr td {padding: 5px; text-align: right}
table.tabelr td.kop {font-weight: bold; padding: 5px; text-align: left}
table.tabelb td {padding: 5px; border-top: 1px solid #c4c4c4; white-space: nowrap}
table.tabelb td.kop {font-weight: bold; padding: 5px; border-top: none}
table.tabelb td span.high {font-weight: bold; color: #c4c4c4}

td.menu {background-color: #dcdcba; padding: 15px 10px 0px 5px; vertical-align: top; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none}
td.menu div.menutitel {width: 160px; color: #ffffff;  background-color: #102c60; padding: 3px 5px 3px 5px; margin-top: 20px; cursor: pointer}
td.menu div.menutitel img {float: right; margin-top: 2px; cursor: pointer}
td.menu div.menutitelact {width: 160px; color: #102c60; background-color: #c4c4c4; border: 1px solid #102c60; padding: 2px 4px 2px 4px; margin-top: 20px}
td.menu div.inactive {width: 160px; color: #102c60; background-color: #dcdcba; padding: 3px 5px 3px 5px; cursor: pointer}
td.menu div.active {width: 160px; color: #102c60; background-color: #c4c4c4; padding: 3px 5px 3px 5px}
td.menu div.subactive {width: 160px; color: #102c60; background-color: #c4c4c4; padding: 3px 5px 3px 5px; cursor: pointer}
td.midden {width: 100%; height: 100%; background-color: #f6f6ed; vertical-align: top}
td.midden h1 {float: left}
div.ruimte {margin: 10px 5px 5px 15px; padding: 0}
div.status {width: 20px; height: 20px; background-image: url(img/status.png); background-position: right; overflow: hidden; float: right}

table.tabbladen {width: 100%; height: 100%; background-color: #f6f6ed}
table.tabbladen table.menu {width: 100%; height: 100%; background-color: #f6f6ed}
table.tabbladen table.menu td {font-size: 14px; font-weight: bold; padding: 5px 10px 5px 10px; vertical-align: top}
table.tabbladen table.menu td img {cursor: pointer}
table.tabbladen table.menu td.inactief {border-top: 1px outset #dcdcba; border-right: 1px inset #dcdcba; border-bottom: 1px solid #dcdcba; border-left: 1px solid #dcdcba; color: #102c60; background-color: #dcdcba}
table.tabbladen table.menu td.actief {border-top: 1px outset #dcdcba; border-right: 1px outset #dcdcba; border-bottom: 1px solid #f6f6ed; border-left: 1px outset #dcdcba; color: #102c60; background-color: #f6f6ed; cursor: default}
table.tabbladen table.menu td.mouseover {border-top: 1px outset #dcdcba; border-right: 1px outset #dcdcba; border-bottom: 1px solid #dcdcba; border-left: 1px outset #dcdcba; color: #102c60; background-color: #c4c4c4; cursor: pointer}
table.tabbladen td.inhoud {background-color: #f6f6ed; height: 100%; padding: 10px 10px 5px 10px}

table.lijst td {padding: 5px}
table.lijst tr:hover {background-color: #c4c4c4; cursor: pointer}
table.lijst tr.listtr, table.lijst tr.listtr b, span.list {background-color: transparent; cursor: default}
table.lijst tr.listtrhover, table.lijst tr.listtrhover b, span.listhover {background-color: #c4c4c4; cursor: pointer}
table.lijst tr td:hover {cursor: pointer}
table.lijst tr td b {font-weight: bold}
table.lijst tr td b:hover {cursor: pointer}
table.lijst tr td span {font-weight: bold}
table.lijst tr td span:hover {cursor: pointer}
table.lijst tr td.datum {width: 50px}
table.lijst tr td.naam {width: 180px}
table.lijst tr td.nummer {width: 50px}
table.lijst tr td.bedrag {width: 95px; font-weight: bold; text-align: right}
table.lijst tr.totaal:hover {background-color: transparent; cursor: default}
table.lijst tr.totaal td {text-align: right; cursor: default}
table.lijst tr.top:hover {background-color: transparent; padding: 0; cursor: default}
table.lijst tr.top td {cursor: default}
table.lijst tr.blank:hover {background-color: transparent; padding: 0; cursor: default}
table.lijst tr.blank td {line-height: 0.5; cursor: default}

table.border {border-collapse: collapse}
table.border td {border: 1px solid black}

.container {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; min-width: 100%; max-width: 100%; overflow: hidden; display: flex; flex-direction: column;}
.container .flexcol {display: flex; flex-direction: column;}
.container .flexrow {display: flex; flex-direction: row;}
.container .flexcel {padding: 4px;}
.container .flexd {background-color: #dcdcba; padding: 4px 8px 8px 8px;}

#overlay {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(252,245,242,0.9); overflow-x: hidden; overflow-y: auto; z-index: 1000; visibility: hidden}
#overlaytable {width: 100%; height: 100%}
#overlaytd {width: 100%; height: 100%; text-align: center; vertical-align: middle}
#overlay #dialog {width: 300px; background-color: #ffffff; border: 1px solid #000000; border-radius: 10px; margin: 100px auto; padding: 15px}

span.mini-up {font-size: 11px; background-color: #dcdcba; border: 1px outset #dcdcba; cursor: pointer}
span.mini-lo {font-size: 11px; background-color: #dcdcba; border: 1px inset #dcdcba; cursor: pointer}
td.rechts {width: 20px; padding: 0; vertical-align: top; line-height: 80%; background-image: url(img/pijltje.png); background-position: right top; background-attachment: fixed; cursor: pointer}
td.rechts img {width: 20px; height: 1px; margin: 0px}
tr.bottom {height: 40px; background-color: #f6f6ed}
tr.bottom td.tnt {width: 150px; font-size: 11px; text-align: center; vertical-align: bottom; background-color: #dcdcba; padding: 0px 0px 5px 0px}
tr.bottom td.tnt div {font-size: 11px; text-align: center}
.foutkleur {font-weight: bold; color: #da2c4c}
.tdl {background-color: transparent}
.tdd {background-color: #dcdcba}
.tdl, .tdd {vertical-align: middle; padding: 4px 8px 8px 8px}
.tdlknop, .tddknop {font-weight: bold; text-align: center; border: 1px outset #c4c4c4; padding: 2px 6px 2px 6px; cursor: pointer}
.tdlknop {color: #102c60; background-color: #c4c4c4}
.tddknop {color: #102c60; background-color: #c4c4c4}
.tdd a, .tdl a {color: #cc0000; text-decoration: none}
.tdd a:hover, .tdl a:hover {color: #cc0000; text-decoration: underline}
.knop {color: #ffffff; font-weight: bold; background-color: #c4c4c4; width: 22px; height: 22px; border: 1px outset #c4c4c4; background-repeat: no-repeat; background-position: center center; cursor: pointer}
.submita {width:  25px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit  {width:  50px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submitb {width:  75px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit1 {width: 100px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submitc {width: 125px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit2 {width: 150px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit3 {width: 200px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit4 {width: 250px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit5 {width: 300px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit6 {width: 350px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit7 {width: 400px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit8 {width: 450px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submit9 {width: 500px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.submitc {width: 610px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.input  {width:  50px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input0 {width:  75px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input1 {width: 100px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input2 {width: 150px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input3 {width: 200px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input4 {width: 250px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input5 {width: 300px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input6 {width: 350px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input7 {width: 400px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input8 {width: 450px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.input9 {width: 500px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.inputa {width: 550px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.inputb {width: 600px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.inputc {width: 610px; color: #102c60; background-color: #ffffff; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.option  {width:  50px; overflow: hidden}
.option0 {width:  75px; overflow: hidden}
.option1 {width: 100px; overflow: hidden}
.option2 {width: 150px; overflow: hidden}
.option3 {width: 200px; overflow: hidden}
.option4 {width: 250px; overflow: hidden}
.option5 {width: 300px; overflow: hidden}
.option6 {width: 350px; overflow: hidden}
.option7 {width: 400px; overflow: hidden}
.option8 {width: 450px; overflow: hidden}
.option9 {width: 500px; overflow: hidden}
.optiona {width: 550px; overflow: hidden}
.optionb {width: 600px; overflow: hidden}
.optionc {width: 610px; overflow: hidden}
optgroup {font-weight: bold}
optgroup option {padding-left: 20px}
select.dtl option {background-position: right; background-repeat: no-repeat}
.titleselect {border: 1px inset #102c60; font-size: 22px; color: #102c60; background-color: #c4c4c4; vertical-align: middle}
.checkbox {color: #102c60}
div.selectiemenu {position: absolute; left: 15%; width: 85%; top: 17px; z-index: 99}
div.zoekmenu {position: absolute; left: 0%; width: 15%; top: 11px; text-align: center; z-index: 98}
.login .input {width: 150px; color: #102c60; border: 1px inset #c4c4c4; padding: 1px 0px 1px 4px; vertical-align: middle}
.login .submit {width: 150px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
.login .opvragen {width: 300px; color: #102c60; background-color: #c4c4c4; border: 1px outset #c4c4c4; font-weight: bold; cursor: pointer}
table.adressen {margin-left: auto; margin-right: auto}
table.adressen td {padding: 5px}
span.groen {color: #00ff00}
span.rood {color: #ff0000}