/************************************/
/* DIV CONTAINER, ARNEBOON, GENERAL */

body {
	min-width:900px;
}

div#main_container {
	/*margin:0 auto;
	width:900px; */
	left: 50%;
	margin-left: -450px;
	width: 900px;
	padding-left: 0px;
	padding-right: 10px;
	position: relative;
}

div#arneboon{
	background-image:url(general/arneboon.jpg);
	background-repeat:no-repeat;
	border-width: 1px;
	border-color: #FF0000;
	border-style: solid;
	border-bottom: none;
	top: 0px;
	width: 900px;
	height: 100px;
	overflow:hidden;
	position: relative;
}

div#general_container {
	border-width: 1px;
	border-color: #FF0000;
	border-style: solid;
	border-top: none;
	top: 0px;
	width: 900px;
	/*height: 530px;*/
	padding-bottom: 20px;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

div#general {
	border-top: none;
	background-color: #FFFFFF;
	top: 0px;
	padding-top: 0px;
	z-index: 1;
	overflow: hidden;
	width: 500px;
	float: left;
	position: relative;
	/*background: #987324;*/
}

div#picture {
	float: right;
	width: 77px;
	height: 77px;
	margin-top: 22px;
	/*background-image: url(general/arne.png);
	background-repeat: no-repeat; */
	background-color: #FFFFFF;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

div#picture img {
	border-width: 1px;
	border-color: #FF0000;
	border-style: solid;
}

div#picture p {
	padding-top: 5px;
	line-height: 1.2em;
	margin-left: -25px;
}

/*
div#hoekje {
	background: transparent url(general/brcorner.gif) bottom right no-repeat;
}
*/

/*****************/
/* DIV PORTFOLIO */

div#portfolio {
	position:relative;
	/*clear: both;*/
	float:left;
	margin-left: 13px;
	width: 385px;
	/*background: #234982;*/
}

/*****************/
/* DIV HOEKJE */
div#hoekje {
	background: url(general/hoekje.png) bottom left no-repeat;
	width: 60px;
	height: 40px;
	background-color: #FFFFFF;
	margin-right: -22px;
	margin-top: -90px;
	float: right;
	z-index: 2;
	position: relative;
	overflow: hidden;
}


/*****************/
/* DIV PROJECTEN */

div#project {
	background-color: #FFFFFF; 
	clear: both;
	padding-top: 0px;
	position: relative;
}

div#whitespace {
	clear: both;
	height: 10px;
	margin-bottom: 10px;
	position: relative;
	/*border-bottom: solid 1px #FF0000;*/
	
}

div#navigation {
	background-color: #FFFFFF; 	
	float: left;
	height: 80px;			   	
	width: 900px;
	padding-top: 0px;
	position: relative;
}

div#navigation h2 {
	padding-top: 40px;		/* afstand tussen tekst tenopzichte van div gebied top */
}

div#navigation p {
	margin-left: 0px;
}

div#visuals {
	background-color: #FFFFFF; 	
	width: 500px;
	height: 350px;
	top: 0px;					/* top afstand window - visuals, moet gelijk aan tekst content */
	overflow: hidden;
	clear: both;
	float: left; 
	border: solid 1px #FF0000;
	position: relative;
}

#visuals img {
width: 500px;
height: 350px;
margin:0px;
}

div#content{
	background-color: #FFFFFF; 	
	float: left;
	margin-left: 15px;			/* 900 - (500+2) = 388 > 388 - 383 = 15 */
	margin-right: -20px;
	width: 383px;
	text-align:justify;
	border-top: solid 1px #FF0000;
	border-bottom: solid 1px #FF0000;
	position: relative;
}

/* CLEAR FIX 
 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    }

.clearfix {display: inline-block;} */



/* OPACITY DIVS

div.box_contents {
	background-color:transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 102;
	left: 0px;
	top: 0px; 
	overflow: auto;}

div.box_background {
     background-color: #FFFFFF;
     height: 100%; width: 100%;
     filter:alpha(opacity=30); IE's opacity
     opacity: 0.30;
	 -moz-opacity: 0.30;
     position: relative;
     z-index: 101;
}

*/