/****************************************************************************************************
*						RESET																		*
****************************************************************************************************/

*											{ margin: 0; padding: 0; border: 0; }
*											{ font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #00536d; }


/****************************************************************************************************
*						GENERAL STYLES  															*
****************************************************************************************************/

h1											{ font-weight: normal; font-size: 24px; margin-bottom: 20px; }
h2											{ font-weight: normal; font-size: 18px; margin-bottom: 20px; } 
p											{ line-height: 17px; margin-bottom: 15px; }
a											{ text-decoration: underline; }


/****************************************************************************************************
*						BODY AND STRUCTURE 															*
****************************************************************************************************/

html, body									{ height: 100%; background: #f6f9fc url('../img/body_back.gif') top left repeat-x; }

#wrapper
{
	min-height:								100%;
	width:									945px;
	height: 								auto !important;
	height: 								100%;
	margin: 								0 auto -155px; 		/* the bottom margin is the negative value of the footer's height */
	padding:								0;
}


/* TOP */

#top
{
	width: 									945px;
	height: 								175px;
	background:								url('../img/top_back.gif') top left no-repeat;
}
#top #logo
{
	position:								absolute;
	margin:									60px 0 0 10px;	
}

#top #topmenu								{ position: absolute; margin: 30px 0 0 220px; }
#top #topmenu ul							{ list-style-type: none; }
#top #topmenu ul li							{ float: left; margin-right: 20px; }
#top #topmenu ul li,
#top #topmenu ul a							{ text-decoration: none; font-size: 11px; color: #615750; }
#top #topmenu ul a:hover					{ color: #00536d; }
#top #topmenu .zoeken						{ margin-top: -5px; }
#top #topmenu .zoekveld						{ width: 145px; height: 25px; padding: 5px 0 0 10px; line-height: 25px; font-size: 11px; background: url('../img/zoeken_back.gif') top left no-repeat; }

#top #knoppen								{ position: absolute; margin: 75px 0 0 220px; }
#top #knoppen ul							{ list-style-type: none; }
#top #knoppen ul li							{ float: left; }

/* MAIN */

#main
{
	width: 								955px;
	background:							url('../img/nav_back.gif') top left repeat-y;
}

#main #menu
{
	float:								left;
	width:								185px;
	background:							url('../img/nav_top.gif') top left no-repeat;
	padding:							15px 0 0 0;
}

#main #menu ul
{
	list-style-type:						none;	
}
#main #menu ul li,
#main #menu ul li a
{
	color:								#ffffff;
}
#main #menu li
{
	border-top:							1px solid #006986;			
	border-bottom:							1px solid #003d54;			
}
#main #menu a
{
	padding: 0 5px 0 5px;
	text-decoration: none;
}

#main #content
{
	float:								left;
	margin-left:							5px;
	width:								760px;
}

#main #content #contentHeader
{
	width:								755px;
	height:								55px;
	margin-bottom:							5px;
}

#main #content #contentright
{
	float:								right;
	width:								370px;
/*	min-height:							400px;*/
	padding-left:							10px;
	padding-right:						0px;
	margin-bottom:							5px;
}

#main #content #contentright #block {
	background-color: #934c2a;
	color: #FFFFFF;
	padding: 15px;
}
#main #content #contentright #block * {
	color: #FFFFFF;
}

#main #content #contentMain
{
	width:							740px;
	min-height:						450px;
	background:						#ecf2f4 url('../img/contentmain_back.jpg') top left no-repeat;
	padding-top:						20px;
	padding-left:						10px;
	padding-right:						15px;
	padding-bottom:						30px;
		
}
#main #content #contentMain ul
{
	margin-left: 10px;
}

#main #content #contentMain ul li h1
{
	margin-bottom: 5px;
}

#main #content #contentMain ul li h1 a
{
	font-size: 15px; 
	font-weight: bold;
	text-decoration: none;
}

#main #content #contentMain form label
{
	float: left;
	width: 120px; 
}
#main #content #contentMain form input
{
	margin: 1px;
}

#main #content #contentMain form input[type="submit"]
{
	margin-left: 120px;
	background: url('../img/form_button_small.gif');
	width: 134px;
	height: 20px;
	color: #FFFFFF;
	cursor:hand;
}

/* FOOTER */

#footer, #push							{ clear: both; height: 155px; /* .push must be the same height as .footer */ }
#footer								{ /*width: 875px;*/ margin: auto; z-index: 666; background: #d9e5e9 url('../img/footer_back.gif') top left repeat-x; }
#footer p							{ font-size: 12px; color: #c2b7ad; line-height: 25px; margin: 0 0 0 320px; }
#footer p a							{ font-size: 12px; color: #c2b7ad; }
#footer p a:hover						{ color: #948375; }

#footer #footerWrapper						{ width: 945px; margin: auto; }

#footer #footerContact						{ width: 165px; height: 115px; background: #00536d; color: #fff; padding: 25px 10px 15px 10px; float: left; }
#footer #footerContact h1					{ color: #fff; margin-bottom: 15px; font-size: 14px; }
#footer #footerContact p					{ color: #fff; margin: 0; padding: 0; font-size: 11px; width: auto; line-height: 14px; }

#footer #footerMenu							{ float: left; margin: 25px 0 0 35px; }
#footer #footerMenu .footerColumn			{ float: left; }
#footer #footerMenu	h1						{ border-bottom: 1px solid #c3d6dc; font-size: 14px; padding-bottom: 5px; margin-bottom: 10px; }
#footer #footerMenu	ul						{ list-style-image: url('../img/arrow.gif'); margin-left: 15px; }
#footer #footerMenu ul li,
#footer #footerMenu ul li a					{ text-decoration: none; font-size: 11px; line-height: 18px; }
#footer #footerMenu ul li a:hover			{ text-decoration: underline; }

#footerColumn1	{ width: 164px; padding-right: 10px; border-right: 1px solid #c3d6dc; }
#footerColumn2	{ width: 154px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #c3d6dc; }
#footerColumn3	{ width: 154px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #c3d6dc; }
#footerColumn4	{ width: 164px; padding-left: 10px; }

/* *************************************************************************************
				ACCORDEON MENU
************************************************************************************* */

/* wijzigingen na het ombouwen van de vorige versie, i.v.m. aangepast menu aan de linkerkant */
	
	ul.accordion						{ list-style-type: none; margin: 10px; }
	ul.accordion a						{ color: #ffffff; display: block;}
	ul.accordion li						{ margin-left: 0; padding: 2px 0 2px 0; font-size: 11px; line-height: 14px; }
	ul.accordion li p					{ margin: 0; cursor: pointer;  }
	ul.accordion li ul					{ list-style-type: none; }
	ul.accordion li ul li				{ border-bottom: 0; border-top: 1px solid #666; }
	ul.accordion li ul li p				{ margin-left: 10px; }
	ul.accordion li ul li ul li			{ border-top: 1px solid #666; }
	ul.accordion li ul li ul li a		{ margin-left: 20px; color: #ffffff; }

	ul.accordion p, ul.accordion b		{ color: #fff; }

	.hideUntilLoaded					{ display: none; }

/* *************************************************************************************
				BANNER
************************************************************************************* */
	
#smart-banner {
	padding-top: 60px;
	padding-left: 8px;
}



/* toegevoegd */

#dr_login								{ width: 375px; height: 110px; background: url('../img/login_back.gif'); }
#dr_login table							{ width: 355px; height: 65px; margin: 35px 10px 10px 10px; border-collapse: collapse: border: 0; background: url('../img/login_form_back.gif'); }
#dr_login table td						{ }
#dr_login *								{ color: #fff; }
#dr_login .veld							{ width: 135px; height: 15px; padding: 5px; background: url('/img/login_form_input_back.gif') no-repeat; color: #000; }

#dr_nieuws					{  width: 375px; height: 185px; background: url('../img/nieuws_ie_back.jpg'); background-repeat:no-repeat; }
#dr_nieuws .slideshow				{ }
#dr_nieuws .slideshow .slide 			{ /*background: #000;*/ width: 330px; margin: 50px 0 0 20px; }
#dr_nieuws .slideshow .slide p 			{ width: 300px; height: 160px; color: #fff;}
#dr_nieuws #nieuws_arrow			{ position: absolute; margin: 75px 0 0 340px; cursor: pointer; }