/* 3COL FIXED CENTER : CONTENT */

a.btn,
a.btn:link,
a.btn:visited,
a.btn:active {
	float: right;
	display: inline;
	width: 110px;
	height: 25px;
	padding: 5px 0 0 0;
	margin: 0 0 16px 0;
	text-align: center;
	background: url(../assets/btn_brown.jpg) center no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
a.btn:hover {
	background: url(../assets/btn_brown-hl.jpg) center no-repeat;
}

/* HEADER */
#header {
	height: 105px;
	overflow: hidden;
}

/* VISUALS */
.visualIndex,
.visualContent {
	position: relative;
	float: left;
	clear: both;
	border: 10px solid #FFFFFF;
	margin-bottom: 25px;
}

.visualIndex {
	width: 930px;
	height: 275px;
	overflow: hidden;
}

.visualContent {
	width: 660px;
	height: 275px;
	overflow: hidden;
}

/* CONTENT */
.content {
	position: relative;
	float: left;
	clear: both;
	width: 680px;
	padding: 0;
}

.splitLeft {
	position: relative;
	float: left;
	width: 260px;
	margin-right: 10px;
}

.splitRight {
	position: relative;
	float: left;
	width: 260px;
}

.zaal {
	position: relative;
	float: left;
	width: 160px;
	margin: 0 10px 10px 0;
}

/* BREADCRUMBS */
.breadcrumbs {
	position:relative;
	float: none;
	clear:both;
	padding: 5px 10px;
	margin-bottom: 25px;
	background-color: #f2f2f2;
}
	.breadcrumbs p {
		margin: 0;
		font-size: 9px;
		line-height: 14px;
		color: #666;
	}
		.breadcrumbs a,
		.breadcrumbs a:link,
		.breadcrumbs a:visited,
		.breadcrumbs a:active {
			color: #666;
			text-decoration: underline;
		}
		
		.breadcrumbs a:hover {
			color: #000;
			text-decoration: none;
		}

/* NEWSBOX */
.newsBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	margin: 10px 0 10px 10px;
}
	.newsBox h5{
		padding: 0;
		margin: 0 0 10px 0;
	}
		
	.newsBox ul{
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.newsBox ul li{
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin-bottom: 5px;
	}
		.newsBox ul li.end{
			border-bottom: none;
		}
		
		.newsBox ul li a,
		.newsBox ul li a:link,
		.newsBox ul li a:visited,
		.newsBox ul li a:active {
			position: relative;
			float: left;
			display: inline;
			width: 100%;
			padding: 0;
			margin: 0 0 5px 0;
			color: #666;
			font-size: 11px;
			line-height: 14px;
			text-decoration: none;
		}
			.newsBox ul li.odd a:hover {
				text-decoration: none;
				background-color: #fafafa;
			}
			.newsBox ul li.even a:hover {
				text-decoration: none;
				background-color: #f8f5f0;
			}
			
		.newsBox ul li a p img {
			position: relative;
			float: left;
			margin-right: 10px;
			padding: 0px;
		}
			
	.newsBox p {
		position: relative;
		float: left;
		padding: 0px;
		margin: 0;
		font: 11px/16px Arial, Helvetica, Verdana, sans-serif; 
	}
	
	.newsBox ul li p.date {	
		float: none;
		clear: both;
		background-attachment: scroll;
		background-position: left top;
		background-repeat: no-repeat;
		color: #fff;
		text-align: right;
		padding: 8px 5px 24px 5px;
		font-size: 11px;
		font-weight: bold;
		line-height: 11px;
		height:10px;
	}
	
	.newsBox ul li.odd p.date {
		background-image: url(../assets/bg_news_date_grey.gif);
	}
	
	.newsBox ul li.even p.date {
		background-image: url(../assets/bg_news_date_brown.gif);
	}
	
/* CONTACTBOX */
.contactBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	width: 243px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #755b2f;
	background-color: #fdfdfd;
}

	.contactBox p {
		margin: 0;	
	}
	
/* QUICKBOX */
.quickBox {
	position: relative;
	float: left;
	display: inline;
	clear: both;
	background-color: #ececec;
	margin-bottom: 25px;
	padding: 0;
	width: 245px;
	height: 295px;
}
	.quickBox div {
		
		border: 10px solid #FFFFFF;
	}
		.quickBox div h2 {
			margin-bottom:8px;
		}
	
/* ROTATOR */
.rotator {
	position: relative;
	float: left;
	width: 548px;
	padding: 0 1px;
	border-top: 1px solid #ccc;
}
	.rotator .col {
		width: 117px;	
		padding: 10px;	
	}
	.rotator .odd {
		background-color: #ddd;	
	}
	.rotator .even {
		background-color: #eee;			
	}
		.rotator .info {
			padding: 10px;
		}

/* FOOTER */
#footer p {
	position: relative;
	float: left;
	padding: 5px 0px;
	margin: 0;
	text-align: left;
	font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
}
