/* CODB-nidagravel-v1 : NAV */

/* TAALKEUZE */
.language {
	position: relative;
	float: right;
	width: 220px;
	padding-right: 13px;
	display: block;
	text-align: right;
}
	.language p {
		position: relative;
		float: right;
		margin: 8px 0 0 0;
		background: url(../assets/bgr_language.jpg) 0 1px no-repeat;
		text-align: left;
	}
	.language .BENL { background: url(../assets/bgr_flags.gif) 6px 7px no-repeat; }
	.language .BEFR { background: url(../assets/bgr_flags.gif) 6px 7px no-repeat; }
	.language .NLNL { background: url(../assets/bgr_flags.gif) 6px -11px no-repeat; }
	.language .DEDE { background: url(../assets/bgr_flags.gif) 6px -29px no-repeat; }
	.language .FRFR { background: url(../assets/bgr_flags.gif) 6px -47px no-repeat; }
	.language .UKEN { background: url(../assets/bgr_flags.gif) 6px -65px no-repeat; }
	.language .ESES { background: url(../assets/bgr_flags.gif) 6px -83px no-repeat; }
	.language .ITIT { background: url(../assets/bgr_flags.gif) 6px -101px no-repeat; }
	.language .EXEN { background: url(../assets/bgr_flags.gif) 6px -119px no-repeat; }
	
		.language p a,
		.language p a:link,
		.language p a:visited, 
		.language p a:active {
			float: left;
			width: 136px;
			padding: 2px 0 2px 20px;
			font: 10px/14px Arial, Helvetica, Verdana, sans-serif; 
			color: #666;
			text-decoration: none;
		}
		.language p a:hover {
			text-decoration: none;
		}
			
		.language ul.selection {
			display: none;
			float: right;
			width: 156px;
			margin: 0;
			background: #fff;
			list-style: none;
		}
			.language ul.selection li {
				float: left; 
				display: inline;
				margin: 0;
			}
			.language ul.selection li.hidden 
			{
				display: none;
				visibility: hidden;
			}
				.language ul.selection li a,
				.language ul.selection li a:link,
				.language ul.selection li a:visited,
				.language ul.selection li a:active {
					float: left; 
					width: 136px;
					padding: 2px 0 2px 20px;
					font: 10px/14px Arial, Helvetica, Verdana, sans-serif; 
					color: #666;
					text-align: left;
					text-decoration: none;
				}
				.language ul.selection li a:hover {
					background-color: #333;
					color: #fff;
				}
		
/* SNELMENU */
.quicknav {
	position: relative;
	float: right;
}
	.quicknav ul {
		margin: 0;
		list-style: none;
	}
		.quicknav ul li {
			position: relative;
			float: left;
			display: inline;
			padding: 0 0 0 5px;
			margin: 0 5px 0 0;
		}
			.quicknav ul li a,
			.quicknav ul li a:link,
			.quicknav ul li a:visited, 
			.quicknav ul li a:active {
				float: left;
				padding: 10px 10px 10px 0;
				font: 10px/14px Arial, Helvetica, Verdana, sans-serif; 
				color: #999;
				text-decoration: none;
				background: url(../assets/bgr_quicknav.jpg) right 12px no-repeat;
			}
			.quicknav ul li a:hover {
				color: #fff;
				text-decoration: none;
			}
		.quicknav ul li.last {
			margin: 0;
		}
			.quicknav ul li.last a,
			.quicknav ul li.last a:link,
			.quicknav ul li.last a:visited, 
			.quicknav ul li.last a:active {
				padding-right: 0;
			}
			
/* LOGO */
.logo {
	position: relative;
	float: left;
	clear: left;
	width: 175px;
	height: 100px;
	margin: 0;
	padding: 0 0 97px 0;
}


/* NAV HORIZONTAL */
.navRow {
	position: relative;
	float: left;
	clear: both;
	width: 707px;
	padding: 0 0 0 10px;
	background: url(../assets/bgr_nav.jpg) repeat-x;
}
	.navRow ul {
		margin: 0;
		list-style: none;
	}
		.navRow ul li {
			position: relative;
			float: left;
			display: inline;
			padding: 0;
			margin: 0 3px;
		}
			.navRow ul li a,
			.navRow ul li a:link,
			.navRow ul li a:visited, 
			.navRow ul li a:active {
				position: relative;
				float: left;
				display: block;
				padding-left: 8px;
				height: 30px;
				margin: 0;
				font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; 
				color: #000;
				text-decoration: none;
			}
				.navRow ul li a span,
				.navRow ul li a:link span,
				.navRow ul li a:visited span, 
				.navRow ul li a:active span {
					cursor: pointer;
					float: left;
					padding: 5px 8px 5px 0px;
					display: inline;
				}
			.navRow ul li a:hover {
				color: #fff;
				text-decoration: none;
				background: url(../assets/bgr_nav-left.jpg) left 7px no-repeat;
			}
				.navRow ul li a:hover span {
					background: url(../assets/bgr_nav-right.jpg) right 7px no-repeat;
				}
			
			.navRow ul li.active a,
			.navRow ul li.active a:link,
			.navRow ul li.active a:visited, 
			.navRow ul li.active a:active,
			.navRow ul li.active a:hover {
				color: #fff;
				text-decoration: none;
				background: url(../assets/bgr_nav-left.jpg) left 7px no-repeat;
			}
				.navRow ul li.active a span,
				.navRow ul li.active a:link span,
				.navRow ul li.active a:visited span, 
				.navRow ul li.active a:active span,
				.navRow ul li.active a:hover span {
					float: left;
					background: url(../assets/bgr_nav-right.jpg) right 7px no-repeat;
				}
				
		/* SUBNAV DROPDOWN */
			.navRow ul li ul {
				position:absolute;
				top:-999em;
				z-index:2000;
			}
				.navRow ul li ul li {
					display: block;
					float: left;
				}
			
				#dropdown ul {
					background:#eee none repeat scroll 0%;
					left:0;
					margin: 0;
					padding: 5px 0 0 0;
					position:absolute;
					
				}
				#dropdown li:hover ul, #dropdown li.sfHover ul {
					top: 30px;
				}
				
					#dropdown ul li {
						clear:left;
						display:block;
						margin:0px;
						padding:0px;
					}
						#dropdown ul li a,
						#dropdown ul li a:link,
						#dropdown ul li a:visited,
						#dropdown ul li a:active {
							margin: 0 5px;
							height: auto !important;
						}
						#dropdown ul li a:hover {
							display: block;
						}
							
							#dropdown ul li a span {	
								position: relative;
								float: left;
								display: block;		
								word-break: keep-all;
								white-space: nowrap;
								padding: 0px 8px 5px 0px;
							}
							
							
						#dropdown ul li a:hover {
							color: #fff;
							text-decoration: none;
							background: url(../assets/bgr_nav-left.jpg) left 2px no-repeat;
						}
							#dropdown ul li a:hover span {
								background: url(../assets/bgr_nav-right.jpg) right 2px no-repeat;
							}

			
	

/* NAVBOX */
.navBoxTitle{
	position: absolute;
	top: 231px;
	right: 0;
	z-index: 9999;
	width: 179px;
	padding: 0 26px 0 13px;
	margin: 0 0 0 0;
	background: url(../assets/bgr_download-title.png) top right no-repeat;

}
/* IE6 FIX  TRANSPARENT BGR */
* html .navBoxTitle { 
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../assets/bgr_download-title.png',sizingMethod='scale');
	display: block;
}

	.navBoxTitle h5 {
		width: 179px;
		font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif; 
		padding: 5px 0;
		color: #fff;
		margin: 0;
	}


/* NAVBOX */
.navBox {
	position: relative;
	float: right;
	display: inline;
	clear: both;
	width: 179px;
	padding: 0 26px 85px 13px;
	margin: 0 0 0 0;
	background: url(../assets/bgr_download.png) top right no-repeat;
}
/* IE6 FIX  TRANSPARENT BGR */
* html .navBox { 
	position: fixed;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../assets/bgr_download.png',sizingMethod='scale');
	display: block;
}
		
	.navBox p {
		position: relative;
		float: left;
		padding: 13px 0 0 0;
		margin: 0 0 10px 0;
		font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
		color: #666;
	}
	.navBox p a,
	.navBox p a:link,
	.navBox p a:visited,
	.navBox p a:active {	
		color: #496d6b;
	}
	.navBox p a:hover { }
	
/* VIDEOBOX */
.videoBox {
	position: relative;
	float: right;
	display: inline;
	width: 205px;
	padding: 0 0 25px 13px;
	margin: 0 13px 0 0 ;
}


.videoBox h5 {
	float: left;
	width: 192px;
	padding: 5px 0 5px 13px;
	background: url(../assets/bgr_videoTitle.jpg) 0 0 repeat-x;
	margin: 0;
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
}

.videoBox a.video,
.videoBox a.video:link,
.videoBox a.video:visited,
.videoBox a.video:active {
	position: relative;
	float: left;
	display: inline;
	width: 205px;
	height: 105px;
	padding: 0 0 0 0;
	margin: 0;
	background: url(../assets/bgr_video.jpg) 0 0 no-repeat;
	text-indent: -999;
}
	.videoBox a.video:hover { background: url(../assets/bgr_video.jpg) 0 -105px no-repeat; }
	



/* NEWSBOX */

.newsBorder {
	float: right;
	width: 204px;
	margin-right: 13px;
	border-top: 1px solid #557779;
}

	.news {
		float: right;
		width: 204px;
		border-top: 1px solid #83a2a4;
		padding-top: 10px;
	}


	.newsBox {
		position: relative;
		float: right;
		display: inline;
		clear: both;
		width: 204px;
		margin: 0 0 13px 0;
		padding: 0;
		border-bottom: 1px solid #83a2a4;
	}
		
		.newsBox p {
			font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
			color: #000;
			margin: 0 0 8px 0;
		}
		.newsBox p.date {
			font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
			color: #fff;
			margin: 0;
		}
		.newsBox p.body {
			color: #283738;
			padding-bottom: 13px;
			border-bottom: 1px solid #557779;
			margin: 0;
		}
		
			.newsBox p a,
			.newsBox p a:link,
			.newsBox p a:visited,
			.newsBox p a:active {
				font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
				color: #000;
				font-weight: bold;
				text-decoration: underline;
			}
				.newsBox p a:hover {
					text-decoration: none;
				}
				
		p.archive {
			font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
			color: #fff;
			margin: 0;
			text-align: right;
		}
		p.archive a,
		p.archive a:link,
		p.archive a:visited,
		p.archive a:active {
			font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
			color: #b3c7c7;
			text-decoration: underline;
		}
			p.archive a:hover {
				text-decoration: none;
			}