html, body { margin:0; padding:0;}
body { background-color: #333333; background-image:url(../images/bg_body.jpg); background-repeat:repeat-x; }

#wrapper{
	position:relative;
	display:block;
	margin:0; padding:0;
	width:900px;
	height:605px;
	margin:0 auto;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:left 100px;
	margin-top:20px;
}
#header{
	position:relative;
	display:block;
	margin:0; padding:0;
	height:100px;
	text-align:right;
}

#contentwrapper {
	position:relative;
	display:block;
	margin:0; padding:0;
	width:900px;
	height:508px;
}

ul#leftMenu { 
	position:relative;
	margin:0; padding:0;
	list-style-type:none;
}

ul#leftMenu li {
	position:relative;
	display:block;
	margin:0; padding:0;
	float:left;
	width: 39px;
	height:509px;
	background-repeat:no-repeat;
}



#mnu_home 				{ background-color: #000000; background-image:url(../images/mnu_home.jpg);}
#mnu_projecten			{ background-color: #999999; background-image:url(../images/mnu_projecten.jpg);}
#mnu_merken				{ background-color: #666666; background-image:url(../images/mnu_merken.jpg);}
#mnu_contact			{ background-color: #336699; background-image:url(../images/mnu_contact.jpg);width:36px;}

ul#leftMenu li a		{ display:block; width:39px; height:509px; margin:0; padding:0;background-repeat:no-repeat; font-size:1%; text-decoration:none;}
ul#leftMenu li a 		{ background-position:bottom;background-image:url(../images/bg_menu_link.jpg);  }

ul#leftMenu li a:hover 	{ background-position:top;background-image:url(../images/bg_menu_link_active.jpg); }

ul#leftMenu li a.mnu_active {background-position:top;background-image:url(../images/bg_menu_link_active.jpg);}

ul#leftMenu li a{
	position:absolute;
	display:block;
	width:39px;
	height:0px !important;
	height /**/:509px; /* for IE5.5's bad box model */
	padding:0;margin:0;
	padding-top:509px;
	overflow:hidden;
}

/* IE5 Mac Hack \*/
#img-logo, #img-titel { overflow: hidden; }
/*/
#img-logo, #img-titel { text-indent: -100em; }
/* End Hack */




#content{
	position:absolute;
	display:block;
	top:45px;
	left:180px;
	height:420px;
	width:715px;
	overflow:hidden;
}

#footer{
	position:absolute;
	height:23px;
	bottom:0px;
	left:180px;
	width:700px;
}

#footer p { margin:0; padding:0;  }

#paging { position:absolute; bottom:20px; right:15px;}


/* DETAIL PER PAGE */
ul#proj_overzicht, ul#proj_overzicht_home {
	list-style-type:none;
	margin:0; padding:0;
	width:715px;
	margin-top:10px;
}

ul#proj_overzicht_home { width:150px;}

ul#proj_overzicht li {
	position:relative;
	margin:0; padding:0;
	width:140px;
	height:140px;
	float:left;
	background-image:url(../images/bg_projecten_overz.jpg);
	padding:18px 19px;
	overflow:none;
}

ul#proj_overzicht_home li {
	position:relative;
	margin:0; padding:0;
	width:105px;
	height:105px;
	float:left;
	background-image:url(../images/bg_home_overz.jpg);
	padding:10px 11px;
	overflow:none;
}

ul#proj_overzicht_home li a img { width:105px; height:105px;}


#project_foto { margin-top:5px; margin-right:20px; padding:19px 19px; height:361px;float:left;background-repeat:no-repeat;}
.wide { width:377px;  background-image:url(../images/bg_project_detail.jpg); }
.long { width:247px; background-image:url(../images/bg_project_detail_long.jpg);}
#project_descr {  position:relative; float:left;margin-top:-15px; margin-right:20px;}


#contact_left {  width:285px; margin-right:40px; float:left;}
#contact_right { float:left; }
#contact_right td { vertical-align:top;}
#contact_right input { border:1px solid #cccccc; margin-bottom:4px;}
#contact_right textarea { border:1px solid #cccccc; width:200px; height:80px;margin-top:4px;}
#txtMerken { width:204px;border:1px solid #cccccc;}
input.btnSend { border:0; width:100px; font-size:10px; color:#bbbbbb; background-color:#f0f0f0;}


/* HOME CONTENT */
div.homeLeft { width:500px; float:left;}
div.homeRight { width:170px; float:right; margin:0; padding:0; margin-top:-70px; }

/* MERK */
div.MerkBeschrijving { height:105px;}
div.MerkOverzciht {}

/* HOME CONTENT */
#merk_left {  width:330px; margin-right:20px; float:left;}
#merk_right { float:left; width:340px;}

span#CommunitedLink {position:absolute; right:0; top:0;}
span#CommunitedLink a{color:#999999; text-decoration:none;}
/* PROJECTEN - SPECIALE PROJECTEN - ZOETERMEER */
.bordered table 
{
	border:solid 1px #000;
}
.bordered td 
{
	border-color:#000;
	border:1px 1px 0 0;
	margin:0px;
	padding:4px;
	background-color:#DDD;
}

/* Speciaal project */
div.tekst
{
	width: 600px;
}

.fotos img
{
	padding: 0 10px 0 0;
}