/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#999999;
	}

#topcontainer {
	position:absolute;
	top: 0px;
	left: 0px;
	height:253px;
	width:792px;
	background-color:#FFFFFF;
	}

#vaklinksboven {
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:120px;
	background-color:#000033;
	}

#vakrechtsboven {
	position:absolute;
	top:0px;
	left:552px;
	width:240px;
	height:20px;
	background-color:#000033;
	}

#vakmiddenboven {
	position:absolute;
	top: 80px;
	left: 240px;
	width:486px;
	height:40px;
	background-color:#dcdcdc;
	}
#vaklinksondernavigatie {
	position:absolute;
	top: 253px;
	left:0px;
	width:240px;
	height:20px;
	background-color:#333366;
}

#vakrechtsondernavigatie {
	position:absolute;
	top: 253px;
	left:240px;
	width:552px;
	height:20px;
	background-color:#666699;
}
	
#titel {
	position:absolute;
	top: 20px;
	left:552px;
	width:240px;
	height: 60px;
	vertical-align:middle;
	background-image:url(../graphics/logo_01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
#titel span {
	display:none;
	}
	

/* Step 10 - Clearing the float */
#topmenu {display:block; position:absolute; top:120px; left:0px; width:792px; height:132px;}

/* Step 3 - get rid of the bullets and margin */
#topmenu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#topmenu li {float:left;}

/* Step 5 - Adding the initial images */

#topmenu li.list1 {background:transparent url(../graphics/01.jpg);}
#topmenu li.list2 {background:transparent url(../graphics/02.jpg);}
#topmenu li.list3 {background:transparent url(../graphics/03.jpg);}
#topmenu li.list4 {background:transparent url(../graphics/04.jpg);}
#topmenu li.list5 {background:transparent url(../graphics/05.jpg);} 
#topmenu li.list6 {background:transparent url(../graphics/06.jpg);} 

/* Step 6 - General link styling */

#topmenu a {display:block; width:132px; height:0; padding-top:132px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #topmenu a:link, * html #topmenu a:visited {height:132px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#topmenu a#item1 {background:transparent url(../graphics/01fc.jpg) -140px -140px no-repeat;}
#topmenu a#item2 {background:transparent url(../graphics/02fc.jpg) -140px -140px no-repeat;}
#topmenu a#item3 {background:transparent url(../graphics/03fc.jpg) -140px -140px no-repeat;}
#topmenu a#item4 {background:transparent url(../graphics/04fc.jpg) -140px -140px no-repeat;}
#topmenu a#item5 {background:transparent url(../graphics/05fc.jpg) -140px -140px no-repeat;}
#topmenu a#item6 {background:transparent url(../graphics/06fc.jpg) -140px -140px no-repeat;}

/* Step 9 - Adding the :hover style */

#topmenu a#item1:hover {background-position:0 0; z-index:50;}
#topmenu a#item2:hover {background-position:0 0; z-index:50;}
#topmenu a#item3:hover {background-position:0 0; z-index:50;}
#topmenu a#item4:hover {background-position:0 0; z-index:50;}
#topmenu a#item5:hover {background-position:0 0; z-index:50;}
#topmenu a#item6:hover {background-position:0 0; z-index:50;}

* html #topmenu a:hover {height:132px; he\ight:0;}

#middencontainer {
	position:absolute;
	top: 273px;
	width:792px;
	left:0px;
	background-color:#000033;
	float:left;
	}

#leftmenu {
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
	text-align:right;
	padding:10px;
}
#leftmenu p {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666699;
	}
	
#leftmenu p a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	}
#leftmenu p a:hover {
	color: #666699;
}

#content {
	position:relative;
	left:0px;
	top:0px;
	width:466px;
	background-color:#DCDCDC;
	padding:10px;
	}
#content h1 {
	font-weight: bold; 
	font-size: 14px; 
	color: #333366; 
	font-family: 'Verdana','Arial','Helvetica','Sans-serif'; 
	text-decoration: none
}

#content p {
	font-size: 10px; 
	color:#000000; 
	font-family: 'Verdana','Arial','Helvetica','Sans-serif';  
	line-height: 18px; 
}
#balklinks {
	position:relative;
	left:240px;
	top:0px;
	width:552px;
	background-color:#FFFFFF;
}
#onderlinks {
	position:relative;
	top:0px;
	left:0px;
	width:240px;
	height:20px;
	float:left;
	background-color:#000033;
	text-align:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9px;
	color:#004373;
}

#onderlinks a{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9px;
	color:#004373;
}

#onderlinks a:link, #onderlinks a:visited{
	color:#004373;
}

#onderlinks a:hover{
	color:#6280a7;
}

#ondermidden {
	position:relative;
	top:0px;
	left:0px;
	width:312px;
	height:20px;
	float:left;
	background-color:#DCDCDC;
}

#onderrechts {
	background-color:#000033;
	position:relative;
	top:0px;
	left:0px;
	width:240px;
	height:20px;
	float:left;
}

#leftmenu .navigsublink {
	font-size: 9px; 
	color: #fdf5e6; 
	font-family: 'Verdana','Arial','Helvetica','Sans-serif'; 
	text-decoration: none;
	font-weight:normal;
}
#content a:link, a:visited { 
	color:#FFFFFF;
	text-decoration:none; 
	}
	
#content a:hover { 
	color:#666699;
	text-decoration:none; 
	}


.style5 {	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666699; FONT-FAMILY: 'Verdana','Arial','Helvetica','Sans-serif'; TEXT-DECORATION: none
}
#content  a:link.style6, a:visited.style6{
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666699; FONT-FAMILY: 'Verdana','Arial','Helvetica','Sans-serif'; TEXT-DECORATION: none
}
.style7 {color: #000000}
.text1 {	FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: 'Verdana','Arial','Helvetica','Sans-serif'; TEXT-DECORATION: none MARGIN-LEFT: 10px; LINE-HEIGHT: 18px; MARGIN-RIGHT: 10px
}
.text2 {	FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: 'Verdana','Arial','Helvetica','Sans-serif'; TEXT-DECORATION: none MARGIN-LEFT: 10px; LINE-HEIGHT: 18px; MARGIN-RIGHT: 10px
}
.lang-switch{
	margin:0;
	padding:2px 0 0;
	list-style:none;
	float:right;
}

.lang-switch li{
	float:left;
	padding:0 0 0 4px;
}

.lang-switch li a{
	display:block;
	width:18px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
}

.lang-switch li a.nl{
	background:url(../images/nl.gif) no-repeat;
}

.lang-switch li a.nl:hover, .lang-switch li.active a.nl{
	background:url(../images/nl.gif) no-repeat 0 -12px;
}

.lang-switch li a.en{
	background:url(../images/en.gif) no-repeat;
}

.lang-switch li a.en:hover, .lang-switch li.active a.en{
	background:url(../images/en.gif) no-repeat 0 -12px;
}