body{
background-image: url(bg.png);
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 12px;
}

.container{ 
position:absolute;
width: 802px;
height: 600px;
top: 50%;
left:50%;
margin-left:-410px;
margin-top:-250px;
}

.inhoud{
width: 100%;
text-align: center;
padding: 20px;

}

.header{
background-image: url(new_header.png); 
width: 100%; 
height: 220px;
margin: 0 auto;
}

.menu { 
height: 30px; 
margin: 0;
float: left;
width: 100%;
padding: 0;
text-align: center; 
font-family: Century Gothic, Verdana; 
background-image: url(menu.jpg);
font-size: 14px; 
line-height: 30px;
border-top: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
} 

ul {
margin-left: 100px;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
float: left;
height: 30px; 
padding: 0;
list-style: none;
}

li{
margin: 0;
padding: 0;
float: left;
text-decoration: none;
color: #666;
width: 150px;
}

ul li a {
display: block;
text-decoration: none;
}

li a:hover{
display: block; 
background-image: url(knop.jpg);
border-right: 1px solid #BDBDBD;
border-left: 1px solid #BDBDBD;
}

.footer{
width: 100%;
clear: both;
margin:0 auto;
padding-top: 20px;
padding-bottom: 5px;
text-decoration: none;
} 

img.center{
display: block;
margin-left: auto;
margin-right: auto;
}
img{
border: 0;
}
h1{
color: #D97127;
font-family: Century Gothic, Verdana;
font-size: 20px;
font-weight: 400;
}

h2{
color: #D97127;
font-family: Century Gothic, Verdana;
font-size: 15px;
font-weight: 500;
}

h5{
text-align: center;
color: #666666;
font-family: Century Gothic, Verdana;
font-size: 12px;
font-weight: 500;
line-height: normal;
text-decoration: none;
}

a{

color: #666666;
} 

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #BDBDBD; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #BDBDBD;/* YCC: color & properties of the right-borderline */
           /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right: 0px;             /* YCC: all texts at some distance of the right border */
	margin-top: 0; 
	}
.notopgap    { margin-top: 0px; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */