body {
font-family: verdana, arial, helvetica, times;
font-size: 11px;
background: white url(images/orangebg.jpg) repeat-x; 
}

#container
{
width: 800px;
margin: 5px auto;
color: white;
background-color: black;
border: 1px solid red;
line-height: 130%;
border-top: 1px solid red;
}

#top
{
padding: 0em;
background-color: black;
}

a
{
color: yellow;
}

a.gold
{
color: darkblue;
}

a.gold:hover
{
color: green;
}

h2
{
padding: 5px 0px 5px 0px;
color: gold;
font-size: 15px;
}

h2.rond
{
font-size: 14px;
background-color: red;
color: black;
padding-left: 5px;
}

h4
{
margin-top: -12px;
color: white;
}

span.dutch
{
margin-left: 10px;
color: yellow;
}

#leftnav
{
float: left;
width: 160px;
margin-top: 12px;
color: black;
}

#rightnav
{
float: right;
width: 143px;
padding: 1em;
}

#flames
{
background-color: black;
}

#content1
{
margin-left: 207px;
width: 375px;
margin-right: 190px;
padding: 1em;
background-color: black;
margin-top: -0px;
}

#content
{
margin-left: 207px;
width: 375px;
border-left: 1px solid red;
margin-right: 190px;
border-right: 1px solid red;
padding: 1em;
background-color: black;
color: white;
border-bottom: 1px solid red;
border-top: 1px solid red;
margin-top: 0px;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: black;
margin-top:3px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#blokc {width: 173px; height: 30px; color: white; padding: 0px 5px 0px 5px; margin: 0em 1em 0em 0.6em;}
#blok1 {width: 163px; height: auto; background-color: gold; color: black; padding: 4px 5px 5px 5px; margin: -0.4em 1em 1em 1.1em; font-size: 10px;  border-top: 1px solid black;}

#blokrightkop  {width: 158px; height: 30px; color: white; padding: 0px 5px 0px 5px; margin: 1em 1em 0em -2em;}
#blokrightcont {width: 148px; height: auto; background-color: gold; color: black; padding: 4px 5px 5px 5px; margin: -0.4em 1em 1em -1.7em; font-size: 10px; border-top: 1px solid black;}

#blok3
{
margin-left:10px;
}
<!-- Dit gedeelte is voor formulieren-->


.error_message
{
color: red;
}

label
{
width: 90px;
float: left;
margin-top: 5px;
}

input
{
margin-top: 5px;
width: 120px;
}

input.right
{
margin-top: 5px;
width: 100px;
}

select
{
margin-top: 5px;
}

textarea
{
margin-top: 10px
}

#submit
{
margin-left: 90px;
margin-top: 10px;
}

<!-- Dit gedeelte is voor de navigatie in de top-->

#navigation
{
width: 800px;
}

.menu{
	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */
	background-color: black; 
	border-top: 1px solid gold; 
	border-bottom: 1px solid gold; 
	font-size: 12px;
	font-weight: bold;
	} 

.menu ul{
	margin: 0;
	padding: 0;
	float: left;
	}

.menu ul li{
	display: inline;
	} /* Makes the link all appear in one line, rather than on top of each other */

.menu ul li a{
	float: left; 
	text-decoration: none; /* removes the underline from the menu text */
	color: darkorange; /* text color of the menu */
	padding: 5px 15px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */
	background-color: black;
	border-right: 1px solid orange;
	}

.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */
	color: orange;
	text-decoration: none;
	}

.menu ul li a:hover, .menu ul li .current{
	color: black;
	background-color: gold;
	} /* change the background color of the list item when you hover over it */

<!-- Dit gedeelte is voor het menu voor het echte menu in de rechterkolom-->
#navigatie {
 font-family: verdana, Helvetica, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 width: 12em;
 border-right: 1px solid #666;
 padding: 0;
 margin-bottom: 1em;
 background-color: #9cc;
 color: #333;
}

#navigatie ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigatie ul li {
 margin: 0;
 border-top: 0px solid #003;
}

#navigatie ul li a {
 display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid orange;
 background-color: gold;
 color: black;
 text-decoration: none;
 width: 100%;
}

html>body #navigatie ul li a {
 width: auto;
}

#navigatie ul li a:hover {
 border-left: 10px solid black;
 background-color: red;
 color: #fff;
}












