@charset "utf-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	color: #808080;
	background-color: #FFC;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
}

/* ~~ deze container met vaste breedte omvat alle overige elementen ~~ */
.container {
	width: 990px;
	margin: auto; /* de lay-out wordt gecentreerd via de combinatie van de automatische waarde voor de zijkanten en de breedte */
	font-style: normal;
	background-color: #FFC;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}

.banner {
	padding: 10px 0;
	font-style: normal;
	background-color: #FFC;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	height: 210px;
	z-index:1;
	width: 100%;
}

.menu {
	height: 20px;
	background-color: #FFF;
	z-index:2;
	width: 100%;
}

.content {
	top: 200px;
	z-index:3;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}

}
.div2 {
	padding: 0px;
	background-color: #FFC;
	top: 340px;
}

ul {
	list-style-type: none;
	margin: 5;
	padding: 0;
	overflow: hidden;
	background-color: #FFC;
}

li {
	float: left;
	background-color: #000;
}

li a {
	display: block;
	color: white;
	text-align: center;
	padding: 4px 8px;
	text-decoration: none;
	background-color: #000000;
	position: relative;
}

li a:hover:not(.active) {
  background-color: #000000;
}

.active {
	background-color: #366;
}

/* ~ diverse klassen voor zweven/wissen ~~ */
.fltrt {  /* met deze klasse kunt u een element aan de rechterkant van uw pagina laten zweven. Het zwevende element moet voorafgaan aan het element waarnaast het op de pagina staat. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* met deze klasse kunt u een element aan de linkerkant van uw pagina laten zweven. Het zwevende element moet voorafgaan aan het element waarnaast het op de pagina staat. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* deze klasse kunt u voor een <br /> of een lege div gebruiken als het laatste element dat volgt op de laatste zwevende div (binnen de container) wanneer overflow:hidden is verwijderd uit de container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.rood {
	color: #F00;
	font-family: "Comic Sans MS", cursive;
}
.newspaper {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    -column-count: 2;
}