BODY {
  margin: 0;
  font-family: Arial, Helvetica , sans-serif;
  /* This seemed OK, but some javascript controls
   have trouble with that like 'popup' menus etc.
   Level is used for the layout system. Make sure components are not larger
   than the space given.
   */ }
  BODY > DIV#main {
    position: relative;
    margin: 0 auto 0 auto; }
  BODY DIV.error {
    z-index: 999;
    background-color: white;
    padding: 4px;
    border: 4px solid red; }
  BODY P.error {
    z-index: 999;
    background-color: white;
    padding: 4px;
    border: 4px solid red;
    font-size: 16px; }
    BODY P.error A {
      text-decoration: underline; }
  BODY DIV.Source {
    overflow-y: auto;
    overflow-x: hidden; }
  BODY DIV.Empty {
    border: 1px solid red; }
  BODY A {
    text-decoration: none;
    color: black; }
  BODY IMG {
    border: 0; }

UL.MenuBar {
  list-style: none;
  padding-left: 4px;
  margin: 0;
  overflow: hidden; }
  UL.MenuBar > LI {
    padding-top: 2px;
    display: inline-block;
    height: 100%;
    min-width: 60px;
    max-width: 140px;
    text-align: center; }
    UL.MenuBar > LI A {
      font-weight: bold;
      white-space: nowrap; }

FORM#zoek {
  box-sizing: border-box; }
  FORM#zoek .input-group {
    display: table;
    width: 100%;
    border-collapse: separate;
    float: left; }
  FORM#zoek .search-for {
    position: relative;
    width: 300px;
    float: left; }
  FORM#zoek .addon {
    position: relative;
    display: table-cell;
    width: 120px;
    vertical-align: top;
    white-space: nowrap; }
  FORM#zoek .category {
    position: relative;
    overflow: hidden;
    height: 47px;
    margin: 0;
    padding: 0;
    border: 1px solid;
    background-color: #fff;
    box-shadow: inset 0 1px 3px #dbdad7;
    float: left; }
    FORM#zoek .category SELECT {
      width: 170%;
      height: 45px;
      padding: 0.5em;
      cursor: pointer;
      border: none;
      background-color: transparent;
      background-image: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
  FORM#zoek .buttonSpan {
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: top;
    white-space: nowrap; }
  FORM#zoek INPUT {
    display: inline-block;
    padding-left: 4px;
    font-size: 17.15px;
    border: 1px solid;
    margin: 0;
    top: 0;
    height: 45px;
    width: 100%; }
  FORM#zoek BUTTON {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 114px;
    height: 49px; }
    FORM#zoek BUTTON IMG {
      margin: 0; }

DIV#suggesties DIV.Suggesties {
  background-color: #fff;
  border: 4px solid white;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  width: 392px;
  overflow-y: auto;
  overflow-x: hidden; }
  DIV#suggesties DIV.Suggesties > UL {
    list-style: none;
    padding-left: 4px;
    margin: 0 10px 0 0;
    max-height: 400px; }
    DIV#suggesties DIV.Suggesties > UL > LI {
      text-align: left;
      font-size: 9pt;
      white-space: nowrap;
      list-style: none;
      list-style-image: none;
      list-style-position: outside;
      list-style-type: none; }
      DIV#suggesties DIV.Suggesties > UL > LI > A {
        display: block;
        width: 392px; }

DIV.TasInfo SPAN {
  font-weight: bold;
  padding: 4px;
  position: absolute;
  bottom: 0;
  text-align: center; }

DIV.MerkLogo .MerkLogo {
  margin-top: 8px;
  vertical-align: middle;
  max-height: 50px;
  max-width: 220px; }