/*
 * 3XROOD Stylesheet
 * Copyright (c) 2010 - Webdesigntilburg.nl
 */

/* ---------------------------------------------------- /
 * Reset */
	body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
	ol, li, dl, dt, dd, form, a, fieldset, input, th, td, hr
	{border:0; margin:0; padding:0; outline:none;}
	
	h1, h2, h3, h4, h5, h6{font-size:100%;}
	
	body{line-height: 1;font-size: 88%;}

	ul, ol{list-style: none;}
	
	img{border: 0;}
	
	.clear{clear:both;}
	.float-right{float:right; overflow:hidden; display:inline; }
	.float-left{float:left; overflow:hidden; display:inline; }
	.hidden{display:none;}

/* ---------------------------------------------------- /
 * Basic Elements */
 
	body{
		background-color:#f4f4f4;
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
	}
	
	/* Container */
	#container{
		background:url(../images/background.jpg) left top repeat-y;
		margin:8px auto 8px;
		width:909px;
		padding:0 13px 35px;
		overflow:hidden;
		position:relative;
	}
		#body{
			display:block;
			margin-top:-5px;
			overflow:hidden;
		}
	
	/* Links */
	a{text-decoration:none; color:#900}
	a:hover{background-color:#ddd;}
	
	.img img, .border{
		border:1px solid #666;
		margin-bottom:6px;
	}

	
	/* Teksten */
	
		/* Kopteksten */
		h1, h2, h3, h4, h5, h6{font-weight:bold; letter-spacing:0; margin-bottom:18px; }
		h1, h1 a{
			color:#900;
			font-size:20px;
			line-height:25px;
		}
		h2, h2 a{
			color:#900;
			font-size:18px;
			line-height:22px;
		}
		h3, h3 a{
			color:#006;
			font-size:14px;
		}
		
		h1 a:hover, h2 a:hover, h3 a:hover{
			background:none;
			text-decoration:underline;
		}
		
		
		.rood{color:#900}
		
	hr{
		color:#474747;
		background-color:#474747;
		border:none;
		height:1px;
		margin-bottom:20px;
	}
	
	ol{
		list-style:decimal;
		margin-left:20px;
		margin-bottom:20px;
	}
	.content ul{margin:-15px 0 20px;}

	
/* ---------------------------------------------------- /
 * Header */

	#top-nav{overflow:hidden; background:url(../images/bg-top-nav.jpg) left top repeat-x; width:909px;height: 27px;}
		#top-nav li{display:inline; float:left;}
		

/* ---------------------------------------------------- /
 * Sitebar */

	#sidebar{
		background:url(../images/bg_sidebar.jpg) left top repeat-y;
		width:205px;
		display:inline;
		float:left;
		overflow:hidden;
		padding:0 16px 0 21px;
		letter-spacing:1px;
	}
	.sidebar-img:hover{background:none;}
		.nav{margin:27px 0 37px 0; border-bottom:1px solid #ccc;}
			.nav li{border-top:1px solid #ccc;}
			.nav a{
				display:block;
				min-height:21px;
				line-height:21px;
				color:#fff;
				font-weight:bold;
			}
			.nav a:hover{color:#ccc; text-decoration:none; background:none;}
				.subnav{margin-bottom:4px; display:none;}
				.actief .subnav{display:block;}
					.subnav li{border:none;}
						.subnav a{
							padding-left:10px;
							font-weight:normal;
							margin-top:4px;
							font-size:11px;
						}
						.sub-actief a{background-color:#900;}
						.sub-actief a:hover{background-color:#900;}
						.sub-subnav{display:none;}
							.sub-actief .sub-subnav{display:block;}
							.sub-subnav li{margin-left:10px;}
							.sub-subnav a{background-color:#bbb !important; color:#900; padding-left:10px;}
							.sub-subnav a:hover{color:#900;}
							.subsub-actief a{background-color:#fff !important;}
							
		.sidebar-img img{margin-bottom:20px;}
		.sidebar-img.gray-border img{border:1px solid #666;}
		.sidebar-img.lightgray-border img{border:1px solid #ddd;margin:20px 0 15px;}

/* ---------------------------------------------------- /
 * Content */

	.content{
		padding:0 15px 30px 30px;
		display:inline;
		float:left;
		margin-top:26px;
		width:386px;
		border-right:1px dotted #999;
	}
	.content-breedt{
		border:none;
		padding:0 28px 30px 30px;
		width:609px;
	}
		.content p{
			font-size:12px;
			letter-spacing:0;
			margin-bottom:15px;
		}
			.content-image{
				display:block;
				margin-bottom:20px;
			}
			.content-image:hover{
				text-decoration:none;
			}
			.content-image img{
				border:1px solid #666;
			}
			.content-image span{
				background-color:#c00;
				display:block;
				color:#fff;
				font-size:12px;
				font-weight:bold;
				padding-left:10px;
			}
			
			.blok-grijs{
				background-color:#999;
				font-size:12px;
				line-height:17px;
				padding:20px 15px 20px 30px;
				color:#fff;
				margin-bottom:20px;
			}
				.blok-grijs a{color:#900; font-weight:bold;}
				.blok-grijs a:hover{text-decoration:none; background-color:#ddd;}
	
	/* Kolom rechts */
	.kolom-rechts{
		width:190px;
		float:left;
		overflow:hidden;
		display:inline;
		margin-top:25px;
		padding:0 30px 0 15px;
	}
		.image-beschrijving{
			color:#999;
			display:inline;
			overflow:hidden;
			font-size:9px;
			font-style:italic;
			text-align:right;
			letter-spacing:0;
			line-height:12px;
			float:right;
			width:150px;
			margin-bottom:20px;
		}
		.links{margin-bottom:20px;}
			.links li{clear:both; line-height:0; display:inline;}
			.tekst-link a{
				letter-spacing:0;
				background-color:#999;
				color:#fff;
				line-height:16px;
				display:block;
				border-bottom:1px solid #fff;
				padding:5px 5px 5px 15px;
			}
			.tekst-link a:hover{background-color:#666; text-decoration:none;}
			
	/* Nieuws pagina */
	.blok-grijs-breedt{
		background-color:#ccc;
		margin-bottom:20px;
		margin-left:-30px;
		margin-right:-30px;
		padding:10px 30px 1px;
	}		
		.blok-grijs-breedt h4{
			margin:0;
		}		
	
	.nieuws hr{margin-bottom:15px;}
	.nieuws .content-breedt h4{margin-bottom:0; }
	.nieuws-item{overflow:hidden; margin-bottom:10px;}
	
		.nieuws-item .content{
			padding-left:0;
			margin-top:10px;
			min-height:170px;
		} 
		.nieuws-item p{margin-top:5px;} 
		.nieuws-item .content-breedt{
			padding:0;
			margin-top:10px;
			min-height:0;
		} 
		
		.nieuws-item .kolom-rechts{
			padding-right:0;
		}
		.nieuws-item .kolom-rechts img{
			margin-bottom:10px;
		}
		
	/* Tabel */
	table{
		letter-spacing:0;
		margin-bottom:20px;
	}
		thead th{
			color:#000066;
			font-size:14px;
			font-weight:bold;
			text-align:left;
			padding-bottom:20px;
		}
		
	.agenda{
		border-collapse:collapse;
		font-size:12px;
	}
		.agenda th{
			color:#006;
			font-size:12px;
			font-weight:normal;
			text-align:left;
			color:#fff;
			padding:0;
			padding-left:5px;
		}
		.agenda .th{
			background-color:#666;
		}
		.agenda td{
			padding-left:5px;
			background-color:#ccc;
		}
		.even td{
			background:none;
		}

/* ---------------------------------------------------- /
 * Footer */

#footer{
	background:url(../images/bg_footer.jpg) left top repeat-x;
	width:909px;
	height:22px;
	position:absolute;
	bottom:0;
	left:13px;
}
.vtnummer {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-left: 10px;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.vtwit {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
.postwit {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	font-weight:bold;	
}
.navblok {
	width: 170px;
}
.navblok ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
.navblok a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999999;
	display: block;
	padding: 4px;
	width: 170px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 16px;
}
.navblok a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.navblok a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.navblok a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.navblok a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	padding-left: 16px;
}