<!--
a:link {
	text-decoration: none;
	color:#FFFF99;
}
a:visited {
	text-decoration: none;
	color:#FFFF99;
}
a:hover {
	color:#996633;
	text-decoration: none;  
}
a:active {
	text-decoration: none;
	color:#FFFF99;
}
-->


body{
margin: 0;
text-align: center;
background-color: #666666;
}


div#main_container{
margin: 0 auto 0 auto;
width: 800px;
text-align: left;
}

div#box1{
background-color: #666666;
width: 100%;
height: 40px;
}

div#box2{
background-color: #999999;
width: 100px;
height: 500px;
float:left;
text-align:left;
font-family:arial;
font-size:80%;
color:#FFFF99;

}

div#image{
background: #FFFFFF ;
width:700px;
height: 100px;
float:left;
font-family:arial;
font-size:100%;
color: #FFFF99;
}

div#content{
background-color: #FFFFFF;
width: 700px;
height:400px;
float:left;
overflow:auto;
} 

div#content2{
background-color: #CCCCCC;
width: 88%;
height:100px;
float:left;
} 

div#content3{
background-color: #CCCCCC;
width: 88%;
height:80px;
float:left;
} 


div#content4{
background-color: #CCCCCC;
width: 88%;
height:120px;
float:left;
} 


.tekst1{
text-align:right;
padding: 100px 30px 0px 0px;
}


/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container{
margin: 25px 0 5px 50px;
}



/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#container img{
float: left;
} 

.img{
float:left;
padding-left:30px;
}

.naam{
padding-left:36px;
padding-top:10px;
}

.tekst{
font-family:arial;
font-size: 80%;
color:#6F6F00;
padding:0px 100px 0px 124px;
}

.object{
text-align:center;
}