/* Algemeen */
* {
	margin:0px;
	padding:0px;
	}

body { 
	font-size:15px/1.3em Verdana,Helvetica,sans-serif; 
	text-align:left;
	background:url(../bg/bg.gif);
	background-repeat:repeat-y;
	background-position : 0px 123px;
	}
	
#menukronkel {
	position:absolute;
	top:0px;
	left:0px;
	}
	
#container {
	position:absolute;
	top:44px;
	left:26px;
	width:960px;
	height:500px;
	}

#topmenu {
	position:absolute;
	top:-40px;
	left:599px;
	}
	
#topmenu a {
	color:#000;
	}

#header {
	float:left;
	height:107px;
	width:965px;
	}
	
#headerimg {
	position:absolute;
	top:0px;
	left:0px;
	height:529px;
	width:1000px;
	background:url(../bg/navbg.jpg);
	background-repeat: no-repeat;
	}
	
#menu_holder {
	float:left;
	width:283px;
	_width:277px;
	height:10px;
	margin-left:6px;
	}
	
#footer {
	float:left;
	width:900px;
	border:1px solid #f00;
	margin-top:20px;
	text-align:center;
	display:none;
	}

h1 {
	margin-top:15px;
	font-size:25px;
	font:Verdana;
	margin-bottom:5px;
	}
	
	
h3	{
	margin-top:15px;
	font-size:20px;
	font:Verdana;
	margin-bottom:5px;
	}

p {
	margin-bottom:10px;
	}

/* ------------------------------------------ Begin menu ---------------------------------- */	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	padding: 1px;
	float: left;
	width: 182px;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 11px 0;

	}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 181px;
	}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
	position: relative;
	margin-bottom:2px;
	background-color:#fff;
	}

/* Links inside the menu */
.menulist a {
	display: block;
	padding: 4px 4px 4px 11px;
	color: #000;
	text-decoration: none;
	border: 1px solid #000;
	border-bottom: 0px;
	}
/* IE fix because it doesn't support transparent borders */
* html .menulist a {
	border: 1px solid #000;
	border-bottom: 0px;
	margin: 0px;
	}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #000;
	background-color: #FFCC66;
	padding: 4px 4px 4px 11px;
	border: 1px solid #000;
	border-bottom: 0px;
	margin: 0;
	}
	
.menulist a.highlighted {
	color: #fff;
	background-color: #9ebccd;
	border: 1px solid #000;
	border-bottom: 0px;
	margin: 0;
	}

.menulist a.onderlijn {
	border-bottom:1px solid #000;
	}

.menulist a:hover.onderlijn, .menulist a.highlighted:hover.onderlijn, .menulist a:focus.onderlijn {
	border-bottom:1px solid #000;
	}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
	float: right;
	}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
	float: left;
	height: 1%;
	}
	
* html .menulist a {
	height: 1%;
	}
/* End Hack */