*
{
	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: 		none;
	height: 			14.3em;
	width: 				76em;
	padding-top:		3.2em;
	background: 		#C10434 url(../images/header_bg.gif) repeat-x top left;
}

#header.closed
{
	height:				5.6em!important;
	background: 		none;
}

#header_wapen
{
	position: 			absolute;
	top: 				0em;
	left: 				0em;
	background: 		#fff url(../images/wapen.png) no-repeat top left;
	height: 			8.8em;
	width: 				5.5em;
}

#header_img
{
	position: 			absolute;
	top: 				3.2em;
	right: 				2.5em;
	
	height: 			14.3em;
	width: 				44.6em!important;
	background: 		#C10434 url(../images/sprankelend_en_betrokken.jpg) no-repeat top right;
}

#header_img.closed
{
	height:				5.6em;
	width: 				20.9em!important;
}

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

#header_gradient.closed
{
	height:				5.6em;
}

#header_menu
{
	position: 			absolute;
	top: 				3.2em;
	left: 				.9em;
	background:			#C10434;
	color:				#fff;
	height:				12.8em;
	width:				21.5em;
	margin-left:		4.6em;
	padding-top:		1.5em;
	padding-left: 		1.8em;

	border-left: 		1px solid #fff;
}

#header_menu.closed
{
	height:				4.1em;
}

#header_menu.closed a.menu_actie
{
	background:			#96141C;
}

#hoofdmenu
{
	position: 			absolute;
	top:				0;
	left: 				0;
	padding-top:		.5em!important;
	
	height: 			15.3em;
	border-right: 1px solid #fff!important;
}

#header_menu.closed
{
	height: 			5.2em;
	border-right: 		none!important;
	background: 		none;
}

#hoofdmenu.closed, #hoofdmenu.closed li
{
	display: 			none;
}

#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:			2.2em;
	margin-left:		17em;
	width: 				70em;
}

#klikpad.closed
{
	top: -10.6em;
	left: -10.8em;
	padding-top: 1.1em;
	padding-left: 1.6em;
	height: 3em;
	width: 50.6em;
	background: #C10434;
	color: white!important;
}

#klikpad.closed a
{
	color: white!important;
	text-decoration: none;
}

#klikpad.closed strong
{
	color: white!important;
	font-weight: bold;
}

#klikpad.closed span
{
	
}

#klikpad a
{
	color:				#888;
	text-decoration:	none;
}

#klikpad a:hover
{
	text-decoration:	underline;
}

#klikpad  .current
{
	font-weight: bold;
}

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

}

#blokken div
{
	border-bottom: 2px solid #DADADA;
	margin-bottom: 2em;
}

#blokken div h2
{
	margin: 0;
	padding: 0;
	margin-top: .2em;
}

div.kolom
{
	width: 21em;
	float: left;
	margin-right: 1em;
	border-bottom: none!important;
}

#online, #kalender
{
	
}

#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: 				21em;
	position:			absolute;
	top:				22.5em;
	right:				2.5em;
}

#direct
{
	padding-bottom: 	1em;
	width: 				20.4em;
}

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

#case
{
	margin-top: 1.75em;
}

#showcase, #poll_container
{
	background: 		#ECECEC;
	border-top:			.5em solid #A6A6A6;
	min-height:			12em;
	padding:			1em;
	width:				18.5em;
}

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

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

#main.closed
{
	min-height: 40em;
	background: 		url(../images/gemeentenaam.png) no-repeat left 8.7em;
}

#main.closed h1
{
	padding-top: 0;
}

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

}

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

#left, #center
{
	width: 21em;
	float: left;
}

#left
{
	margin-right: 1em;
}

#right
{
	position: absolute;
 	right: -22.5em;
	width: 21em;
}

#right.closed
{
	top: 5em!important;
}

#left h2, #center h2, #right h2, #left h3, #center h3, #right h3
{
	margin-top: 0;
	padding-top: 0;
}

#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;
	left: 				23.35em;
	top: 				0;
	width: 				22em;
	height:				100%;
	padding-left: 		1.6em;
	background:			#96141C;
}

#navigation.closed
{	
	height: 			5.6em;
	background:			#C10434;
}

#navigation.closed
{	
	position: absolute;
	top: -100em;
}

#navigation.closed li.closed  ul
{	
	position: absolute;
	top: 100em;
}


#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;
}

#image_block
{
	position: 			absolute;
	top:				26.4em;
	left:				0em;
	height:				20em;
	width:				5.5em;
}

#image_block.closed
{

	top:				35.1em;
}

#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;
}

/* ############################## */
/* #							# */
/* #	READSPEAKER - Restyle	# */
/* #							# */
/* ############################## */

#rs_div{ width: 260px; margin-bottom: 10px; margin-top: 10px; }
#rs_div table { border: 1px solid #e0dec8!important; background: #FFFCD9; }
#rs_div td { padding: 5px; }
#rs_div br { float: left; height: 1px; }
#rs_div a, #rs_div a:link{ margin-right: 5px; }