#wrapper{
	width:960px;
	background-image:url(../img/shadow_top.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0 10px;
}
/* HEADER */
#header {
	height:115px;
}
#header_nav {
	margin: 0;
	padding: 0;
}
#header_nav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	position: relative;
}
#header_nav li ul {
	display:none;
}
#header_nav li:hover ul,
#header_nav li:hover ul:hover{
	background: #2158A8;
	display:inline-block;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 200;
	margin: 0;
	padding: 0;
	width: 114px;
}
#header_nav li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a#logo{
	width:344px;
	height:100px;
	background:url(../img/logo.png) left top no-repeat;
	display:block;
	float:left;
	margin:5px 0 0 30px;
}
#headerContact{
	height:97px;
	width:167px;
	float:right;
	background-image:url(../img/whiteline_seperator.png);
}
	#tel{
		background-image:url(../img/tel.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		padding:2px 0 8px 25px;
		display:block;
		font-size:19px;
		color:#fff;
		font-weight:bold;
		margin:20px 0 0 10px;
	}
	a#mail{
		background-image:url(../img/mail.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		padding:5px 0 10px 25px;
		line-height:0;
		display:block;
		text-decoration:none;
		margin:8px 0 0 10px;
		color:#fff;
	}
		a#mail:hover{
			text-decoration:underline;
		}
#menu{
	width:960px;
	height:35px;
	line-height:35px;
	text-align:center;
	position:relative;
}
	#menu a{
		padding:0 15px 0 15px;
		margin:0;
		color:#ffffff;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		display:inline-block;
		border-left:1px solid #2159A8;
		border-right:1px solid #2159A8;
	}		
		#menu a.selected,
		#menu a:hover{
			background: url(../img/menu_rpt.jpg) left top repeat-x;
			border-left:1px solid #5D8EC8;
			border-right:1px solid #5D8EC8;
		}
#menu_drop{
	background-color:#2158A8;
	width:150px;
	position:absolute;
	top:35px;
	left:417px;
	z-index:100;
	visibility:hidden;
}
#menu_drop a{
	width:96px;
}
#contentWrapper{
	width:960px;
	background-color:#FFF;
	padding:10px 0 50px 0;
	position:relative;
}

/* HOME PAGE ***WIDGETS*** */
#nieuwsContainer{
	width:520px;
	min-height:244px;
	background:#fff url(../img/nieuws_top.jpg) top left no-repeat;
	float:left;
	margin:0 0 0 0;
	position:relative;
	padding:6px 21px;
	font-size:11px;
}
	#nieuwsContainer ul{
		margin:20px 0 0 0;
		padding:0px;
	}
		#nieuwsContainer ul li{
			width:600px;
			height:60px;
			list-style-type:none;
			margin:13px 0 0 0px;
			padding:0px;
			color:#ccc;
		}
			.nieuwsItemPic{
				width:79px;
				height:59px;
				border:1px solid #cccccc;
				background-position:left top;
				background-repeat:no-repeat;
				float:left;
				margin-right:10px;
			}
			.nieuwsItemDatum{
				font-size:11px;
				color:#444;
			}
			a.nieuwsItemText{
				width:520px;
				min-height:58px;
				border-bottom:1px solid #ccc;	
				float:left; 
				padding-bottom:2px;
				background-image:url(../img/verder_bottom.png);
				background-position:bottom right;
				background-repeat:no-repeat;
				text-decoration:none;
				color:#ccc;
			}
			a.nieuwsItemText p{
				margin:0;
				padding:0px;
			}
				a.nieuwsItemText:hover{
					border-bottom:1px solid #777777;	
					background-image:url(../img/verder_bottom_b.png);
					color:#888;
				}
			a.avenueItemText{
				width:520px;
				min-height:18px;
				border-bottom:1px solid #ccc;	
				float:left; 
				padding-bottom:2px;
				background-image:url(../img/verder_bottom.png);
				background-position:bottom right;
				background-repeat:no-repeat;
				text-decoration:none;
				color:#ccc;
			}

#nieuwsArchief.small {
	width: 420px;
}
	#nieuwsArchief.small li {
		width:  400px;
	}
	#nieuwsArchief.small a.avenueItemText {
		width:  430px;
	}

.rightBar {
	float: right;
	width: 210px;
}

.right_projects {
	margin-top: 15px;
}
	.right_projects ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.right_projects ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			.right_projects ul li a {
			}
	
	
			
#rotaryContainer{
	width:326px;
	min-height:244px;
	background:#fff url(../img/yellow_top.jpg) top left no-repeat;
	float:right;
	margin:0 8px 0 0;
	position:relative;
	padding:6px 26px 6px 26px;
	line-height:25px;
	text-align:justify;
}
#ledenContainer{
	width:531px;
	min-height:188px;
	background:#fff url(../img/leden_top.jpg) top left no-repeat;
	float:left;
	margin:30px 0 0 0;
	position:relative;
	padding:6px 21px;
}
	.ledenItem{
		width:100px;
		height: 160px;	
		margin-right:5px;
		display:block;
		float:left;
		color:#666;
		text-decoration:none;
		line-height: 12px;
	}
		.ledenItemIMG {
			border:1px solid #cccccc;
			width: 100px;
			height: 110px;
			background-repeat: no-repeat;
			background-position: center;
		}
		.ledenItem h4{
			font-size: 12px;
			line-height: 14px;
			margin-top: 3px;
		}
			.ledenItem:hover h4 {
				color: #444;
			}
			.ledenItem:hover .ledenItemIMG {
				border:1px solid #444;
			}
	.ledenItemIMGLarge {
		margin-top: 6px; 
		margin-right: 15px;
		width: 260px;
		float: left;
	}
	table.ledenInformatie {
		width: 400px;
	}
		table.ledenInformatie tr td {
			border-bottom: 1px solid #ccc;
			padding: 1px 4px;
		}
		table.ledenInformatie tr td:first-child {
			border-right: 1px solid #eee;
		}
	
	
	

#projectenContainer{
	width:326px;
	min-height:360px;
	background:#fff url(../img/projecten_top.jpg) top left no-repeat;
	float:right;
	margin:30px 8px 0 0;
	position:relative;
	padding:6px 26px 6px 26px;
}
	#projectenContainer ul{
		margin:10px 0 0 0;
		padding:0px;
		color:#F00;
	}
		#projectenContainer ul li{
			list-style-type:none;
			margin:0 0 0 0px;
			padding:0px;
			color:#ccc;
		}
		#projectenContainer ul li a{
			height:25px;
			padding:25px 0 0 0;
			display:block;
			font-size:14px;
			color:#2159a8;
			font-weight:bold;
			border-bottom:1px solid #ccc;
			text-decoration:none;
			background:#fff url(../img/project_leesverder.jpg) bottom right no-repeat;
		}
		#projectenContainer ul li a:hover{
			color:#173668;
			background:#fff url(../img/project_leesverder_b.jpg) bottom right no-repeat;
			border-bottom:1px solid #888;
		}

#agendaContainer{
	width:267px;
	min-height:337px;
	background:#fff url(../img/agenda_top.jpg) top left no-repeat;
	float:left;
	margin:30px 0 0 0;
	position:relative;
	padding:6px 21px;
}
	#agendaContainer ul{
		margin:10px 0 0 0;
		padding:0px;
		color:#F00;
	}
		#agendaContainer ul li{
			list-style-type:none;
			margin:15px 0 0 0px;
			padding:0px;
			color:#ccc;
		}
		#agendaContainer ul li a{
			display:block;
			border-bottom:1px solid #ccc;
			text-decoration:none;
			background:#fff url(../img/project_leesverder.jpg) bottom right no-repeat;
			color:#9a9a9a;
			padding-bottom:5px;
			padding-right:15px;
		}
		#agendaContainer ul li a:hover{
			background:#fff url(../img/project_leesverder_b.jpg) bottom right no-repeat;
			border-bottom:1px solid #888;
		}
		.agendaItemDatum{
			color:#666666;	
		}
		.agendaItemtitel{
			color:#2159a8;	
			font-size:13px;
			font-weight:bold;
		}

#fotoAlbumContainer{
	width:216px;
	min-height:337px;
	background:#fff url(../img/foto_top.jpg) top left no-repeat;
	float:left;
	margin:30px 0 0 0;
	position:relative;
	padding:6px 21px;
}
#fotoAlbumContainer.wide{
	width:531px;
	min-height:188px;
	background:#fff url(../img/leden_top.jpg) top left no-repeat;
	float:left;
	margin:30px 0 0 0;
}

	.galery {
		margin:0 0 0 5px;	
	}
	.thumb{
		width:94px;
		height:94px;
		float:left;
		margin:5px;
		background-position:top;
		background-repeat:no-repeat;
		display:block;
		border:1px solid #ccc;
		overflow:hidden;
	}
		.thumb:hover{
			border:1px solid #888;
		}
		
	.thumbAlgemeen{
		width:88px;
		height:88px;
		float:left;
		margin:5px 5px 5px 0;
		background-position:top;
		background-repeat:no-repeat;
		display:block;
		border:1px solid #ccc;
	}
		.thumbAlgemeen:hover{
			border:1px solid #888;
		}
	.thumbFotoalbum{
		width:149px;
		height:149px;
		float:left;
		margin:5px;
		background-position:top;
		background-repeat:no-repeat;
		display:block;
		border:1px solid #ccc;
		float:left;
	}
		.thumbFotoalbum:hover{
			border:1px solid #888;
		}
#socialMediaContainer{
	width:331px;
	min-height:206px;
	background:#fff url(../img/socialmedia_top.jpg) top left no-repeat;
	float:right;
	margin:30px 8px 0 0;
	position:relative;
	padding:6px 21px 6px 26px;
}
#socialMediaContainer a:hover{
			text-decoration:underline;
}
	a#socialMediaItem{
			color:#777777;
			font-size:14px;
			font-weight:800;
			height:25px;
			width:150px;
			background-position:left top;
			background-repeat:no-repeat;
			padding:7px 0 0 50px;
			display:block;
			text-decoration:none;
			margin-top:18px;
	}
	a#socialMediaItem p{
			padding:0;
			margin:0;
	}
/* END HOMEPAGE */

/* BEGIN COMMON PAGE */
#columnLeft{
	width:250px;
	float:left;
}
#projectenAlgContainer{
	width:205px;
	min-height:360px;
	background:#fff url(../img/projecten_algemeen_top.jpg) top left no-repeat;
	margin:20px 8px 0 0;
	position:relative;
	padding:6px 21px;
}
	#projectenAlgContainer ul{
		margin:10px 0 0 0;
		padding:0px;
		color:#F00;
	}
		#projectenAlgContainer ul li{
			list-style-type:none;
			margin:0 0 0 0px;
			padding:0px;
			color:#ccc;
		}
		#projectenAlgContainer ul li a{
			
			padding:15px 0 8px 0;
			display:block;
			font-size:14px;
			color:#2159a8;
			font-weight:bold;
			border-bottom:1px solid #ccc;
			text-decoration:none;
		}
			#projectenAlgContainer ul li a:hover{
				color:#173668;
				border-bottom:1px solid #888;
			}
#agendaNewsAlgContainer{
	width:205px;
	min-height:337px;
	background:#fff url(../img/agenda_top.jpg) top right no-repeat;
	float:left;
	margin:30px 0 0 0;
	position:relative;
	padding:6px 21px;
}
	#agendaNewsAlgContainer ul{
		list-style-type:none;
		margin:20px 0 0 0;
		padding:0px;
		color:#F00;
	}
		#agendaNewsAlgContainer ul li{
			list-style-type:none;
			margin:5px 0 0 0px;
			padding:0px;
			color:#ccc;
		}
		#agendaNewsAlgContainer ul li a{
			display:block;
			border-bottom:1px solid #ccc;
			text-decoration:none;
			background:#fff url(../img/project_leesverder.jpg) bottom right no-repeat;
			color:#9a9a9a;
			padding-bottom:5px;
			padding-right:15px;
		}
		#agendaNewsAlgContainer ul li a.selected{
			background:#fff url(../img/project_leesverder_c.jpg) bottom right no-repeat;
			border-bottom:1px solid #2159a8;
		}
		#agendaNewsAlgContainer ul li a:hover{
			background:#fff url(../img/project_leesverder_b.jpg) bottom right no-repeat;
			border-bottom:1px solid #888;
		}
#socialMediaAlgContainer{
	width:207px;
	min-height:206px;
	background:#fff url(../img/socialmedia_algemeen_top.jpg) top left no-repeat;
	margin:30px 8px 0 0;
	position:relative;
	padding:6px 21px;
}

	#socialMediaAlgContainer a:hover {
		text-decoration: underline;
		
	}
#columnRight{
	width:680px;
	margin:20px 20px 0 0;
	float:right;
	line-height:25px;
}
	#columnRight h4{
		color:#173668;
	}
	#columnRight h3{
		color:#173668;
	}
#bijlageContainer{
	width:258px;
	height:177px;
	background:#fff url(../img/bijlage_top.jpg) left top no-repeat;
	padding:5px 20px;
	float:right;
	margin:0 -9px 0 0;
}

	#bijlageContainer ul{
		margin:0px 0 0 8px;
		padding:0px;
		color:#F00;
	}
		#bijlageContainer ul li{
			list-style-type:none;
			margin:16px 0 0 0px;
			padding:0px;
			color:#ccc;
		}
		#bijlageContainer ul li a{
			height:10px;
			padding:3px 0 22px 40px;
			display:block;
			font-size:13px;
			color:#2159a8;
			font-weight:bold;
			text-decoration:none;
			background:#fff url(../img/bijlage_item.jpg) top left no-repeat;
		}
			#bijlageContainer ul li a:hover{
				color:#173668;
				background:#fff url(../img/bijlage_item_b.jpg) top left no-repeat;
			}
			
#imgContainer{
	margin-top:50px; 
	margin-left: 10px;
	width:290px;
	float:right;
}
/* END COMMONPAGE */


/* FOOTER */
#footer{
	background:#cfc7b0 url(../img/footer_rpt.jpg) top left repeat-x;	
	height: 200px;
	border-top:10px solid #777777;
	padding:00px 20px;
	font-size:11px;
	color: #777;
}
	#footer a{
		color:#777777;
		font-weight:bold;
		text-decoration:none;
		margin: 13px 17px;
		float:left;
	}
		#footer a:hover{
			text-decoration:underline;
		}
	#telfooter{
		background-image:url(../img/tel_footer.png);
		background-repeat:no-repeat;
		background-position:top left;
		
		padding:0px 0 5px 27px;
		display:block;
		margin-top: 10px;
		
		line-height: 26px;
		font-size:16px;
		font-weight: 100;
		color:#777;
	}
	a#mailfooter{
		background-image:url(../img/mail_footer.png);
		background-repeat:no-repeat;
		background-position:top left;
		padding:5px 0 10px 27px;
		margin:5px 0;
		line-height:0;
		display:block;
		text-decoration:none;
	}

/* MISCELLANEOUS */
a.leesverder{
	width:92px;
	height:17px;
	display:block;
	background-image:url(../img/verder_a.png);
	position:absolute;
	top:7px;
	right:18px;
	text-align:center;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	padding-top:4px;
	font-weight:bold;
}
a.leesverder:hover{
	background-image:url(../img/verder_b.png);
	color:#2159a8;
}
#map {
	width:680px;
	height:380px;
	color:#000;
	border:1px solid #fff;
}
	#map a {
		width:481px;
		height:294px;
		color:#000;
		border:1px solid #fff;
	}

	
/* login logout */
#loginContainer{
	float:right;
	height:92px;
	width:204px;
	margin:6px 7px 0 12px;
	padding: 2px 2px 2px 8px;
	color: #fff;
	font-size: 12px;
}
	#loginContainer.login {
		background-image:url(../img/login.png);
	}
	#loginTitle {
		font-size: 14px;
	}
	#logOUT {
		float:right;
		height:72px;
		width:204px;
		margin:6px 7px 0 12px;
		padding: 12px 2px 2px 8px;
		color: #fff;
		font-size: 14px;
		font-weight:bold;
		background-image: url('../img/logout.png');
	}
		#logOUT a {
			color: #fff;
			margin:5px 10px 0 0;
			float:right;
		}
		#logOUT a:hover {
			color: #ffc103;
		}
		
		#loginContainer input {
			border: 1px solid #173668;
			margin-top: 4px;
			width: 197px;
			line-height: 18px;
			height: 18px;
			color: #666666;
		}
			#loginContainer input#loginButton {
				background-color: transparent;
				border: none;
				cursor: pointer;
				text-align: right;
				float: right;
				vertical-align: top;
				
				font-weight: 900;
				color: #fff;
				line-height: 16px;
				height: 20px;
				width: 50px;
			}
			#loginContainer a#loginForgotten {
				color: #fff;
				float: left;
				margin-top: 10px;
				font-size: 11px;
			}

/* nieuwsArchief */
#nieuwsArchief {
	width:620px;
	min-height:244px;
	float:left;
	margin:0 0 0 0;
	padding:6px 21px;
	font-size:11px;
	line-height: 15px;
	list-style-type:none;
}
		#nieuwsArchief li{
			width:600px;
			height:60px;
			list-style-type:none;
			margin:13px 0 0 0px;
			padding:0px;
			color:#ccc;
		}
			.nieuwsItemPic{
				width:79px;
				height:59px;
				border:1px solid #cccccc;
				background-position:left top;
				background-repeat:no-repeat;
				float:left;
				margin-right:10px;
			}
			.nieuwsItemDatum{
				font-size:11px;
				color:#444;
			}
			#nieuwsArchief a.nieuwsItemText{
				min-height:58px;
				border-bottom:1px solid #ccc;	
				float:left; 
				padding-bottom:2px;
				background-image:url(../img/verder_bottom.png);
				background-position:bottom right;
				background-repeat:no-repeat;
				text-decoration:none;
				color:#ccc;
			}
			a.nieuwsItemText p {
				margin:0;
				padding:0px;
			}
				a.nieuwsItemText:hover {
					border-bottom:1px solid #777777;	
					background-image:url(../img/verder_bottom_b.png);
					color:#888;
				}
				


/* paginering */
.terug_verder {
}
.terug_verder a {
	margin: 2px;
}


#slider{
	width:530px;
	text-align:center;
	float:left;
}
	#slider ul{
		padding:0;
		list-style:none;
		overflow:hidden;
	}
		#slider li {
			list-style:none;
			width:530px;
			overflow:hidden;
		}


.rsvptable {
	padding: 2px;
	width: 100%;
}
	.rsvptable tr th {
		text-align: left;
		vertical-align: bottom;
		border-bottom: 1px solid #2159a8;
		font-weight: bold;
		background-color: #5e8ec8;
	}
	.rsvptable tr td {
		border-bottom: 1px solid #2159a8;
		font-size: 12px;
	}