@charset "UTF-8";
/* CSS Document */

/* STRUCTUUR TEMPLATE */

* {
margin:0;
padding: 0;
}

html, body {
font-family: Helvetica, Arial, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; 
height: 100%;
background-color: #ffffff;
}


/*** BASIC-LEVEL-0 */

div#color-container{
width: 900px;
height: 100%;
margin: 0 auto;
padding: 0;
background-image: url(img/henj_8gr_mensen_w.gif);
background-repeat: repeat-y;
}


div#container{
width: 900px;
height: auto;
margin: 0 auto;
padding: 0;
}

/*** LEVEL-1 */
/* WRAP-LEFT, TOP-WRAP, HEADER-WRAP, CONTENT-WRAP, FOOTER-WRAP */ 
div#wrap-left {
float: left;
width:228px;
height:540px;
margin:0;
padding: 0;
background-color: #fff;
border-right: 2px solid #606c65;
}

div#top-wrap {
float: left;
width:670px;
height: 30px;
margin:0;
padding: 0;
background-color: #000;
background-image: url(img/henj_03.jpg);
background-repeat: no-repeat;
}

div#header-wrap {
float: left;
position: relative;
width:670px;
height: 180px;
margin:0;
padding: 0;
/* background-color: #fff; */
}

div#content-wrap{
float: left;
width:670px;
height: auto;
margin:0;
padding: 0;
background-color: #fff;
border-top: 3px solid #000;
}

div#footer-wrap {
clear: both;
width:670px;
height: 30px;
margin:0;
padding: 0;
background-color: #fff;
}


/*** LEVEL-2 */
/* WRAP-LEFT */
div#logo {
width: 228px;
height: 80px;
margin: 0;
padding: 0;
background-color: #fff;
}

div#mainnav-top  {
width: 228px;
height: 29px;
margin: 0;
padding: 8px 0 0 0;
background-color: #fff;
}

div#mainnav-middle  {
width: 228px;
height: 28px;
margin: 0;
padding: 10px 0 0 0;
background-color: #000;
}

div#projecten {
width: 228px;
height: 176px;
margin: 0;
padding: 22px 0 0 0;
background-color: #777;
background-image: url(img/henj_07.jpg);
background-repeat: no-repeat;
}

div#mainnav-bottom {
width: 228px;
height: 171px;
margin: 0;
padding: 6px 0 0 0;
background-color: #fff;
}

/*** LEVEL-2 */
/* TOP-WRAP */
div#home-search {
float: right;
width: 200px;
height: 30px;
margin: 0;
padding: 0;
/* background-color: #000; */
}


div#funcnav-home {
float: left;
width: 80px;
height: 21px;
margin: 0;
padding: 9px 0 0 0;
/* background-color: #000; */
}


div#lang {
float: left;
width: 60px;
height: 21px;
margin: 0;
padding: 6px 0 0 0;
/* background-color: #000; */
}


div#funcnav-1 {
float: right;
width: 180px;
height: 21px;
margin: 0;
padding: 9px 0 0 0;
/* background-color: #000; */
}

div#funcnav-print {
float: right;
width: 60px;
height: 21px;
margin: 0;
padding: 9px 0 0 0;
/* background-color: #000; */
}

/*** LEVEL-2 */
/* HEADER-WRAP */
div#homeheader {
float: left;
width:468px;
height: 180px;
margin:0;
padding: 0;
border-right: 2px solid #fff;
background-color: #fff;
background-image: url(img/henj_04.jpg);
background-repeat: no-repeat;
}

div#quoteheader {
position: absolute;
top: 0px;
left: 470px;
float: left;
width:200px;
height: 180px;
margin:0;
padding: 0;
/* background-color: #fff; */
}

/*** LEVEL-2 */
/* CONTENT-WRAP */
div#subnav {
float: left;
width:130px;
height: 327px;
margin:0;
padding: 0;
background-color: #fff;
}

div#maincontent {
float: left;
width:310px;
/* deze hoogte mag niet vast staan ivm flexibele hoogte bij maincontent */
height: 317px;
margin: 0;
padding: 10px 20px 0 10px;
}

div#rss {
float: left;
width:200px;
height: 327px;
margin:0;
padding: 0;
}

/*** LEVEL-2 */
/* FOOTER-WRAP */
div#footer {
clear: both;
width:900px;
height: 30px;
margin:0;
padding: 0;
}


/*** LEVEL-3 */
/* WRAP-LEFT */
div#projecten-img-random {
width: 128px;
height: 128px;
margin: 0 49px 0 49px;
padding: 0;
background-image: url(img/pand.jpg);
background-color: #000;
border: 1px solid #fff;
}