body, html, #wrapper   {
	height:100%;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	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: #000000;
/*	scrollbar-face-color: #bb671f; /*bovenstuk schuifbalk
	scrollbar-track-color: #bb671f; /*bodem schuifbalk
	scrollbar-arrow-color: #bebebe;
	scrollbar-highlight-color: #b8661e;
	scrollbar-3dlight-color: #b8661e;
	scrollbar-shadow-color:	#b8661e;
	scrollbar-darkshadow-color: #79705c;*/}
		

#fullheight{  height:100%}

/****************************************************************/

.nederlands #container {
	width: 807px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: left;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
} 
.francais #container {
	width: 807px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: left;
	background-image: url(../images/background-fra.jpg);
	background-repeat: no-repeat;
} 
.english #container {
	width: 807px;
	margin: 0 auto;
	padding: 0 auto;
	text-align: left;
	background-image: url(../images/background-eng.jpg);
	background-repeat: no-repeat;
} 
		.nederlands #header, .francais #header, .english #header {
			padding: 0;
			margin: 0;
			width: 807px;
			height: 227px;} 
		
		.nederlands #content, .francais #content, .english #content{
			position:relative;
			height: 351px;
			width: 807px;
			top:-2px;
			border: 0px solid green;
}
		
				.nederlands #stuur, .francais #stuur, .english #stuur {
					float: left; 
					width: 150px;
					position:relative;
					top:0px;
					left:5px;}
					
				.nederlands #mainContent, .francais #mainContent, .english #mainContent {
					margin: 0 !important;
					margin: 0 0 0 150px;
					width: 560px;
					height: 262px;
					padding-right:50px;
					overflow: auto;
					line-height:130%;
					color:#000000;
					border: 0px solid red;}
					
				.nederlands #mainContent .fontSmall, .francais #mainContent .fontSmall, .english #mainContent .fontSmall {
					font-size:9px}
	
			

					
		.nederlands #footer, .francais #footer, .english #footer{/*
			float:right;*/
			margin-right:72px !important;
			margin-right:42px}
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	
/* silly scrollbox system */	


#mycustomscroll, #mainContent.flexcroll {
/* Typical fixed height and fixed width example */
	margin: 0 !important;
					margin: 0 0 0 150px;
					width: 585px;
					height: 262px;
					padding-right:25px;
					overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	line-height:130%;
	color:#000000;
	background-image: url(../graphics/scrollbarSlider.png) !important;
	background-image: url(../graphics/scrollbarSlider.png);
	background-repeat: no-repeat;
	background-position: 594px;
}



.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}


.copyrightnotice {
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:22px;
}
.vscrollerbar {

background-image: url(../graphics/scrollbarKnop.gif);
background-repeat: no-repeat;
width: 22px;
/* following is the bit that allows us fixed height scrollbars */
height: 14px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/


/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbarKnop.png');*/
/*background-image: none;*/
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */


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



h1 {
	font-size: 19px;}
	
h2 {
	font-size: 14px;}
	
h3 {
	font-size: 12px;
	margin:0;
	padding:0}
	
h4 {
	font-size: 10px;
	margin:0;
	padding:0}
	
.rood{
	color:#860019}	

.whiteBold {
	color: #000000;
	font: bold;
	font-weight:bold;}
	
.imgBorder{
	border: 1px solid #666666;}
					
.imgBorderRightMargin{
	float:left;
	margin-right:8px;
	margin-bottom:3px}
	
a:link {
	color: #FF9900;
}
a:visited {
	color: #FF9900;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}