*
{
	margin:				0;
	padding:			0;
}

html
{
	height: 100%;
}

body
{
	font-family:		Verdana,Arial,Sans-Serif;
	font-size:			76%;
	background: 		#f3f3f3 url(../images/tile.png) repeat top left;
	height: 100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container
{
	position: 			relative;
	background:			url(../images/bg_gradient.png) repeat-y top center;	
	min-height: 		100%;	
}

#centered
{
	margin-left:		auto;
	margin-right:		auto;
	background:			#fff;
	position:			relative;
	width:				76em;
	min-height: 100%;
	padding-bottom: 20em;
}

html #container #centered
{
	height: 100%;
}

#header
{
	position: 			relative;
	background: 		#fff url(../images/wapen.png) no-repeat top left;
	height: 			8.1em;
	width: 				76em;
	padding-top:		3.2em;
}

#header_img
{
	position: 			absolute;
	top: 				3.2em;
	right: 				2.5em;
	background: 		url(../images/header.jpg) no-repeat top right;
	height: 			5.6em;
	width: 				20.5em;
}

#header_gradient
{
	position: 			absolute;
	right: 				-2.5em;
	height: 			5.6em;
	width: 				100px;
	background: 		url(../images/gradient.png) repeat-y top right;
}

#header_klikpad
{
	position: 			absolute;
	top: 				3.2em;
	left: 				.9em;
	background:			#C10434;
	color:				#fff;
	height:				2.9em;
	width:				46.2em;
	margin-left:		4.6em;
	padding-top:		1.2em;
	padding-left: 		1.3em;
	font-size:			1em;
	font-weight:		normal;
}

#header_klikpad a
{
	color:				#fff;
	text-decoration: 	none;
}

#header_klikpad strong
{
	color:				#fff;
	font-weight:		bold;
}


#header h1 a
{
	text-decoration:	none;
}

#header h1 a:hover
{
	text-decoration:	none;
}

#header h1 a:visited
{
	color:				#000;
}

#menu
{
	background: 		#96141C;
	clear:				left;
	list-style:			none;	
	margin: 			0 auto;
	margin-left: 		6.1em;
	position: 			absolute;
	top: 				7.6em;
	width: 				52.7em;	
}

#klikpad
{
	color:				#888;
	font-size:			.9em;
	height: 			2.5em;
	margin-top:			1.2em;
	margin-left:		9.2em;
	width: 				70em;
}

#klikpad a
{
	color:				#888;
}


#blokken
{
	float: 				left;	
	width: 				44em;	
}

#live
{
	float: 				left;
	width: 				21em;
	margin-left: 		1em;
}

#links
{
	float: 				right;
	width: 				22em;
	margin-left: 		1em;
}

#links ul
{
	list-style: 		none;	
}

#uitgelicht
{
	clear:				left;
	float: 				left;
	width: 				23em;
}

#sidebar_home
{
	margin-left:		1em;	
	width: 				23em;
	position:			absolute;
	top:				15.6em;
	right:				0;
}

#direct
{
	padding-left: 		1em;
	padding-right: 		1em;
}

#showcase
{
	background: 		#DADADA;
	border-top:			.5em solid #888888;
	min-height:			12em;
	padding:			1em;
	width:				18.5em;
	margin-top: 		2em;
}

#uitgelicht
{
	padding:			1em;
	width:				19.5em;
	margin-top: 			0em;
}

#uwhuwelijk
{
	width: 				21em;
	float: 				left;
}

#main
{
	position:			relative;
	width:				51em;
	background: 		url(../images/gemeentenaam.png) no-repeat top left;
	padding:			0;	
	padding-bottom:		9em;
	min-height:			40em;
}


#content
{
	position: 			relative;
	margin-left:		7em;
	min-height:			30em;
	width:				44em;

}

#media_bar
{
	margin-top:			10em;
	background: 		#DADADA;
	border-top:			.5em solid #888888;
	min-height:			12em;
	padding:			1em;
	width:				18em;
}

#MediaPlayer
{
	width: 18em;
	height: 20em;
}

#MediaPlayer_FF
{
	width: 18em;
	height: 18em;
}

#content_search
{
	min-height:			25em;
	width:				71em;
}

#navigation
{
	position: 			absolute;
	right: 				3em;
	width: 				20em;
}

#sidebar, #sidebar_verg
{
	margin-left:		1em;	
	width:				25em;
	
	position:			absolute;
	top:				0;
	left:				0;
}

#sidebar_verg
{
	background:			white;
	border:				.5em solid #C2D7ED;
	margin-left:		0;
	padding:			1em;
	width:				10em;
}

#footer
{
	position:			relative;
	margin-left: 		auto;
	margin-right: 		auto;
	background:			#fff;
	clear:				both;
	color:				#979797;
	margin-left:		auto;
	margin-right:		auto;
	width:				76em;
	height: 			20em;
	margin-top: 		-20em;
}

#image_block
{
	position: 			absolute;
	top:				26.4em;
	left:				0em;
	height:				20em;
	width:				5.5em;
	background: 		white url(../images/blokjes/4.gif) top left no-repeat;
}

.clearfix:after, #content:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
