body
	{
	margin: 5px 5px 5px 5px;
	text-align:center;
	display:block;
	background-color:Gray;
	border: 0px none;
	color: #333333;								/*Color 000-Body text dark gray */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	}



/* Master wrapper ontainer div be able to center the "page" any other div is contained in a master container called */
    div#PageWrapper
        {
        width:788px;
        margin: 0px 0px 0px 0px;
        padding:0px;
        background-color: white;
        border:1px solid #4a556b;
        text-align:left;
        }

/* Set deafault properties */
	table
		{
		border: none;
		border-collapse:collapse;
		margin: 0px 0px 0px 0px;
		}
	
	td, p
		{
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		}

	p
		{
	    color: #333333;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		}
		
	h1 {font-size:1.8em}

	h2 
		{
		margin: 15px 0px 5px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14pt;
		font-weight:bolder;
		text-decoration: none;
		color: #4a5568;
		}

		
	h3
		{
		margin: 1px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}
	
	img {border: 0px none;}

/* Main Table */

	table#MainTable
		{
		
		}


	td#LogoCell
		{
		height:64px;
		width:263px;
		/*background-image: url(../Images/DRK/DRK-Logo-Top-Left-263x64-.gif);
		background-position: left top;
		background-repeat: no-repeat;*/
		background-color:white;
		display:block;						/* prevent UFO margins */
		vertical-align:middle;
		}
		
	td#TopLineLinks
		{
		background-color:white;
		width: 525px;
		}

	#TopLineLinks ul
		{ 
		float: right;		
		list-style: none;					/* makes that there are no bullets */
		margin: 0px 5px 0px 0px;			/* specify certainly top & bottom margins to 0px, otherwhise the heigt of the menu-line is ridiculously high in both IE6 & FF*/
		padding-left: 0px;					/* needed for firefox that incase of not specified, shifts the first li point like there was a bullet before (IE7 ignores)*/
		padding-right: 0px;
		padding-top: 3px;					/* positions the site map & search link to the bottom of the container */
		padding-bottom:0px;					
		}

	#TopLineLinks li					
		{
		display: inline;					/* makes it a horizontal list, but IE does not take it, see hack below! */
		}

	* html #TopLineLinks a:link, #LogoHeader a:visited		/* IE6-hack: prevents it from inheriting props from the hor menu */
		{
		height:1px;							/* IE6: activates haslayout */
		background-color:White;
		display:inline;						/* IE6: whithout display set to inline the list will be stacked vertically in IE only */
		color:#6699cc;
		margin: 0 0 0 0;
		}

	#TopLineLinks a:link, a:visited
		{
		color: #6699cc;
		text-decoration: none;
		padding-left: 3px;					/* needed for firefox that incase of not specified, shifts the first li point like there was a bullet before (IE7 ignores)*/
		padding-right: 3px;
		padding-top: 0px;					
		padding-bottom:0px;					
		}
	
	#TopLineLinks a:hover
		{
		color: #eeb311;
		}   
/*=========================================================================================================================================*/


	#HMenuCell
		{
		height:26px;
		background-color:#6d8497;
        border-top:1px solid #4a556b;		/* the dark border line on top and bottom accentuate the menu */
        border-right:0px none;
        border-bottom:1px solid #4a556b;
        border-left:0px none;
		background-image: url(../Images/Dummies/HMenuNormalBG.gif);
		background-position: left middle;
		background-repeat: repeat-x;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10pt;
		}
    

	#HMenuCell ul					/* The unordered list for the horizontal menu */
		{
		
		list-style: none;				/* makes that there are no bullets */
		margin: 0px 0px 0px 0px;		/* specify certainly top & bottom margins to 0px, otherwhise the heigt of the menu-line is ridiculously high */
		padding: 0px 0px 0px 0px;				/* Left 0 = needed for firefox that incase of not specified, shifts the first li point like there was a bullet before (IE7 ignores)*/
		}

	* html #HMenuUL {height:100%;vertical-align:middle;  }		/* IE6 hack: Corrects line height problem in IE6 */

	#HMenuCell li					/* properties for the LI items in the menu (ul) */
		{
		float:left;
		display: inline;				/* makes it a horizontal list */
		
		}
	
	* html .HMenuLi						/*IE6 hack: solves height problem */
		{
		height:100%;
		Margin:0;
		
		}

	
	#HMenuCell a:link, #HMenuCell a:visited		/* properties for the hyperlinks of the horizontal menu */
		{
		display:inline-block;				/*IE6 hack: set has layout, FF does nothing with it (thanx http://www.csscreator.com/node/17828)*/
		color: white;
		text-decoration: none;			/* note: no underlining */	
		padding: 4px 10px 6px 10px;		/* the left and right padding make the item standing more appart and the hover block is neater
										   the 2px bottom padding makes that the hover block touches the bottom of the container
										   (should find a more precise solution??? */
		}

	* html #HMenuCell a:link, * html #HMenuCell a:visited
		{
		display:inline-block;
		color: white;
		text-decoration: none;			/* note: no underlining */	
		padding: 4px 10px 6px 10px;
		}	
	


	#HMenuCell a:hover, * html #HMenuCell a:hover					/* properties when hovering over a horizontal menu item */
		{
		color: #eeb311;
		background-color: #515f72;		/* background of a horizontal menu item change to a darker color when hovering */
		background-image: url(../Images/Dummies/HMenuSelectedBG.gif);
		background-position: left middle;
		background-repeat: repeat-x;
		}
/*=========================================================================================================================================*/
	
	
	
	td#BannerPhotoCell
		{
        width:263px;
        height:135px;					/* if height is specified in the container the hight of the background hovering boxes is always to small */
        background-color: White;				/*#f9edc6;*/
		background-image: url(../Images/DRK/BannerPhotoBackground.gif );		/*solves FF 1.5 adding of variable nr of pixels to the rightside */
		background-position: left top;
		background-repeat:repeat-x;
		border-top: 0px none;
        border-right: 1px solid #4a556b;
        border-bottom: 1px solid #4a556b;
        border-left:0px none;
	

        text-align:left;
        
		}
		
	td#BannerGraphicCell
		{
        width:525px;
        height:135px;
        border: 0px none;
        border-bottom: 1px solid #4a556b;					
        background-color: #f9edc6;
		background-image: url(../Images/DRK/BannerGraphic525x135.gif);
		background-position: left top;
		background-repeat: no-repeat;
        text-align:left;
		}
		
	p.BannerHeader	
		{
		color: #4a5568;													/* color 002 dark teal blue*/
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: normal;
		font-size: 18pt;
		/*letter-spacing: 1.5px*/
		}		
/*=========================================================================================================================================*/
	.UpdateTimeStamp
		{
		color: #32647d;													/* color 039 light blue*/
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: normal;
		font-size: 7pt;
		text-align:center;
		}
	
	.DateTimeStamp
		{
		color: #32647d;													/* color 039 light blue*/
		font-family: verdana, arial, helvetica, sans-serif;
		font-weight: normal;
		font-size: 7pt;
		/*letter-spacing: 1.5px*/
		
		}
	
	
	
	td#NavContainerCell
		{
		display:block;
		/*width:100%;*/					
		background-color:white;			/*#f0f6f2;*/
		min-height:500px;
		/*_height:500px;*/
		border-top:0px none;
        border-right:0px none;
        border-bottom:0px none;
        border-left:0px none;

		}
		
	* html td#NavContainerCell {width:263px;}

/* Vertical navigation mmenu */
	#VMenuContainer					/* div that contains the Vertical navigation mmenu */
		{
		/*width: 263px;*/
		max-width:263;				/*could solve IE7problem */
		border: 0px none;
		margin:0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		color: white;
		display: block;
		}

	* html #VMenuContainer {width:263px;}

	#VMenuContainer ul
		{
		list-style-type: none;			/* no bullets, no indenting */
		margin: 0px  0px 0px 0px;	
		padding: 0px; 					/* Needed for FireFox to surpress the indenting like if there where bullets. IE ignores */
		}

	#VMenuContainer li
		{
		border-bottom: #96abbc 1px solid;	/* gold border under each menu item block */
		font-size: 9pt;
		margin-top: 0px;
		margin-bottom: 0px; 
		}

	#VMenuContainer li a:link, #VMenuContainer li a:visited
		{
		display: block;					/* Display a block around */
		padding: 5px 1px 5px 10px;
		background-color: #6d8496;		/* unselected item bg color */
		
		color: White;
		text-decoration: none;			/* note: no underlining in none of the 3 statusses*/	
		}

	#VMenuContainer li a:hover
		{
		color: #eeb311;
		background-color: #515f72;		/* when item is selected change background color to darker */
		background-image: url(../Images/Dummies/HMenuSelectedBG.gif);
		background-position: left middle;
		background-repeat: repeat-x;

		}
		
	* html #VMenuContainer a
		{
		height: 1px;					/* IE hack: gives the A container haslayout and makes the whole zone linkable, not only the text */
		}
/*=========================================================================================================================================*/
		
	td#ContentContainerCell
		{
		width:525px;
		height: 400px;
		margin: 10px 10px 30px 10px;
		vertical-align: top;		
		background-color: white;
		border-top:0px none;
        border-right:0px none;
        border-bottom:0px none;
        border-left:1px solid #4a556b;
		color:black;
		font-size:1em;
		overflow:hidden;
		
		}
/*=========================================================================================================================================*/
		
	td#FooterContainerCell
		{
		width:100%;
		height: 45px;
		vertical-align: top;
		text-align:center;
		padding: 2px 0px 0px 0px;		
		border-top:1px solid #4a556b;
        border-right:0px none;
        border-bottom:0px none;
        border-left:0px none;
		}

	#FooterContainerCell p
		{
		display:inline;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		text-align:center;
		color: #4a5568;							
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 8pt;
		}

		
	#FooterContainerCell a:link, #FooterContainerCell a:visited
		{
		color: #6d8496; 											/*Color 008 light blue */
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 8pt;
		text-decoration: none;
		padding:5px 0 5px 0;
		}

	#FooterContainerCell a:hover
		{
	    color: #e88c35;											/* Color 021- Gold Footer hover */
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 8pt;
		text-decoration: underline;
		}

/*=========================================================================================================================================*/
/* SideBar */

	#SideBarContainer
		{
		Background-Color:#fff6dc;
		z-index: 101;
		width: 251px;
		/*position: relative;*/
		margin: 50px 0px 0px 4px;
		/*left:4px;*/
		/*top: 50px;*/
		height: auto;
		/*width: 95%;*/					/* gives problems in FF*/
		text-align:center;
		Border: solid 2px #4a556b;
		overflow:hidden;
		
		}

	/** html #SideBarContainer {left:4px;}*/

	#SideBarContainer h2
		{
		/*Background-Color:#7db1cd;*/
		background-image:url(../Images/DRK/SideBarHeaderBG.gif);
		background-position:top;
		background-repeat:repeat-x;
		color:White;
		padding:10px 5px 10px 5px;
		text-align:center;
		margin:0 0 0 0;
		
		
		}

	#SideBarContainer p
		{
		text-align:left;
		margin:10px 0px 10px 0px;
		padding:0px 5px 0px 5px;
			
		}
	
	#SideBarContainer li
		{
		text-align:left;
		display:block;
		margin:5px 5px 10px -18px;
		/*list-style:	*/
	
		}		

/*===================================================*/
/* from here on Style Rules for Content Pages */
/*===================================================*/

/* Banner Page Title */
#BannerPageTitle p
	{
	padding-top:5px;
	padding-Left:5px;
	font-size:20pt;
	/*letter-spacing: 1px;*/
	color:#4A5568;
	}




/* General Header Formating */

	
	
	#MainContent
		{
		margin: 0px;
		padding:0px 0px 30px 0px;
		border-bottom: 2px solid #d6d6d2;
		}

	
	#ContentContainer, .ContentContainer
		{
		background-color: white;
		/*background-image: url(../Images/DRK/Draft.gif);*/
		margin: 5px 5px 5px 10px;
		padding:0px;
		border: 0px none;
		}

	.BulletBoxContainer
		{
		font-size: 8pt;
		color: #4a5568;
		font-family: verdana, arial, helvetica, sans-serif;
		font-style:italic;
		background-color: #efece5;
		vertical-align: middle;
		margin: 15px 30px 15px 20px;
		padding: 10px 20px 0px 0px; 
		/*border: #4181a1 3px solid;*/
		/*border: #e88c35 1px double;*/
		border: none;
		}

	* html .BulletBoxContainer {height:1px;}

	.BulletBoxContainer ul
		{
		list-style-type:square;
		vertical-align:middle;
		}

	.BulletBoxContainer li
		{
		padding-bottom:10px;
		}


	/*#ContentContainer ul
		{
		font-size:1.2em;
		background-color:#eaf3f7;
		list-style-type:square;
		vertical-align:middle;
				
		}*/

		
	* html .ListContainer {height:1px;}		/*fix IE6 bug to set haslayout prop, otherwise hover will not work*/

	.ListContainer
		{
		font-size:8pt;
		color:#4a5568;
		background-color:#eaf3f7;
		vertical-align:middle;
		margin: 15px 30px 15px 20px;
		padding:10px 20px 0px 0px;
		border:1px solid #39738f;
		}

	.ListContainer ul
		{
		list-style-type:square;
		vertical-align:middle;
		}

	.ListContainer li
		{
		padding-bottom:10px;
		}
	
	.ListContainer a:link, .ListContainer a:visited
		{
		color:#4a5568;					/* color 002 dark blue gray */
		text-decoration:none;
		}

	.ListContainer a:hover
		{
		color:#e88c35;					/* color 021 gold orange */
		text-decoration:underline;
		}



	.HListContainer
		{
		font-size:8pt;
		color:#4a5568;
		background-color:#eaf3f7;
		vertical-align:middle;
		text-align:center;
		margin: 15px 20px 15px 15px;
		/*padding:5px 0px 5px 0px;*/
		border:1px solid #39738f;
				
		}

	.HListContainer ul
		{
		margin-left:-5px;
		list-style-type:none;
		vertical-align:middle;
		
		}
	.HListContainer li
		{
		display:inline;
		
		}
	
	.HListContainer a:link, .HListContainer a:visited
		{
		color:#4a5568;
		text-decoration:none;
		}

	.HListContainer a:hover
		{
		color:#e88c35;
		text-decoration:underline;
		}


	.BoxContainerShaded
		{
		font-size: 8pt;
		color: #4a5568;
		font-family: verdana, arial, helvetica, sans-serif;
		font-style:italic;
		background-color: #efece5;
		vertical-align: middle;
		margin: 10px 5px 10px 0px;
		padding: 10px 10px 10px 10px; 
		/*border: #4181a1 3px solid;*/
		/*border: #e88c35 1px double;*/
		border: none;
		}

	* html .BoxContainerShaded {height:1px;}





	#SecondaryContentContainer, .SecondaryContentContainer
		{
		/* background-color: #eeeeee;*/
		margin: 0px 5px 20px 65px;
		padding:10px 0px 20px 0px;
		
		}
		
	#SecondaryContentContainer h3, h3.SecondaryContentContainer, h3.ContentContainer
		{
		margin: 1px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}


	h2.MainTitels
		{
		margin: 15px 0px 5px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14pt;
		font-weight:bolder;
		text-decoration: none;
		color: #4a5568;
		}
		
	h3.SubTitels
		{
		margin: 1px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}

	h3.Special
		{
		margin: 1px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #cb987d;
		}

	h3.RedIconIs1, .RedIconIs1
		{
		margin: 1px 0px 0px -50px;
		padding: 5px 0px 5px 50px;
		background-image: url(../Images/DRK/ArtikelBulletRood.gif);
		background-position:left top;
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}

	h3.RedIconIs1 a:link, h3.RedIconIs1 a:visited
		{
		color: #6d8497;
		text-decoration:none;
		}

	h3.RedIconIs1 a:hover
		{
		color:#e88c35;
		text-decoration:underline;
		}



	
	h3.GreenIconIs2
		{
		margin: 1px 0px 0px -50px;
		padding: 5px 0px 5px 50px;
		background-image: url(../Images/DRK/ArtikelBulletGroen.gif);
		background-position:left top;
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}

	h3.BlueIconIs3
		{
		margin: 1px 0px 0px -50px;
		padding: 5px 0px 5px 50px;
		background-image: url(../Images/DRK/ArtikelBulletBlauw.gif);
		background-position:left top;
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}

	h3.PurpleIconIs4
		{
		margin: 1px 0px 0px -50px;
		padding: 5px 0px 5px 50px;
		background-image: url(../Images/DRK/ArtikelBulletPurper.gif);
		background-position:left top;
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}

	h3.OrangeIconIs5
		{
		margin: 1px 0px 0px -50px;
		padding: 5px 0px 5px 50px;
		background-image: url(../Images/DRK/ArtikelBulletOranje.gif);
		background-position:left top;
		background-repeat: no-repeat;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #6d8497;
		}


	.BodyText
		{
		margin: 2px 10px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		color: #333333;
		line-height:15pt;
		}
	
	.BodyText a:link, .BodyText a:visited
		{
			color: #6d8496; /*#e88c35;*/
			padding: 0 0 0 0;
			font-weight:bolder;
			text-decoration:none;
		}

	.BodyText a:hover
		{
			color: #e88c35;
			text-decoration:underline;
		}

	.BodyTextSideBar
		{
		margin: 5px 20px 5px 20px;
		padding: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-style:italic;
		color: #4a5568;
		line-height:15pt;
		background-color: #efece5;
		border:none;
		}

	
	
	.HZoneSeparator, .HBlockSeparator
		{
		Margin: 10px 0px 10 px 0px;
		color: #d6d6d2;
		/*width: 98%;*/
		background-color: #d6d6d2;			/* Mozilla browsers use the background color to color the line */
		border: none;
		height: 1px;
		}
	
	.SideBarText
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: gray;
		padding: 5px;
		}
	
	/* Top sign for back to top of page link */
	.TopSign
		{
		border:none;
		margin:0px;
		margin-right:8px;
		
		}
	
	.TableContentContainer
		{
		margin-left:10px;
		}
		

	/* Table as used in lexicon */
	.DataTable
		{
		width:500px;
		border: none;
		border-collapse:collapse;
		margin: 10px 10px 5px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #333333;
		line-height:12pt;

		
		}

	/** html .DataTable {margin-left:-20px;}*/
			
	.OddRow
		{
		background-color:#c6dde8;
		}
		
	.FirstCol
		{
		font-weight:600;
		width:150px;
		vertical-align:top;
		padding:5px 5px 5px 5px;
		border-top: solid 1px #32647d;
		border-bottom: solid 1px #32647d;
		border-right:solid 1px #32647d;
		}
		
	
	.SecondCol
		{
		vertical-align:top;
		padding:5px 5px 5px 5px;
		border-top: solid 1px #32647d;
		border-bottom: solid 1px #32647d;
		}

	.SecondCol a:link, .SecondCol a:visited
		{
			color: #6d8496; /*#e88c35;*/
			font-weight:bolder;
			text-decoration:none;
		}

	.SecondCol a:hover
		{
			color: #e88c35;
			text-decoration:underline;
		}


	.SecondCol ul
		{
		margin-left:-20px;
		margin-top:15px;
		list-style-type:square;
		display:block;
		}
	
	* html .SecondCol ul {height:1px;margin-left:0px;list-style-type:square;} /* IE does not want to show the bullets. Construction here gives no solution!*/
	
	.SecondCol li
		{
		padding-bottom:10px;
		}