html, body {
  margin: 0px;
  padding: 0px;
  height:100%;
}

a img {
  border:0px;
}

a {
  color:#b20838;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

p {
  margin:0px 0px 25px 0px;
  padding:0px;
}

.clearfix {
  clear: both;
  height:0px;
  line-height: 0px;
  overflow: hidden;
  font-size: 0px;
}

body { 
  background-color: #f2f2f2;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Sans-Serif;
  font-size: 14px;
  line-height:20px;
  color: #717174;
}

td.body{
  width:990px;
  background-image:url(/interface/images/patroon-dark.gif);
}

.bodyleft{
  background:#7F0627 url(/interface/images/bg-l.jpg) no-repeat right top;
}

.bodyright{
  background:#7F0627 url(/interface/images/bg-r.jpg) no-repeat left top;
}

#site{
  width:990px;
  position:relative;
}

#site .siteTop{
  width:990px;
  background:url(/interface/images/bg_top.jpg) no-repeat left top;
  height:34px;
  color:#606060;
  font-size:11px;
  line-height:18px;
}

#site .siteTop img{
  position:absolute;
  right:0px;
  top:7px;
}

#site #header{
  background: #f2f2f2 url(/interface/images/header.gif) no-repeat left top;
  height:137px;
  width:990px;
  position:relative;
  z-index:30;
}

/* -------------- stijlen: header -------------- */
#header img{
  position:absolute;
  left:315px;
  top:32px;
}

#nav {
  _behavior: url(/scriptlibrary/csshover.htc);
  position: relative;
  margin: 0px auto 0px auto;
  padding: 110px 0px 0px 0px;
  z-index:25;
}

#nav ul{  
  margin:0px;
  padding:0px;
  text-align:center;
}

#nav ul li {
  display:inline;
  padding:0px;
  min-height:1%;
  list-style-type:none;
  position:relative;
}

#nav li a {
  display: inline;
  font-size: 16px;
  line-height:16px;
  padding:0px 12px 20px;
  color:#161515;
  letter-spacing:0px;
  text-decoration:none;
}

#nav li:hover a,#nav li.active:hover a, #nav li.childActive:hover a{
  color:#b20838;
}

#nav li.active a, #nav li.childActive a{
  color:#717174;
}

#nav li.leeg
{
  display:none;
}

#nav li.pre, #nav li.post{
  display:none;
}

#nav ul li ul {
  text-align:left;
  display:block;
  position: absolute;
  left: -9001px;
  width: 181px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  #padding-top:28px;
}

#nav li:hover ul {
  left: 0px;
}

#nav li li, #nav li li.post:hover, #nav li li.pre:hover {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
	clear: both;
  background-image:none;
  background-color:#ffffff;
  opacity:0.85;
  #filter: alpha(opacity=85);
}

#nav li li:hover {
  opacity:1.0;
  #filter: alpha(opacity=100);
}

#nav li li.post, #nav li li.pre{
  display:block;
  width:214px;
  background-color:#ffffff;
}

#nav li li.post{
  height:10px;
}

#nav li li.pre{
  height:8px;
}

#nav ul li li a, #nav ul li:hover li a,
#nav ul li.childActive li a, #nav ul li.childActive:hover li a,
#nav ul li.active li a, #nav ul li.active:hover li a {
  display: block;
  height: auto;
  padding: 6px 18px;
  text-decoration: none;
  font-family: Verdana;
  font-size:14px;
  line-height:18px;
  width:178px;
  color: #3a3a3a;
  position:relative;
  background:none;
}

#nav ul li li.active a, 
#nav ul li li.childActive a,
#nav ul li.active li.active a,
#nav ul li.childActive li.active a,
#nav ul li.active li.childActive a,
#nav ul li.childActive li.childActive a{
  background:none;
}

#nav ul li li a:hover,
#nav ul li.active li a:hover,
#nav ul li.childActive li a:hover{
  color:#ffffff;
  background:none;
  background-color:#ba204c;
}

/* --------------- stijlen: content --------------- */

#site #content{
  width:990px;
  position:relative;
  z-index:20;
  background-color:#ffffff;
  background:#ffffff url(/interface/images/bg_inhoud_rechts.gif) repeat-y right top;
}

#content .inhoud{
  float:left;
  width:604px;
  min-height:330px;
  _height:330px;
  padding:45px 39px 10px 32px;
}

.inhoud .bericht_links{
  float:left;
  width:280px;
}

.inhoud .bericht_rechts{
  float:right;
  width:280px;
}

.inhoud img{
  margin:0px 0px 5px 0px;
  padding:0px;
}

.inhoud .titel, .inhoud h1{
  font-size:18px;
  font-weight:bold;
  margin:0px 0px 13px 0px;
  padding:0px;
  color:#231f20;
}

.inhoud .text{
  float:left;
}

.inhoud #routebeschrijving{
  float:left;
  width:600px;
}

.inhoud .images_left{
  float:left;
  width:300px;
}

.inhoud .images_left img{
  padding-right:25px;
  padding-bottom:15px;
}

.inhoud .images_bottom {
  margin: 2px -13px 2px 0px;
  width: 686px;
  clear: both;
}

.inhoud .images_bottom img {
  float: left;
  margin: 0px 13px 13px 0px;
  padding:0px;
}


#content #footer{
  float:left;
  width:604px;
  padding:10px 39px 18px 32px;
}

#footer .title{
  display:block;
  border-bottom:solid 2px #b20838;
  color:#231f20;
  margin-bottom:12px;
}

#footer .text, #footer .text a{
  font-size:11px;
  color:#878586;
  line-height:14px;
}

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

#footer .text a:hover{
  color:#544251;
}

#content #topfoto{
  z-index:20;
}

#content .contact{
  position:absolute;
  background-color:#000000;
  color:#ffffff;
  top:221px;
  left:675px;
  width:243px;
  padding:66px 36px 15px;
  z-index:50;
}

#content .contact .tekst{
  width:243px;
}

#content .contact .titel{
  font-size:18px;
  font-weight:bold;
  margin-bottom:9px;
}

#content .contact .leesmeer{
  display:block;
  text-align:right;
}

#content .contact img{
  margin:0px 0px 5px 0px;
  padding:0px;
}

#content .contactgegevens{
  color:#ffffff;
  position:absolute;
  bottom:0px;
  left:675px;
  width:243px;
  padding:66px 36px 15px;
}

/* --------------- stijlen:inhoud:referentieoverzicht -------------- */

.inhoud .referentieoverzicht{
  width:600px;
  margin-left:01px;
  float:left;
}
.referentieoverzicht .klik {
  display:block;
  height:135px;
  text-decoration:none;
  color:#717174;
  border-top:solid 1px #b20838;
  border-bottom:solid 1px #b20838;
  margin-bottom:-1px;
  padding:10px 11px;
  position:relative;
}

.referentieoverzicht .klik .verzend{
  width:233px;
  height:26px;
  background:url(/interface/images/Bekijk-deze-referentie.jpg) no-repeat;
  float:right;
  position:absolute;
  right:10px;
  bottom:10px;
  margin:0px;
}

.referentieoverzicht .klik .verzend:hover{
  background:url(/interface/images/Bekijk-deze-referentie.jpg) no-repeat 0px -26px;
}

.referentieoverzicht .klik:hover{
  background-color:#E9E9E9;
}

.referentieoverzicht .even{
  background-color:#ffffff;
  min-width:580px;
  display:block;
  
}

.referentieoverzicht .oneven{
  background-color:#f3f3f3;
  min-width:580px;
  display:block;
}

.referentieoverzicht .even img, .referentieoverzicht .oneven img{
  float:left;
  margin-right:20px;
}

.referentieoverzicht .titel{
  line-height:15px;
  width:auto;
  margin:auto auto 7px auto;
  font-size:14px;
  font-weight:bold;
  font-family:Verdana;
  display:block;
}

.referentieoverzicht a:hover .titel{
  color:#B20838;
}

.inhoud .terug img{
  background: url(/interface/images/Naar-overzicht.jpg) no-repeat;
  float:right;
  width:171px;
  height:26px;
}

.inhoud .terug img:hover{
  background: url(/interface/images/Naar-overzicht.jpg) no-repeat 0px -26px;
  width:171px;
  height:26px;
}

/* -------------- stijlen: content - contactformulier ------------- */

.contactformulier{
  width:700px;
  margin-bottom:20px;
  margin-right:-30px;
  float:left;
}

.contactformulier .regel{
  width:320px;
  margin-bottom:5px;
  padding-right:30px;
  float:left;
}

.contactformulier .regel.breed{
  width:650px;
}

.contactformulier .regel label{
  float: left;
  width:320px;
}

.contactformulier .regel label span{
  color:#B20838;
}

.contactformulier .regel label.verplicht{
}

.contactformulier .regel .input_text{
  float: left;
  width:250px;
  margin:0px;
  margin-bottom:4px;
  border:0px;
  color:#333333;
  padding:3px 5px 3px 5px;
  font-size:13px;
  font-family:Verdana;
  background-color:#ebe9e8;
}

.contactformulier .regel textarea{
  float: left;
  width:600px;
  margin:0px;
  margin-bottom:4px;
  border:0px;
  color:#333333;
  padding:3px 5px 3px 5px;
  font-size:13px;
  background-color:#ebe9e8;
  font-family:Verdana;
}

.contactformulier .regel .btn_verzenden{
  font-weight:bold; 
  font-size:16px;
  float:right;
  margin-right:40px;
  background-color:#000000;
  width:122px;
  height:26px;
  background:url(/interface/images/btn_verstuur.jpg) no-repeat;
}
.contactformulier .regel .btn_verzenden:hover{
  background:url(/interface/images/btn_verstuur.jpg) no-repeat 0px -26px;
}

.contactformulier .foutmelding{
  color:#B20838;
  font-weight:bold;
  font-size:12px;
}

/* ----------- stijlen: content - google map ---------------- */
#googlemap{
  height:550px;
}

#googlemap .routeimage{ 
 width:140px;
 height:26px;
 background-color:#000000;
 background: url(/interface/images/toon-route.jpg) no-repeat;
 float:right;
}

#googlemap .routeimage:hover{
  background: url(/interface/images/toon-route.jpg) no-repeat 0px -26px;
}

.inhoud #container-route-van{
  float:left;
}

.inhoud #container-route-van .route_tonen_knop img{
  width:129px;
  height:26px;
  background: url(/interface/images/btn_verstuur.jpg) no-repeat;
  margin:0px;
  padding:0px;
}

.inhoud #container-route-van .route_tonen_knop:hover img{
  cursor:pointer;
  background: url(/interface/images/btn_verstuur.jpg) no-repeat 0px -26px;
}

.inhoud #container-route-van .route-label{
  padding: 0px 3px;
}

.inhoud #container-route-van #route-straat,
.inhoud #container-route-van #route-nr,
.inhoud #container-route-van #route-plaats{
  border:0px;
  color:#333333;
  margin: auto 3px;
  padding:3px 5px 3px 5px;
  font-size:13px;
  font-family:Verdana;
  background-color:#ebe9e8;
}