body
{
	margin: 0px auto 0px 40px;
	font: 75%/120% Arial, Helvetica, sans-serif;
	background-image: url(images/background.gif);
	background-repeat: no-repeat;
}

div#box
{
	width: 1200PX;
	height: 800PX;
	position: absolute;
	top: 80px;
}

div#logo
{
	width: 1000px;
	height: 70px;
	background-image: url(images/indexlogo.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 40px;

}


.accordion
{
	width: 775px;
	border-bottom: solid 1px #c4c4c4;
	position: absolute;
	left: 10px;
}
.accordion h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover { background-color: #CCC; }
.accordion h3.active {
	background-position: right 5px;
}
.accordion p
{	background-color: #FFF;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	
}




p
{
	color: #000;
	font-family: Arial,sans-serif;
	font-size: 12px;
}



div#text
{
	width: 580px;
	height: auto;
	position: absolute;
	top: 80px;
	left: 50px;
	z-index:1;
}


div#navigatie
{
	height: 525px;
	width: 170px;
	position: absolute;
	top: 180px;
	left: -25px;
	
	
}
	      



  	
div#cv
{
	width: 550px;
	height: 500px;
	position: absolute;
	top: 20px;
	left: 220px;
	
	
} 

 h1{
        font:Arial,sans-serif;
        font-size:14px;
	   color:#cc9933;
	   margin-left:0px;
	  margin-top:0px;
	   }
	               
  h3  
  {
  	font-size: 12px;
  	color: #C93;
  	font-family: Arial,sans-serif;
  	text-decoration: underline;
  }
	   
	   h2{ font:Arial,sans-serif;
        font-size:12px;
	   color:black;
	   margin-left:0px;
	  margin-top:0px;
	   }
	   
table
{
	width: 800px;
	height: auto;
	position: absolute;
	top: 60px;
	left: 30px;
	padding: 40px;
}

table.filosofica
{
	width: 700px;
	height: auto;
	position: absolute;
	top: 180px;
	left: 40px;
}

table.zon
{
	width: 700px;
	height: auto;
	position: absolute;
	top: 50px;
	left: 10px;
}

table.portfolio
{
	width: 680px;
	height: auto;
	position: absolute;
	top: 60px;
	left: 100px;
	padding: 5px;
	margin: 5px;
}

td.grijs
{
	background-color: #CCC;
	background-repeat: no-repeat;
	padding: 5px;
}


	td.decor
	{
	width: 200px;
	padding:15px;}

	
	   p	   
	   {
	   	font-size: 12px;
	   	font-family: Arial, sans-serif;
	   	line-height: 14px;
	   }
	   

 a{ font:Arial, sans-serif;
	      font-size:12px;
	       color:black;
	       font-weight:bold;
	       line-height:20px;
	       margin-left:10px;
	       }


	
	a.nav{font:Arial, sans-serif;
	      font-size:12px;
	       color:black;
	       font-weight:bold;
	       line-height:20px;
	       
	       }
	       
	       a.nav:visited	
	{
		color: #898989;
		
}

a.img { border-style: none; }

ul{		
	   list-style:none;
	   
	}
li
{
	list-style-type: none;
	list-style-position: default;
}
	

	
div#address
{
	width: 785px;
	height: 20px;
	position: absolute;
	top: 600px;
	left:20px;
}

div#homepage
{
	width: 785px;
	height: 20px;
	position: absolute;
	top: 20px;
	left:750px;
}