body {
  background: #DEDDD3;
}

#top {
  position: absolute;
  margin-left: -400px;
  left: 50%;
  top: 5px;

}

#bloemen {
  position: absolute;
  margin-left: -400px;
  left: 50%;
  top: 145px;
  background-image: url('bloem.jpg');
  width: 800px;
  height: 440px;
}

#nieuws {
  position: absolute;
  border: 1px dotted #978c7a;
  left: 500px;
  top: 110px;
  width: 250px;
  height: 250px;
  padding: 5px;
  color: #524b41;
  text-align: center;
  font-style: italic;
}

#tekst {  
  position: absolute;
  left: 200px;  
  top: 0px;
  width: 592px;
  height: 96%;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 8px;
  color: #524b41;
  font-size: 14px;
  overflow: auto;
  scrollbar-arrow-color: #524b41;
  scrollbar-face-color: #DEDDD3;
  scrollbar-highlight-color: white;
  scrollbar-3dlight-color: #DEDDD3;
  scrollbar-shadow-color: #524b41;
  scrollbar-darkshadow-color: #524b41;
  scrollbar-track-color: #DEDDD3;
}

h1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  font-variant: small-caps;
}

#menu1 {
  position: absolute;
  left: 20px;
  top: 38px;
}
#menu2 {
  position: absolute;
  left: 20px;
  top: 82px;
}
#menu3 {
  position: absolute;
  left: 20px;
  top: 126px;
}
#menu4 {
  position: absolute;
  left: 20px;
  top: 170px;
}
#menu5 {
  position: absolute;
  left: 20px;
  top: 214px;
}
#menu6 {
  position: absolute;
  left: 20px;
  top: 258px;
}
#menu7 {
  position: absolute;
  left: 20px;
  top: 302px;
}
#menu8 {
  position: absolute;
  left: 20px;
  top: 346px;
}
a.menu1, a.menu2, a.menu3, a.menu4, a.menu5, a.menu6, a.menu7, a.menu8 {
  display: block;
  height: 30px;
  width: 150px;
  text-align: center;
  font-family: times;
  font-size: 15px;
  color: #524b41;
  text-decoration: none;
  line-height: 25px;
  font-weight: bold;
}
a.menu1 {
  background-image: url('menu1.jpg');
}
a.menu2 {
  background-image: url('menu2.jpg');
}
a.menu3 {
  background-image: url('menu3.jpg');
}
a.menu4 {
  background-image: url('menu4.jpg');
}
a.menu5 {
  background-image: url('menu5.jpg');
}
a.menu6 {
  background-image: url('menu6.jpg');
}
a.menu7 {
  background-image: url('menu7.jpg');
}
a.menu8 {
  background-image: url('menu8.jpg');
}
a.menu1:hover, a.menu2:hover, a.menu3:hover, a.menu4:hover, a.menu5:hover, a.menu6:hover, a.menu7:hover, a.menu8:hover {
  color: #23201b;
}
a.menu1:hover {
    background-image: url('menu1_.jpg');
}
a.menu2:hover {
    background-image: url('menu2_.jpg');
}
a.menu3:hover {
    background-image: url('menu3_.jpg');
}
a.menu4:hover {
    background-image: url('menu4_.jpg');
}
a.menu5:hover {
    background-image: url('menu5_.jpg');
}
a.menu6:hover {
    background-image: url('menu6_.jpg');
}
a.menu7:hover {
  background-image:url('menu7_.jpg');
}
a.menu8:hover {
  background-image:url('menu8_.jpg');
}
img.startfoto {
  width: 110px;
  height: 80px;
  border-style: none;
}

img.foto {
  width: 180px;
  height: 130px;
  border-style: none;
}

img.foto2 {
  height: 100px;
  width: 133px;
  border-style: none;
}

a.fotolink {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #524b41;
}

a.fotolink:hover {
  text-decoration: underline;
}

input.text {
  height: 12px;
  font-size: 12px;
  width: 200px;
}

a {
    color: #524b41;
}

img {
  border-style: none;
}