/*	=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 "Lucida grande", verdana, sans-serif;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 20px 1em 0;
}
h1, h2, h3{
	font-family: "Trebuchet MS", Arial, verdana;
	font-weight:bold;
}
h1{
  color:#FFF;
	font-size:210%;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{
  clear:left;
  color:#666662;
  font-size:1.667em;
  line-height:0.9em;
  margin:0 0 0.9em 0;
}
h3{
  color:#666662;
  font-size:1.333em;/*16px*/
  line-height:1.125em;/*18px*/
  margin-top:1.125em;/*18px*/
	margin-bottom:1.125em;/*18px*/
}
p{
  color:#666662;
  margin-bottom:1.5em;
}
#content-main ul{
  color:#666662;
}

/* =links
------------------------------------------------------------------*/
a:link, a:visited{
  color:#666662;
  border-bottom:1px dotted;
	font-weight:bold;
}
a:hover, a:focus, a:active{
  border-bottom:1px solid;
}
a:focus, a:active, a.busy{

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

/*	=images
------------------------------------------------------------------*/

/*	=generic
------------------------------------------------------------------*/
.float-left{
  float:left;
  margin:0 1em 1em 0;
}
.float-right{
  float:left;
  margin:0 0 1em 1em;
}

/*	=layout blocks
------------------------------------------------------------------*/
body{
  background: #E1DEBC url(/images/body-bg.jpg) repeat-x 0 0;
  text-align:center;
	}
#wrap{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:738px
}
#header{
 position:relative;
 height:126px;
}
#content{
  clear:left;
	position:relative;
	overflow:auto;
	}
#content-main{
  float:left;
  padding-top:1.5em;
  width:486px;
}
#content-sec{
  float:right;
  padding-top:3em;
	width:234px;
}
#footer-wrap{
  background-color: rgb(186,186,85);
  margin-top:4.5em;
  padding:1.5em 0;
  text-align:center;
}

/* =header
------------------------------------------------------------------*/
#header a{
  border:none;
}

/* branding */
#branding{
  margin-bottom:18px;
}
h1 a{
  background:url(/images/logo.jpg) no-repeat 0 100%;
  display:block;
  height:71px;
  text-indent:-3000px;
  width:162px;
}
#branding p{
  color:#CFD7E9;
  font: 1.3333em "Trebuchet MS", Arial, sans-serif;
  left:180px;
  line-height:95px;
  position:absolute;
  top:0;
}

/* =navigation
------------------------------------------------------------------*/
#navigation{
  border-top:1px solid #637bb3;
  float:left;
  background:#506ca9;
  position:absolute;
  bottom:0;
  width:738px;
}
#navigation a{
  text-decoration:none;
}
#navigation a:hover{
  text-decoration:underline;
}

/* =nav-main */
#nav-main{
  background:#506ca9 url(/images/nav-main-bg.gif) repeat-x 0 100%;
  float:left;
	margin:0;
  width:100%;
}
#nav-main li{
  float:left;
}
#nav-main li a{
  background:#506ca9 url(/images/nav-main-a-bg.gif) no-repeat -220px 100%;
  color:#FFF;
  display:block;
  float:left;
  font: bold 1em/2em "Trebuchet MS", Arial, sans-serif;
  font-size:0.917em;
  font-weight:normal;
  padding:.5em 1em;
  text-transform:uppercase;
}
#nav-main a:hover{
  background-position:left bottom;
  text-decoration:none;
}
#nav-main li.busy a, #nav-main li.busy a:hover{
  background:#f0f0e3;
  color:#666662;
}

/* =content-main
------------------------------------------------------------------*/
/* preamble */
#preamble{
  background:#F4F5EB url(/images/preamble-bg.jpg) no-repeat center 0;
  padding-bottom:1.5em;
}
#preamble h2{
  padding:1.8em 0 0 .9em;
}
#preamble p{
  padding-left: 1.5em;
}
#preamble h2, #preamble p{
  color:#666662;
}

/* lists in content */
#content-main li{
  border-top:1px dotted #666662;
  padding:.75em 0 .75em 1.5em;
  background:url(/images/bullet.gif) no-repeat 0 1em;
}
#content-main li ul{
  margin:.75em 0 0 1.5em;
}
#content-main li ul li{
  background:url(/images/nested-li-bg.gif) no-repeat 0 center;
  padding-left:12px;
  font-style:italic;
}
#content-main li a{
  border:none;
}

/* gmap */
#map h3{
  margin:0 0 .5em 0;
}

/* =content-sec
------------------------------------------------------------------*/
#content-sec h3{
  font-size:1.1667em;/*14px*/
  line-height:1.286em;/*18px*/
  margin-bottom:1.286em;/*18px*/;
  margin-top:0;
}
#content-sec p a{
  font-weight:normal;
}

/* prijsofferte en contacteer ons*/
#prijsofferte, #contacteer-ons{
  background:#BABA55;
  margin-bottom:1.5em;
  padding:1.5em;
}
#contacteer-ons{
  background:#6F80A6;
}
#prijsofferte h3, #prijsofferte p, #prijsofferte a, #contacteer-ons h3, #contacteer-ons p, #contacteer-ons a{
  color:#FFF;  
}

/* contact details */
#content-sec #contact-details{
  margin-top:-1.5em;
  padding:1.5em 0 0 0;
}
#contact-details p, #content-sec #contact-details a{
  color:#666662;
}
#contact-details p{
  border-bottom:1px dotted;
  margin-bottom:.75em;
  padding-bottom:.75em;
}

/* =footer
------------------------------------------------------------------*/
#footer{
  background:url(/images/footer-bg.gif) repeat-y 0 0;
  margin:0 auto;
  text-align:left;
  width:738px;
}
#footer>div{
  float:left;
  margin:0 18px 0 0;
  position:relative;
  min-height:200px;
  width:234px;
}
#footer h3{
  background:#999945;
  color: rgb(223,221,196);
  margin:0 0 9px 0;
  padding:3px 9px;
}
#footer p{
  color:#FFF;
  margin:0 0 9px 0;
  padding:0 9px;
}
#footer a{
  color:#FFF;
}

/* contact-info */
#footer .adr, #footer .btw, #footer .url, #footer .url+br{
  display:none;
}
#footer div .download{
  background:url(/images/icon-hcard-download.png) no-repeat 0 center;
  display:block;
  line-height:2.25em;
  padding-left:26px;
  position:absolute;
  right:0;
  top:0;
}

/* cta's */
#cta-list{
  margin:0 0 9px 0;
  padding-bottom:9px;
}
#cta-list li{
  margin:0 0 9px 9px;
}
#prijsofferte-cta a{
  background:url(/images/prijsofferte-cta.gif) no-repeat 0 0;
  border:none;
  display:block;
  height:27px;
  text-indent:-3000px;
  width:216px;
}
#contact-cta a{
  background:url(/images/contact-cta.gif) no-repeat 0 0;
  border:none;
  display:block;
  height:27px;
  text-indent:-3000px;
  width:216px;
}

/* project form */
#projectform div{
  margin-bottom:9px;
}
#projectform-wrap{
  margin:0;
  padding:9px;
  width:216px
}
#login-form label{
  color:#FFF;
}
#login-form input[type="text"]{
  width:150px;
}
#login-form p{
  margin-left:0;
  margin-right:0;
}
#login-form div{
}
#projectform-wrap+p{
  border-top:1px solid #FFF;
  font-size:.917em;
  margin:0 9px;
  padding:1px;
}

/* routeplan */
#footer #routeplan{
  margin-right:0;
}
#routeplan h3+p a{
  border:none;
}

/* site-info */
#footer #site-info{
  background:#BABA55;
  color:#66662E;
  clear:left;
  margin:0;
  padding:1.5em;
  text-align:center; 
}

/* =forms
------------------------------------------------------------------*/
#form{
  background:#F4F5EB;
  margin-bottom:1.5em;
  padding:1em;
}
form div{
  margin-bottom:1.5em;
}
form br{
  display:none;
}
form label{
  display:block;
  margin-bottom:.25em;
}
label, form div{
  color:#666662;
}
input[type="text"], textarea{
  font-size:1em;
  padding:.25em;
  width:20em;
}
input[type="submit"]{
  background:#BABA55;
  border:1px solid #CCC;
  color:#FFF;
  font-size:.9em;
  font-weight:bold;
  padding:0.25em;
  text-transform:uppercase;
}
legend{
  color:#666662;
  display:block;
  font-size:1em;
  font-weight:bold;
  line-height:1.5em;

	margin-bottom:.5em;
	width:400px;
}
legend+div{
  border-top:1px dotted;
  padding-top:1em;
}

/* error handling */
.validation-advice{
  color:red;
  font-size:0.8333em;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
  display:block;
}