html, body {
height: 100%; /* héél belangrijk */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(img/bg.gif);
	text-align:center; /* centering layout*/
	margin:0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin:0px auto 0px auto;
	width:1015px;
	height:500px;
	/*background-image:url(img/containerbg.gif);*/
	position: relative;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}

#container-inhoud {
	background-color:#FFFFFF;
	border-right:2px solid #0F5C9F;
	width:852px;
	overflow:hidden;
	text-align:left;
	margin:0px auto 0px auto;
	margin-left:54px;
	padding-left:15px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}

#mainmenu {
	margin:0px auto 0px auto;
	/*margin-left:-54px;*/
	background-image:url(img/mainmenu.gif);
	height:51px;
	width:1015px;
}

#text {
	float:left;
	width:635px;
	lineheight:14px;
	padding:0px 10px 20px 0px;
	color:#393939;
}

#text a {
   color:#1D1D1D;
   font-style:italic;
}

#text a:hover {
   color:#1D1D1D;
   font-style:italic;
   font-weight:bold;
}

#sidephoto{ 
	float:right;
	width:181px;
	padding:10px 12px 0px 0px;
}

#titlebox {
	width:635px;
	margin:10px 0px 0px 0px;
}

#footer {
	border-top:1px solid #d1d1d1;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:10px;
	width:836px;
	text-align:left;
	margin:10px 0px 10px 0px;
	padding:10px 0px 0px 0px;
}


.title {
	background-image:url(img/titlebg.gif);
	width:208px;
	height:44px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	padding-left:20px;
	margin-left:-10px;
}



/* chili */

#menu {
   background:url(images/mainbg.gif) repeat;
   width:727px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

#nav {
   width: 900px;
   height:40px;
   text-align:center;
   margin-top:0px;
   font-family:Helvetica, Arial, sans-serif;
   font-size:8pt;
   color:#000;
   font-weight:700;
   padding-top:0px;
   padding-bottom:0px;
   text-decoration:none;
   /*margin-left: auto;
   margin-right: auto;*/
   padding-left: 0;
   
}

#nav a {
   color:#393939;
   text-decoration:none;
   font-size:12px;
}

#nav a:active {
   color:#393939;
   font-size:12px;
}

#nav a:hover {
   color:#393939;
   font-size:12px;
   padding-bottom:2px;
}



/* fancy menu */

#fancymenu {
 position: relative;
 height: 30px !important;
 height: 29px;
 width: 900px;
 background: url('menu/bg.gif') no-repeat top;

 padding: 1px;
 pading-left:0;
 /*margin-left: auto;
 margin-right: auto;*/
 overflow: hidden;

 font-family:arial,verdana;
 padding-top:5px;

}
.  
#fancymenu ul {
 padding: 0 -20px;
 margin: 0;
}
  
 /* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li {
 float: left;
 list-style: none;
 margin-top: 0px !important; /*-7*/
 margin-top: 0px;
/* text-align: center;
 vertical-align: middle;*/
 
 }
  
#fancymenu ul li a {
 /*text-indent: -500em;*/
 z-index: 10;
 display: block;
 float: left;
 height: 20px !important;
 height: 29px;
 position: relative;
 overflow: hidden;
border-bottom: none;
 /*vertical-align: middle;*/
}
.menuItem {
  padding: 0 7px;
 /* width: 75px;*/
}
.menuItem a {
/* width: 75px;*/
 padding-top:0px !important;
 padding-top: 5px;
 }
  

  #fancymenu li.background {
 background: url('menu/bg_menu_right.png') no-repeat top right !important;
 background: url('menu/bg_menu_right.gif') no-repeat top right;
 z-index: 8;
 height: 25px !important;
 height: 29px;
 position: absolute;
 visibility: hidden;
 margin-top:-3px !important;
 margin-top: 0;
 }
  
 #fancymenu .background .left {
 background: url('menu/bg_menu.png') no-repeat top left !important;
 background: url('menu/bg_menu.gif') no-repeat top left;
 height: 25px !important;
 height: 29px;
 margin-right: 7px; /* 7px is the width of the rounded shape */
 margin-top: 0px;
 }