/*
  Main lay-out
*/

html {
  min-height: 100%;
  height: auto;
}

body {
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-vertical;
	background: url(../gfx/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: black;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	color: #000000;
}

form {
  margin: 0;
}

body div#container {
  position: absolute;
  z-index: 1;

  width: 863px;
  min-height: 639px;  
  height: 639px;
  
  left: 50%;
  margin-left: -430px;  
  
  top: 54px;
}

div#header {
  position: absolute;
  z-index: 10;

  width: 863px;
  height: 149px;
    
  top: 0px;
  
  background: url(../gfx/header.gif);
  background-repeat: no-repeat;
  background-position: top center;
  
  font-size: 0px;
  color: #ffffff;
}

div#adres {
  left: 0px;
  bottom: 0px;

  font-size: 0px;
  font-family: verdana;
  color: #ffffff;
}


div#content {
  position: absolute;
  z-index: 10;
  
  width: 863px;
  
  margin: 0px;
  padding: 0px;
  
  top: 149px;
  
  background: url(../gfx/content_bg.gif);
  background-repeat: repeat-y;
  background-position: top center;    
}

div#content_copyright {
	position: absolute;
	z-index: 10;
	width: 863px;
	height: 28px;
	margin: 0px;
	bottom: -20px;
	left: 0px;
	background: url(../gfx/footer.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

div#left_content {
	position: relative;
	z-index: 20;
	width: 203px;
	min-height: 400px;
	float: left;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

div#right_content {
  position: relative;
  z-index: 20;
  
  width: 580px;
  min-height: 400px;

  float: right;
  top: 0px;
  
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/*
  Header: Logo
*/

h1#logo {
  margin: 0;
  padding: 0;
}

h1#logo a {
	display: block;

	width: 250px;
	height: 120px;

	font-size: 0px;

	overflow: hidden;
	
	float: left;
	color: #ffffff;
}

/*
  Menu
*/

div#menu {
  position: absolute;
  z-index: 20;
  
	right: 0px;
  height: 29px;
  
  float: right;
}

div#menu ul {
	margin: 0;
	padding: 0;
	
	width: 368px;
	text-align: left;
}

div#menu ul li{
	display: inline;
	list-style: none;
	
	float: left;

}

div#menu ul li a {
	display: block;

	width: 48px;
	height: 0px;

	font-size: 0px;

	padding-top: 29px;
	overflow: hidden;
	margin-top: 0px;
}

div#menu ul li#home a {
  background: url(../gfx/menu_home.gif) no-repeat 0 0;
  width: 48px;
}

div#menu ul li#home a:hover {
  background: url(../gfx/menu_home_over.gif) no-repeat 0 0;
}

div#menu ul li#actueel a {
  background: url(../gfx/menu_actueel.gif) no-repeat 0 0;
  width: 58px;
}

div#menu ul li#actueel a:hover {
  background: url(../gfx/menu_actueel_over.gif) no-repeat 0 0;
}

div#menu ul li#fonds a {
  background: url(../gfx/menu_fonds.gif) no-repeat 0 0;
  width: 50px;
}

div#menu ul li#fonds a:hover {
  background: url(../gfx/menu_fonds_over.gif) no-repeat 0 0;
}

div#menu ul li#auteurs a {
  background: url(../gfx/menu_auteurs.gif) no-repeat 0 0;
  width: 61px;
}

div#menu ul li#auteurs a:hover {
  background: url(../gfx/menu_auteurs_over.gif) no-repeat 0 0;
}

div#menu ul li#pers a {
  background: url(../gfx/menu_pers.gif) no-repeat 0 0;
  width: 41px;
}

div#menu ul li#pers a:hover {
  background: url(../gfx/menu_pers_over.gif) no-repeat 0 0;
}

div#menu ul li#links a {
  background: url(../gfx/menu_links.gif) no-repeat 0 0;
  width: 44px;
}

div#menu ul li#links a:hover {
  background: url(../gfx/menu_links_over.gif) no-repeat 0 0;
}

div#menu ul li#contact a {
  background: url(../gfx/menu_contact.gif) no-repeat 0 0;
  width: 60px;
}

div#menu ul li#contact a:hover {
  background: url(../gfx/menu_contact_over.gif) no-repeat 0 0;
}
div#headercontent {
	position: absolute;
	z-index: 10;
	width: 863px;
	height: 149px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 0px;
	color: #ffffff;
	background-image: url(../gfx/header_content.gif);
}
div#content_wit {
	position: absolute;
	z-index: 10;
	width: 863px;
	margin: 0px;
	padding: 0px;
	top: 149px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../gfx/content_bg_white.gif);
}
div#content_all {

  position: relative;
  z-index: 20;
  
  width: 830px;
  min-height: 400px;


  top: 0px;
  
  margin-left: 20px;
  margin-right: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}
div#content_copyright_wit {
	position: absolute;
	z-index: 10;
	width: 863px;
	height: 28px;
	margin: 0px;
	bottom: -20px;
	left: 0px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../gfx/footer_wit.gif);
}