#erroroptions {
  display: none !important;
}

.body-top-message,
.header-logout,
.header-blocks {
  display: none;
}

#footer .container {
  background: #FFF;
  color: #000;
}

select, 
input,
button,
textarea,
label,
.control {
  cursor: not-allowed;
  pointer-events: none;
  left: 0px;
  top: 0px;
}

/* Restore the 'normal' radio buttons and checkboxes. Needed because background images do NOT work reliably when printing
 * and there is nothing we can do about it in CSS. In the all media stylesheet, the input element inself is hidden, and a 
 * .control-indicator is used instead. So we need to unhide the input element and hide the .control-indicatior. */
.control {
  position: relative;
}

.control input {
  opacity: 1;
  position: absolute; /* We use relative-absolute positioning to get the input element in front of the label without changing the HTML structure. To just make the input elements visible without changing their position, use position: static */
  top: 0px;
  left: 0px;
  padding-right: 10px;
  z-index: 100;
}

.control-indicator {
  display: none;
}