/*	=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;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 1.5em 1.5em 0;
}
h1, h2, h3{
	font-family: "Lucida grande", "Lucida Sans Unicode", verdana, Arial;
}
h1{
  color:#FFF;
	font-size:210%;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{
  background:url(/images/h2-border.gif) repeat-x 0 100%;
  clear:left;
  color:#826406;
  font-weight:normal;
  font-size: 1.8333em; /* 22px */ 
  line-height: 1.6364em; /* 36px */ 
  margin-right:0;
  margin-bottom: 0.8182em;
}
h3{
  color:#969514;
  background:url(../images/border.gif) repeat-x 0 0;
  font-weight:bold;
  font-size: 1.5em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin: 1.5em 0;
  padding-top:1.5em;
}
#footer h3{
	font-size:100%;
	margin-bottom:.15em;
}
h4{
  margin-bottom:0;
}
p{
  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:#AB8816;
	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;
}

/*	=images
------------------------------------------------------------------*/
img, .lightbox_gallery_list li{
  background:#FFF;
  display:block;
  padding:6px;
  border:1px solid #c9bf9a;
}
#content-sec img, .no-border img{
  border:none;
  padding:0;
}

/*	=generic
------------------------------------------------------------------*/
.float-left{
  float:left;
}
.float-right{
  float:right;
}

/*	=layout blocks
------------------------------------------------------------------*/
body{
  background: #fcde8e url(../images/body-bg.gif) repeat-x 0 0;
  color:#464B52;
  text-align:center;
	}
#wrap{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:950px;
}
#header-wrap{
}
#header{
  margin:0 auto;
  position:relative;
  text-align:left;
  width:950px;
}
#content{
  clear:left;
  margin:0 auto;
	overflow:auto;
	padding:2em 0;
	position:relative;
	text-align:left;
  width:950px;
	}
#content-main{
  float:left;
  position:relative;
  width:618px;
}
#content-sec{
  float:right;
  padding-top:4.5em;
  width:282px;
}
#footer-wrap{
  background:#c99f07;
  text-align:center;
}
#footer{
  margin:0 auto;
  padding:3em 0;
  text-align:left;
  width:846px;
}

/* =header
------------------------------------------------------------------*/
h1{
  margin:0;
}
h1 a{
  background:url(../images/logo.gif) no-repeat 0 0;
  display:block;
  height:91px;
  text-indent:-3000px;
  width:256px;  
}
h1 a:hover{
  background-position:top right;
}
/* =navigation
------------------------------------------------------------------*/
#navigation a{
  text-decoration:none;
}
#navigation a:hover{
  text-decoration:underline;
}

/* =nav-main */
#nav-main{
  top:40px;
  float:left;
	margin:0;
	position:absolute;
	right:0;
}
#nav-main li{
  float:left;
  background:#a3a231 url(../images/nav-main-bg.gif) no-repeat 0 0;
  padding-left:1em;
  margin-left:1.5em;
}
#nav-main li:first-child{
  margin-left:0;
}
#nav-main li a{
  background:#a3a231 url(../images/nav-main-bg.gif) no-repeat 100% 0;
  color:#FFF;
  display:block;
  float:left;
  font-family: "Lucida grande", verdana, sans-serif;
  font-size:0.917em;
  font-weight:bold;
  line-height:1.636em;
  padding:.75em 1em .75em 0;
  text-decoration:none;
  text-transform:uppercase;
}
#nav-main li a:hover{
  text-decoration:underline;
}
#nav-main li.busy a{
  background:#FFF9EB;
  color:#524006;
}

/* =content-main
------------------------------------------------------------------*/
#content-main li{
  background:url(../images/bullet.gif) no-repeat 0 .4em;
  padding-left:18px;
}

/* landing page */
#preamble{
  background:url(../images/preamble.jpg) no-repeat 0 0;
  text-indent:-3000px;
  height:216px;  
}
#preamble+p{
  font-family: "Lucida grande", "Lucida Sans Unicode", verdana, Arial;
	font-size:1.1667em;/*14px*/
	line-height:1.929em;/*27px*/
	font-style:italic;
	margin:0 0 1.286em 0;/*18px bottom margin*/
}

#voor-elke-stijl{
  float:left;
  width:318px;
}
#voor-elk-budget{
  float:left;
  width:300px;
}
#voor-elke-stijl p{
  margin-right:3em;
}

/* =content-sec
------------------------------------------------------------------*/
#content-sec h3{
  font-size:1.083em;/*14px*/
  color:#000;
}

/* contact info */
.vcard{
  margin-bottom:1.5em;
}
.vcard{
  margin-bottom:.75em;
  font-size:0.917em;/*11px*/
}
.vcard .adr, .vcard .tel{
  margin-bottom:0.692em;
}

.contact-info h3{
  font: bold 1em/1.5em "Lucida grande","Lucida Sans", verdana, sans-serif;
  margin-bottom:1em;
  margin-top:0;
}
.contact-info{
  background:#f7f2e3;
  float:left;
  padding:18px;
  position:relative;
  width:522px;
}
.contact-info .naam-en-adres{
  border-right:1px solid #e9e2cb;
  float:left;
  margin-right:17px;
  width:270px;
}

/* Offerte aanvraag */
#offerte-aanvraag h3{
  background:url(../images/offerte-aanvraag-bg.gif) no-repeat 0 0;
  color:#FFF;
  margin:0;
  padding:1.384em 1.384em 0.692em 1.384em;/*18px*/
}
#offerte-aanvraag p{
  background:url(../images/offerte-aanvraag-border.gif) repeat-x 0 0;
  color:#FFF;
  font-size:0.917em;/*11px*/
  width:246px;
  margin:0 1.636em 0 1.636em;/*18px*/
  padding:.818em 0 1.636em;/*9px 18px*/
}
#offerte-aanvraag a{
  color:#fcde8e;
  font-weight:normal;
}
#offerte-aanvraag{
  background:url(../images/offerte-aanvraag-bg.gif) no-repeat 0 100%;
}
#meer-info h3{
  background:none;
  padding:0;
  margin-bottom:0.643em;/*27px*/
  margin-top:1.928em;/*27px*/
}

/* =footer
------------------------------------------------------------------*/
#footer p{
  color:#FFF;
  text-align:center;
}
#footer a{
  color:#FFF;
}

/* =forms
------------------------------------------------------------------*/
#form{
  background:#F7F2E3;
  padding:1.5em;
}
form div{
  margin-bottom:10px;
}
form br{
  display:none;
}
form label{
  display:block;
}
label, form div{
  color:#82642b;
  font-weight:bold;
}
input[type="text"], textarea{
  font-size:1em;
  padding:.25em;
  border:1px solid #c6c2b6;
}
input[type="submit"]{
  background:url(/images/submit-btn.gif) no-repeat 0 0;
  border:none;
  color:#FFF;
  font-size:.75em;
  font-weight:bold;
  line-height:2em;
  height:18px;
  padding:0 16px 0 16px;
  text-transform:uppercase;
}
input[type="reset"]{
  background:url(/images/submit-btn.gif) no-repeat 0 0;
  border:none;
  color:#FFF;
  font-size:.75em;
  font-weight:bold;
  line-height:2em;
  height:18px;
  padding:0 16px 0 16px;
  text-transform:uppercase;
}
textarea{
  height:170px;
  width:450px;
}

/* notes & error handling */
.validation-advice{
  color:red;
  display:inline;
  font-size:0.8333em;
  font-weight:normal;
  padding:0 .5em;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
}


/* =footer
------------------------------------------------------------------*/
#footer a{
  text-decoration:none;
}
#footer a:hover{
  text-decoration:underline;
}
#footer p{
  margin:0;
}}
