/* 
 * Deze code is onderdeel van het raamwerk van demanmethetplan (Wessel Heringa) en mag 
 * niet zonder toestemming van de eigenaar worden veranderd of doorverkocht.
 * 
 * demanmethetplan, September 2006, in opdracht van Moving Bits.
 * 
 */
div#mainwrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/* for older browsers than don't understand the auto-align property */
	margin-top:-3px; 
}

div#top {
	width: 960px;
	position: relative; /* needed for use of z-index property */
	z-index: 2;
	/* must be less then div#right.z-index so the right column sits in front of top */
	height:207px;
}

div#contentarea {
	width: 960px;
	text-align: left;
	margin-top:5px;
	position:relative;
	z-index:1;
}

div#middle {
	margin-left:261px; /* equals width of left div (246) + margin (15)*/
	/*margin-top:20px;*/
	/* margin-right:20px; */
	width: 445px; /*520px;*/
	float: left;
	display: inline; /* hack for ie for windows; otherwise it doubles the left margin */
	position:relative;
	z-index:1;
}


div#left {
	position:relative;
	z-index:1;
	width: 231px;
	margin-right:15px;
	float: left;
	margin-left: -726px; /* = - (middle.width + sel.width) */
	/*margin-top:20px;*/
	
}


div#right {
	display:inline;
	width: 213px;
	margin-left:40px;
	float: left;
	position: relative; /* needed for use of z-index property */
	z-index: 3;
	/* must be greater then div#top.z-index so the right column sits in front of top */
 	/*margin-top: 20px;*/ 
}
div#footer {
	width: 960px;
}