/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Algemeen */

	img
	{
		border: 				0px;
	}
	* 
	{
		margin: 				0;
		padding: 				0;
	}
	body 
	{
		background:				#527ebc;
		
		text-align:				left;
		color:					#000;
		font-size:				10pt;
		font-family:			verdana;
	}
	p
	{
		margin-bottom: 10px;
}
	h1
	{
		width:					100%;
		background-color:		#527ebc;
		margin:					10px 0 10px -6px;
		padding:				5px 17px 5px 5px;
		
		color:					#fff;
		font-size:				12pt;
		font-weight:			normal;
		text-align:				left;
	}
	h3
	{
		width:					200px;
		background-color:		#527ebc;
		margin:					10px 0 0 -6px;
		padding:				5px;
		
		color:					#fff;
		font-size:				12pt;
		font-weight:			normal;
		text-align:				right;
	}
	hr
	{
		width:					655px;
	}

/* Website */

	#navigation
	{
		width:					910px;
		margin:					0 auto;
		display: 				block;
	}
	#container
	{
		width:					910px;
		margin:					25px auto;
	}
	#left
	{
		width:					908px;
		float:					left;
	}
	#right
	{
		margin:					261px 0 0 0;
		width:					170px;
		float:					right;
	}
	#header
	{
		width:					908px;
	}
	#content
	{
		background-image:		url('/images/spacer.jpg');
		background-repeat:		repeat-y;
		
		width:					908px;
		
		padding:				5px;
		margin:					0 auto;
		
		overflow:				auto;
		z-index: 				-20;
		display: 				block;
	}
	#menu
	{
		width:					190px;
		float:					left;
		padding:				5px;
	}
	#menu ul
	{
		width:					202px;
		list-style:				none;
	}
	#menu li a
	{
		color:					#527ebc;
		text-decoration:		none;
		
		width:					190px; 
		line-height:			15px;
		
		padding:				7px;
		margin:					6px 0 0 0;
		
		display:				block;
	}
	#menu li a:hover
	{
		text-decoration:		underline;
	}
	#page
	{
		position:				relative;
		width:					660px;
		float:					right;
		padding:				0 25px 10px 10px;
		margin:					0 auto;
	}
	
	
	#footer
	{
		width:					908px;
	}
	
/* Links: */
a:link 
{
	color: 						#2e3094; 
	font-family: 				Verdana, Arial, Helvetica, sans-serif; 
	font-size: 					11px; 
	text-decoration: 			none; 
} 
a:visited 
{
	color: 						#2e3094; 
	font-family: 				Verdana, Arial, Helvetica, sans-serif; 
	font-size: 					11px; 
	text-decoration: 			none; 
} 
a:active 
{
	color: 						#2e3094; 
	font-family: 				Verdana, Arial, Helvetica, sans-serif; 
	font-size: 					11px; 
	text-decoration: 			none; 
} 
a:hover 
{
	color: 						#2e3094; 
	font-family: 				Verdana, Arial, Helvetica, sans-serif; 
	font-size: 					11px;
	text-decoration: 			underline; 
}

#copyright
{
	background-image:		url('/images/spacer.jpg');
	background-repeat:		repeat-y;
	padding:				10px;
	color:					#aeaeae;
	text-align:				right;
}
#copyright a
{
	color:					#aeaeae;
}
#copyright a:hover 
{
	color: 					#2e3094; 
}
/* Navigation */

#sddm
{	
	margin: 					0px;
	padding: 					0px;
	width:						910px;
	height:						20px;
	list-style: 				none;
}

#sddm li
{	margin: 					0;
	padding: 					0;
	list-style: 				none;
	float: 						left;
	font: 						bold 11px verdana;
	overflow:					auto;
}

#sddm li a
{	
	display: 					block;
	margin: 					3px;
	padding: 					5px 11px;
	width: 						auto;
	background: 				#5970B2;
	color: 						#FFF;
	text-align: 				center;
	text-decoration: 			none
}

#sddm li a:hover
{	
	background: 				#49A3FF
}

#sddm div
{	
	position: 					absolute;
	visibility: 				hidden;
	margin: 					0;
	padding: 					0;
	background: 				#EAEBD8;
	border: 					1px solid #5970B2
}

	#sddm div a
	{	
		z-index: 					20;
		position: 					relative;
		display: 					block;
		margin: 					0px;
		padding: 					8px 20px;
		width: 						150px;
		white-space: 				nowrap;
		text-align: 				left;
		text-decoration: 			none;
		background: 				#5970B2;
		color: 						#fff;
		font: 						10px verdana;
	}

	#sddm div a:hover
	{	
		background: 				#fff;
		color: 						#5970B2;
	}