/*=================================================*/
/*                                                 */
/*   TOOLS                                         */
/*                                                 */
/*=================================================*/

#header #tools
{
	float: right;
	text-align: right;
	padding: 6px 5px 0 0;
	width: 350px;
	
	font-family: Arial, Helvetica, sans-serif;
}

#header #tools ul#toolitems
{
	list-style-type: none;
	
	font-size: 12px;
}

#header #tools ul#toolitems li
{
	display: inline;
}

#header #tools ul#toolitems img
{
	position: relative;
	top: 2px;
}

#header #tools ul#toolitems a
{
	color: #174D80;
	text-decoration: none;
}

#header #tools ul#toolitems a:hover
{
	text-decoration: underline;
}

#header #tools form
{
	padding-top: 7px;
}

#header #tools form ul
{
	list-style-type: none;
}

#header #tools form ul li
{
	display: inline;
}

#header #tools form div
{
	float: right;
	position: relative;
	
	background: url(../pics/forms/zoeken.png) no-repeat left;
	
	width: 140px;
	height: 25px;
}

#header #tools form input#search
{
	border: 0px;
	margin: 4px 6px 0 0;
	
	color:#CCCCCC;
	background: white;
		
	height:19px;
	width:110px;
}

#header #tools form input#go
{
	border: none;
	background: url(../pics/forms/go.png) no-repeat 0px;
	color: #6A5B3E;
		
	float: right;
	position: relative;

	width:33px;
	height:25px;
	
	font-size: 14px;
}

#header #tools form input#go:hover
{
	background-position: -33px;
}


/*=================================================*/
/*                                                 */
/*   MAINMENU                                      */
/*                                                 */
/*=================================================*/
/* based on: http://www.positioniseverything.net/css-dropdowns.html */
/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

#mainmenu
{
	position: relative;
	z-index: 1000;
	clear:both;

	width: 950px;
	margin-left:16px;

	font: 16px Georgia, "Times New Roman", Times, serif;
}

#mainmenu .button 
{
	float: left;
	
	border-bottom: 3px solid #6a5b3e;
	height:28px;
	
	_width:30px;
}

#mainmenu .button .dropdown li, #mainmenu a 
{
	@zoom: 1; 
}

#mainmenu .parent
{
	position: relative; 
}
/* this parent div does not provide "sticky hovering", but instead fixes a strange bug in Op7. When an element serves as a hovered popup "parent" element,
that element must not also be floated or all heck breaks loose in Opera 7. To prevent this, we have floated the top level list items, while nesting
hoverable parent divs inside that are then hovered to generate the dropdowns. Thus the ugly (but interesting) Op7 bug is defeated. */

#mainmenu .floatfix 
{
	@margin-right: -3px; 
}	/* this fixes the IE 3px bug that is common in this type of float arrangement */

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

#mainmenu .dropdown /* rules for dropdown div */
{
	position: absolute;
	top: auto; /* puts dropdowns directly under top nav */
	left: -3000px;
	width: 280px;

	padding-top: 3px;
	background: url(../pics/layout/bgfix.gif);
}

#mainmenu ul
{
	list-style-type: none;
}

#mainmenu .dropdown div 
{
	position: absolute;
	top: 0;
	left: -3000px;
	width: 250px;

	background: url(../pics/layout/bgfix.gif);
}

/* The margins on the UL's replace the div paddings to create "sticky hovering" zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate possible box model problems */

#mainmenu .dropdown ul
{
	width: 220px; /* tweaked so that dropdowns appear to "line up" with top links */

	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

#mainmenu .dropdown div ul 
{
	/* creates "sticky hovering" zones for flyouts */
	margin: 30px 30px 30px 0;
	border: 1px solid red;
}

#mainmenu a 
{
	display: block;
	color: black;
	font-size: .9em;
	text-decoration: none;
	padding: 6px 10px 0px 10px;
	white-space: nowrap;
	
	height:22px;
	_padding-bottom:5px;
}

#mainmenu li.button:hover a.menubtn
{
	color: white;
}

#mainmenu a:hover
{
	background-color: #2393C2;
	color: white;
}

#mainmenu li.topselected a.menubtn
{
	border-top:3px solid #1A6A8C; /*#2393C2 /*#6A5B3E*/;
	position: relative;
	top: -3px;
	
	_border-top: none;
	_position: inherited;

	background-color: #1A6A8C; /*#2393C2 /*#6A5B3E*/;
	color: white;
}

#mainmenu li.topselected:hover a.menubtn
{
	border-top:3px solid #2393C2;
	height:19px;
	
	_border-top: none;
	_height:17px;

	background-color: #2393C2;
	color: white;
}

#mainmenu li.button:hover
{
	position: relative;
	top: -3px;

	border-top:3px solid #2393C2;
	background: #2393C2;
	color: white;
}

#mainmenu li li a
{
	height: auto;

	padding: 6px 0 5px 5px;
	border-left: 4px solid #2393C2;
	border-bottom: 1px solid #2393C2;
	
	color: black;
}

/*#mainmenu li li:last-child a
{
	border-bottom: 5px;
}*/

#mainmenu li li a:hover
{
	background-color: #2393C2;

	border-left: 4px solid #6A5B3E;
	border-top: 0px;
}

#mainmenu ul ul a 
{
	border-right: 0; /* negates right border for dropdowns and flyouts */
}

#mainmenu li li.separator span
{
	height: auto;
	display: block; 
	
	padding: 6px 0 5px 5px;
	border-left: 4px solid #2393C2;
	border-bottom: 1px solid #2393C2;
}

#mainmenu .dropdown li 
{
	position: relative;
	@vertical-align: bottom; /* IE5/win bugfix */
}

#mainmenu .dropdown li.itemselected
{
	background-color: #1A6A8C; /*#6A5B3E; /*#96680C; */
}

#mainmenu .dropdown li.itemselected a
{
	color: white;
}


#mainmenu .parent:hover 
{
	background-image: url(../pics/layout/bgfix.gif); 
}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image file so that your site error logs will not fill with failed image calls. */

#mainmenu .parent:hover div.dropdown 
{
	left: -30px; /* hover rule for dropdowns */
} 
/* extra pixel makes dropdowns "line up" with top links */

#mainmenu ul
{
	background-color: #DCEDF5; /*#A7D4E7;*/
}

#mainmenu .dropdown li:hover div /* hover rule for flyouts */
{
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
}


#mainmenu div.mini-zone /* special hover zone that covers the "danger corner" */
{
	top: auto;
	left: -3000px;
	bottom: -15px;
	width: 15px;
	height: 15px;

	font-size: 1px;

	padding: 0;
	background: url(../pics/layout/bgfix.gif);
}

#mainmenu .dropdown li:hover div.mini-zone /* hover rule for mini-zones */
{
	top: auto;
	left: auto;
	right: 8px;
}


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html #mainmenu .button .dropdown li 
{
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}
/* */

* html #mainmenu a
{
	height: 1%;
}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, and the 2nd is to make all links fully clickable. */

#mainmenu .brclear /* Use a break with this class to clear float containers */
{
	clear:both;
	
	height:0;
	
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
#mainmenu .dropdown, #mainmenu .dropdown div { width: 189px; }
#mainmenu .button .dropdown ul { margin: 0px; }
#mainmenu .dropdown, #mainmenu .dropdown div { position: static; }
#mainmenu .dropdown ul { border: 0; }
.mini-zone { display: none; }
/* this rule block "dumbs down" the nav for IEmac */


/*=================================================*/
/*                                                 */
/*   LEFTMENU                                      */
/*                                                 */
/*=================================================*/

#leftmenu
{
	margin-left: 5px;
	display: inline;
	
	width:200px;
	float:left;
	background: #B9DDED;
	
	font: 12px "Arial Narrow", UnDotum, Dingbats, Sans, sans-serif;
	letter-spacing: 1px;
}

#leftmenu ul
{
	list-style-type: none;
}

#leftmenu ul li
{
	background: url(../pics/layout/tree.jpg) repeat-x;
}

#leftmenu ul li.selected a
{
	background: #1A6A8C url(../pics/layout/closed-over.gif) no-repeat 7px 9px;
	color: white;
}

#leftmenu ul li.selected a:hover
{
	background: #2393C2 url(../pics/layout/closed-over.gif) no-repeat 7px 9px;
	color: white;
}

#leftmenu ul li.selected li a
{
	background: none;
	color: black;
}

#leftmenu ul li.selected li a:hover
{
	background: #2393C2;
	color: black;
}


#leftmenu ul li.subselected a
{
	background: #1A6A8C; /*#2393C2; /*#6A5B3E;*/
	color: white;
}

#leftmenu ul li.subselected a:hover
{
	background: #2393C2; /*#6A5B3E;*/
	color: white;
}

#leftmenu ul li span
{
	display: block;
	padding: 3px 0 0px 20px;

	height: 22px;
	_height: 25px;
	_hei\ght: 22px;
	line-height:18px;

	background: none;
}

#leftmenu ul li a
{
	display: block;
	padding: 3px 0 0px 20px;

	height: 22px;
	_height: 25px;
	_hei\ght: 22px;
	line-height:18px;

	background: url(../pics/layout/closed.gif) no-repeat 7px 9px;
	
	text-decoration: none;
	color: #000;
	
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#leftmenu a:hover
{
	color: white;
	background: #2393C2 url(../pics/layout/closed-over.gif) no-repeat 7px 9px;
}

#leftmenu ul li ul
{
 	background: #A7D4E7 url(../pics/layout/submenu-links.jpg) no-repeat 7px 0;
}

#leftmenu ul li ul li
{
	background: #CEE8F2;
	margin-left: 15px;
}

#leftmenu ul li ul li a
{
	background:none;
	height: 18px;
	line-height: 16px;
	@line-height: 15px;
	
	padding-left: 10px;
}

#leftmenu ul li ul li a:hover
{
	background-image: none;
}

#leftmenu #leftmenu_footer
{
	background: url(../pics/layout/fade-menu-left.jpg) top no-repeat;
	
	width: 200px;
	height: 160px;
}


/*=================================================*/
/*                                                 */
/*   TOC    Table of Contents                      */
/*                                                 */
/*=================================================*/

#toc
{
	float: right;
	width: 260px;
	display: inline;
	
	margin: 30px 15px 10px 15px;
	
	font: 12px Arial, Helvetica, sans-serif;
}

#tocnav a.head 
{
	cursor: pointer;

	background: #DFC5A4;
	padding: 6px 9px;
	border-bottom: 1px solid #FFF;

	color: black;
	display: block;

	font-weight: bold;
	text-decoration: none;
}
#tocnav a.head:hover 
{
	background-color: #C08C4E;
}
#tocnav a.selected 
{
	background-color: #C08C4E;
}
#tocnav a.current 
{
}
#tocnav ul
{
	background-color: #EFE0CD;
}
#tocnav li 
{
	display: inline;
}
#tocnav li li a 
{
	color:#333;
	display:block;
	text-decoration: none;
	padding: 5px;
}
#tocnav li li a:hover 
{
	background-color: #FFFFFF;
}