/* CSS Document */
/*geel = #fff000 
grijs  #f2f2f2
*/


#globalNav.pullDown {
	height:58px;
	background:transparent;
}


/*algemeen voor de list*/
#globalNav.pullDown li{
	list-style:none;
}

#globalNav.pullDown #nav {
	background: #ccc url(../images/navi_main_bg.gif) repeat-x;
	display:block;
	height:28px;
	width: 965px;
	margin:0;
	padding:0;
	border:1px solid #6f6e6c;
	border-left:none;
}

/*float the main list items*/
#globalNav.pullDown #nav li {
  float: left;
  padding:0;
}

/*links in mainnav*/
#globalNav.pullDown #nav li a.glink, #globalNav.pullDown #nav li a.glink:visited{
	display:block;
	font-size:10px;
	height:14px;
	padding:7px 10px ;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	color: #fff;
	float:left;
	border-left:1px solid #6F6E6C;
}

/* override lineheight */
#globalNav.pullDown #nav li a.glink, #globalNav.pullDown #nav li a.glink:visited{
	line-height:15px;
}

/* active element*/
#globalNav.pullDown #nav li.active {
	background: #fff url(../images/navi_main_bg_active.gif) repeat-x;
}
#globalNav.pullDown #nav li.active a.glink, #globalNav.pullDown #nav li.active a.glink:visited{
	color:#000;
}

/*hover over mainnav*/
#globalNav.pullDown #nav li.off a:hover {
	background: #fff;
	color: #000;
	cursor:pointer;
	
}




#globalNav.pullDown #nav li ul li{
	height: 26px;
}

/* SUB NAVIGATIE */
/*put the subnavs below and hide them all*/

#globalNav.pullDown #nav li ul {
	position:absolute;
	left: 0;
	/*put the subnav below*/
	top:29px;
	*top: 29px; /*reposition for IE*/
	background:#fff none repeat scroll 0 0;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #333;
	position: absolute;
	height:25px;
	margin:0 3px;
	padding:0;
	width:959px;
	/*clear:both;*/
	display: none;
}
/*hide the subnavs*/
#globalNav.pullDown #nav li ul {
	display: none;
}
/* active subnav list*/
#globalNav.pullDown #nav li.active ul{
  display: block;
  background:#f2f2f2;
}
/* active in de subnav */
/* linkjes in de subnav */
#globalNav.pullDown #nav li ul li.active{
	background:#fff;
border-right:1px solid #CCCCCC;
}

/* linkjes in de subnav */
#globalNav.pullDown #nav li ul li a{
  border: 0;
  height:12px;
  text-transform:none;
}

#globalNav.pullDown #nav li ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #333;
  width: auto;
  text-transform:none;
  display:block;
  padding:7px 8px;
}

#globalNav.pullDown #nav li a:hover {
	text-decoration:none;
}

#globalNav.pullDown #nav li:hover ul, #globalNav.pullDown #nav li.over ul { 
  /*  display the other topics when their parent is hovered */
  z-index: 6000;
  display: block;
}

/*show the active subnav*/
#globalNav.pullDown #nav li.active ul, #globalNav.pullDown #nav li:hover ul  {
	display: block;
	overflow:visible;
}


/* style de subnav link*/
#globalNav.pullDown #nav li ul li{
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	display:inline;
}
/* toon hover over subnav link als er géén pulldown is*/
#globalNav.pullDown #nav li ul li a:hover, #globalNav.pullDown #nav li.off ul li.over a, #globalNav.pullDown #nav li.active ul li.over a { 
	/*text-decoration:underline;*/
}

#globalNav.pullDown #nav li ul li .container a:hover, #globalNav.pullDown #nav li.off ul li.over .container a, #globalNav.pullDown #nav li.active ul li.over .container a {
	border-bottom:none;
}



/* toon hover over subnav link*/
	#globalNav.pullDown #nav li.off ul li a:hover, #globalNav.pullDown #nav li.active ul li a:hover, #globalNav.pullDown #nav li.off ul li a:hover{
}


/* SUBSUB NAVIGATIE */


#globalNav.pullDown #nav li ul li .ankeiler{
	height:10px;
	left:0;
	position:relative;
	top:0;
	width:100%;
}
#globalNav.pullDown #nav li ul li .ankeilerInner{
	background:url("../images/pulldown_icon.gif") no-repeat scroll center 0 transparent;
	float:left;
	height:5px;
	left:0;
	margin:0 auto;
	position:absolute;
	top:24px;
	width:100%;
}

#globalNav.pullDown .container { 
	background:transparent url(../images/navi_container_bottom.png) repeat-x scroll 0 bottom;
	border-top:1px solid #CCCCCC;
	clear:both;
	left:auto;
	margin:-1px 7px;
	padding:0 0 30px;
	position:absolute;
	top:26px;
	width:auto;	
}
#globalNav.pullDown .container.alignRight {
	right:0;
} 

#globalNav.pullDown .container .left{
	background:transparent url(../images/navi_container_left.png) repeat-y scroll left 0;
	border:medium none;
	display:block;
	float:left;
	margin:0 -12px;
	padding:0;
}
#globalNav.pullDown .container .right{
	background:transparent url(../images/navi_container_right.png) repeat-y scroll right 0;
	border:medium none;
	display:block;
	float:left;
	padding:0;
}
#globalNav.pullDown .container .inner{
	background:#FFFFFF none repeat scroll 0 0;
	border-color:-moz-use-text-color #888888 #888888;
	border-style:none solid solid;
	border-width:0 1px 1px;
	display:block;
	float:left;
	margin:0 13px;
	padding:0 10px 10px;
	/*opacity:.9;
	* filter: alpha(opacity=90);*/
}


/* hide de subsubnav */
#globalNav.pullDown .container { 
	display:none;
}

/* override de overflow */
#globalNav.pullDown .container ul{
	overflow:visible;
}
#globalNav.pullDown #nav li.active ul{
	display:block;
}

/*lists naast elkaar*/
#globalNav.pullDown #nav li.active ul li ul, #globalNav.pullDown #nav li.off ul li ul {
	position:relative;
	top:0;
	height:auto;
	margin: 10px 0 ;
	padding:0 5px;
	width:auto;
	left:auto;
	float:left;
	border:none;
	border-left: 1px solid #ccc;
	height:auto;
	background:transparent;
}

/* de eerste kolom heeft geen border gesplitst ook niet */
#globalNav.pullDown #nav li ul li ul.first, #globalNav.pullDown #nav li ul li ul.vervolg{
	border:none;
}
#globalNav.pullDown #nav li ul li ul.vervolg{
	border:none;
	margin: 20px 0 0 -20px;
}


/*stop the floating van het subsub list element*/
#globalNav.pullDown #nav li ul li ul li{
	height:auto;
	width: auto;
	padding:0 10px;
	margin:0;
	clear:both;
	border:none;
}

/* titel in subsubnav */
#globalNav.pullDown #nav li a.title {
	font-weight:bold;
}

/* link in subsubnav */
#globalNav.pullDown #nav li ul li ul li a{
	padding:2px 3px;
	float:none;
	clear:both;
}
#globalNav.pullDown #nav li ul li ul li a.active{
	text-decoration:underline;
}

#globalNav.pullDown #nav li ul li ul li a:hover{
	padding:2px 3px;
	float:none;
	clear:both;
}

#globalNav.pullDown #nav li ul li ul li:hover, #globalNav.pullDown #nav li ul li ul li.over {
	border:none;
}

#globalNav.pullDown #nav li ul li .container li:hover {
}

#globalNav.pullDown #nav li ul li ul li:hover a, #globalNav.pullDown #nav li ul li ul li.over a, #globalNav.pullDown #nav li ul li .container a:hover  {
	text-decoration:underline;
}


/* over over het subnav item: toon subsubnav */
#globalNav.pullDown #nav li ul li:hover .container, #globalNav.pullDown #nav li ul li.over .container { 
  z-index: 6000;
  display: block;
}

/* afwijkende styling voor combinatie oude header en pulldown navigatie */
#globalNav.header{
margin: 10px 0;
}

#globalNav.header #servicelinks{
	float:right;
	position:absolute;
	right:90px;
	top:-34px;
	width:auto;
}

#globalNav.header #servicelinks li{
	float:left;
}



/** FIX voor de topstoryA met single article
zodat het menu eroverheen valt **/

#headlineSingleArticle {
	position:relative;
	z-index:1;
}


