html {
	height				: 100%; /* In geval van background op html én body */
}

body	{
	min-height			: 100%; /* In geval van background op html én body */
	font				: 0.75em Arial, sans-serif;
	text-align			: center;
	background			: #000 url(../img/body-bg.png) no-repeat right bottom;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	text-align			: left;
	background			: #000;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 133px;
}

#header a.logo	{
	position			: absolute;
	top					: 35px;
	left				: 49px;
}

/* Topmenu */
#topmenu {
	position			: absolute;
	right				: 0;
	top					: 0;
}

#topmenu li {
	float				: left;
	border-right		: 1px solid #000;
}

#topmenu li.last {
	border-right		: none;
}

#topmenu li a {
	float				: left;
	padding				: 0 5px;
	color				: #000;
	text-decoration		: none;
}

#topmenu li a:hover {
	text-decoration		: underline;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 50px;
	padding				: 0 0 0 26px;
	background			: #3f3e41;
	position			: relative;
	z-index				: 432;
}

#menu li {
	display				: inline;
	float				: left;
	margin				: 0 37px 0 0;
	position			: relative;
	z-index				: 432;
}

#menu li a {
	float				: left;
	width				: 124px;
	height				: 50px;
	text-indent			: -900em;
	background			: url(../img/menu.gif) no-repeat;
}

#menu li a.home 		{ background-position: left top; }
#menu li a.programma 	{ background-position: -124px top; }
#menu li a.agenda 		{ background-position: -248px top; }
#menu li a.partners 	{ background-position: -372px top; }
#menu li a.uitzending 	{ background-position: -496px top; }
#menu li a.contact 		{ background-position: right top; }

#menu li a.home:hover,
#menu li.actief a.home,
#menu li:hover a.home,
#menu li.hover a.home 			{ background-position: left bottom; }

#menu li a.programma:hover,
#menu li.actief a.programma,
#menu li:hover a.programma,
#menu li.hover a.programma 	 	{ background-position: -124px bottom; }

#menu li a.agenda:hover,
#menu li.actief a.agenda,
#menu li:hover a.agenda,
#menu li.hover a.agenda  		{ background-position: -248px bottom; }

#menu li a.partners:hover,
#menu li.actief a.partners,
#menu li:hover a.partners,
#menu li.hover a.partners  		{ background-position: -372px bottom; }

#menu li a.uitzending:hover,
#menu li.actief a.uitzending,
#menu li:hover a.uitzending,
#menu li.hover a.uitzending 	{ background-position: -496px bottom; }

#menu li a.contact:hover,
#menu li.actief a.contact,
#menu li:hover a.contact,
#menu li.hover a.contact 		{ background-position: right bottom; }


/*submenu*/
#menu ul {
	position			: absolute;
	top					: 50px;
	width				: 193px;
	left				: -9000em;
	z-index				: 432;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: 0;

}

#menu ul li {
	float				: left;
	width				: 193px;
	padding				: 0;
	height				: auto;
	background			: #3F3E41;
	border-bottom		: solid 1px #a6a6a6;	
	margin				: 0;
}


#menu ul li a {
	float				: left;
	padding				: 7px 17px 6px 15px;
	width				: 141px;
	text-indent			: 0;
	color				: #a6a6a6;
	text-decoration		: none;
	height				: auto;
	overflow			: hidden;
	text-transform		: uppercase;
	background			: none;
	font-weight			: normal;
}

#menu ul li a:hover,
#menu ul li.hover a,
#menu ul li.actief a,
#menu li a:hover  {
	color				: #fff;
}

#menu ul li.actief a {
	font-weight			: bold;
}

#menu ul li.actief a {
	font-weight			: bold;	
}

#menu ul li.first {
	padding-top			: 8px;
	background			: #9d9d9c url(../img/submenu-top-bg.jpg) repeat-x;
} 

#menu li.last:hover ul,
#menu li.last.hover ul {
	left				: -30px;
}





/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	min-height			: 278px;
	padding				: 40px 60px;
	line-height			: 1.8em;
	color				: #FFF;
	background			: url(../img/content-bg.png) no-repeat left bottom;
	z-index				: 2;
	position			: relative;
}

#content h1	{
	margin				: 0 0 10px 0;
	font-size			: 2.1em;
	position			: relative;
	z-index				: 2;
}

#content a 			{ color: #F66; }
#content a:hover 	{ color: #FFF; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #999; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule {
	color				: #fff;
}

#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #000;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #FFF;
	color				: #FFF;
	background			: #3f3e41;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	color				: #FFF;
	background			: #3f3e41;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}


/* --------------------------------	*/
/* videos						 	*/
/* --------------------------------	*/
#videos {
	overflow			: hidden;
}

#videos .video {
	float				: left;
	width				: 445px;
}

#videos .video .omschrijving {
	padding				: 0 10px 5px 10px;
	border-bottom		: 1px solid #666;
	color				: #000;
	background			: #b1b1b1 url(../img/omschrijving-bg.gif) repeat-y left top;
}

#videos .lijst {
	float				: right;
	width				: 300px;
}

#videos .lijst .luisteren {
	display				: block;
	width				: 228px;
	height				: 88px;
	text-indent			: -900em;
	background			: url(../img/luister-optimaalfm.png) no-repeat left top;
}

#videos .lijst .luisteren:hover {
	background-position	: left bottom;
}

#videos .lijst h3 {
	margin				: 20px 0 0 0;
	padding				: 3px 10px;
	border-bottom		: 1px solid #300;
	background			: #600;
}

#videos .lijst li {
	float				: left;
	width				: 300px;
}

#videos .lijst li a {
	float				: left;
	width				: 279px;
	padding				: 3px 10px;
	border				: 1px solid #BBB;
	border-width		: 0 1px 1px 0;
	text-decoration		: none;
	color				: #333;
	background			: #DDD;
}

#videos .lijst li a:hover {
	border				: 1px solid #999;
	border-width		: 0 1px 1px 0;
	color				: #000;
	background			: #FFF;
}

#videos .lijst li.actief a,
#videos .lijst li.actief a:hover {
	border				: 1px solid #500;
	border-width		: 0 1px 1px 0;
	color				: #FFF;
	background			: #500;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
	margin				: 0 0 0 40px;	
}

iframe.googlemaps_breed	{
	border				: solid 1px black;
	overflow			: hidden; 
	margin				: 0 0 0 40px;	
}

#googlemaps {
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
	width				: 400px;
	height				: 400px;	
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* bouwers						 	*/
/* --------------------------------	*/
#bouwers {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 10px 0;
	font-size			: 0.9em;
	text-align			: right;
	color				: #999;
}

#bouwers p	{
	display				: inline;
	padding-left		: 10px;
}

#bouwers a {
	text-decoration		: none;
	color				: #999;
}

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