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


body{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url('../images/background.jpg');
	background-position: top center;
	background-attachment: fixed;
}

#container{
	height: 100%;
	width: 1010px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}


/* top gedeelte */
#top{
	height: 626px;
	width: 1010px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
	background-image: url('../images/top2.png');
	background-repeat: no-repeat;
	z-index: 10;
	/*filter: alpha(opacity=50);*/
}

#header{
	height: 453px;
	width: 708px;
	position: absolute;
	margin-top: 40px;
	margin-left: 14px;
	z-index: 1;
	overflow: hidden;
}

#menuContainer{
	width: 235px;
	margin-top: 235px;
	margin-left: 767px;
	float: left;
	position: absolute;
	z-index: 20;
}

#referentieNav{
	height: 42px;
	width: 560px;
	margin-top: 522px;
	margin-left: 70px;
	float: left;
	position: absolute;
	z-index: 20;
}

#inspiratie{
	height: 43px;
	width: 65px;
	float: left;
	position: absolute;
}

#referentiePic{
	height: 43px;
	width: 480px;
	float: left;
	position: absolute;
	cursor: pointer;
	margin-left: 65px;
}

#meerInfo{
	width: 80px;
	float: left;
	position: absolute;
	margin-top: -16px;
	*margin-top: 0px;
	margin-left: 570px;
	*margin-left: 510px;
	color: #ecb700;
	font-weight: bold;
	cursor: pointer;
}




/* content gedeelte */
#contentContainer{
	height: auto;
	width: 915px;
	margin-right: 29px;
	float: right;
	position: relative;
}

#content{
	height: auto;
	width: 645px;
	float: left;
	position: relative;
	overflow: hidden;
}

#extraRigth{
	height: auto;
	width: 270px;
	float: left;
}

#buttonInfo{
	height: 238px;
	width: 238px;
	margin-top: 22px;
	margin-left: 32px;
	float: left;
	position: relative;
	cursor: pointer;
	background-image: url('../images/button-info.gif');
	background-repeat: no-repeat;
}
#infoText{
	height: 124px;
	width: 175px;
	margin-top: 25px;
	margin-left: 27px;
}