body
{
  margin: 0;
  padding: 0; 
}


body
{
	background: #fff;
	color: #333;
	font-family: arial, verdana;
}

a:link
{
	color: #fff;
	text-decoration: none;
}

a:active
{
	color: #333;
	text-decoration: none;
}

a:visited
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	color: #ac34ff;
	text-decoration: none;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 19px;
}

h2
{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 19px;
}

h3
{
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 19px;
}

h4
{
	font-size: 9px;
	color: #666;
	font-weight: bold;
	margin-bottom: 19px;
}


p
{
	font-size: 13px;
	margin-bottom: 19px;
}

.colofon
{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.colofon a
{
	text-decoration: underline;
	color: #fff;
}






/* CSS Document */

/* NAVIGATIE */

/* style the outer div to give it width */
.menu {
width:750px; 
font-family: arial, "lucida grande",verdana, sans-serif;
font-weight: bold;
padding-left: 10px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:10px;
text-decoration:none; 
color:#fff; 
height:30px; 
border:1px solid #000; 
border-width:1px 1px 0 0; 
background:#000; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
float: left;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:70px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
font-size: 10px;
background:#000; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
}

/*---home---*/
.menu a#home:hover{
color:#8eeafd; 
background:#000000;
}
.menu ul ul a#home:hover{
color: #000;
background:#8eeafd; 
}

/*---aoe---*/
.menu a#aoe:hover{
color:#ff0066; 
background:#000000;
}
.menu ul ul a#aoe:hover{
color: #000;
background:#ff0066;
}

/*---performance---*/
.menu a#performance:hover{
color:#e8005d; 
background:#000000;
}
.menu ul ul a#performance:hover{
color: #000;
background:#e8005d;
}

/*---culinair---*/
.menu a#culinair:hover{
color:#53ffe1; 
background:#000000;
}
.menu ul ul a#culinair:hover{
color: #000;
background:#53ffe1;
}

/*---creatief---*/
.menu a#creatief:hover{
color:#ffb34b; 
background:#000000;
}
.menu ul ul a#creatief:hover{
color: #000;
background:#ffb34b;
}

/*---sportief---*/
.menu a#sportief:hover{
color:#00116c; 
background:#000000;
}
.menu ul ul a#sportief:hover{
color: #000;
background:#00116c;
}

/*---bms---*/
.menu a#bms:hover{
color:#f0db05; 
background:#000000;
}
.menu ul ul a#bms:hover{
color: #000;
background:#f0db05;
}

/*---behaviour---*/
.menu a#behaviour:hover{
color:#24005b; 
background:#000000;
}
.menu ul ul a#behaviour:hover{
color: #000;
background:#24005b;
}

/*---divers---*/
.menu a#divers:hover{
color:#ff8704; 
background:#000000;
}
.menu ul ul a#divers:hover{
color: #000;
background:#ff8704;
}

/*---zakelijk---*/
.menu a#zakelijk:hover{
color:#ffad34; 
background:#000000;
}
.menu ul ul a#zakelijk:hover{
color: #000;
background:#ffad34;
}

/*---uitjes---*/
.menu a#uitjes:hover{
color:#99cc66; 
background:#000000;
}
.menu ul ul a#uitjes:hover{
color: #000;
background:#99cc66;
}

/*---workshops---*/
.menu a#workshops:hover{
color:#9933ff;
background:#000000; 
}
.menu ul ul a#workshops:hover{
color: #000;
background:#9933ff;
}

/*---locaties---*/
.menu a#locaties:hover{
color:#8eeafd;
background:#000000; 
}
.menu ul ul a#locaties:hover{
color: #000;
background:#8eeafd;
}


/*---festival---*/
.menu a#festival:hover{
color:#73b9cc;
background:#000000; 
}
.menu ul ul a#festival:hover{
color: #000;
background:#73b9cc;
}

/*---contact---*/
.menu a#contact:hover{
color:#ffcc00;
background:#000000; 
}
.menu ul ul a#contact:hover{
color: #000;
background:#ffcc00;


/* NAVIGATIE */