/* main navigational menu's, search, footer */

#navigation {
	width:965px;
	position:absolute;
	top:36px;
	padding:0 0 4px 0;
	z-index:9999;
	background:url("../images/navigation/shadow.png") 0 100% repeat-x;
}

	#navigation h1 {
		position:absolute;
		left:-3000em;
	}

	/* secondary */
	
	#navigation-secondary {
		padding:0 0 0 18px;
		color:#F6F6F6;
		font-size:100%;
		line-height:1.0;
	}
	
		#navigation-secondary ol {
			margin:0 0 0 0px;
			padding:0 0 0 60px;
			list-style:none;
		}
	
			#navigation-secondary li {
				float:left;
				position:relative;
				margin:0 0 0 -2px;
				background:url("../images/navigation/secondary-separator.gif") 100% 50% no-repeat;
			}
			
			#navigation-secondary li#navigation-inloggen {
				background-image:none;
			}
			
				#navigation-secondary li a {
					float:left;
					color:#000000;
					text-decoration:none;
				}
				
					#navigation-secondary li a span {
						float:left;
						padding:0.8em 16px 0.75em 14px;
						cursor:pointer;
					}
			
			#navigation-secondary li.open,
			#navigation-secondary li.over {
				z-index:200;
			}
				
				#navigation-secondary li.active a {
					background:/*url("../images/navigation/secondary-active-left.gif")*/ #282828 no-repeat;
					color:#FFF;
				}
				
					#navigation-secondary li.active a span {
						background:/*url("../images/navigation/secondary-active-right.gif")*/ 100% 0 no-repeat;
					}
									
				#navigation-secondary li a:hover,
				#navigation-secondary li a:focus,
				#navigation-secondary li.over a,
				#navigation-secondary li.open a {
					background:/*url("../images/navigation/secondary-open-left.gif")*/ #282828 no-repeat;
					color:#FFF;
				}
				
					#navigation-secondary li a:hover span,
					#navigation-secondary li a:focus span,
					#navigation-secondary li.over a span,
					#navigation-secondary li.open a span {
						background:/*url("../images/navigation/secondary-open-right.gif")*/ 100% 0 no-repeat;
					}
				
			/* secondary dropdown menu */
				
			 #navigation-secondary .navigation-menu {
				display:none;
				width:412px;
				position:absolute;
				top:2.5em;
				left:0;
				padding:6px 18px 0 15px;
				background:url("../images/navigation/menu.png") repeat-y;
				color:#FFF;
				line-height:1.2;
			}
			
			#navigation-secondary .navigation-menu.small {
				width:206px;
				background-image:url("../images/navigation/menu-small.png");
			}
			
			#navigation-secondary li.open .navigation-menu {
				display:block;
			}
			
				#navigation-secondary .navigation-menu .top{
					display:none;
				}
			
				#navigation-secondary .navigation-menu .bottom {
					clear:both;
					width:100%;
					height:6px;
					display:block;
					overflow:hidden;
					position:relative;
					margin:0 -18px -6px -15px;
					padding:0 19px 0 16px;
					background:url("../images/navigation/menu-btm.png") no-repeat;
				}
				
				#navigation-secondary .navigation-menu.small .bottom {
					background-image:url("../images/navigation/menu-small-btm.png");
				}
			
				#navigation-secondary .navigation-menu em {
					display:block;
					margin:0 0 1em 0;
					color:#3EA7A6;
					font-style:normal;
					font-weight:bold;
				}
				
				#navigation-secondary .navigation-menu .navigation-submenu {
					clear:both;
					width:100%;
					padding:1.5em 0 0 0;
					overflow:hidden;
					background:url("../images/navigation/submenu-separator.gif") repeat-x;
				}
				
				#navigation-secondary .navigation-menu .tophits {
					padding-top:0;
					background-image:none;
				}
				
					#navigation-secondary .navigation-menu ul {
						width:198px;
						float:left;
						padding:0 8px 0 0;
						overflow:hidden;
						margin:0;
						list-style:none;
					}
					
					#navigation-secondary .navigation-menu .wide ul {
						width:100%;
						padding:0;
					}
				
						#navigation-secondary .navigation-menu li {
							float:none;
							margin:0 0 1em 0;
							background:transparent none;
						}
					
							#navigation-secondary .navigation-menu li a {
								display:inline;
								float:none;
								padding:0;
								background:none transparent;
								color:#FFF;
							}
							
							#navigation-secondary .navigation-menu li a:hover,
							#navigation-secondary .navigation-menu li a:focus {
								background:none transparent;
								text-decoration:underline;
							}
							
				#navigation-secondary .navigation-menu .columns {
					clear:both;
					overflow:hidden;
				}
				
					#navigation-secondary .navigation-menu .column {
						width:198px;
						float:left;
						clear:none;
						padding:1.5em 8px 0 0;
					}

					#navigation-secondary .navigation-menu .columns .tophits {
						padding-top:0;
					} 
					
						#navigation-secondary .navigation-menu .column ul {
							width:auto;
							float:none;
							padding:0;
						}
											
	
	/* have firefox not screw up on font sizing */
	.text-medium #navigation-primary { right:274px; }
	.text-large #navigation-primary { right:273px; }
		
		
/* clearfix */

#navigation-secondary:after,
#footer:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}
/* search box */
	
	#search {
		float:left;
		margin:0.4em 30px 0.4em 0;
		background:url("../images/navigation/search-frame.gif") no-repeat;
	}
		#search label {
			position:absolute;
			left:-3000em;
		}
		
		#search input.text,
		div.virtual-agent input.text {
			height:1.21em;
			width:168px;
			float:left;
			margin:0;
			padding:0.21em 4px 0.2em 6px;
			background:url("../images/navigation/search-frame-bottom.gif") transparent 0 100% no-repeat;
			border:0;
			color:#006;
			line-height:1.2;
		}
			div.virtual-agent input.text {
				height:auto;
			}
		
		#search input.submit {
			height:1.6em;
			min-height:20px;
			float:left;
			margin:0 -30px 0 0;
			line-height:1.0;
			display:block;
			
		}