/*
 * Presentatielaag voor Vincents oorspronkelijke fotopagina page2.html.
 * Posities, afmetingen, kleuren en lettergroottes volgen de Homestead-bron
 * uit 2007. Alleen de vaste reconstructiemelding neemt extra ruimte in.
 */

html {
  min-width: 650px;
}

body.page2-page {
  min-width: 650px;
  min-height: 3024px;
  margin: 0;
  padding: 42px 0 0;
  background: #fff url("Pagina3_files/tekeningsoft.jpg") repeat 0 42px;
  color: #000;
  overflow-x: auto;
}

#page2-canvas {
  position: relative;
  width: 650px;
  height: 2982px;
}

#page2-canvas > div {
  position: absolute;
  box-sizing: border-box;
}

#page2-canvas img {
  display: block;
  max-width: none;
}

.page2-copy {
  font-family: Arial, Helvetica, adobe-helvetica, "Arial Narrow", sans-serif;
  font-size: 13px;
  line-height: 16px;
}

.page2-copy.centered {
  text-align: center;
}

.ontbrekende-afbeelding-bijschrift {
  display: block;
  color: #333;
  font: 10px/13px Arial, Helvetica, sans-serif;
  text-align: center;
  white-space: nowrap;
}

#element9 + #element10 .ontbrekende-afbeelding-bijschrift {
  margin-bottom: 2px;
}

#element19 img {
  display: block;
}

#element19 .ontbrekende-afbeelding-bijschrift {
  margin-top: 2px;
}

#element2  { top: 35px;   left: 318px; width: 246px; height: 328px; z-index: 0; }
#element3  { top: 1734px; left: 407px; width: 205px; height: 345px; z-index: 1; }
#element4  { top: 0;      left: 49px;  width: 549px; height: 50px;  z-index: 2; background: #396; }
#element5  { top: 753px;  left: 359px; width: 200px; height: 308px; z-index: 3; }
#element6  { top: 1406px; left: 64px;  width: 574px; height: 193px; z-index: 4; background: #fff; }
#element7  { top: 7px;    left: 67px;  width: 571px; height: 50px;  z-index: 5; color: #fc0; font: 32px/normal Arial, Helvetica, sans-serif; }
#element8  { top: 63px;   left: 3px;   width: 188px; height: 248px; z-index: 6; }
#element9  { top: 364px;  left: 26px;  width: 282px; height: 231px; z-index: 7; }
#element10 { top: 600px;  left: 44px;  width: 256px; height: 46px;  z-index: 8; }
#element11 { top: 320px;  left: 9px;   width: 170px; height: 46px;  z-index: 9; }
#element12 { top: 2090px; left: 424px; width: 169px; height: 78px;  z-index: 10; }
#element13 { top: 1085px; left: 110px; width: 487px; height: 319px; z-index: 11; }
#element14 { top: 1618px; left: 97px;  width: 210px; height: 366px; z-index: 12; }
#element15 { top: 1405px; left: 76px;  width: 553px; height: 222px; z-index: 13; }
#element16 { top: 1990px; left: 126px; width: 156px; height: 30px;  z-index: 14; }
#element17 { top: 2186px; left: 117px; width: 401px; height: 234px; z-index: 15; }
#element18 { top: 2423px; left: 172px; width: 300px; height: 62px;  z-index: 16; }
#element19 { top: 2752px; left: 42px;  width: 166px; height: 42px;  z-index: 17; }
#element21 { top: 1046px; left: 417px; width: 96px;  height: 30px;  z-index: 19; }
#element22 { top: 932px;  left: 73px;  width: 186px; height: 46px;  z-index: 20; }
#element23 { top: 688px;  left: 73px;  width: 180px; height: 235px; z-index: 21; }
#element24 { top: 2817px; left: 35px;  width: 187px; height: 53px;  z-index: 22; }
#element25 { top: 361px;  left: 327px; width: 243px; height: 46px;  z-index: 23; }
#element26 { top: 2538px; left: 281px; width: 292px; height: 352px; z-index: 24; }
#element27 { top: 2899px; left: 271px; width: 333px; height: 62px;  z-index: 25; }
#element28 { top: 393px;  left: 419px; width: 205px; height: 308px; z-index: 26; }

@media (max-width: 650px) {
  body.page2-page {
    padding-top: 62px;
    background-position-y: 62px;
  }
}
