*,
html
{
	margin:				0;
	padding:			0;
}

body
{
	font:				11px Verdana, Arial, Tahoma sans-serif;
	background-image:	url('../images/bgr_body.jpg');
}

a:link,
a:active,
a:visited
{
	color:				#ffffff;
	text-decoration:	none;
}

a:hover
{
	color:				#000000;
}

img
{
	border:				0;
}

/****** NAVIGATIE *******/
#nav
{
	margin: 				0;
}

#nav li 
{
	background: 			none;
	padding: 				0;
	margin: 				0;
	list-style: 			none;
}

#nav a 
{
	width: 					178px;
	height: 				17px;
	text-indent: 			-999em;
	display: 				block;
	border: 				0;
}

#nav .home 
{
	background: url(../images/but_01.jpg) no-repeat left top;
}

#nav .biografie 
{
	background: url(../images/but_02.jpg) no-repeat left top;
}

#nav .clips
{
	background: url(../images/but_03.jpg) no-repeat left top;
}

#nav .prikbord 
{
	background: url(../images/but_04.jpg) no-repeat left top;
}

#nav .agenda 
{
	background: url(../images/but_05.jpg) no-repeat left top;
}

#nav .contact 
{
	background: url(../images/but_06.jpg) no-repeat left top;
}

#nav .credits 
{
	background: url(../images/but_07.jpg) no-repeat left top;
}

#nav .blogs 
{
	background: url(../images/but_08.jpg) no-repeat left top;
}

/** SUBNAVIGATIE **/
#nav .video 
{
	background: url(../images/but_sub_03.jpg) no-repeat left top;
}

#nav .pictures 
{
	background: url(../images/but_sub_01.jpg) no-repeat left top;
}

#nav .sound
{
	background: url(../images/but_sub_02.jpg) no-repeat left top;
}

#nav .jos
{
	background: url(../images/jos.jpg) no-repeat left top;
}

#nav .otto
{
	background: url(../images/otto.jpg) no-repeat left top;
}

#nav .michiel
{
	background: url(../images/michiel.jpg) no-repeat left top;
}

#nav .vincent
{
	background: url(../images/vincent.jpg) no-repeat left top;
}

#nav .pascal
{
	background: url(../images/pascal.jpg) no-repeat left top;
}

#nav .collin
{
	background: url(../images/collin.jpg) no-repeat left top;
}

#nav .rob
{
	background: url(../images/rob.jpg) no-repeat left top;
}


#nav:hover,
#nav a:hover
{
	background-position: right top;
}

/***** DIV ELEMENTEN *****/
#header
{
	width:				100%;
	height:				146px;
}

#submenu
{
	float:				left;
	width:				178px;
	margin-top:			44px;
	display:			none;
}

#submenu_biografie
{
	float:				left;
	width:				178px;
	margin-top:			27px;
	display:			none;
}

#menu
{
	margin-top:			10px;
	width:				178px;
	height:				136px;
	float:				left;
}

#logo
{
	z-index:			1;
	position:			absolute;
	right:				10px;
	top:				10px;
	width:				185px;
	height:				185px;
}

#content
{
	width:				100%;
	height:				390px;
	overflow-y: 		auto;
	background:			url(../images/40p_content.png);
}

#content_text
{
	margin:				10px;
	color:				#ffffff;
	font-size:			12px;
	width:				80%;
}

#content_extra
{
	float:				right;
	width:				300px;
	padding:			5px;
	background:			url(../images/40p_menu.png);
}

#content_extra a
{
	color:				#333333;
	text-decoration:	none;
}

#content_extra a:hover
{
	color:				#cccccc;
}

/****** TEKST CLASSES *****/
.header
{
}