/* Interpolis Proeftuin navigation.css */

.logo {
	display:block;
	position:absolute;
	top:13px;
	left:15px;
}
.logo2 {
	display:block;
	position:absolute;
	z-index:950;
	top:14px;
	left:130px;
	font-size:1.17em;
}
	.logo2 a { 
		position:relative;
		color:#7c7777;
		text-transform:uppercase; 
	}
		.logo2 span.subdomain {
			font-size:1.93em;
			color:#16b4ff;
		}
		.logo2 .options {
			position:absolute;
			right:-32px;
			top:34px;
		}
		.logo2 .options:hover { 
			width:190px;
			border:1px solid #c8c8c8;
			background:#f4f4f3;
			font-size:0.79em;
			padding:3px 4px 1px 4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			box-shadow:0 1px 2px #ccc;
			-webkit-box-shadow:0 1px 2px #ccc;
			-moz-box-shadow:0 1px 2px #ccc;
		}
			.logo2 .options strong {
				width:28px;
				height:29px;
				position:absolute;
				top:-26px;
				right:-1px;
				z-index:1000;
				background:url('../images/backgrounds/nav-options-trigger.png') -28px 1px no-repeat;
				overflow:hidden;
				white-space:nowrap;
				text-indent:-3000em;
			}
			.logo2 .options:hover strong {
				top:-27px;
				right:-2px;
				width:88px; 
				background-position:60px 0; 
			}
			.logo2 .options ul {
				display:none;
				overflow:hidden;
				position:relative;
			}
			.logo2 .options:hover ul { display:block; }
				.logo2 .options ul li {
					margin:-2px 0 2px 0;
				}
					.logo2 .options ul li a {
						display:block;
						padding:5px 5px 3px 5px; 
						color:#16b4ff;
						text-transform:none; 
						background:url('../images/backgrounds/nav-option.gif') repeat-x;
					}
					.logo2 .options ul li a:hover {
						color:#0085c5;
					}
		
		
.tilburg-veilig {
	position:absolute;
	top:55px;
	right:100px;
	z-index:5;
}
a.ribbon {
	display:block;
	width:82px;
	height:87px;
	position:absolute;
	bottom:-3px;
	right:-5px;
	background:url('../images/navigation/welkom.png') no-repeat 0 0;
	text-indent:-3000em;
	overflow:hidden;
}

#head ul {
	list-style:none;
}
#navigation-main {
	position:absolute;
	top:55px;
	left:130px;
	z-index:900;
	float:left;
	height:22px;
}
	#navigation-main .left {
		background: url('../images/navigation/navigation-left.png') no-repeat 0 0;
		position:absolute;
		display:block;
		height:22px;
		width:4px;
		left:0;
		top:0;
	}
	#navigation-main .right {
		background: url('../images/navigation/navigation-right.png') no-repeat 0 0;
		position:absolute;
		display:block;
		height:22px;
		width:4px;
		right:0;
		top:0;
	}
	#navigation-main ul {
		list-style:none;
		height:22px;
	/*	overflow:hidden;*/
		margin-left:-1px;
	}
	#navigation-main ul li {
		float:left;
		position:relative;
		left:1px;
		margin:0;
		font-size:.9em;
		border-right:1px solid #c8c8c8;
	}
	#navigation-main ul li a,
	#navigation-main ul li.selected ul li a {
		color:#7c7777;
		display:block;
		padding:4px 8px;
		height:14px;
		text-transform:uppercase;
		background:#fff;
	}
	#navigation-main ul li a:hover,
	#navigation-main ul li.selected ul li a:hover {
		color:#16b4ff;
		background:#e6e6e5;
	}
	#navigation-main ul li.selected a,
	#navigation-main ul li.selected a:hover {
		color:#fff;
		background:#16b4ff url('../images/navigation/navigation.gif') repeat-x 0 0;
	}

	#navigation-main ul li ul,
	#navigation-main ul li.selected ul {
		display:none;
		position:absolute;
		left:0;
		top:22px;
		background:#fff;
		border:1px solid #c8c8c8;
		border-top:0;
		float:left;
		height:auto;
	}
		#navigation-main ul li ul li,
		#navigation-main ul li.selected ul li {
			float:none;
			border:none;
			left:0;
			font-size:1em;
			clear:both;
			white-space:nowrap;
		}
			#navigation-main ul li ul li a,
			#navigation-main ul li.selected ul li a {
				text-transform:none;
				width:auto;
				white-space:nowrap;
			}

	#navigation-main ul li.active ul {
		display:block;
	}
	
div.location-switcher {
	color:#1c1919;
	padding:0 0 0 8px;
	text-decoration:none;
	width:966px;
	margin:0 auto 0;
}
	div.location-switcher div {
		display:block;
		height:19px;
		padding:14px 10px 23px 0;
		margin:0;
	}
	div.location-switcher h2 {
		margin:0 10px .5em 0;
		font-size:1.667em;
		line-height:1.1em;
		text-transform:none;
		display:inline;
		font-weight:normal;
	}

div.login {
	color:#1c1919;
	background:transparent url('../images/backgrounds/login.gif') no-repeat 0 -39px;
	padding:0 0 0 16px;
	text-decoration:none;
	display:block;
	position:absolute;
	top:0;
	right:25px;
	height:39px;
	z-index: 20;
}
	div.login div {
		background:transparent url('../images/backgrounds/login.gif') no-repeat 100% 0;
		display:block;
		height:19px;
		padding:10px 10px 10px 0;
		margin:0;
	}
		div.login div ul {
			overflow:hidden;
			float:right;
		}
div.login div ul li {
	border-right:1px solid #9b9797;
	float:left;
	padding:0 8px;
	font-size:.9em;
	line-height:1.3em;
	margin-right:-1px;
}
div.login div ul a,  div.location-switcher div ul a {
	color:#16b4ff;
}
.my-actions-counter span {
	padding-left: 5px;
}

#navigation-sub {
	height:22px;
	margin:0 0 0 9px;
	position:relative;
	z-index:10;
}
	#navigation-sub ul {
		list-style:none;
	}
	#navigation-sub li {
		float:left;
		height:14px;
		border-right:1px solid #f3f3f3;
		border-left:1px solid #dad9da;
		background-color:#ede9ef;
		font-size:.9em;
		padding:4px 10px;
	}
	#navigation-sub li.sub-first {
		background-image: url('../images/backgrounds/box-top.png');	
		background-position:0 0;
		background-repeat:no-repeat;
		border-left:0;
	}
	#navigation-sub li.sub-last {
		background-image:url('../images/backgrounds/box-top.png');
		background-position:top right;
		background-repeat:no-repeat;
		border-right:0;
	}
	#navigation-sub li.selected {
		background-color:#000;
	}
	#navigation-sub li a {
		color:#7c7777;
	}
	#navigation-sub li a:hover {
		color:#16B4FF;
	}
	#navigation-sub li.selected a {
		color:#fff;
	}

.pages {
	clear:both;
	border-top:1px solid #ccc;
	padding:1em 0 0 0;
	margin:0;
}
	.pages .numbers {
		clear:both;
		text-align:center;
	}
	.pages .numbers ul {
		position:relative;
		left:50%;
		top:-20px;
		list-style:none;
		float:left;
	}
	.pages .numbers li {
		position:relative;
		left:-50%;
		float:left;
		margin:0 12px 0 0;
	}
	.pages .numbers li a {
		display:block;
		border:2px solid #d6d6d6;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		padding:1px 6px;
	}
	.pages .numbers li.nonumber a {
		border:0;
		padding-bottom:0;
		padding-top:0;
		padding-left:10px;
	}
	.pages .numbers li.selected a,
	.pages .numbers li a:hover {
		background:#d6d6d6;
		text-decoration:none;
		color:#1c1919;
	}
	.pages p {
		color:#4C4C4C;
		padding:1px 0 0 0;
	}
	.pages .previous {
		float:left;
		width:49%;
	}
	.pages .previous a {
		float:left;
	}
	.pages .previous p {
		margin:0 0 0 1em;
		float:left;
		width:165px;
		display:block;
		clear:none;
	}
	.pages .next {
		float:right;
		width:49%;
	}
	.pages .next a {
		float:right;
		clear:none;
	}
	.pages .next p {
		float:right;
		margin:0 1em 0 0;
		width:165px;
		display:block;
		clear:none;
	}

#footer {
	text-align:center;
	float:left;
	width:960px;
	margin:0 9px 0 9px;
	position:relative;
	height:130px;
}
	#footer ul {
		list-style:none;
	}
	#footer ul.footernav {
		position:absolute;
		bottom:20px;
		right:0;
	}
	#footer ul.footernav li {
		float:left;
		padding:0 10px;
		font-size:.9em;
		border-left:1px solid #C8C8C8;
		position:relative;
		margin-left:-1px;
	}
	#footer ul.sponsors {
		float:left;
		margin:20px 0;
		height:64px;
	}
	#footer ul.sponsors li {
		float:left;
		margin:0 0 0 3em;
	}
	#footer ul.sponsors li img {
		border:0;
	}

/* map controls */
#map-controls {
	display:block;
	height:26px;
	width:944px;
	padding:8px;
	background: url('../images/backgrounds/map-controls.png') no-repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
}
	#map-controls div {
		float:left;
		margin:0 2em 0 0;
		clear:none;
	}
	#map-controls .form label {
		width:auto;
		color:#fff;
		margin-top:3px;
	}
	#map-controls input[type=text] {
		padding-top:1px;
		margin:0 5px 0 0;
	}
	#zoom {
		list-style:none;
	}
	#zoom span {
		float:left;
		margin:3px 8px 0 0;
	}
	.zoomin, .zoomout {
		display:block;
		width:22px;
		height:22px;
		background:url('../images/icons/zoom.png');
		float:left;
		margin:0 .5em 0 0;
	}
	.zoomout {
		background-position:0 -22px;
	}
	.zoomin {
		background-position:0 -66px;
	}
	.zoomout:hover {
		background-position:0 0;
	}
	.zoomin:hover {
		background-position:0 -44px;
	}
	.location a {
		display:block;
		height:23px;
		background:transparent url('../images/buttons/location.gif') no-repeat 0 -23px;
		padding:0 0 0 11px;
		float:left;
	}
		.location a span {
			background:transparent url('../images/buttons/location.gif') no-repeat 100% 0;
			display:block;
			height:17px;
			padding:3px 11px 3px 0;
			color:#fff;
		}

/* switch view */

#map-controls #switch-view {
	float:right;
	margin:0 1px 0 0;
}
.page #switch-view {
	position:absolute;
	top:9px;
	right:9px;
}
	#switch-view span {
		float:left;
		margin:3px 8px 0 0;
	}
	#switch-view ul {
		list-style:none;
		float:left;
		overflow:hidden;
	}
	#switch-view li {
		float:left;
		padding:0;
		border:1px solid #1c1919;
		border-right:1px solid #5a5858;
		position:relative;
		left:1px;
	}
	#switch-view li a {
		display:block;
		font-size:.9em;
		padding:3px 8px 3px 8px;
		background:url('../images/buttons/view.gif') repeat-x 0 0;
	}
	#switch-view li.active a {
		background:#000;
	}