/**
		 *	CSS BASE file
		 *	
		 *	@author Roy Scheepens
		 */		

		html {
			overflow-y:scroll;
			}

		body {
			font:0.8em/1.2em Tahoma, Verdana, Geneva, Arial;  /* 1.4em */
			background:#fff;
			text-align:center;
			}

		/**
		 *	Wrapper
		 *	
		 */
		
		#wrapper {
			width:977px;
			margin:65px auto 20px auto;
			text-align:left;
			background:#fff;
			border:1px solid #000;
			}

		/**
		 *	HEADER
		 *	
		 */
			
		#header {
			position:relative;
			height:130px;
			background:#fff;
			}
			
		/**
		 *	Navigation
		 *	
		 */
			
		#navigation {
			background:#000;
			height:34px;
			}
			
		#navigation,
		#navigation ul {
			list-style:disc;
			}
			
		#navigation li {
			display:block;
			float:right;
			width:162px;
			height:34px;
			border-left:1px solid #fff;
			}
			
		#navigation li.last {
			border-left:0;
			}
			
		#navigation ul {
			display:none;
			}
			
		#navigation li a,
		#navigation li a:visited {
			display:block;
			width:162px;	/* exact column width */
			height:34px;
			line-height:34px;
			color:#fff;
			text-indent:10px;
			text-decoration:none;
			}
			
		#navigation li.nav-agenda a,
		#navigation li.nav-agenda a:visited {			
			background:#513c89;
			}
			
		#navigation li.nav-nieuws a,
		#navigation li.nav-nieuws a:visited {			
			background:#b8cf1d;
			}			
			
		#navigation li a:hover,
		#navigation li a.active,
		#navigation li a.active:visited, 
		#navigation li a.active:hover,
		
		#navigation li.nav-agenda a:hover,
		#navigation li.nav-agenda a.active,
		#navigation li.nav-agenda a.active:visited, 
		#navigation li.nav-agenda a.active:hover,
		
		#navigation li.nav-nieuws a:hover,
		#navigation li.nav-nieuws a.active,
		#navigation li.nav-nieuws a.active:visited, 
		#navigation li.nav-nieuws a.active:hover {
			background:#BA2B1D;
			color:#000;
			}

		/**
		 *	Breadcrumb
		 *	
		 */
			
		#breadcrumb {
			line-height:32px;
			font-size:85%;
			text-indent:8px;
			}


		/**
		 *	COLUMNS
		 *	
		 */

		.column {

			overflow:hidden;
			float:left;
			text-align:left;
			border-left:1px solid #fff;
			}
			
		/* hier moet rekening gehouden worden met de witte stroke ter compensatie van ontbrekende borders */
		.column-1 { width:162px; }
		.column-2 { width:325px; } /* +1 */
		.column-3 { width:487px; } /* +2 */
		.column-4 { width:651px; } /* +3 */
		.column-5 { width:813px; } /* +4 */
		.column-6 { width:976px; } /* +5 */

		.column-border { 
			border-left:1px solid #000; 
			}
			
		.column-first { 
			border-left:none; 
			width:163px;  
			}

		/**
		 *	Spacer
		 *	
		 */

		.spacer  {
			border-bottom:1px solid #000;
			}

		.spacer .column {
			float:right;
			height:32px;
			}

		/**
		 *	SUBPAGES NAV
		 *	
		 */
		 
		ul#nav-subpages {
			list-style-type:none;
			margin:0;
			padding:0 0 32px 0;
			}
			
		ul#nav-subpages li {
			
			}
			
		ul#nav-subpages li a,
		ul#nav-subpages li a:visited {
			display:block;
			height:32px;
			line-height:32px;
			border-bottom:1px solid #000;
			text-indent:10px;
			text-decoration:none;
			color:#000;
			}
			
		ul#nav-subpages li a:hover,
		ul#nav-subpages li a.active,
		ul#nav-subpages li a.active:visited, 
		ul#nav-subpages li a.active:hover {
			color:#000;
			background:#BA2B1D;
			}

		/**
		 *	Content
		 *	
		 */
		 
		#content {
			padding:10px;
			}

		/**
		 *	Footer
		 *	
		 */
		 
		#footer {
			height:34px;
			border-top:1px solid #000;
			
			}	
			
		#footer .column {
			height:34px;	
			line-height:34px;
			}	
			
			
		#footer #footer-nav {
			list-style-type:none;
			margin-left:5px;
			}
			
		#footer #footer-nav li {
			float:left;
			}
			
		#footer #footer-nav li a,
		#footer #footer-nav li a:visited {
			display:block;
			float:left;
			padding:0 5px;
			text-decoration:none;
			color:#000;
			}
			
		#footer #footer-nav li a:hover,
		#footer #footer-nav li a.active,
		#footer #footer-nav li a.active:visited, 
		#footer #footer-nav li a.active:hover {
			color:#BA2B1D;
			text-decoration:underline;
		
			}
		
					
		.footer-bottom {
			height:34px;
			line-height:34px;
			background:#000;
			}
			
		.footer-bottom a,
		.footer-bottom a:visited {
			float:right;
			margin:0 15px 0 25px;
			color:#fff;
			}

		/**
		 *	Messages
		 *	
		 */

		#notification {
			margin:					10px 0;
			line-height:			26px;
			padding:				2px 6px 2px 10px;
			font-size:				12px;
			border-bottom-width:	2px;
			font-weight:			normal;
			text-align:				left;
			}
		
		#notification strong {
			font-weight:			bold;
			}
			
		.secure {
			background: 			#ffffc4;
			border:					1px solid #e4e482;
			color:					#46400c;
			font-weight:			bold;
			}
		
		.success {
			background: 			#edffe4;
			border:					1px solid #9cd580;
			color:					#386522;
			font-weight:			bold;
			}
			
		.error {
			background: 			#ffe1d3;
			border:					1px solid #cd6951;
			color:					#842310;
			font-weight:			bold;
			}
			
		.info {
			background: 			#f7f9fa;
			border:					1px solid #afd1f5;
			color:					#294b6e;
			}

		/**
		 *	Clearers
		 *	
		 */

		.clearer {
			width:100%;
			height:1px;
			clear:both;
			}
			
		.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
			
		.clearfix {
			display:inline-block;
			}
			
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */


		.left         { float:left; }
		.right        { float:right; }
		img.left      { margin-right:1em; margin-bottom:1.8em; }
		img.right     { margin-left:1em; margin-bottom:1.8em; }
		.text-right   { text-align:right; }
		.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
		
		.hide{ /* Hide stuff without resorting to display:none; */
			visibility:hidden;
			width:0!important;
			height:0!important;
			line-height:0!important;
			padding:0!important;
			margin:0!important;
		}