html {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  }

body {
  height: 100%; 
  max-height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  color: #FCFBDE;
  background-color: #21176F;
  scrollbar-base-color: #EFECF4;
  }
a {color:#FCFBDE; text-decoration:underline;}
a:hover {color: #E82620; text-decoration: underline;}

hr {
  height: 6px;
  background-color:#21176F; 
  border-width: 0px;
  }


#container {
  position: absolute;
  top: 105px;
  left: 105px;
  max-width: 690px;
  padding: 105px;
  overflow-y:auto; 
  overflow-x: hidden;
  visibility: hidden;
  background-color: #FCFBDE;
  color: #141848;
  padding: 5px;
  margin: 0px;
  }
body > #container {position: fixed;}

#container a {color: #E82620; text-decoration: none}
#container a:hover {text-decoration: underline}

#container.breed {
  overflow-x: auto;
  max-width: 1200px;
  }

#menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  overflow:display;
  }
body > #menu {position: fixed;}

#menu_left {
  position: absolute;
  top: 100px;
  left: 0px;
  width: 95px;
  padding: 5px;
  padding-left: 0px;
  overflow: hidden;
  font-size: smaller;
  }
body > #menu_left {position: fixed;}

#menu_left button {font-size: inherit; width: 90px;}

#menu_right {
  position: absolute;
  top: 100px;
  left: 110px;
  width: 95px;
  padding: 5px;
  overflow: hidden;
  font-size: smaller;
  visibility: hidden;
  }
body > #menu_right {position: fixed;}

#menu_right input {font-size: inherit; width: 90px;}
#menu_right select {font-size: inherit; width: 95px;}
#menu_right button {font-size: inherit; width: 95px;}

#afbeelding_links {
  position: absolute;
  top: 2px;
  links: 0px;
  visibility: hidden;
  }
body > #afbeelding_links {position: fixed;}
#afbeelding_rechts {
  position: absolute;
  top: 2px;
  links: 0px;
  visibility: hidden;
  }
body > #afbeelding_rechts {position: fixed;}

#middenvlak {
  position: absolute;
  top: 10px;
  }
body > #middenvlak {position: fixed;}