@charset "utf-8";

/* ---- -- [ CSS DOCUMENT ] -- ---- */

BODY, HTML
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 100%;
	text-align: center;
	color: #00295B;
}

BODY
{
	background: #fff url(../images/default/bg_main.jpg) repeat-x top left;
	overflow-y: scroll;
	overflow-x: hidden;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.searchResultsIframe
{
    height:70%;
    width:660px;
}

/* ---- -- [ FONT SETTING ] -- ---- */

	BODY, TD, TH, DIV, SPAN, STRONG, EM, B, P, INPUT, SELECT, TEXTAREA, A
	{
		font-size: 11px;
		font-family: Tahoma, Arial, Helvetica, Verdana, Sans-Serif;
		line-height: 19px;
	}
	
	

/* ---- -- [ CONTAINER ] -- ---- */
	
	#container
	{
		width: 960px;
		margin: 0 auto;
		border-collapse: collapse;
	    background: #fff url(../images/default/bg_container.gif) repeat-y top left;
	}
	
	#header
	{
		height: 107px;
	}
	
	#top_menu
	{
	    height: 24px;
	    background: transparent url(../images/default/bg_topmenu.jpg) no-repeat;
	}
	
	#left_menu
	{
		width: 230px!important;
		padding: 0px 0px 16px 0px;
		vertical-align: top;
		background: transparent;
	}
	
	#content
	{
		padding: 20px 50px 25px 15px;
		vertical-align: top;
		background: transparent url(../images/default/bg_content.gif) no-repeat top left;
		width: 100%;
	}
	
	
	#footer
	{
		height: 111px;
		color: #eb7d00;
		text-align: center;
	   background: #fff url(../images/default/bg_footer.gif) no-repeat top left;
	}
	
	#hide
	{
		/* hiding elements such as cb3:headerimage */
		display: none;
	}

/* ---- -- [ BREADCRUMBS TABLE ] -- ---- */

	.breadcrumbs
	{
		width: auto;
	}	

	
/* ---- -- [ DEFAULT PAGE STYLING ] -- ---- */

	a:link,
	a:hover, 
	a:active,
	a:visited
	{
		color: #6290a3;
		text-decoration: underline;
		cursor: pointer;
	}
	
	a:hover
	{
		color: #35728A;
		text-decoration: none;
		cursor: pointer;
	}
	
	a.info:link,
	a.info:active,
	a.info:visited
	{ 
		position:relative; 
		z-index:24;
	}
	  
	a.info:hover 
	{ 
		z-index:25; 
	}
	
	a.info span 
	{ 
		display: none; 
		font-weight: normal;
	}
	
	a.info:hover span 
	{ 
		display:block; 
		position:absolute; 
		top:2em; 
		left:2em; 
		width:20em; 
		border:1px #35728a solid; 
		background-color:#ddedf4; 
		color:#00295b; 
		font-size: 11px; 
		line-height: 17px;
		padding:5px; 
		text-decoration:none; 
	}	
	
	hr
	{
		display: block;
		height: 1px;
		border-bottom: 1px #ADADAD double;
		margin: 16px 0px 16px 0px;
	}
	
	.title
	{
		width: auto;
		display: block;
		font-size: 11px;
		line-height:24px;
		height:24px;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin-bottom:10px;
		text-transform: uppercase;
		border-bottom: 5px solid #ffcf87;
	}
	
	.IntroText
	{
		display: block;
		font-weight: normal;
		margin: 0px 0px 5px 0px;	
		padding: 0px 0px 5px 0px;
	}
	
	.lite
	{
		font-size: 11px;
		font-weight: lighter;
		color: #555252;
		display: block;
	}
	
	.lite .datemodified
	{
		font-size: 11px;
		font-weight: lighter;
		color: #6290A3;
	}
	
	.button, .buttonHover
	{
		background: #00295b;
		border: none;
		width: auto;
		padding: 0px 5px 0px 5px;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff !important;
		cursor: pointer;
		text-decoration:none;
		text-align:center;
	}
	
	.area
	{
		font-size: 11px;
		overflow: auto;
		border: 1px #343434 solid;	
	}
	
	.veld,
	.radInput_Default INPUT
	{
		height: 22px;
		font-size: 11px;
		border: 1px #343434 solid;
			
	}
	
	/* re-define UL element because these are overruled by the backend somewhere */
	ul
	{
		line-height: 19px;
		margin: 8px 3px 8px 15px;
		list-style: disc;
		list-style-type: disc;
	}
	
	ul li
	{
		line-height: 19px;
		margin: 0px 3px 0px 15px;
	}
	
	ul li ul /* level 2 of UL */
	{
		list-style: circle;
		list-style-type: circle;
	}

	
	/* re-define OL element because these are overruled by the backend somewhere */
	
	ol
	{
		line-height: 19px;
		margin: 8px 3px 8px 15px;
		list-style: decimal;
		list-style-type: decimal;
	}
	
	ol li
	{
		line-height: 19px;
		margin: 0px 3px 0px 15px;
	}
	
	ol li ol /* level 2 of UL */
	{
		list-style: lower-alpha;
		list-style-type: lower-alpha;
	}

	
	
	
/* ---------- [ searchbox ] ---------- */


.search {
	float: left;
	position:relative;
	height:23px;
	padding:0;
	margin: 20px 0px 20px 12px; 
	/* IE6 hack */
	_display:inline;
}

.search_button {
 	float:right;
	position:absolute;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	width: 65px;
	height: 22px;
	line-height:22px;
	background: transparent;
	text-align: center;
	cursor: pointer;
	left:148px;
	top:0px;
	border: 0px;
	padding-top:4px;
	#padding-top: 0px;
}

.search_field {
 	float: left;
	border:0;
	width:144px;
	height:20px;
	padding-top:2px;
	margin-top: 2px;
	#margin-top: 0px;
	margin-left: 4px;
	font-size: 11px;
	color: #EB7D00;
	background-color: transparent;
}

.search_bg, .search_bgIE {
	background:url(../images/default/search_bg.gif) no-repeat;
	width:217px;
	height:24px;
	display:block;
	border: 0;
}
	

/* ---- -- [ MENU COMPONENT (ID="HoofdMenu") ] -- ---- */


    DIV#HoofdMenu_container
    {
		background: #a9cfde url(../images/default/menu/HoofdMenu_bottom.gif) no-repeat bottom left;
		padding-top: 16px;
		padding-bottom: 16px;
		margin-left: 4px;
		line-height: 0px;
    }
    DIV#HoofdMenu_container nobr
    {
		white-space:normal;
    }
    
    DIV#HoofdMenu_container DIV
    {
        border-left: 9px solid #35728a;

    }

	 #below_menu
		{
			background: transparent url(../images/default/menu/HoofdMenu_below.gif) no-repeat top left;
			margin-left: 12px;
			height: 112px;	
		}
	 
	.TopGroup
	{
		background: transparent;
		cursor: default;
		color: #FFFFFF;
		width: 217px;
	}

	.Group, .GroupStyle02
	{
	    border: 1px solid #35728a;
	    padding: 1px;
	    background: #ddedf4;
	}
	
	/* Top item styles ---------------------------------------- */
	
	
	.TopItem, .TopItemHover, .TopItemExpanded
	{
		height: 24px;
		line-height: 22px;
		text-transform: uppercase;
		font-weight: bold;
	   margin-bottom: 6px;
	   cursor: pointer;
	}
	
	
	.TopItem
	{
		background: Transparent url(../images/default/menu/TopItemBg.gif) no-repeat top left;
		color: #00295b;
		text-decoration: underline;
	}
	
	.TopItemHover
	{
		background: Transparent url(../images/default/menu/TopItemExpanded.gif) no-repeat top left;
		color: #35728a;
		text-decoration: none;
	}
	
	.TopItemExpanded
	{
		background: Transparent url(../images/default/menu/TopItemExpanded.gif) no-repeat top left;
		color: #35728a;
		text-decoration: none;
	}
	
	/* Top item styles STYLE02 ---------------------------------------- */
	
	
	a.onderzoeksthemas
	{
	    display:none;
		height: 24px;
		line-height: 22px;
		text-transform: uppercase;
		font-weight: bold;
	    cursor: pointer;
	    background: Transparent url(../images/default/menu/onderzoek.gif) no-repeat top left;
		color: #00295b;
		text-decoration: underline;
		text-indent: 24px;
	}
	
	a:hover.onderzoeksthemas
	{
	    display:none;
		height: 24px;
		line-height: 22px;
		text-transform: uppercase;
		font-weight: bold;
	    cursor: pointer;
	    background: Transparent url(../images/default/menu/onderzoekExpanded.gif) no-repeat top left;
		color: #35728a;
		text-decoration: none;
		text-indent: 24px;
	}
	
	DIV#HoofdMenu_container DIV#onderzoek_spacer
	{
	    height: 0px;
	    border-top: 0px;
	    border-bottom: 0px;
	    line-height: 0px;
	    font-size: 1px;
	}
	
    DIV#HoofdMenu_container DIV#submenu_block
    {
        border-left: 0px;
    }
	
	
	.TopGroupStyle02
	{
		background: transparent;
		cursor: default;
		color: #FFFFFF;
		width: 217px;
	}
	
	.TopItemStyle02, .TopItemHoverStyle02, .TopItemExpandedStyle02
	{
		height: 24px;
		line-height: 22px;
		text-transform: uppercase;
		font-weight: bold;
	   margin-bottom: 6px;
	   cursor: pointer;
	}
	
	
	.TopItemStyle02
	{
		color: #00295b;
		text-decoration: underline;
	}
	
	.TopItemHoverStyle02
	{
		color: #35728a;
		text-decoration: none;
	}
	
	.TopItemExpandedStyle02
	{
		background: Transparent;
		color: #35728a;
		text-decoration: none;
	}
	
	/* Default item styles ------------------------------------ */ 
	
	.Item
	{
		background: #ddedf4;
		color: #35728a;
		font-size:11px;
        text-indent:5px;
	}

	.ItemHover
	{
		background: #00295b;
		color: #FFFFFF;
		cursor: pointer;
		text-indent:5px;
	}

	.ItemExpanded
	{
		background: Transparent url(../images/default/menu/ItemExpanded.gif) repeat-y 100% 0%;
	}

	/* Selected item styles ------------------------------------ */ 
	.SelectedItem
	{

	}

	.SelectedItemHover
	{

	}

	.SelectedItemExpanded
	{

	}

	/* Child selected item styles ------------------------------------ */ 
	.ChildSelectedItem
	{

	}

	.ChildSelectedItemHover
	{

	}

	.ChildSelectedItemExpanded
	{

	}
	
	/* Context Menu item styles --------------------------------------- */
	.TopContext
	{
		background: #EAECEE;
		line-height: 15px;
		cursor: default;
		color: #FFFFFF;
	}
	
	.ContextItem
	{
		font-size: 10px;
		background: #EAECEE url();
		color: #000000;
	}
	
	.ContextItemHover
	{
		font-size: 10px;
		background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
		color: #000000;
	}
		
	.ContextItem nobr,
	.ContextItemHover nobr
	{
		font-size: 10px;
	}

/* ---- -- [ LITEMENU COMPONENT (ID="SubMenu") ] -- ---- */

	.contentsubs ul, .contentsubs li
	{
		padding: 0;
		margin: 0px 0px 0px 4px;
		list-style: none;
		list-style-type: none;
	}
	
	.contentsubs a:link,
	.contentsubs a:hover,	
	.contentsubs a:active,	
	.contentsubs a:visited
	{
		color: #686868;
		text-decoration: none;
	}
	
	.contentsubs a:hover
	{
		color: #686868;
		text-decoration: underline;
	}
	
	.submenu_item_selected a:link,
	.submenu_item_selected a:hover,
	.submenu_item_selected a:active,
	.submenu_item_selected a:visited
	{
		font-weight: bold;
		cursor: default;
		color: #000000;
		text-decoration: none;
	}
	
/* ---- -- [ LITEMENU COMPONENT (ID="VoetMenu") ] -- ---- */

	.VoetMenu
	{
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 12px;
	}	
	
	.VoetMenu ul, .VoetMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 0px 0px 4px;
		list-style: none;
		list-style-type: none;
	}
	
	.VoetMenuItem a:link,
	.VoetMenuItem a:hover,
	.VoetMenuItem a:active,
	.VoetMenuItem a:visited
	{
		display: inline;
		color: #EB7D00;
		font-size: 11px;	
	}

	#footer_logos a
	{
		height: 75px;
		display: block;
		float: left;
		text-decoration: none;
		color:#fff;
		background: transparent;
	}
	
	#footer_logos a.logo1
	{
		width: 160px;
	}
	
		#footer_logos a.logo2
	{
		width: 84px;
	}
	
		#footer_logos a.logo3
	{
		width: 81px;
	}
	
		#footer_logos a.logo4
	{
		width: 99px;
	}
	
		#footer_logos a.logo5
	{
		width: 116px;
	}
	
		#footer_logos a.logo6
	{
		width: 104px;
	}
	
		#footer_logos a.logo7
	{
		width: 118px;
	}
	
		
	#footer_logos a.logo8
	{
		width: 195px;
	}
	
	
/* ---- -- [ LITEMENU COMPONENT (ID="TopMenu") ] -- ---- */

	.TopMenu
	{
		display: block;
		float: right;
		width: 50%;
		text-align: right;	
	}	
	
	.TopMenu ul, .TopMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 5px 0px 0px;
		list-style: none;
		list-style-type: none;
		border-right: 1px solid white;
	}
	
	.TopMenu ul
	{
	border-right: 0px;
	}
	
	.TopMenuItem a:link,
	.TopMenuItem a:hover,
	.TopMenuItem a:active,
	.TopMenuItem a:visited
	{
		display: inline;
		color: #fff;
		font-size: 11px;
		margin: 0px 20px;
		text-transform: uppercase;	
	}
	

/* FUNCTIE VENSTER */

/*#functionmenu { position: absolute; left: 50%; width:11px; margin-left:334px; margin-top:13px; z-index:10; }*/
.fwrapper
{
    position: relative;
	width:100%;
	z-index:1000;
}

#functionmenu
{
    position: absolute;
    width: 20px; 
    height: 50px; 
	top: 20px; /* ofset (of .fwrapper) must be set here as well as in the script file (jquery.functiemenu.js)*/
	left:680px;
	z-index:1000
}


/*#functionmenu { position: absolute; margin-left: 161px; width:22px; height:102px; z-index:10; }
*/
/* *html #functionmenu { width:24px; left: 0px; float:right; width:11px; margin-left:-9px; margin-top:0px; z-index:10; }*/
#functionmenu * {  font-size:11px; float:right; }
#functionmenu .functionbutton { clear:both; width:20px; height: 20px;  margin: 2px 0px;}
.functionbutton a img { background-color: #FFCF87; border: solid 1px #A47134;}
#functionmenu .functionbutton a:hover img { background-color: #EB7D00; }
#functionmenu .functionbutton .top, .print, .email, .search {   }

	/* FORMS */
	#functionmenu form { margin: 0px; }
	#functionmenu input { width: 100%; }
	#functionmenu textarea { width: 100%; height: 50px; }
	#functionmenu td { border-style: none; padding:3px;  }
	#functionmenu table { width: 100%; background-color: #EB7D00; }
	#functionmenu .close { text-align: right; }
	#functionmenu .button { height:20px; text-align:center;  }
	#functionmenu .buttonvind { width:100px; float:left;}
	#functionmenu .buttonclose { width:17px; float:right; text-align:center; }
	#functionmenu #mail_form table { height: 87px; }
	#functionmenu #mail_form { visibility: hidden; display:none; table-layout: fixed; position: absolute; width: 300px; top: 0px; left: -310px; table-layout: auto; }
	#functionmenu #mail_form td { position: static; float: none; table-layout: fixed; width: 300px; }
	#functionmenu #mail_form td.half { width: 150px; }
	#functionmenu #search_form table { height: 30px;  }
	#functionmenu #search_form { visibility: hidden; display:none; position: absolute; width: 300px; top: 54px; left: -310px; }
	#functionmenu #search_form td { position: static; float: none; table-layout: fixed; width: 300px; }
	#functionmenu .form_title { font-weight:bold; font-size:12px; display:block; width:150px; float:left;}
	

	#functionmenu #top_top 
	{ 
		top: -22px;  
	}
	#functionmenu #top_print 
	{ 
		top: 0px; 
	}
	#functionmenu #top_email 
	{ 
		top: 22px; 
	}
	#functionmenu #top_search 
	{ 
		top: 44px; 
	}

/* END FUNCTIE VENSTER */

    /* making the inside editor text look the same as when outside the editor  this is the padding used in 'WrapText' + 2px for the border*/
    .EContentBordered
    {
        /*padding: 1px;/*
    }