#container{
	background: transparent url(../img/css/profielbg.jpg);
	background-repeat: repeat-y;
}


#profiel h1 {
	padding: 0 0 0 20px;
}

#profiel h2{
	color: #5c3100;
	font-size: 115%;
	padding: 0 0 0 20px;
}


#profiel a{
	
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

#profiel a:hover{
	color: #fff;
}

span.bottom{
	
	display: block;
	height: 50px;
	
	background: transparent url(../img/css/profielbottombg.jpg);
	background-repeat: no-repeat;

}










/* Kolom 01 */


#profiel #col01{
	
	width: 128px;
	padding: 0;
	float: left;

}

#profiel #col01 ul{
	margin: 0;
	padding: 0 0 0 10px;
	
	list-style-type: none;
}

#profiel #col01 ul li{
	margin: 0;
	padding: 5px 5px 5px 10px;
}


#profiel #col01 ul li.highlight{
	background-color: #ffe540;
}

#profiel #col01 ul li.last {
	padding-top: 30px; 
	font-weight: bold; 
	font-style: italic; 
	margin: -1px 0px 0px;
	font-size: 16px; 
}






/* Kolom 02 */


#profiel #col02{

	width: 800px;						/* was 175 */
	float: left;	
	padding: 0 0 0 20px;		/* was padding: 0 0 0 0; However since we don't use list but table, I copied the top padding of 20px */

}

#profiel #col02 ul{
	margin: 0;
	padding: 0 0 0 0px;
	
	list-style-type: none;
}

#profiel #col02 ul li{
	margin: 0;
	padding: 10px 5px 10px 20px;
}


#profiel #col02 ul li.first{
	padding-top: 0px;
}

#profiel #col02 ul li.highlight{
	background: #ffe540 url(../img/css/zoek-li-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;	

}


.thumbbutton{		/* class */
	float: left;
}


#profiel #col02 #photo {
    height: 220px;
    width: 240px;
}


#profiel #col02 a.option{
	background: #ffe540;
	display: block;
	width: 180px;			/* was 260 */

	color: #5c3100;
	
	padding: 2px 2px 2px 5px;
	margin: 5px 0 7px 0;
	
	background-image: url(../img/icons/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 145px 5px;		/* was 245 */
	
}