@charset "UTF-8";
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navigatie {
	height:64px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	z-index:100;
	background-image: url(../images/navigatie/black_0.gif);
	background-color: #000000;
	background-repeat: repeat-x;
}


#navigatie .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#navigatie li {
float:left;
background:url(../images/navigatie/black_1.gif);
}

#navigatie .select a {
	display:block;
	height:35px;
	float:left;
	background: url(../images/navigatie/black_0.gif);
	text-decoration:none;
	line-height:33px;
	white-space:nowrap;
	color:#CCCCCC;
	font-size: 14px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}


#navigatie .select a b {
	display:block;
	background:url(../images/navigatie/black_0.gif) right top;
	padding-top: 0;
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 8px;
}

#navigatie .select li.line a b {
/* background:url(../images/navigatie/black_0a.gif) right top; */
}

#navigatie .select a:hover, 
#navigatie .select li:hover a {
	background: url(../images/navigatie/black_1.gif);
	padding:0 0 0 8px;
	cursor:pointer;
	color:#fff;
}

#navigatie .select a:hover b, 
#navigatie .select li:hover a b {
	display:block;
	float:left;
	padding:0 16px 0 8px;
	background:url(../images/navigatie/black_1.gif) right top;
	cursor:pointer;
}

#navigatie .select li.line a:hover b, 
#navigatie .select li.line:hover a b {
/* background:url(../images/navigatie/black_1a.gif) right top; */
}

#navigatie .sub {
position:absolute; left:-9999px; width:0;
}
#navigatie li.active .sub  {
}

/* IE6 only */
#navigatie table {
	border-collapse:collapse;
	font-size:1em;
	width:0;
	height:0;
	margin-top: 0px;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navigatie .sub {
	margin:0;
	padding:0;
	list-style:none;
}

#navigatie .sub li {background:transparent;}

#navigatie .select :hover .sub, #navigatie li.active .sub{
	height:25px;
	position:absolute;
	width:870px;
	top:36px;
	left:0;
	text-align:center;
	margin-left: 22px;
	background-color: #000000;
	border: 2px solid #000000;
}

#navigatie .select :hover .sub li a, #navigatie li.active .sub li a 
{
	display:block;
	height:25px;
	line-height:25px;
	float:left;
	white-space:nowrap;
	color:#999999;
	font-size:10px;
	background-image: none;
	background-color: #000000;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 0em;
	border-right: 2px solid #000000;
}

#navigatie .select :hover .sub {z-index:99999}
#navigatie li.active .sub {z-index:9999}

#navigatie .select :hover .sub li.subline a {color:#c00;}

#navigatie .select :hover .sub li a:hover,
#navigatie .select :hover .sub li:hover,
#navigatie li.active .sub li a:hover,
#navigatie li.active .sub li.active-sub a
{
	color:#FFFFFF;
	line-height:25px;
	position:relative;
	background:#fff url(../images/navigatie/fade2.gif) left bottom;
}
#navigatie .select li.active a  {
	background: url(../images/navigatie/black_1.gif);
	color: #FFFFFF;
}
#navigatie .select li.active b {
background:url(../images/navigatie/black_1.gif) right top; 
}
.active-sub a {
	background-image: url(../images/navigatie/fade2.gif);
	color: #00FF00;
}


ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}
h3.spacer {padding-top:30px;}