/* --------------------------------------- */
/* GENERAL */
/* --------------------------------------- */

html,body					{ margin: 0; padding: 0; width:99%;  _width:98%;}

body
	{
	background: transparent url(/grfx/background_c.jpg) top left no-repeat;
	background-color: #C9EFFA;
	font-family: garamond,times new roman,sans-serif;
	font-size: 0.8em;
	color: #fff;
	}

#wrapper
	{
	width:980px;
	min-height:200px;
	height:auto;
	color: #000;
	margin:0 auto;
	}

/*Omdat NAV buiten Stack moest vanwege foute Z-index, extra wrapper aangemaakt*/
/*Wrapper zorgt dat navigatie voor elke resol. in het midden van opmaak blijft*/

#wrapper_nav
	{
	width:980px;
	height:auto;
	color: #000;
	margin:0 auto;
	}

a							{ color: #fff; text-decoration:underline; font-weight:bold; }
a:hover						{ color: #A5CDE0; text-decoration:underline; font-weight:bold; }

.button						{ cursor: hand; cursor: pointer; }
.clear						{ clear: both; }

h1							{ padding:10px 0px 5px 0px; margin:0; color:#E10165; font-size:1.4em; }

/* ======================================= */

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */

/*Code bevat properties om achtergrond transparant te maken*/
/*Opbouw is noodzakelijk om tekst NIEt transparant te maken*/

.content_logo
	{
	background: url(/grfx/logo_header.png);
	_background: url(/grfx/logo_header_ie6.png);
	width:163px;
	height:40px;
	position: relative;
	top:-10px;
	margin-left:830px;
	}

.content_logo a
	{
	position: absolute;
	top: 0;
	left: 0;
	width:163px;
	height:40px;
	}

.content_logo a h1			{ display:none; }

#header
	{
	width: 998px;
	height:115px;
	max-height:115px;
	background-image: url(/grfx/header_top.png) !important;  /* Mozilla only AND IE 7 */
	background-repeat: no-repeat !important;
	background-color: transparent !important;           	 /* Mozilla only */
	background-image: none;                             	 /* IE only */

	/*IE 6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/header_top.png', sizingMethod='scale')
	margin-top:15px;
	padding-top:10px;
	}

#header_visuals
	{
	width: 100%;
	height:122px;
	_height:118px;
	max-height:122px;
	background-image: url(/grfx/visual_bar.png) !important;  /* Mozilla only AND IE 7 */
	_background-repeat: no-repeat;
	background-color: transparent !important;           	 /* Mozilla only */
	background-image: none;                             	 /* IE only */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/visual_bar.png', sizingMethod='scale')
	}

/*----------------------------------------------------------------------------------------------------*/
/*Bedoelt om opmaak te behouden i.v.m aparte positionering*/
/*Positionering moeten toepassen omdat Menu bug geeft in IE 7, Z-index werkt niet (bestaande IE bug)*/
/*----------------------------------------------------------------------------------------------------*/

#color_bar_fill
	{
	width: 100%;
	height:5px;
	_margin-bottom:-12px;
	}

#color_bar_abs
	{
	background-image: url(/grfx/color_bar.png) !important;  /* Mozilla only AND IE 7 */
	background-repeat: repeat-x;
	position:absolute;
	top:160px;
	left:0;
	width: 100%;			/* default width */
	_width: 102%;			/* IE6 width */
	height:4px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	_border-bottom: 0;
	z-index:1;
	}

/*Omzijl voor Firefox 2 of lager*/
#color_bar_abs, x:-moz-any-link
	{
	width:101%;
	}

/*Reset de hierboven gedeclareerde waarde*/
#color_bar_abs, x:-moz-any-link, x:default
	{width:100%}

/* ======================================= */

/* --------------------------------------- */
/* NAVIGATION */
/* --------------------------------------- */

ul#nav						{ padding-top: 4px; }

#nav, #nav ul { /* all lists */
	float: left;
	width: 990px;
	_width: 980px;
	list-style:none;
	line-height: 1;
	font-weight: normal;
	padding: 0;
	margin: 0 auto;
	margin-bottom:0;
	_margin-left:10px;
	}

#nav ul						{ background: #3069A0; }

#m1, #m2, #m3, #m4, #m5, #m6, #m7,#m8,#m9
	{
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	background: url(/grfx/menubarstripe.gif) no-repeat right;
	}

#nav a {
	display: block;
	font-size:1.2em;
	color: #fff;
	text-decoration: underline;
	padding: 0.25em 0.75em;
	_padding: 0;
	}

#nav li { /* all list items */
	float: left;
	padding: 0;
	_padding-right:10px;
	_height:30px;
	}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 215px; /* width */
	font-weight: normal;
	border:2px solid #fff;
	margin: 0;
	z-index:1000;
	}

#nav li li {
	width: 100%;
	_margin-left:3px;
	_font-size:0.7em;
	}

#nav li ul a {
	height: auto;
	padding-top:9px;
	padding-bottom:1px;
	padding-right:0.25em;
	}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	margin: -1.7em 0 0 13.95em;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	direction:ltr;
	}

#nav li ul li a:hover { /* lists nested under hovered list items */
	color: #3069A0;
	background: #B3CADC;
	}

/* Support for the "iehover-fix.js" */

ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
	}

* html ul.nav li { z-index: 500; }

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */

/* ---------------------------- */

#nav_block
	{
	height:20px;
	_height:20px;
	margin:0 auto;
	z-index: 2;
	width:990px;
	}

#navigation
	{
	position:relative;
	top:-67px;
	_top:135px;
	left:0;
	font-size: 1em;
	font-weight:bold;
	text-align:left;
	list-style-type:none;
	z-index: 2;
	width:990px;
	}

#nav li#m2 #highlight, #nav li#m3 #highlight, #nav li#m4 #highlight, #nav li#m5 #highlight,
#nav li#m6 #highlight, #nav li#m7 #highlight, #nav li#m8 #highlight
	{
	color: #244994;
	text-decoration:none;
	}


/* ---------------------------- */

#breadcrumb				{ font-size:0.8em; color: #366EA4; text-decoration:none; }
#breadcrumb a			{ font-weight: normal; color: #000; text-decoration: underline; }
#breadcrumb a:hover		{ font-weight: normal; color: #000; text-decoration: underline; }

/* ======================================= */

/* --------------------------------------- */
/* CONTENT */
/* --------------------------------------- */

#container
	{
	position: absolute;
	width: 998px;
	margin-top:10px;
	}

#content_bg
	{
	width: 998px;
	background-image: url(/grfx/bg_content.png) !important;  /* Mozilla only AND IE 7 */
	background-color: transparent !important;           	 /* Mozilla only */
	background-image: none;                             	 /* IE only */

	/*IE6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/bg_content.png', sizingMethod='scale')
	}

#content
	{
	position: relative;
	color:#366EA4;
	font-weight:bold;
	font-size:1.2em;
	width:960px;
	min-height:150px;
	height:auto;
	_height:150px;
	margin:auto;
	padding:10px;
	}


#cnt, #sidebar
	{
	float:left;
	width:650px;
	min-height:400px;
	height: auto;
	_height:300px;
	padding: 10px 10px 5px 10px;
	}

#cnt						{ border-right: 1px solid #366EA4; }

#cnt a
	{
	color: #023A75;
	font-size:1.0em;
	}

#cnt strong
	{
	font-weight:bolder;
	color:#023A75;
	}

#sidebar
	{
	margin-left:15px;
	width:240px;
	text-align:center;
	}

#sidebar a
	{
	color:#366EA4;
	font-size:1.0em;
	}

#sidebar strong
	{
	font-weight:bolder;
	color:#023A75;
	}

.sidebar_block
	{
	border-bottom: 1px solid #366EA4;
	width:190px;
	min-height:40px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
	overflow:hidden;
	text-align:left;
	}

#more_info h1
	{
	color:#E16501;
	width:190px;
	padding:23px 2px 10px 2px;
	border-bottom: 1px solid #366EA4;
	text-align:left;
	}

/* ======================================= */

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */

#footer
	{
	width: 938px;
	_width: 947px;
	height:61px;
	max-height:61px;
	padding:15px;
	padding-right:40px;
	text-align:right;
	color:#366EA4;
	background-image: url(/grfx/bg_footer.png) !important;  /* Mozilla only AND IE 7 */
	background-repeat:no-repeat;
	background-color: transparent !important;           	/* Mozilla only */
	background-image: none;                             	/* IE only */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grfx/bg_footer.png', sizingMethod='fixed')
	}

/*Nodig om links in footer werkend te krijgen*/
#inner_footer				{ position:relative; }

#footer a
	{
	position: relative;
	color:#366EA4;
	}

#policy {
	margin-left: 20px;
	display: inline-block;
	float: left;
	}

/* ======================================= */

/* --------------------------------------- */
/* NEWS */
/* --------------------------------------- */

.news_block
	{
	min-height:200px;
	height:auto;
	_height:200px;
	width:600px;
	}

p.news_block
	{
	margin:0;
	padding:0;
	border:1px solid #000;
	}

.downloadble
	{
	min-height:50px;
	height:auto;
	_height:50px;
	width:600px;
	border-top: dashed 1px #366EA4;
	}

.img_border
	{
	border: 1px solid #fff;
	}

/* ======================================= */
/* ======================================= */
/* ======================================= */