body, html {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: georgia, arial;
  font-size: 14px;
  color: #443322;
  background: url("image/bg.gif") top center;
}

p { margin: 0px; padding: 8px 16px; text-indent: 10px;}
h1 { margin: 0px; padding: 8px 16px; }
h2 { margin: 0px; padding: 8px 16px; }
h3 { margin: 0px; padding: 8px 16px; text-align: center; }
a { color: #332211; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }

.i { font-style: italic; }
.b { font-weight: bold; }
.u { text-decoration: underline; }

#wrap {
  margin: 0px auto;
  padding: 8px 0px;
  width: 818px;
  background: transparent;
}

#header {
  position: relative;
  background: url("image/header.png");
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 818px;
  height: 146px;
}
input.nav {
  position: relative;
  top: 108px;
  margin: 0px 4px;
  border: 0px;
  background: transparent;
  cursor: pointer;
  height: 22px;
}
input.welkom { background: url("image/welkom_off.png"); width: 72px; }
input.welkom:hover { background: url("image/welkom_on.png"); }
input.trouwkoetsen { background: url("image/trouwkoetsen_off.png"); width: 117px; }
input.trouwkoetsen:hover { background: url("image/trouwkoetsen_on.png"); }
input.rouwkoetsen { background: url("image/rouwkoetsen_off.png"); width: 109px; }
input.rouwkoetsen:hover { background: url("image/rouwkoetsen_on.png"); }
input.autos { background: url("image/autos_off.png"); width: 56px; }
input.autos:hover { background: url("image/autos_on.png"); }
input.diversen { background: url("image/diversen_off.png"); width: 75px; }
input.diversen:hover { background: url("image/diversen_on.png"); }
input.fotoalbum { background: url("image/fotoalbum_off.png"); width: 91px; }
input.fotoalbum:hover { background: url("image/fotoalbum_on.png"); }
input.links { background: url("image/links_off.png"); width: 49px; }
input.links:hover { background: url("image/links_on.png"); }
input.contact { background: url("image/contact_off.png"); width: 68px; }
input.contact:hover { background: url("image/contact_on.png"); }

div.main {
  float: left;
  width: 618px;
}
div.top {
  background: url("image/top.png");
  width: 618px;
  height: 25px;
}
div.middle {
  background: url("image/middle.png");
  width: 618px;
}
div.bottom {
  background: url("image/bottom.png");
  width: 618px;
  height: 25px;
}
div.content {
  margin: 0px auto;
  width: 600px;
}

p.quote {
  background: url("image/quote.png") no-repeat center;
  font-size: 22px;
  text-align: center;
}

div.subnav {
  position: relative;
  background: url("image/subnav.png");
  text-align: center;
  line-height: 50px;
  width: 618px;
  height: 50px;
}
input.subnav {
  position: relative;
  top: 16px;
  margin: 0px 4px;
  border: 0px;
  cursor: pointer;
  height: 22px;
}
a.subnav {
  margin: 4px;
  text-decoration: none;
  font-size: 12px;
  font-family: tahoma;
  font-weight: bold;
  color: #996633;
}
a.subnav:hover {
  text-decoration: underline;
}

#quicklist {
  float: right;
  width: 200px;
  height: 500px;
}
div.quicktop {
  background: url("image/quicktop.png");
  width: 200px;
  height: 25px;
}
div.quickmiddle {
  background: url("image/quickmiddle.png");
  width: 200px;
}
div.quickbottom {
  background: url("image/quickbottom.png");
  width: 200px;
  height: 25px;
}
div.quickcontent {
  margin: 0px auto;
  font-size: 12px;
  color: #aa9966;
  width: 140px;
}
div.quickcontent hr {
  margin: 0px;
  border: 0px;
  background: url("image/hr.png") no-repeat center;
  height: 14px;
}
div.quickcontent a {
  color: #aa9966;
  font-weight: normal;
  text-decoration: none;
}
div.quickcontent a:hover {
  /*text-decoration: underline;*/
  font-weight: bold;
}

table.contact {
  margin: 0px;
  padding: 8px 56px;
}

div.photo {
  margin: 0px 10px;
  padding: 12px 0px 0px 0px;
  text-align: center;
  width: 580px;
}
a.photo { border: 0px; }
img.photo { border: 3px solid #663300; margin: 4px; vertical-align: middle; }
img.photo:hover { border: 3px solid #996633; }

img.home_left {
  float: left;
  margin-right: 12px;
  cursor: pointer;
}
img.home_right {
  float: right;
  margin-left: 12px;
  cursor: pointer;
}

div.copyright {
  font-size: 11px;
  font-family: arial;
  color: #995522;
  text-align: center;
  font-weight: bold;
  line-height: 24px;
  width: 618px;
}
div.copyright a {
  color: #995522;
  text-decoration: none;
}
div.copyright a:hover {
  text-decoration: underline;
}