body, html, #wrapper   {
	height:100%;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #1a171b;
	margin: 0; 
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff4d8;
	scrollbar-face-color: #9f9377; /*bovenstuk schuifbalk*/
	scrollbar-track-color: #877b5e; /*bodem schuifbalk*/
	scrollbar-arrow-color: #bebebe;
	scrollbar-highlight-color: #ccc;
	scrollbar-3dlight-color: #79705c;
	scrollbar-shadow-color:	#cccccc;
	scrollbar-darkshadow-color: #79705c;}
		

#fullheight{  height:100%}
		
.twoColFixLtHdr #container {
	width: 800px;
	height: 551px;
	margin: 0 auto;
	border: 1px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(../images/background.jpg) no-repeat;
} 
.eng #container {
	background: url(../images/background.eng.jpg) no-repeat !important;
} 
.fra #container {
	background: url(../images/background.fra.jpg) no-repeat !important;
} 
		.twoColFixLtHdr #header {
			padding: 0;
			height: 200px;} 
		
		.twoColFixLtHdr #content{
			height: 351px;}
		
				.twoColFixLtHdr #stuur {
					float: left; 
					width: 200px;
					padding: 0px 10px 15px 0px;
					margin-left:0;
					margin-top:0px;
					position:relative;
					top:0;
					border: 0px solid orange}
					
				.twoColFixLtHdr #mainContent {
					margin: 30px 0 0 0 !important;
					margin: 30px 0 0 200px;
					padding-right:35px;
					overflow: auto;
					height: 280px;
					line-height:130%;
					text-align:left;
					color:#FFFFFF;
					border: 0px solid red;}
					
		.twoColFixLtHdr #footer{
			margin:10px 0 0 211px;}
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	
	

/************** LAYOUT ELEMENTS **************/



h1 {
	font-size: 19px;}
	
h2 {
	font-size: 14px;}
	
h3 {
	font-size: 12px;}
	
h4 {
	font-size: 9px;}
	
h5 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0;}
	
h6 {
	font-size: 10px;}



/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}

/*---- Header styling ---*/
.sIFR-hasFlash h1,
.sIFR-hasFlash h2,
.sIFR-hasFlash h3,
.sIFR-hasFlash h4,
.sIFR-hasFlash h6{
		visibility: hidden !important;
		font-family: Verdana;
		line-height: 1em;
}

.sIFR-hasFlash h1 {
	font-size: 19px;
	margin:0;
  	padding: 0;}

.sIFR-hasFlash h2 {
	font-size: 14px;
	margin:0;
  	padding: 0;}

.sIFR-hasFlash h3 {
	font-size: 12px;
	margin:0;
  	padding: 0;}

.sIFR-hasFlash h4 {
	font-size: 9px;
	margin: 3px 0 0 0 ;
  	padding: 0;}

.sIFR-hasFlash h6 {
	font-size: 9px;
	margin: 3px 0 0 0 ;
  	padding: 0;}



.whiteBold {
	color: #FFFFFF;
	font: bold;
	font-weight:bold;}
	
.imgBorder{
	border: 1px solid #FFFFFF;}
					
.imgBorderRightMargin{
	float:left;
	margin-right:50px;
	border: 1px solid #FFFFFF;}
	
a:link {
	color: #fff4d8;
}
a:visited {
	color: #FFF4D8;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}