body {
  background-color: #bcd;
  background-image: url(../images/bgbody.gif);
  background-repeat: repeat-x;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: center;
  color: #222;
  padding: 0;
  margin: 0;
}

#header {
  background-color: #258;
  background-image: url(../images/bgheader.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
#header #center {
  width: 750px;
  text-align: left;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
#header #center #logo {
  width: 95px;
  height: 89px;
  float: left;
  padding: 0;
  margin: 0;
}
#header #center #logo a:link, #header #center #logo a:visited {
  text-decoration: none;
  color: #fff;
}
#header #center #logo img {
  position: relative;
  top: 25px;
  left: 20px;
  border: 0;
  z-index: 1;
}
#header #center ul {
  padding: 69px 0 0 134px;
  border-bottom: 2px solid #e00;
  margin: 0;
}
#header #center ul li {
  display: inline;
  list-style-type: none;
}
#header #center ul li a:link, #header #center ul li a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  padding: 0 10px 0 10px;
  border-bottom: 2px solid #e00;
}
#header #center ul li a:hover, #header #center ul li a:active, #header #center ul #current a:link, #header #center ul #current a:visited {
  background-color: #fff;
  background-repeat: no-repeat;
  color: #000;
  border-bottom: 2px solid #cde;
}
#header #center ul li #wat:hover, #header #center ul li #wat:active, #header #center ul #current #wat:link, #header #center ul #current #wat:visited {
  background-image: url(../images/bgwat.gif);
}
#header #center ul li #waarom:hover, #header #center ul li #waarom:active, #header #center ul #current #waarom:link, #header #center ul #current #waarom:visited {
  background-image: url(../images/bgwaarom.gif);
}
#header #center ul li #wie:hover, #header #center ul li #wie:active, #header #center ul #current #wie:link, #header #center ul #current #wie:visited {
  background-image: url(../images/bgwie.gif);
}
#header #center ul li #uitvoeringen:hover, #header #center ul li #uitvoeringen:active, #header #center ul #current #uitvoeringen:link, #header #center ul #current #uitvoeringen:visited {
  background-image: url(../images/bguitvoeringen.gif);
}
#header #center ul li #alarmpas:hover, #header #center ul li #alarmpas:active, #header #center ul #current #alarmpas:link, #header #center ul #current #alarmpas:visited {
  background-image: url(../images/bgalarmpas.gif);
}
#header #center ul li #bestellen:hover, #header #center ul li #bestellen:active, #header #center ul #current #bestellen:link, #header #center ul #current #bestellen:visited {
  background-image: url(../images/bgbestellen.gif);
}
#header #center ul li #contact:hover, #header #center ul li #contact:active, #header #center ul #current #contact:link, #header #center ul #current #contact:visited {
  background-image: url(../images/bgcontact.gif);
}
#header #center ul li #homepage:hover, #header #center ul li #homepage:active, #header #center ul #current #homepage:link, #header #center ul #current #homepage:visited {
  background-image: url(../images/bghomepage.gif);
}

#content {
  width: 749px;
  background-color: #fff;
  background-image: url(../images/bgcontent.gif);
  background-repeat: repeat-y;
  background-position: bottom left;
  font-size: 14px;
  text-align: left;
  padding: 0 0 8px 1px;
  margin-left: auto;
  margin-right: auto;
}
#content #text {
  width: 335px;
  float: left;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 177px 40px 5px 232px;
}
#content div.index {
  background-image: url(../images/header1.png);
}
#content div.wat {
  background-image: url(../images/header2.png);
}
#content div.waarom {
  background-image: url(../images/header3.png);
}
#content div.wie {
  background-image: url(../images/header4.png);
}
#content div.uitvoeringen {
  background-image: url(../images/header5.png);
}
#content div.alarmpas {
  background-image: url(../images/header6.png);
}
#content div.contact {
  background-image: url(../images/header8.png);
}
#content #text p, #content-large p {
  line-height: 22px;
  margin: 0 0 20px 0;
}
#content #text ul, #content-large ul {
  list-style-type: none;
  line-height: 22px;
  padding: 0;
  margin: 0 0 20px 0;
}
#content #text ul li, #content-large ul li {
  background-image: url(../images/bglistitem.gif);
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
}
#content #text h1, #content-large h1 {
  font-weight: bold;
  font-size: 15px;
  color: #d00;
  margin: 0 0 5px 0;
}
#content #text a:link, #content #text a:visited, #content-large a:link, #content-large a:visited {
  text-decoration: underline;
  color: #d00;
}
#content #text a:hover, #content #text a:active, #content-large a:hover, #content-large a:active {
  text-decoration: underline;
  color: #777;
}
#content table {
  border-collapse: collapse;
  margin: 0 0 30px 0;
}
#content th {
  width: 75px;
  font-weight: normal;
  text-align: left;
}
#content input, #content-large input, #content textarea, #content-large textarea, #content select, #content-large select {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#content input.input, #content-large input.input {
  width: 410px;
}
#content textarea, #content-large textarea {
  width: 410px;
}
#content #text ul.afbeeldingen {
  width: 345px;
  list-style-type: none;
  font-size: 0;
  padding: 0 0 20px 0;
  margin: 0;
}
#content #text ul.afbeeldingen li {
  float: left;
  width: 110px;
  height: 166px;
  background-color: #eee;
  background-image: none;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  padding: 3px 0 3px 0;
  border: 1px solid #bbb;
  margin: 0 3px 2px 0;
}

#content #extra {
  width: 102px;
  float: right;
  padding: 29px 20px 30px 0;
}
#content #extra address {
  font-size: 13px;
  font-style: normal;
  line-height: 30px;
  margin: 0;
}
#content #text {
  background-repeat: no-repeat;
}

#content-large {
  width: 749px;
  background-color: #fff;
  background-image: url(../images/bgcontent-large.gif);
  background-repeat: repeat-y;
  background-position: bottom left;
  font-size: 14px;
  text-align: left;
  padding: 0 0 8px 1px;
  margin-left: auto;
  margin-right: auto;
}
#content-large div {
  background-repeat: no-repeat;
  padding: 177px 30px 5px 30px;
}
#content-large ol {
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 22px;
}
#content-large table.kader {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
#content-large table.kader td {
  border: 1px solid #036;
  padding: 2px 7px 2px 7px;
}
#content-large table.kader th {
  border: 1px solid #036;
  background-color: #cde;
  background-image: url(../images/tabelachtergrond.gif);
  padding: 3px 7px 4px 7px;
  color: #037;
  font-size: 13px;
}
#content-large table.kader th.links {
  text-align: left;
}
#content-large table {
  border-collapse: collapse;
  font-size: 14px;
}
#content-large table td {
  vertical-align: top;
}
#content-large table td.aantal {
  vertical-align: middle;
}

#footer {
  width: 750px;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  padding: 15px 0 20px 0;
  margin-left: auto;
  margin-right: auto;
}
#footer p {
  font-size: 12px;
  padding-left: 232px;
  margin: 0;
}

div.clear {
  clear: both;
  height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
}