* {
	margin:0px;
	padding:0px;
	}
	
body { 
	font:12px/1.3em Verdana,Helvetica,sans-serif;  
	text-align:center;
	/* Als de site i.p.v. in het midden link uitgelijnd moet wordena
	text-align:left;
	*/
	background-color:#010066;
	}
	
#container {
	position:relative;
	margin:	0 auto;
	overflow:hidden;
	/* Als de site i.p.v. in het midden links uitgelijnd moet worden
	position:absolute;
	top:0px;
	left:0px;
	*/
	
	/* eventueel een achtergrond: 
	background:url(../images/bg.gif) repeat-y center top;
	*/
	
	text-align:left;
	width:780px;
	}
	
/* -------- grid -------- */

.txttabel_home1{
	float:left;
	width:340px;
	margin-left:15px;
	margin-left:10px;
	margin-right:5px;
	}

.txttabel_home2{
	float:left;
	width:340px;
	margin-left:15px;
	margin-left:10px;
	margin-right:5px;
	}	
	
#afb_home {
	padding-left:40px;
	margin-top:50px;
	}

#afb_route {
	padding-left:30px;
	}
		
#sitemap {
	position:absolute;
	top:126px;
	left:760px;
	z-index:200;
	}

#header {
	float:left;
	width:700px;
	height:26px;
	z-index:50;
	margin-top:15px;
	margin-left:30px;
	}
	
#menu_holder {
	float:left;
	width:671px;
	height:20px;	
	padding-top:0px;
	padding-left:10px;
	z-index:2;
	}

.menutable {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	}
	
#pagetitle{
	float:left;
	text-align:center;
	width:720px;
	margin:0 0 0 18px;
	font-size:16px;
	color:#d9d9d9;	
	}
	
#pagesubtitle{
	float:left;
	text-align:center;
	width:720px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:16px;
	color:#d9d9d9;	
	}
/*broodkruimels */
	
#breadCrumbTrail {
	
	padding-left:10px;
	padding-top:15px;
	width:500px;
	height:30px;
	z-index:1000;
	}
	
.breadcrumb {
	padding-left:8px;
	font:10px Verdana,Helvetica,sans-serif; 
	color: #666;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	}
	
#breadCrumbTrail a {	
	font:10px Verdana,Helvetica,sans-serif; 
	color:#000;
	}
	
/* content div voor hompage */
	
#content {
	float:left;
	margin:15px 0 0 0px;	 
	width:671px;
	min-height:330px;
	height:330px;
	background-color:#fff;
	}
	
#left {
	float:left;
	width:325px;	
	padding:30px 0px 5px 10px;
	}

#right {
	float:left;
	width:325px;
	padding:30px 0px 5px 10px;
	}
	
#contengroot {
	float:left;
	width:670px;
	padding:8px 8px 5px 8px;
	}
	
#routekaart {
	padding-left:20px;
	}
	
#logo {
	float:left;
	text-align:center;
	width:683px;
	padding:20px 0 20px 0;
	}
	
html>body #content {
	height:auto;
	
	}




/* -------- opmaak -------- */

	
a {
	color:#0000FF;
}
	
a:hover{
	text-decoration:none;
	}
	
h1 {
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	padding:0 0 10px 0;
	}

h2 {
	font-size:12px;
	font-weight:normal;
	background-color:#FFE5C1;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	font-style:italic;
	}
	
p {
	font-size:12px;
	margin-bottom:10px;
	}	

#uxsendform{
	color:#FF0000;
	padding:5px;
	}

	
table {
	font-size:12px;
	margin-bottom:10px;
	}

#left ul li {
	list-style: url(../images/bullet.gif);
	margin-left:20px;
	}
	
#right ul li {
	list-style: url(../images/bullet.gif);
	margin-left:20px;
	}

/* footer */

#okericon {
	float:left;
	margin-top:40px;
	}

#footer {
	float:left;
	width:720px;
	font-size:10px;
	text-align:center;	
	color:#fff;
	}
	
/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */

.menulist, .menulist  ul {
	list-style: none;
	margin:0;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 2em; /* I'm using ems rather than px to allow people to zoom their font */
	left: 5px;
	width: 160px;
	}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	top: 0px;
	left: 160px;
	}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

.menulist li {
	float: left;
	position: relative;
	padding-left: 5px;
	padding-right: 10px;
	z-index:10;
	font-family:Arial;
	font-size:9px;
	text-decoration: none;
	text-transform:uppercase;
	text-align:left;
	}
	
*html .menulist ul li {
	padding-right:0px;
	}
	
/*only first li has no padding
*/

#firstItem {
	padding-left: 0;
	}
	
.arrow {
	background-image: url(../../images/arrow_down.gif) !important ;
	background-repeat: no-repeat !important;	
	background-position: right 12px !important;	
	height:21px;
	}
	
/* Items in submenus - override float/border/margin from above, restoring default vertical style */

.menulist ul li {
 	
	width:auto;
	padding-left:0px;
	padding-right:0px;
	border:1px solid #fff;
	}
	
.menulist ul>li:last-child {
	margin-bottom: 1px;
	}

/* Links inside the menu */
.menulist a {
 	display: block;
	color: #fff;
 			
	/*
	background-image: url(../images/no_arrow.gif);
 	background-repeat: no-repeat;
	background-position:100px;
	*/
	text-decoration: none;	
	}

.menulist ul li a {
	/*font-size:11px;*/
	background-image:none !important;
	color:#fff;
	background-color:#0D0BBE;
	width:150px;
	padding-left:0;
	background-repeat: no-repeat;
	text-decoration: none;	
	font-family:Arial;
	font-size:9px;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	padding-left:8px;
	padding-bottom:4px;
	padding-top:4px;
	
  	}
  	
.menulist ul li a:hover {
	background-color:#010066!important;
	color:#fff;
	}

.menulist ul li .daddy {
	background-image: url(../../images/drieh.gif)!important;
 	background-position: right;
	}
	
.menulist ul li a.highlighted:hover {
	color: #fff;
	background-image: url(../images/drieh.gif)!important;
	background-position: right;
	}
	
/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display:  none;
	}
	
.menulist ul a .subind {
	display:  block;
	float: right;
	}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
	}
	
.menulist ul a {
 float: none;
	}
	
/* \*/
.menulist a {
	float: none;
	background-position:0px 10px;
	}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
	}

* html .menulist ul li {
	float: left;
	height: 1%;
	}

* html .menulist ul a {
	height: 1%;
	}
/* End Hacks */