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

body
{
	text-align: center; /* centreert in IE */
	color: #FFF;
	background: url(/content/images/body-bg.gif) repeat-x;
}

#container
{
	width: 960px;
	margin: 0 auto; /* centreert in Firefox */
	text-align: left; /* zet text links ipv centreren - overruled body */
	padding-bottom: 25px;
}

#header
{
	background: url(/content/images/header-bg.gif) no-repeat center bottom;
	height: 300px;
	position: relative;
}

#wrapper
{
	width: 100%;
	float: left; /* zorgt ervoor dat de rest rechts van dit blok komt te staan ipv er onder */
	padding-bottom: 25px;
}

#content
{
	height: auto; /* geen vaste height meegeven ! */
	margin: 25px 340px 0 40px; /* margins boven, rechts, onder, links van de rand - waarde moet gelijk zijn aan breedte van navigation en extra!! */
}

#extra
{
	height: auto;
	width: 280px; /* waarde moet overeenkomen met rechter margin van content!! */
	float: left; /* zorgt ervoor dat de rest rechts van dit blok komt te staan ipv er onder */
	margin-top: 20px;
	margin-left: -320px; /* zorgt ervoor dat deze blok bovenaan RECHTS komt te staan - waarde moet gelijk zijn aan breedte van zichzelf!! */
	padding-bottom: 25px;
}

#footer
{
	position: relative;
	text-align: center;
	background-color: #333333;
	width: 100%;
	clear: left; /* zorgt ervoor dat deze onder al de rest komt te staan */
}

#footer2
{
        position: relative;
        text-align: center;
        background-color: #333333;
        width: 100%;
        height: 150px;
        clear: left; /* zorgt ervoor dat deze onder al de rest komt te staan */
}


#logo
{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 232px;
	height: 45px;
}

#languages
{
	position: absolute;
	top: 5px;
	right: 40px;
	width: 400px;
	height: 50px;
	text-align: right;
}

#mainnavigation
{
	position: absolute;
	top: 63px;
	right: 40px;
	width: 680px;
	height: 50px;
	text-align: right;
}

#subnavigation
{
	position: absolute;
	top: 120px;
	left: 50px;
	width: 860px;
	height: 160px;
}

#subnav_level2
{
	width: 280px;
	height: 160px;
	float: left;
	margin-right: 15px;
	background: url(/content/images/vr.gif) repeat-y right;
}

#subnav_level3
{
	width: 280px;
	height: 160px;
	float: left;
	margin-right: 15px;
	background: url(/content/images/vr.gif) repeat-y right;
}

#subnav_level4
{
	width: 270px;
	height: 160px;
	float: left;
	margin-right: 0px;
}

#blogpost
{
	width: 250px;
	height: 280px;
	padding: 0 20px 0 15px;
}

#projecten
{
	width: 250px;
	padding: 0 20px 0 15px;
}





/* HOMEPAGE */



#homebanner
{
	position: absolute;
	top: 120px;
	left: 50px;
	width: 860px;
	height: 160px;
}

#homepage
{
	height: auto; /* geen vaste height meegeven ! */
	margin: 15px 40px 20px 40px; /* margins boven, rechts, onder, links van de rand - waarde moet gelijk zijn aan breedte van navigation en extra!! */
}

#mainbusiness
{
	width: 900px;
}

#business1
{
	width: 273px;
	float: left;
	margin-right: 24px;
	padding-right: 10px;
	background: url(/content/images/vr.gif) repeat-y right;
	margin-bottom: 20px;
}

#business2
{
	width: 273px;
	float: left;
	margin-right: 24px;
	padding-right: 10px;
	background: url(/content/images/vr.gif) repeat-y right;
	margin-bottom: 20px;
}

#business3
{
	width: 273px;
	float: left;
	margin-bottom: 20px;
}


#showcases
{
	width: 900px;
}

#cases
{
	width: 343px;
	float: left;
	margin-right: 30px;
	padding-right: 15px;
	background: url(/content/images/vr.gif) repeat-y right;
	margin-top: 20px;
}

#referenties
{
	width: 203px;
	float: left;
	margin-right: 18px;
	padding-right: 0px;
	margin-top: 20px;
}

#blog
{
	float: left;
	margin-top: 20px;
	width: 250px;
	height: 280px;
	padding: 0 20px 0 15px;
}