/*	=Reset default HTML styles
------------------------------------------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{
	margin:0; padding:0;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* Removes list-style from lists */
ol, ul{list-style:none;}

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}

/* Removes link underline */
a:link, a:visited{text-decoration:none;}

/* Normalizes table behavior */
table{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img{border:0;}

/* Hides hr */
hr{display:none;}

/* Hides skip link */
#skip-to-content{display:none;}

/*	=Typography
------------------------------------------------------------------*/
body{	
  font: 12px/1.5em Verdana, Arial, sans-serif;
  color:#150f0a;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 20px 1em 0;
}
h1, h2, h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, verdana;
	font-weight:bold;
}
h1{
  color:#FFF;
	font-size:210%;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{
  clear:left;
  font-size:1.5em;
  line-height:1em;
	letter-spacing:-0.05em;
  margin-bottom:.5em;
}
h3{
  color:#5a4f4a;
  font-size:1.1667em;
  line-height:1.286em;
	margin-bottom:1em;
}
h3.info{
  background:#fffaf7 url(/images/bullet-check.gif) no-repeat 9px center;
  font-size:1em;
  line-height:1.5em;
  margin:0 0 1.5em;
  padding:9px 6px 9px 28px;
}
p{
  margin-bottom:1.5em;
}
strong{
  font-weight:bold;
}
/* No bottom margin for p width image */
p>img{
  margin-bottom:-1.5em;
}
/* Add border to first p on contact page */
.contact h2+p{
  border:1px dotted #000;
  border-width:1px 0 1px 0;
  padding:.75em;
}

/* =links
------------------------------------------------------------------*/
a:link, a:visited{
  color:#3f9499;
	font-weight:bold;
	text-decoration:underline;
}
a:hover, a:focus, a:active{
	text-decoration:underline;
}
a:focus, a:active, a.busy{

}
a.imglink:link, a.imglink:visited {
	border:none;
}
a.imglink:hover{
	background:transparent;
}

/*	=generic
------------------------------------------------------------------*/
.float-left{
  float:left;
  margin:0 9px 9px 0;
}
.float-right{
  float:right;
  margin:0 0 9px 9px;
}
img{
  background:#fffaf7;
  border:1px solid #e0dcda;
  padding:4px; 
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}


/*	=layout blocks
------------------------------------------------------------------*/
body{
  background: #f5f0ee url(/images/body-bg.gif) repeat-x 0 0;
  text-align:center;
	}
#wrap{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:740px;
}
#header{
  background: #2e2117 url(/images/header-bg.jpg) repeat-x 0 0;
  height:325px;
}
#content{
  clear:left;
  padding:1.5em 0;
	position:relative;
	overflow:auto;
	}
#content-main{
  float:right;
  padding-top:1.5em;
  width:480px;
}
#content-sec{
  float:left;

  padding-top:1.5em;
	width:230px;
}
#footer{
  background:#f7f2e3;
  border-top:1px solid #e0dcda;
  text-align:center;
}
#footer>div{
  margin:0 auto;
  width:740px;
}
.vestiging{
  font-style:italic;
}

/* =header
------------------------------------------------------------------*/
/* branding */
#header h1{
  margin:0;
}
#header h1 a{
  background:url(/images/logo.gif) no-repeat 0 0;
  display:block;
  height:109px;
  text-indent:-3000px;
  margin:0;
  width:328px;
}

#testimonial blockquote{
  padding-top:54px;
  width:330px;
}
#testimonial blockquote p{
  color:#FFF;
  font-family:georgia,'times new roman',serif;
  font-size:18px;
  font-style:italic;
  font-variant:normal;
  font-weight:normal;
  line-height:22px;
  margin-bottom:9px;
}
#testimonial blockquote p cite{
  color:#e4e0de;
  font: 12px/1.2em Verdana, Arial, sans-serif;
}
/* add a little bit of kerning to the surrounding quotes*/
.bq_first_quote{
  letter-spacing:.15em;
}
.bq_last_quote{
  letter-spacing:.15em;
}

/* =nav-main */
#nav-main{
  margin-right:0;
}
#nav-main li a{
  border-top:1px solid #e0dcda;
  color:#5a4f4a;
  display:block;
  font-weight:normal;
  line-height:32px;
  padding-left:4px;
  text-decoration:none;
}
#nav-main li a:hover{
  background:#fffaf7;
}
#nav-main li.current a{
  background:#fffaf7;
  font-weight:bold;
  text-decoration:underline;
}

/* =content-main
------------------------------------------------------------------*/
#content-main ul{
  margin-bottom:18px;
}
#content-main li{
  background:url(/images/bullet.gif) no-repeat 0 12px;
  border-top:1px solid #e0dcda;
  line-height:1.5em;
  padding:7px 0 7px 14px;
}

/* home */
#preamble p{
  font-size:13px;
}
#preamble li{
  background:url(/images/bullet-check.gif) no-repeat 1px center;
  padding-left:21px;
}
#preamble li:hover{
  background-color:#fffaf7;
}
#preamble li a{
  text-decoration:none;
}

/* video */
#video{
  background:#fffaf7;
  border:1px solid #e0dcda;
  margin-bottom:1.5em;
  padding:1.5em;
  text-align:center;
}
.innergetic-matraskern #video:before{/*add note to video div on this page*/
  color:#5a4f4a;
  content:"Onderstaande film legt uit waarom ( geluid aan a.u.b.)";
  display:block;
  font-size:11px;
  padding-bottom:9px;
}

/* 10 redenen opsomming */
.reden{
  border-top:1px solid #e0dcda;
  line-height:1.5em;
  padding:7px 0 7px 0; 
}
.reden h4{
  margin-top:9px;
}
.reden p{
  margin-bottom:9px;
}

/* =content-sec 
------------------------------------------------------------------*/
#meer-info h3{
  display:none;
}
#meer-info a{
  display:block;
  background:url(/images/meerinfo-cta-bg.jpg) no-repeat 0 0;
  height:90px;
  text-indent:-3000px;
  width:230px;
}
#meer-info a:hover{
  background-position:top right;
}

#redenen-cta a{
  background:url(/images/10redenen-cta.jpg) no-repeat 0 0;
  display:block;
  height:90px;
  text-indent:-3000px;
  width:230px;
}
#redenen-cta a:hover{
  background-position:top right;
}

#content-sec img{
  border:none;
  padding:0;
}

/* =footer
------------------------------------------------------------------*/
#footer h2{
  background:url(/images/h2-verdelers.jpg) no-repeat 0 0;
  height:36px;
  margin:0;
  text-indent:-3000px;
  width:740px;
}
#footer p{
  color:#5a4f4a;
  font-size:11px;
  margin:0;
}
p#site-info{
  margin-top:1.5em;
  padding:1.5em 0;
  color:#5a4f4a;
  font-size:11px;
  margin:18px 0 0 0;
}
#footer #verdelers{
  margin-bottom:18px;
  margin-top:18px;
}

.verdeler{
  border-left:1px solid #c7c3c1;
  float:left;
  margin-bottom:18px;
  margin-left:10px;
  padding-left:9px;
  width:170px;
}
.verdeler h3{
  margin:0;
}
.verdeler img{
  background:none;
  border:0;
  padding:0;
}
.verdeler p{
  font-size:10px;
  margin:0;
}
.nomargin{/* remove left margin, clear top row (if present)*/
  border:none;
  clear:left;
  margin-left:0;
  padding-left:0;
}

/* =forms
------------------------------------------------------------------*/
#form{
  background:#fffaf7;
  border:1px solid #e0dcda;
  margin-bottom:1.5em;
  padding:1.5em;
}
form div{
  margin-bottom:10px;
}
form br{
  display:none;
}
form label{
  color:#150f0a;
  display:block;
  font-weight:normal;
}
label, form div{
  color:#FFF;
  font-weight:bold;
}
input[type="text"], textarea{
  border:1px solid #e0dcda;
  font-size:1em;
  padding:.25em;
}

/* error handling */
/* notes & error handling */
.validation-advice{
  background:url(/images/bullet_error.png) no-repeat 0 center;
  color:#CC0000;
  display:block;
  font-size:0.8333em;
  font-weight:normal;
  padding:0 .25em 0 18px;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
}