/* Copyright Tweepixels */

* {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	text-decoration:underline;
	color:#125700;
}

a:hover {
	text-decoration:none;
	color:#125700;
}

.contents, .evenementen { margin:0px; padding:10px; border-bottom:1px solid #999999; }

em { color:#125700; font-style:normal; }

.agenda_archief u {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	color:#444444;
	font-style:normal;
	text-decoration:none;
}

.agenda_archief b {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ff6600;
	font-style:normal;
	text-decoration:none;
}

/* Basis */

html, body {
	background:#EEEEEE url(../images/main_bg.png) repeat top left;
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#444444;
}

#center_bg {
	width: 100%;
	background: url(../images/top_bg.png) repeat-x left top;
}

#top {
	margin: 0 auto;
	width: 800px;
	height:10px;
	position: relative;
	background: transparent url(../images/container_top.png) left top no-repeat;
}

#container {
	margin: 0 auto;
	width: 800px;
	position: relative;
	top:40px;
	background: transparent url(../images/container_bg.png) left top repeat-y;
	z-index: 1;
	display:table;
	margin-bottom:30px;
}



/* IntroPart */

#intro {
	width:780px;
	background:url(../images/header_bg.png) left top repeat-x;
	position: relative;
	left:10px;
	top:0px;
}

		#header_logo h1 {
			width:252px;
			height:113px;
			background:url(../images/logo.png) no-repeat top left;
			position:relative;
			top:0px;
			left:0px;
			margin:0px 0px 27px 0px;
		}

		#header_logo h1 span {
			display:none;
		}

		#header_image {
			position:absolute;
			top:0px;
			right:0px;
			width:303px;
			height:160px;
			background:url(../images/image1.png) no-repeat top left;
		}

		#menu {
			width:780px;
			position: relative;
			height:45px;
			text-align:left;
			margin:28px 0px 0px 0px;
			background:url(../images/pixel.gif) no-repeat 0px 19px;
		}

			ul#nav {
				list-style-type:none;
				margin:0px;
				padding:0px;
				position:absolute;
				width:770px;
			}
			
			ul#nav li {
				margin:0px;
				padding:0px;
				width:auto;
				height:25px;
				line-height:25px;
				display:inline;
				z-index:3;
			}
				
			li ul {
				width:770px;
				height:22px;
				line-height:18px;
				margin:0px;
				padding:0px;
				position: absolute;
				left: 0px;
				top: 20px;
				display: none;
				background:#FFFFFF;
				text-indent:10px;
				z-index:3;
				}
			
			ul#l-active {
				display: block;
				z-index:3;
				}
			
			ul li a:link, ul li a:visited {
				width:auto;
				height:19px;
				line-height:19px;
				float:left;
				display: block;
				text-decoration: none;
				color: #FFFFFF;
				padding:0px 5px;
				margin:0px;
				margin-left:5px;
				background:#0d3f00;
				position:relative;
				z-index:3;
				}
			
			a#active {
				width:auto;
				height:19px;
				line-height:19px;
				float:left;
				display: block;
				text-decoration: none;
				font-weight:bold;
				color: #0d3f00;
				padding:0px 5px;
				margin:0px;
				margin-left:5px;
				background:#FFFFFF;
				z-index:3;
				}
			
			/* Fix IE. Hide from IE Mac \*/
			* html ul li { float: left; height: 1%; }
			* html ul li a { height: 1%; }
			/* End */
			
			li ul li a { 
				padding: 0px 10px;
				text-transform:none;
				color:#FFFFFF;
				font-weight:normal;
				z-index:3;
			}
					
			ul li a:hover {
				width:auto;
				height:19px;
				line-height:19px;
				float:left;
				display: block;
				color: #0d3f00;
				padding:0px 5px;
				margin:0px;
				margin-left:5px;
				background:#FFFFFF;
				text-decoration:underline;
				z-index:4;
			}
					
			li:hover ul, li.over ul { display: block; z-index:4; }



#content_container {
	width:440px;
	float:left;
	position:relative;
	left:10px;
}

		#content {
			width:433px;
			height:auto;
			background:#FFFFFF;
			border:1px solid #c8c8c8;
			margin:5px 0px 5px 5px;
			text-align:left;
		}

			#content h3 {
				width:auto;
				height:20px;
				line-height:20px;
				margin:1px;
				padding:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				text-decoration: none;
				text-transform:uppercase;
				text-align:left;
				color:#FFFFFF;
				display:block;
				background:#ff6600;
				border-top:3px solid #ff5200;
				text-indent:10px;
			}

			#content h4 {
				width:auto;
				height:20px;
				line-height:20px;
				margin:0px;
				padding:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				text-decoration: none;
				text-transform:uppercase;
				text-align:left;
				color:#FFFFFF;
				display:block;
				background:#5aaa00;
				border-top:3px solid #125700;
				text-indent:10px;
			}

			#content table.biografie {
				width:413px;
			}

			#content table.biografie tr td {
				border-bottom:1px solid #CCCCCC;
				padding:2px 0px;
				text-indent:10px;
			}

			#content .bio_image {
				width:413px;
				height:100px;
				overflow:hidden;
				background:#CCCCCC;
				text-indent:-5px;
			}

			#content strong {
				font-size:9px;
				font-weight:bold;
				text-transform:uppercase;
				color:#ff6600;
			}

#extra_column {
	width:340px;
	float:left;
	position:relative;
	left:10px;
}
		#nieuws {
			width:328px;
			height:auto;
			background:#FFFFFF;
			border:1px solid #c8c8c8;
			margin:5px 0px 0px 5px;
			text-align:left;
			font-family:Arial, Helvetica, sans-serif;
		}

			#nieuws h3 {
				width:auto;
				height:20px;
				line-height:20px;
				margin:1px;
				padding:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				text-decoration: none;
				text-transform:uppercase;
				text-align:left;
				color:#FFFFFF;
				display:block;
				background:#ff6600;
				border-top:3px solid #ff5200;
				text-indent:10px;
			}

			#nieuws h6 {
				margin:0px;
				padding:0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:9px;
				font-weight:normal;
				text-transform:uppercase;
				color:#999999;
				letter-spacing:0.1em;
			}
	

			#nieuws h5 {
				margin:0px;
				padding:0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				text-transform:none;
				color:#ff5200;
			}
	
		#movie {
			width:328px;
			height:auto;
			background:#FFFFFF;
			border:1px solid #c8c8c8;
			margin:5px 0px 5px 5px;
			text-align:left;
			padding:1px;
		}

			#movie h3 {
				width:auto;
				height:20px;
				line-height:20px;
				padding:0px;
				margin:0px 0px 1px 0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:bold;
				text-decoration: none;
				text-transform:uppercase;
				text-align:left;
				color:#FFFFFF;
				display:block;
				background:#ff6600;
				border-top:3px solid #ff5200;
				text-indent:10px;
			}

#footer {
	width:780px;
	height:30px;
	position:relative;
	top:0px;
	left:auto;
	right:auto;
	background:url(../images/footer_bg.png) no-repeat top left;
	text-align:right;
	color:#125700;
	line-height:25px;
	padding:0px 10px;
	margin:0 auto;
	clear:both;
}




	
	
	
	
	
	
	
	
	
	
	
	
	
	
	form {
		margin:0 auto;
		padding:0;
	}
	
	input.formButtons {
		margin:0 auto;
		width:auto;
		height:20px;
		border-top:1px solid #FFFFFF;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		border-left:1px solid #FFFFFF;
		background:#CCCCCC;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#000000;
	}
	
	input.formButtons:hover {
		border-top:1px solid #EEEEEE;
		border-right:1px solid #333333;
		border-bottom:1px solid #333333;
		border-left:1px solid #EEEEEE;
		background:#666666;
		color:#FFFFFF;
	}

	input.formFields {
		margin:0px 0px 5px 0px;
		padding:3px;
		width:90%;
		height:auto;
		border:1px solid #666666;
		background:#FFFFFF;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
	}
	
	textarea {
		margin:0 auto;
		padding:3px;
		width:90%;
		height:auto;
		border:1px solid #666666;
		background:#FFFFFF;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
	}