/* ------------------------------------------------------- 



	Lay-out Stylesheet | acl.nl



	tableaux - mediamakers

	www.tableaux.nl

	16-04-2007



---------------------------------------------------------- */





html{

	height:100%;

}

body{

	margin:0px;

	padding:0px;

	height:100%;

	background-color:#b6b5b5;	

}



/*** Top ***/



#top{

	width:100%;

	height:82px;

	border-bottom:1px solid #FFFFFF;

}

#topLogo{

	height:100%;

	width:183px;

	text-align:center;

	background-color:#FFFFFF;

	border-right:1px solid #FFFFFF;

	float:left;

}

#topContent{

	height:100%;

	width:664px;

	background-color:#ed1c24;

	border-right:1px solid #FFFFFF;

	float:left;

	text-align:right;

}

#language{

	margin-top:7px;

	margin-right:30px;

}

#language a{

	margin-left:10px;

}

#zoeken{

	margin-top:15px;

	margin-right:30px;

}



/*** Einde Top ***/



/*** Menu ***/



#menu{

	width:100%;

	height:23px;

	border-bottom:1px solid #FFFFFF;

}

#menuGradient{

	height:100%;

	width:183px;

	float:left;

	border-right:1px solid #FFFFFF;

	background:url("../images/UI/menugradient.gif");

}

#menuContent{

	height:100%;

	width:664px;

	background-color:#FFFFFF;

	border-right:1px solid #FFFFFF;

	float:left;

	padding:0px;

}

#menuContent ul{

	margin:3px 0px 0px 0px;

	padding:0px;

	list-style:none;

	overflow:hidden;

}

#menuContent ul li{

	float:left;

	margin:0px;

	padding:0px;

	list-style:none;

	border-left:2px solid #b62b33;

	padding:0px 10px 0px 8px;

	margin-left:-2px;

	height:15px;

}

#menuContent ul li a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

	text-transform:uppercase;

	color:#b62b33;

	maring-top:0px;

	vertical-align:top;

}

/*** Einde Menu ***/



/*** Middle ***/



#middle{

	width:100%;

	height:209px;

	border-bottom:1px solid #FFFFFF;

}

#middleLeft{

	height:100%;

	width:183px;

	float:left;

	border-right:1px solid #FFFFFF;

	background:url("../images/UI/middleLeft.jpg");

	background-repeat:no-repeat;

	color:#FFFFFF;

}

#middleHeader{

	height:100%;

	width:664px;

	background-color:#FFFFFF;

	border-right:1px solid #FFFFFF;

	float:left;

}

#leftHeader{
	position: relative;
	float: left;
	height: 209px;
	width: 332px;
	margin: 0px;
}
#rightHeader{
	position: relative;
	float: left;
	height: 209px;
	width: 332px;
	margin: 0px;
}



#middleLeft ul{

	list-style:none;

	margin:10px 0px 0px 0px;

	padding:0px;

}

#middleLeft ul li{

	margin:5px 10px 5px 10px;

}

#middleLeft ul li a{

	color:#fff;

	text-decoration:none;

}



/*** Einde Middle ***/



/*** Main ***/



#background{

	display:table;

	background:url("../images/bg.gif");

	background-repeat:repeat-x;

	width:100%;

}

#container{
	position: relative;
	height: 100%;
	width: 849px;
	margin: 0px auto;
	border-left: 1px solid #ffffff;
	background-image: url('../images/container.gif');
	background-repeat: repeat-y;
}


#main{

	display:table;

	background:url("../images/UI/mainLeft.jpg");

	background-repeat:no-repeat;

}

#mainTop{

	display:table;

	width:100%;

}

#mainLeft{

	width:183px;

	float:left;

}

#mainContent{

	width:664px;

	background-color:#d4d4d4;

	border-left:1px solid #FFFFFF;

	border-right:1px solid #FFFFFF;

	float:left;

}

#cmsContent{

	width:90%;

	margin:30px;

}



#mainBottom{

	display:table;

	border-top:1px solid #FFFFFF;

	border-bottom:1px solid #FFFFFF;

	height:54px;

	width:100%;

	overflow:hidden;

}

#adrespanel{

	position:absolute;

	left:10px;
	
	margin-top: -125px;
	*margin-top: -115px;

	color:#FFFFFF;

	height:150px;

}



/*** Einde Main ***/



/*** Bottom ***/



#bottomLeft{

	display:block;

	height:54px;

	width:183px;

	float:left;

	border-right:1px solid #FFFFFF;

	overflow:hidden;

}

#bottomContent{

	height:54px;

	width:664px;

	background-color:#d4d4d4;

	border-right:1px solid #FFFFFF;

	float:left;

}



/*** Einde Bottom ***/