* {
	margin: 0;
	padding: 0;
}

html { width: 100%; height: 100%; }

body {
	
	font-family: arial, sans-serif;
	font-size: 12px;
}

div#box {
	background-image: url('../images/background.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #FFFFFF;

	min-height: 100%;
	height:auto !important;
	height:100%;

}







div#container {
	width: 907px;
	margin: 0 auto;
	padding: 0 10px;	
}



div#header 
{
	position: relative;
	
	width: 100%;
	height: 145px;
	
	font-family: arial, sans-serif;
	font-size: 12px;
	
	background-image: url('../images/logo.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}


	ul#langchoice 
	{
		position: absolute;
		bottom: 0px; right: -20px;
	}
	
	ul#langchoice li { display: inline; margin: 0 5px; }



div#navplaceholder 
{
	position: relative;
	width: 100%;
	height: 33px;
	margin-bottom: 10px;
}



ul#navigation 
{
	position: absolute;
	width: 100%;
	height: 300px;
	
	overflow: hidden;
	
	margin: 2px 0 10px 0;
	padding: 0;
	
}

	ul#navigation li
	{
		position: relative;
		display: inline;
		margin: 0;
		padding: 0;
		height: 33px;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	ul#navigation li.seperator
	{
		z-index: 10;
		width: 2px;
		overflow: hidden;
	/*	background: url('../images/menu_seperator.jpg') 2px 1px no-repeat;*/
		margin: 0px -6px 0 -10px;
		padding: 10px 0px;
	}
	
	ul#navigation li.seperator a {
		display: inline-block;
		width: auto;
		height: 13px;
		
		padding: 10px 0;
		margin: 0;
		
		background: url('../images/menu_seperator.jpg') 0px 1px no-repeat;
		color: #FFFFFF; 
		
		text-decoration: none;	
	}
	
	ul#navigation li.seperator a:hover { background: url('../images/menu_seperator.jpg') 0px 1px no-repeat; }	
	
	ul#navigation li a
	{ 
		display: inline-block;
		width: auto;
		height: 13px;
		
		padding: 10px 23px;
		margin: 0 0;
		
		background: url('../images/menu_groen.jpg') center top no-repeat;
		color: #FFFFFF; 
		
		text-decoration: none;
	}
	

	ul#navigation li.mostleft a 
	{ background: url('../images/menu_groen.jpg') left top no-repeat; }

	ul#navigation li.mostright a 
	{ background: url('../images/menu_groen.jpg') right top no-repeat;}
	
	ul#navigation li a:hover, ul#navigation li.current a 
	{ background: url('../images/menu_rood.jpg') center top no-repeat; }
	
	ul#navigation li.mostleft a:hover, ul#navigation li.mostleftcurrent a
	{ background: url('../images/menu_rood.jpg') left top no-repeat; }

	ul#navigation li.mostright a:hover, ul#navigation li.mostrightcurrent a
	{ background: url('../images/menu_rood.jpg') right top no-repeat; }
	
	ul#navigation li ul 
	{
		display: none;
		position: absolute;
		z-index: 50;
		
		top: -10px;
		left: 0px;
		padding: 0; margin: 0;
		
		width: 150px;
	}
	
	ul#navigation li ul li 
	{ 
		display: list-item; 
		height: 28px; 
		margin: 0; 
		width: 160px; 
		list-style-type: none;
	}
	
	ul#navigation li ul li ul 
	{
		display: none;
		position: absolute;
		display: none;
		z-index: 55;
		
		top: 0px;
		left: 150px;
		padding: 0; margin: 0;
		
		width: 150px;	
	}
	
	ul#navigation li ul li a 
	{
		display: inline-block;
		width: 150px;
		height: 13px;
		
		padding: 7px 0 8px 0;
		text-indent: 10px;
		margin: 0 0;
		
		background: url('../images/submenu_mid_groen.jpg') center top no-repeat;
		color: #FFFFFF;
		overflow: hidden;
		text-decoration: none;	
	}
	
	ul#navigation li.current ul li a {background: url('../images/submenu_mid_groen.jpg') center top no-repeat;}
	
	ul#navigation li ul li a:hover, ul#navigation li ul li.current a { background: url('../images/submenu_mid_rood.jpg') center top no-repeat; }
	
	ul#navigation li ul li.mosttop a { background: url('../images/submenu_top_groen.jpg') center top no-repeat; }
	ul#navigation li ul li.mosttop a:hover, ul#navigation li ul li.mosttop.current a  { background: url('../images/submenu_top_rood.jpg') center top no-repeat; }
	
	ul#navigation li ul li.mostbottom a { background: url('../images/submenu_bottom_groen.jpg') center top no-repeat; }
	ul#navigation li ul li.mostbottom a:hover, ul#navigation li ul li.mostbottom.current a  { background: url('../images/submenu_bottom_rood.jpg') center top no-repeat; }
	
	ul.submenu1 { /* just need this for jquery */ }
	ul.submenu2 { /* just need this for jquery */ }


div#content 
{
	position: relative;
	z-index: 1;
	
	min-height: 500px;
	width: 100%;
	
	background: #FFFFFF url('../images/content_repeat.jpg') left top repeat-x;
	border: 1px solid #dadada;	
}


	div#cnttl 
	{
		position: absolute;
		
		top: -1px; left: -1px;
		width: 5px; height: 5px;
		
		background: url('../images/content_top_left.jpg') left top no-repeat;
	}
	
	
	div#cnttr
	{
		position: absolute;
		
		top: -1px; right: -1px;
		width: 5px; height: 5px;
		
		background: url('../images/content_top_right.jpg') left top no-repeat;
	}
	
	
	div#cntbl 
	{
		position: absolute;
		
		bottom: -1px; left: -1px;
		width: 4px; height: 4px;
		
		background: url('../images/content_bottom_right.jpg') left top no-repeat;
	}
	
	
	div#cntbr 
	{
		position: absolute;
		
		bottom: -1px; right: -1px;
		width: 4px; height: 4px;
		
		background: url('../images/content_bottom_left.jpg') left top no-repeat;
	}
	
	
	
div#reflection 
{
	position: relative;
	color: #FFFFFF;
	
	width: 100%; height: 50px;
	margin:  5px 0 0 0;
	background: url('../images/reflection_repeat.jpg') left top repeat-x;	
}

	div#reflection p 
	{
		float: left;
		color: #FFFFFF;
		font-size: 80%;
		background: url('../images/reflection_left.jpg') left top no-repeat;
		padding: 8px 0 0 0;
		margin: 0;
		text-indent: 8px;
	}

	div#reflection a 
	{
		float: right;
		padding: 8px 8px 0 0;
		color: #A9A9A9;
		font-size: 80%;
		text-decoration: none;
	}
	
	div#reflection a:hover { text-decoration: underline; }
	
	div#reflection a.refright { background: url('../images/reflection_right.jpg') right top no-repeat; }
	
	
	
div#realcontent
{
	position: relative;
	width: 98%; height: auto;
	margin: 10px auto;
}
	
	
p 
{
	margin: 10px auto;
	text-align: justify;
}



div#lang_content
{
	position: relative;
	width: 1056px;
	height: auto;
	padding: 40px 0;
	margin: 0 auto;
}

div#lang_content ul
{
	margin: 30px 0;
	width: 500px;
	float: right;	
}

div#lang_content ul li
{
	display: inline;
}

div#lang_content ul li a 
{
	color: #444a46;
	text-decoration: none;
	font-weight: normal;
	margin: 0 30px 0 0;
}
div#lang_content ul li a:hover
{
	font-weight: bold;
}

div#lang_content ul li a img
{
	border: none;
	margin: 3px 6px 0 0 ;
}

div#backbutton
{
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 999;
cursor: pointer;
}


html, body {
height: 100%;
min-height: 100%;
}