@media all {
  body, form, table, pre                 { margin: 0px; padding: 0px; border: 0px; }
  body, table, input, button, form, pre  { font: 11px Verdana; color: black; }
  
  a, a:visited, a:active                 { color: black; font-weight: bold; text-decoration: none; cursor: hand; }
  a:hover                                { color: white; text-decoration: underline; cursor: hand; }
  
  body.popupcl                           { background-color: #cdcc00; }
  body.popupkc                           { background-color: #b9ced8; }
  .popupcl .kop                          { background-color: #a0a12c; color: white; font-size: 10px; font-weight: bold; padding: 8px; }
  .popupkc .kop                          { background-color: #29a2b4; color: white; font-size: 10px; font-weight: bold; padding: 8px; }
  .label                                 { padding: 5px; }
  .popupcl .buttons                      { padding: 8px; background-color: #f5ffcd; padding: 4px; }
  .popupkc .buttons                      { padding: 8px; background-color: #f7fcfe; padding: 4px; }
  .buttons input, .buttons button        { background-color: #ffffff; margin: 0px 20px; }
  .buttonOK                              { font-weight: bold; }
  .buttonOK, .buttoncancel               { font-size: 10px; }
  
  body.lijstloading                      { background-color: #eeeeee; cursor: wait; }
  body.lijstready                        { background-color: #ffffff; }
  #lijst th                              { border-bottom: 1px solid black; border-right: 1px solid black; cursor: default; }
  #lijst td                              { border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; }
  #lijst tr.ItemIdle                     { cursor: hand; }
  #lijst tr.ItemActive                   { color: white; background-color: #000066; cursor: default; }
  
  /* __________Formulier Aanvulling records__________*/


  body.vm, body.kc                       { padding: 8px }
  .form-records a                        { color: #A0A12C }
  .form-records td input,
  .form-records td textarea              { width: 100% }
  .form-records td input.button          { width: 100px }
  
  .form-records th                       { color: white; text-align: center }
  .vm .form-records th                   { background-color: #A0A12C }
  .kc .form-records th                   { background-color: #29A2B4 }
  
  #message                               { font-weight: bold; color: red; text-align: center; padding: 5px; display: none }
  div.signature                          { height: 15mm; border-color: black; border-style: dotted; border-width: 0px 0px 2px 0px; }
  .vm .button                            { padding: 0px 4px; background-color: #f7fcfe }
  .kc .button                            { padding: 0px 4px; background-color: white }
  .button                                { display: none }
}


@media screen, aural, braille, handheld, projection, tty, tv {
  .printonly                             { display:none }
  #message                               { display: block }
  body.vm                                { background-color: #CDCC00 }
  body.kc                                { background-color: #B9CED8 }
  .vm #message                           { background-color: #F5FFCD }
  .kc #message                           { background-color: #F7FCFE }
  .vm .form-records                      { background-color: #F5FFCD }
  .kc .form-records                      { background-color: #F7FCFE }
  .button                                { display: inline }
}