body {
  margin: 0px;
  padding: 0px;
  background: #777777;
  font-family: Arial, sans-serif, Verdana;
  font-size: 12px;
  text-align: center;
}

/* HOOFD-CONTAINER */
.container {
  width: 766px;
  margin: 10px auto 5px auto;
	padding: 0px;
  background: #FFFFFF;
}

/* CONTAINER VAN DE TOPIMAGE */
#topimage {
  background: url(images/top.jpg) no-repeat;
	height: 200px;
}

/* DROPDOWN MENU */
dl, dt, dd {
  margin: 0px;
  padding: 0px;
}

#menu {
  height: 20px;
  position: relative;
  top: 179px;
  left: 0;
  z-index: 100;
  width: 100%; /* precision for Opera */
  color: #000000;
	font-style: italic;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#menu dl {
  float: left;
  width: 127px;
}

#menu dt {
  cursor: pointer;
  text-align: center;
	font-weight: bold;
	margin: 1px;
}

#menu dd {
  display: none;
  border: solid #21338C 1px;
}

#menu li {
  text-align: center;
  background: #E8E9ED;
}

#menu li a, #menu dt a {
  text-decoration: none;
  color: #000000;
  display: block;
  height: 100%;
  border: 0 none;
}

#menu li a:hover {
  background: #D4D6DD;
}

/* CONTAINER MIDDEN */
#container-midden {
  background: #21338C;

}

#container-midden a {
  text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

#container-midden-kleur {
  margin: 0px 2px 2px 2px;
	padding: 5px;
	background: #DDE0E8;
}

#titelbalk {
  margin: 3px;
  padding: 3px;
  background: #C9CBDF;
	border-bottom: 3px double #21338C;
  height: 15px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

#tekst-midden {
  text-align: left;
	margin: 3px;
}

#container-midden-hoofd {
  margin: 3px;
  float: right;
  background: #D4D6DD;
	width: 480px;
	border: solid #21338C 1px; 
}

#container-secured-page {
  margin: 3px;
  background: #D4D6DD;
  width: 740px;
  border: solid #21338C 1px; 
}

.container-midden-zij {
  float: left;
	width: 250px;
}

#container-midden-aankondiging {
  margin: 3px;
  float: left;
  background: #D4D6DD;
	width: 250px;
	border: solid #21338C 1px;
}

#fotocenter {
  text-align: center;
}  

/* LIJSTEN */
#lijst {
  list-style: disc;
}

#lijst li {
  padding: 3px 0px 3px 0px;
} 

/* CODE OM DE ACHTERGROND TE LATEN MEEGROEIEN MET DE KOLOMMEN */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */