/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

html { height: 100%; overflow: auto; }

body { background-color: #fff; height: 100%; }
div {  }
h1 { color: #000; font-size: 17px; font-family: Arial; font-weight: 700; margin-bottom: 10px; }
h2 { color: #000; font-size: 17px; font-family: Arial; font-weight: 700; margin-bottom: 10px; }
h3 { color:#54534d; font-family:Arial; font-size:15px; font-weight:normal; margin-bottom: 10px; }
#wrapper { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width:999px; margin-left:auto; margin-right:auto; }
#header{
	width:999px;
	height:346px;
	background-image:url(../../images/header.jpg);
}
#header_contact { background-image: url(../../images/header_contact.jpg); width: 999px; height: 346px; }
#header_giellesse { background-image: url(../../images/header_giellesse.jpg); width: 999px; height: 346px; }
#header_werkwijze { background-image: url(../../images/header_werkwijze.jpg); width: 999px; height: 346px; }
#header_winkel { background-image: url(../../images/header_winkel.jpg); width: 999px; height: 346px; }
#header_noteborn { background-image: url(../../images/header_noteborn.jpg); width: 999px; height: 346px; }
#header_referenties { background-image: url(../../images/header_referenties.jpg); width: 999px; height: 346px; }
#content { background-image: url(../../images/scale_grijs.gif); background-repeat: repeat-y; background-position: 0 0; position: relative; width:999px; height: 100%; }
#content_left {
	float:left;
	width: 510px;
	height:100%;
	min-height:430px;
}
#content_left_text { color: #54534d; font-size:13px; line-height: 18px; margin-top: 75px; margin-right: 30px; margin-left: 45px; }
#content_left_text a { color: #000; font-weight: 700; }
#content_left_text a:hover { color: #54534d; font-weight: 700; }
#content_right { position: absolute; top: 70px; left: 530px; width: 374px; }
#content_midden { background-repeat: no-repeat; background-position: 0 bottom; position: absolute; left: 480px; width: 235px; height: 100%; }
#content_right_nieuws { font-size: 12px; line-height: 16px; position: absolute; top: 55px; left: 740px; width: 220px; padding-bottom: 8px; }

#content_right_nieuws h3 { padding-top:10px; margin-top:0;}


#footer { background-image: url(/images/footer.png);  background-repeat: no-repeat; width: 999px; height: 80px;  }

/* Absolute elementen */
#menu { position:absolute; top: 101px; z-index: 100; margin-left: 210px; }
#logo {
 width:171px;
 height:171px;
 background-image:url(../../images/logo.png);
 position:absolute;
 top:0;
 margin-left:47px;
 z-index:200;
}
#label { position: absolute; top: 303px; width: 516px; height: 125px; z-index: 300; margin-left: 0; }
#blok { color: #fff; font-size: 20px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../../images/nieuwsblok.png); background-repeat: no-repeat; position: absolute; z-index: 400; top: 346px; width: 280px; height: 82px; margin-left: 718px; padding-top: 24px; padding-left: 20px; }
#labeltekst { height:80px; width:440px; position:absolute; top:320px; margin-left:50px; padding-left:10px; padding-top:5px; font-family:Arial; font-size:28px; color:#fff; line-height: 30px; z-index: 500; }
/* Einde absolute elementen */

/*---------------------------------------------------------- clear fix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------------------------------------- */
a { color: #425d2d; text-decoration: underline; }
a:hover { color: #000; }
.kader { border: solid 1px #000; }
ul { margin: 0; padding: 15px 0 0; list-style-type: none; }
li { padding-top: 0; padding-bottom: 10px; border-bottom: 2px solid #fff; }