@import url(reset.css); /* Eric Meyer's Reworked CSS Reset */

body {
  background: #efe9e2 url(../img/body.gif) repeat-x top left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }

/** Nadrukkelijk overriden meegekopieerde opmaak uit Word e.d. **/

span, p {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
}

/** / Nadrukkelijk overriden meegekopieerde opmaak uit Word e.d. **/

#container {
  width: 943px;
  background: white url(../img/container.gif) repeat-y top left;
  margin-top: 284px;
}

h1 {
  width: 100%;
  height: 181px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  top: 103px;
  left: 0;
  background: transparent url(../img/header1.jpg) no-repeat top left;
}

h1.header-overons, h1.header-producten {
  background-image: url(../img/header3.jpg);
}

h1.header-recreatie {
  background-image: url(../img/header2.jpg);
}

h1.header-fotos {
  background-image: url(../img/header4.jpg);
}

#nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 727px;
  background: white url(../img/armstop.jpg) no-repeat 107px 63px;
  padding-left: 216px;
  padding-top: 71px;
}

#nav li {
  line-height: 32px;
  height: 32px;
  display: block;
  float: left;
  padding: 0 12px;
  border-right: 1px solid #d8d8d8;
}

#nav li a {
  text-decoration: none;
  color: #444;
}

#content {
  margin-left: 140px;
  width: 425px;
  color: #444;
  float: left;
}

#content a { color: #5f5f5f; }

#content h2 {
  font-size: 16px;
  line-height: 18px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 8px;
  margin-bottom: 9px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 { color: #595959; }

#content h3 { font-size: 16px; margin-top: 4px; margin-bottom: 18px; }
#content h4 { font-size: 15px; margin-top: 5px; margin-bottom: 18px; }
#content h5 { font-size: 14px; margin-top: 6px; margin-bottom: 18px; }
#content h6 { font-size: 13px; margin-top: 7px; margin-bottom: 18px; }

#content p, #content li, #content td, #content th, #content pre, #content blockquote {
  line-height: 22px;
}

#content table, #content p, #content ol, #content ul, #content pre, #content blockquote {
  margin-bottom: 18px;
}

#extra {
  width: 225px;
  float: right;
  margin-right: 78px;
}

#extra h3 {
  height: 35px;
  line-height: 35px;
  padding-left: 30px;
  padding-left: 30px;
  font-size: 16px;
}

#extra .yellow h3 {
  background: #e3e0c1 url(../img/extra-yellow-h3.gif) no-repeat top left;
}

#extra .green h3 {
  background: #cce0be url(../img/extra-green-h3.gif) no-repeat top left;
}

#extra .content {
  padding: 10px;
  border-bottom: 1px dotted #c2c6c0;
}

#extra .green .content {
  color: #8e998a;
  background: #e8f1e2 url(../img/extra-green-content.gif) repeat-y top left;
}

#extra .yellow .content {
  color: #99978a;
  background: #f0eede url(../img/extra-yellow-content.gif) repeat-y top left;
}

#extra .green .even {
  background: #f3f8f0 url(../img/extra-green-content-li-even.gif) repeat-y top left;
}

.clear { clear: both; }

#extra h4 {
  font-size: 14px;
  line-height: 18px;
}

#extra .green h3, #extra .green h4, #extra .green a {
  color: #124006;
  text-decoration: none;
}

#extra .yellow h3, #extra .yellow h4, #extra .yellow a {
  color: #534d01;
  text-decoration: none;
}

#extra p { line-height: 20px; }

#extra a:hover { text-decoration: underline; }

#extra input.text {
  border: 1px inset #fff;
  font-size: 12px;
  padding: 0 5px;
}

#extra-loginform label { display: none; }

#extra-loginform #i_username { background: white url(../img/loginform-i_username.jpg) no-repeat top left; }
#extra-loginform #i_password { background: white url(../img/loginform-i_password.jpg) no-repeat top left; }

#extra #extra-loginform input.nobg {
  background-image: none;
}

#footer {
  text-align: center;
  line-height: 72px;
  font-size:11px;
  height: 72px;
}

#footer, #footer a {
  color: #99978a;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#extra li { list-style: disc; margin-left: 18px; line-height: 16px; }

sup {
  position: relative;
  bottom: 3px;
  font-size: 10px;
}

#icon_phone, #icon_email {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  margin-right: 5px;
}

.yellow #icon_phone { background-image: url(../img/icon-phone-yellow.gif); }
.yellow #icon_email { background-image: url(../img/icon-mail-yellow.gif); }
.green #icon_phone { background-image: url(../img/icon-phone-green.gif); }
.green #icon_email { background-image: url(../img/icon-mail-green.gif); }

#content img {
  background: transparent url(../img/shadow.gif) no-repeat bottom right;
  padding: 3px;
  padding-bottom: 6px;
  padding-right: 5px;
  margin: 6px;
}

#sitemap ul { margin: 0; padding: 0; margin-left: 24px; }

#content ul, #content ol { margin-left: 20px; }
#content ul { list-style: disc; }
#content ol { list-style: decimal; }

#eventlist .event { border-bottom: 1px dotted #ccc; margin-bottom: 17px; }
#eventlist .date { margin: 0; color: #887e00; font-size: 14px; }
#eventlist h3 {
  color: #124006;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 8px;
  margin-bottom: 9px;
}

#eventlist a.readmore {
  color: #124006;
  background: transparent url(../img/a-readmore.gif) no-repeat left center;
  padding-left: 14px;
  font-style: italic;
}

.default-form label
{
  width: 14em;
  float: left;
  text-align: left;
  margin-right: 1em;
  padding-left: 1em;
  display: block
}

.default-form input {
  width: 200px;
  font: inherit;
}

.default-form select {
  width: 205px;
}

.default-form textarea {
  margin-left: 1em;
  width: 395px;
  font: inherit;
}

.default-form .submit
{
  margin-left: 16em;
}

#dt-badge {
  background: url(../img/dt-badge.gif) no-repeat;
  display: block; width: 24px; height: 130px;
  position: absolute; bottom: 0px; right: 0px;
  text-indent: -999em;
}