body {
  margin: 0px;
  background-color: #ff6600;
overflow: auto;
}

td {
  color: #ffffff;
}

div.inhoud {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 96%;
  margin-top: 0%;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0px;
}

div.boven {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 125px; 
  background-image: url("fondocirc.jpg");
  border: black 1px solid;
}

div.tekstvak {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: black;
  font-family: "Arial";
  font-size: 11pt;
  line-height: 1.5;
  color: white;
  border: black 1px solid;
  width: 100%;
  clear: none;
}

div.tekst {
  position: relative;
  top: 0px;
  left: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}


div#floor_hoek {
  position: relative;
  width: 100%;
  height: 131px;
  top: 0px;
  left: 0px;
}

img#floor_hoek {
  position: absolute;
  width: 272px;
  height: 131px;
  right: 0px;
}

div.foto {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: black;
  font-family: "Arial";
  font-size: 11pt;
  line-height: 1.5;
  color: white;
}

div.onder {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  background-image: url("fondocirc.jpg");
  text-align: center;
  border: black 1px solid;
}

div.naschrift {
  position: relative;
  top: 0px;
  left: 0px;
  left-margin: 2%;
  right-margin: 2%;
  bottom-margin: 2%;
  top-margin: 0px;
  width: 96%;
  text-align: center;
  font-family: "Arial";
  font-size: 10pt;
  line-height: 1.5;
  color: white;
}

div.menu {
  position: absolute;
  top: 95px;
  float: right;
      right: 1%;
    font-size: 8pt;
  font-family: "Arial";
  z-index: 3;
}

div#orleonlogo {
  /* position: absolute;
  top: 10px;
  left: 10px; */
  float: left;
  /*  z-index: 4; */
}

span#campus {
  font-family: "Arial";
  font-size: 42pt;
  color: #909090;
}

span#orleon {
  margin-left: 0.3em;
  font-family: "Times New Roman"; 
  font-size: 48pt;
  color: #909090;
}

div.floorlinks {
  width: 288px;
}

span#zininonderzoek {
  margin-left: 1.8em;
  font-family: "Times New Roman";
  font-size: 2.2em;
  font-style: italic;
  color: #ffcc00;
  letter-spacing: 2pt;
  text-align: center;
}

div.floor {
  width: 100%;
}

#floor2 {
  width: 100%;
}

div.floor_tekst {
  position: absolute; 
  top: 10px; 
  left: 10px; 
  width: 120px;
  font-size: 10pt;
  line-height: 1.4;
}

div.chrisdelaat_tekst {
  position: absolute; 
  bottom: 5px; 
  left: 10px; 
  width: 120px;
  font-size: 10pt;
  line-height: 1.4;
}

ul.publicaties {
  list-style-type: none;
  text-indent: -2.5em;
  margin-right: 20px;
}


div.logos {
  position: relative;
  height: 100px;
  width: 680px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}

#logonetwerkimpuls {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 35px;
}

#logowikipedia {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 15px;
}

#logochrisdelaat {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 40px;
}

#logodearend {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 40px;
}

#logohoofdkwartier {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 15px;
}

#logonvoa {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 35px;
}

#logofloor {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 15px;
}
 
#logoimaginarymuseum {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 35px;
}

span.highlight {
  color: #ffcc00;
  font-style: italic;
}


div.footnote {
  position: relative;
  bottom: 2px;
  left: 12%;
  font-family: "Arial";
  font-size: 10pt;
  color: white;
  text-align: center;
  width: 76%;
  height: 20px;
  padding: 4px;
}

a:link {
  color: #ffcc55;
}

a:visited {
  color: #ffcc99;
}

a:active {
  color: #ffee00;
}