﻿html, body, form {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: url(/interface/images/bg-body.gif) repeat-x;
}

#container {
  margin: 0 auto;
  width: 956px;
  min-height: 100%;
  _height: 100%;
  margin-bottom: -122px;
  position: relative;
}

#site {
  padding-bottom: 122px;
  width: 956px;
  background: #ffffff;
  position: relative;
  display: block;
  overflow: hidden;
}

#minimenu {
  position: absolute;
  top: 39px;
  right: 0px;
  height: 13px;
  width: 177px;
  padding-top: 1px;
  overflow: hidden;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #919191;
  background: url(/interface/images/bg-minimenu.gif) no-repeat;
  background-position: 0 3px;
}

#minimenu a {
  color: #919191;
  text-decoration: none;
  float: left;
}

#minimenu a:hover {
  color: #424141;
}

#minimenu .home {
  width: 13px;
  height: 12px;
  display: block;
  overflow: hidden;
  background: url(/interface/images/btn_home.gif) no-repeat;
  background-position: 0 0;
  margin-right: 22px;
}

#minimenu .home:hover {
  background-position: 0 -13px;
}

#minimenu .tsjil {
  width: 75px;
  height: 8px;
  display: block;
  overflow: hidden;
  background: url(/interface/images/btn_tsjil.gif) no-repeat;
  background-position: 0 0;
  margin-left: 22px;
  margin-top: 3px;
}

#minimenu .tsjil:hover {
  background-position: 0 -9px;
}


#left {
  margin: 0;
  padding: 0;
  float: left;
}

#menu {
  margin-top: 15px;
  width: 250px;
  background: url(/interface/images/bg-menu.gif) no-repeat #8e1100;
  min-height: 112px;
  _height: 112px;
  padding-top: 155px;
  padding-bottom: 23px;
  position: relative;
}

#menu a {
  height: 32px;
  width: 219px;
  display: block;
  background: url(/interface/images/bg-menuitem.gif) no-repeat;
  margin: 0;
  padding-left: 31px;
  font-family: Georgia, Serif;
  font-size: 16px;
  color: #fffefe;
  line-height: 32px;
  text-decoration: none;
}

#menu a.active {
  background-image: url(/interface/images/bg-menuitem-hover.gif);
}

#menu a:hover {
  background-image: url(/interface/images/bg-menuitem-hover.gif);
}

#menu .linkhome {
  width: 250px;
  height: 95px;
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#menu .linkhome:hover {
  background: none;
}

#snelcontact {
  position: relative;
  width: 228px;
  height: 107px;
  background: url(/interface/images/bg-contact.gif) no-repeat;
  background-position: 0 0;
  margin-top: 30px;
  font-family: Georgia, Serif;
  font-size: 12px;
  color: #7c7c7c;
  line-height: 24px;
  padding-top: 12px;
  padding-left: 22px;
  display: block;
  text-decoration: none;
}

#snelcontact:hover {
  background-position: 0 -119px;
}

#snelcontact .wasbak {
  position: absolute;
  top: 64px;
  left: 169px;
  border: 0;
  z-index: 5;
  display: block;
}

#topfoto {
  position: relative;
  float: left;
  display: block;
  width: 706px;
  height: 237px;
  margin-top: 68px;
  background: url(/interface/images/tmp/topfoto.jpg) no-repeat;
  padding: 0;
}

#topfoto .titel {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 48px;
  min-width: 244px;
  _width: 244px;
  background: #424141;
  padding-right: 31px;
  padding-left: 31px;
  text-align: right; 
  font-family: Georgia, Serif;
  font-size: 29px;
  color: #ffffff;
  line-height: 48px;
  _margin-bottom: -1px;
  z-index: 50;
}

#content {
  width: 670px;
  float: right;
  padding-top: 27px;
  padding-bottom: 20px;
  color: #706f6f;
  font-family: Verdana;
  font-size: 11px;
  line-height: 18px;
}

#content h1 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 31px;
  background: url(/interface/images/bg-titel.gif) no-repeat 0 0;
  margin-top: 0;
  margin-bottom: 18px;
  height: 29px;
  font-family: Georgia, Serif;
  font-size: 20px;
  font-weight: normal;
  color: #343333;
  line-height: 29px;
}

#content p {
  margin-top: 12px;
  margin-bottom: 13px;
}

#content a {
  color: #8e1100;
  text-decoration: underline;
}

#content a:hover {
  color: #810f00;
  text-decoration: underline;
}

#content img {
  padding: 2px;
  border: 1px solid #d1d1d1;
  cursor: pointer;
}

.foto_rechts
{
  float:right;
  padding: 0;
  margin-left: 15px;
  margin-bottom: 10px;
  clear: both;
  display: block;
}

.fotosonder
{
  clear:both;
  margin-top:10px;
  padding: 0;
  margin-right: -13px;
}
.fotosonder img
{
  margin-bottom:5px;
  margin-left: 0px;
  margin-right: 10px;
}

#contentleft {
  width: 344px;
  _overflow-x: hidden;
  padding-right: 21px;
  float:left;
  position: relative;
}

#contentright { 
  margin-top: 51px;
  width: 289px;
  float: left;
  border-left: 1px solid #bdbdbd;
  padding-left: 14px;
}

#contentright .route {
  border: 0;
  padding: 0;
  cursor: default;
}

.formulier {
  margin-top: 38px;
  width: 365px;
  margin: 0;
  padding: 0;
}

.formulier ul {
  margin: 0;
  padding: 0;
}

.formulier ul li {
  float: left;
  list-style-type:none;
  margin-right: 6px;
}

.lbl {
  width: 122px;
  font-family: Verdana;
  font-size: 11px;
  color: #706f6f;
  float: left;
}

.tbx {
  width: 214px;
  border: 1px solid #bdbdbd;
  float: left;
  margin-bottom: 4px;
  font-family: Verdana;
  font-size: 11px;
  color: #706f6f;
  height: 16px;
  padding-top: 3px;  
  padding-left: 3px;
}

.tbxBericht {
  width: 336px;
  border: 1px solid #bdbdbd;
  font-family: Verdana;
  font-size: 11px;
  color: #706f6f;
  height: 99px;
  padding-top: 3px;  
  padding-left: 3px;
}

#content .btn {
  width: 69px;
  height: 23px;
  padding-left: 12px;
  background: #424141;
  font-family: Verdana;
  font-size: 11px;
  color: #ffffff;
  float: right;
  line-height: 23px;
  margin-right: 24px;
  margin-top: 6px;
  text-decoration: none;
}

#content .btn:hover  {
  color: #ffffff;
  text-decoration: none;
}

#content .cattitel {
  position: absolute;
  right: 3px;
  bottom: 3px;
  height: 22px;
  _bottom: 8px;
  _right: 13px;
  background: #424141;
  padding-right: 31px;
  padding-left: 31px;
  text-align: right; 
  font-family: Georgia, Serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 22px;
  _margin-bottom: 1px;
  z-index: 50;
}

#footer {
  width: 100%;
  background: blue;
  height: 122px;
  position: relative;
  margin: 0 auto;
  background: url(/interface/images/bg-footer.gif) repeat-x;
}

#footer_inner {
  position: absolute;
  left: 50%;
  width: 956px;
  height: 122px;
  margin-left: -478px;
  overflow: hidden;
}

#footer_inner .fotosfooter {
  margin-top: 7px;
}

#footer_inner .tekstfooter {
  margin: 0;
  height: 87px;
  width: 515px;
  float: right; 
  padding-top: 21px;
  padding-bottom: 14px;
  font-family: Verdana;
  font-size: 11px;
  color: #6d6d6d;
  line-height: 18px; 
  position: absolute;
  right: 0;
  top: 0px;
}

#footer_inner .tekstfooter a {
  color: #6d6d6d;
  text-decoration: none;
}

#footer_inner .tekstfooter a:hover {
  text-decoration: underline;
  color: #c2c2c2;
}

/*------styles voor slideshow ---*/

#laag {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	_width: 100%;
	z-index: 500;
	text-align: center;
	line-height: 0;
	background: url(/interface/images/whitebox/bg-laag.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/interface/images/whitebox/bg-laag.png');
  overflow: visible;
}

#whitebox {
  width: 809px;
  height: 568px;
  position: absolute;
  background: #ffffff;
  top: 50%;
  left: 50%;
  margin-top: -284px;
  margin-left: -405px;
  display: block;
  z-index: 600;
}

#whitebox_inner {
  width: 809px;
  height: 568px;
  background: #ffffff;
  position: relative;
  float: left;
  display: block;
  overflow: visible;
} 

#whitebox_inner #titel {
  position: absolute;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 31px;
  top: 15px;
  left: 20px;
  background: url(/interface/images/bg-titel.gif) no-repeat 0 0;
  margin-top: 0;
  height: 29px;
  font-family: Georgia, Serif;
  font-size: 20px;
  font-weight: normal;
  color: #343333;
  line-height: 29px;
}

#whitebox_inner #koptekst {
  position:absolute;
  height: 30px;
  width: 768px;
  top: 50px;
  left: 22px;
  overflow: hidden;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #000000;
  line-height: 16px;
}

#whitebox_inner #close_img {
  position: absolute;
  border: 0;
  z-index: 700;
  top: 5px;
  right: 6px;
  cursor: pointer;
  display: block;
  margin: 0;
}

#whitebox_inner #prev_btn {
  position: absolute;
  width: 45px;
  height: 45px;
  display: block;
  top: 299px;
  left: 12px;
  background: url(/interface/images/whitebox/btn_vorige.png) no-repeat;
  _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/interface/images/whitebox/btn_vorige.png');
  cursor: pointer;
  z-index: 800;
}

#whitebox_inner #next_btn {
  position: absolute;
  width: 45px;
  height: 45px;
  display: block;
  top: 299px;
  right: 12px;
  background: url(/interface/images/whitebox/btn_volgende.png) no-repeat;
  _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/interface/images/whitebox/btn_volgende.png');
  cursor: pointer;
  z-index: 800;
}

#whitebox_inner #imgDiv {
  width: 797px;
  height: 471px;
  position: absolute;
  background-position:center center;
  background-repeat:no-repeat;
  top: 91px;
  left: 6px;
  display: block;
}

#whitebox_inner #txtDiv {
  position: absolute;
  width: 424px;
  height: 119px;
  display: block;
  bottom: 13px;
  left: 161px;
  background: url(/interface/images/whitebox/voorbeelden_tekst_bg.png);
  _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/interface/images/whitebox/voorbeelden_tekst_bg.png');
  z-index: 800;
  padding-left: 17px;
  padding-right: 45px;
  font-family: Verdana, Sans-Serif;
  color: #ffffff;
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
}

#whitebox_inner #txtDiv h1 {
  font-size: 22px;
  color: #ffffff;
  font-weight: normal;
  font-family: Georgia, Serif;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

#whitebox_inner #counter {
  position: absolute;
  right: 207px;
  bottom: 105px;
  width: 35px;
  font-family: Georgia, Serif;
  font-size: 16px;
  color: #ffffff;
  z-index: 900;
  text-align: right;
  height: 18px;
  line-height: 18px;
}

#whitebox_inner #min_btn {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  bottom: 105px;
  right: 171px;
  background: url(/interface/images/whitebox/btn_minimaliseren.gif) no-repeat;
  cursor: pointer;
  z-index: 900;
}

#whitebox_inner #max_btn {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  bottom: 22px;
  right: 379px;
  background: url(/interface/images/whitebox/btn_maximaliseren.gif) no-repeat;
  cursor: pointer;
  z-index: 900;
}

#whitebox_inner #bg_divMax {
  position: absolute;
  bottom: 17px;
  right: 375px;
  width: 75px;
  height: 28px;
  background: url(/interface/images/whitebox/voorbeelden_tekst_bg.png);
  _background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/interface/images/whitebox/voorbeelden_tekst_bg.png');
  z-index: 800;
}




