html { height: 99%; }
body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
    height: 99%; margin: 0 0 0 0;
}
div.outliner { height: 100%; }
.showbox { margin-left: 4px; margin-top: 4px; }
div.tbar { margin-left: 4px; margin-top: 4px; padding: 2px; display: inline-block; }
div.sbar { border: 0 solid black; margin-left: 4px; margin-top: 0px; padding: 2px; display: inline-block;}
table.totblok { display: inline-block; border: 0px solid black; margin-top: 10px;}
td.dbl { border-bottom: 3px double black; border-top: 1px solid black;}
td.snglonly { border-top: 1px solid black; }
td.sngl { border-bottom: 1px solid black; border-top: 1px solid black;}
div.plpad { padding: 4px 2px 2px 3px;}
div.bigtbar { padding: 4px; }
div.tt { display:  inline-block; margin-top: 20px;}
div.ttmin { display: inline-block; margin-top: 0px;}
button.bigone { padding: 20px; margin-right: 4px; }
.negmar { margin-top: -19px;}
.negmar2 { margin-top:  -10px; }
.inlblock { display: inline-block; vertical-align: middle;}
div.top10 { margin-top: 8px;}
input.spinnumber { width: 15px; text-align: right; }
.selfilter  { width: 60px;}
.aap { padding: 0 0 0 0;}
.koptext    { font-size: 1.3em; font-weight: bold; text-decoration: underline; margin-left: 50px;}
.vettergl   { font-weight: bold; text-decoration: underline;}
.messtext   { font-size: 1.3em; margin-left: 50px;}
div.showbox     { height: 80%;  overflow: auto;}
table.infotab { width: 50%;  table-layout: fixed; }
table.infofull { width: 95%; table-layout: fixed;  }
table.infomax { width: 95%; table-layout: fixed; max-width: 1000px;}
table.info80 { min-width: 930px; width: 80%; table-layout: fixed;  }
table.info60 { min-width: 780px; width: 60%; table-layout: fixed;  }
table.info40 { min-width: 600px; width: 40%; table-layout: fixed; }
table.info100 { width: 100%; table-layout: fixed; }
td { vertical-align: text-top;font-size:12px;}
input.text { margin-left: 5px; padding-left: 5px; margin-bottom: 10px; }
input.number { margin-left: 5px; padding-right: 5px; margin-bottom: 10px; text-align: right;}
input.small { width: 50px; margin-bottom: 5px;}
select.text { margin-left: 5px; padding-left: 5px; margin-bottom: 10px; width: 120px;}
textarea.txtar { margin-left:  5px; padding-left: 5px; width: 500px; height: 9em; }
button.under { margin-left: 50px; margin-top: 10px;}
.txtnxtbutton { vertical-align: sub; margin-left: 20px; }
p.validateTips { font-size: 1em; }
td.tcent { text-align: center; }
td.tleft { text-align: left; }
td.tright { text-align: right; }
td.nowrap { white-space: pre; overflow: hidden; text-overflow : ellipsis;}
span.hide { display: none; }
td.txtred { color: red; }
td.errblk { border: 1px solid red;}
td.warnblk { border: 2px solid mediumblue;}
/* voor rechts uitlijning van input : */
div.oneline     { position: absolute; right: 2px;}
input.inline    { display:inline; width: 50%; margin-left: 5px; padding-left: 5px; }
select.inline   { display:inline; width: 120px; margin-right: 20px; padding-right:  5px;}
/* voor de wissel lijst */
ul.liw  { list-style-type: none; margin:  0; padding: 0; margin-bottom: 10px; }
li.liw  { margin: 0px; padding: 5px; width: 95%; display: inline-block;}
#BcdWissellijst { cursor: pointer; }
/* Tonen van icons (met tekst) uit verzameling */
.icon-disp  { text-indent: 20px; display:  block; background-repeat: no-repeat;
              width: 16px; height: 16px; float: right;
              background-image: url("jqui/images/ui-icons_fadc7a_256x240.png");
}
.icon-up    { background-position: 0px -16px; }/* arrowthick-1-n (0, -48) triangle-1-n (0,-16) circle-triangle-n = (-96,-192)} */
.icon-down  { background-position: -64px -16px; }
.icon-updwn  { background-position: -128px -16px }