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

		html,
		body,
		#wrapper {
			height: 				100%;
			}

		body {
			text-align:				center;
			background:				#f8f8f8 url("../images/layout/background-bg.gif") no-repeat top center;
			font:					normal 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
			}

		body > #wrapper {
			height:					auto;
			min-height:				100%;
			}

/**
		WRAPPER
************************************/

		#top {
			border-top:				4px solid #333;
			width:					100%;
			height:					7px;
			position:				absolute;
			top:					0;
			left:					0;
			}

		#wrapper {
			width:					962px;
			margin:					0 auto;
			}

		#header {
			height:					140px;
			position:				relative;
			width:					960px;
			}

/**
		NAVIGATIE
************************************/

		ul#navigation {
			list-style-type:		none;
			position:				absolute;
			top:					96px;
			left:					0;
			z-index:100;
			}

		ul#navigation li {
			float:					left;
			overflow: 				visible;
			position: 				relative;
			z-index: 				900;
			border-right: solid 1px #ccc;
			}


		ul#navigation li a,
		ul#navigation li a:active,
		ul#navigation li a:visited {
			font-size: 140%;
			display:	block;
			line-height:34px;
			text-decoration:none;
			margin: 0 15px 0 15px;
			padding: 0 2px 0 2px;
			border-radius: 4px;
			-moz-border-radius:  4px;
			-webkit-border-radius 4px;
		}

		ul#navigation li:hover a,
		ul#navigation li a.active
		{
			color:#6c89bd;
			background:#333333;
		}

		ul#navigation li a.first
		{
			padding:0 5px 0 5px !important;
			margin:0 15px 0 0 !important;
		}

		ul#navigation li.last
		{
			border:none;
		}

		ul#navigation li.first div
		{
			left:0 !important;
		}

		ul#navigation div {
			display:				none;

			position:				absolute;

			left:					15px;
			top:					31px;
			z-index:				20;
			background:				#333333;
			text-align:				left;
			color:					#6c89bd;
			}

		ul#navigation div li a.first
		{
			margin:0 !important;
			padding:0 !important;
		}

		ul#navigation div span {

			}

		ul#navigation ul {
			margin:					0;
			width:					auto;
			padding:				5px;
			list-style-type:		none;
			position:relative;
			z-index:30;

		}

		ul#navigation ul li {
			float: 					none;
			text-align:				left;
			position: 				static;
			text-indent: 			0;
			z-index:55;
			border:none;
			width:285px;
			}

		ul#navigation ul li a,
		ul#navigation ul li a:visited {
			color:					#6c89bd;
			display:				block;
			height:					30px;
			line-height:			30px;
			text-indent:			10px;
      font-weight:normal;
			text-decoration:		none;
			font-size:				1.1em;
			background-image:none;
			border:none;
			padding:0 !important;
			margin:0 !important;
			}


		ul#navigation ul li a:hover {
			background:#7c9bce !important;
			color:#fff;
			text-decoration:none;
			}

		ul#navigation ul li a span {
			padding-right:4px;
			}

/**
		24-7 Slideshow
************************************/
		
		#slide_24-7 {
			height: 180px;			
			}
		
		#slider {
			display: none;
			}
		
		#slider ul, #slider li{
			margin:0;
			padding:0;
			list-style:none;
			}
			
		#slider li{ 
			/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
			*/ 
			height:180px;
			width: 960px;
			overflow:hidden;
			}
		
		#slider .slide-content {
			margin-top: 10px;
			float:right;
			width:440px;
			margin-right: 10px;
			}
		
		#slider img#logo-24-7 {
			margin-bottom: 50px;
			margin-left: 20px;
			}
			
		#slider img#photo {
			margin-left: 20px;
			margin-top: 5px;			
			}
			
		.slide-date {
			float:right;
			margin-top: 54px;
			background: #6785c3;
			width: 134px;
			height: 54px;
			padding: 3px;
			margin-right: 20px;			
			}
		
		.date-top{
			text-align: center;
			font-size: 40px;
			margin-top: 10px;
			color:#FFF;
			}
		
		.date-bottom {
			text-align: right;
			margin-top: 8px;
			color:#FFF;
			}
			
		h3.slide-content-title {
			color:#8fb5ec;
			}
			
		p.slide-content-p {
			color:#666666;
			}
			
		h4.slide-content-address {
			color:#8fb5ec;
			}
		
/**
		SEARCH
************************************/

		#search {
			position:absolute;
			right:0;
			top:95px;
			}



/**
		CONTAINER
************************************/

		#container {
			padding-bottom: 185px;  /* must be same height as the footer, more for extra spacing */
			}


		#container-footer {
			background:url('../images/layout/c-foot.gif') no-repeat top left;
			height:8px;
			overflow:hidden;
			margin-bottom:10px;
			}

/**
		BREADCRUMB
************************************/

		#breadcrumb {
			background:#333 url('../images/layout/bc-bg2.gif') no-repeat top left;
			height:36px;
			line-height:36px;
			text-align:left;
			padding:0 15px;
			color:#fff;
			}

		#breadcrumb span {
			color:#fff;
			}

		#breadcrumb span.spacer {
			padding:0 6px;
			}

		#breadcrumb a,
		#breadcrumb a:visited {
			color:#dedede;
			}

		#breadcrumb a:hover {
			text-decoration:none;
			}

/**
		COLUMNS
************************************/

		#columns {
			background:#fff;
			border-right:1px solid #e8e8e8;
			border-left:1px solid #e8e8e8;
			text-align:left;
			}

		.column {
			float:left;
			}

		.column-1 { width:60px; }
		.column-2 { width:120px; }
		.column-3 { width:180px; }
		.column-4 { width:250px; }

		.column-5 { width:300px; }
		.column-5_5 { width:330px; }

		.column-6 { width:360px; }
		.column-7 { width:420px; }
		.column-8 { width:480px; }
		.column-9 { width:540px; }
		.column-10 { width:600px; }
		.column-11 { width:660px; }
		.column-12 { width:710px; }
		.column-13 { width:780px; }
		.column-14 { width:840px; }
		.column-15 { width:900px; }
		.column-16 { width:960px; }


/**
		CONTENT
************************************/

		#content {

			}


/**
		FOOTER
************************************/

		#footer {
			position: relative;
			margin-top: -185px; /* negative value of footer height */
			height: 185px;
			clear:both;
			background:url("../images/layout/footer-bg.gif") repeat-x top left;
			overflow:hidden;
			text-align:center;
			width:100%;
			}

		#footer h3 {
			margin-top:20px;
			}

		#footer-contents {
			width:952px;
			margin:0 auto;
			text-align:left;
			}

		#footer-contents .column-8 {
			width:475px;
			}

		ul#meta-navigation {
			list-style-type:none;
			padding:0 0;
			margin-bottom:10px;
			display:				inline-block;
			}

		ul#meta-navigation:after {
			content:				".";
			display:				block;
			height:					0;
			clear:					both;
			visibility:				hidden;
			}

		ul#meta-navigation li {
			float:left;
			overflow: visible;
			position: relative;
			z-index: 900;
			}

		ul#meta-navigation li a {
			font-size:1.1em;
			color:#fefefe;

			text-decoration:none;
			}

		ul#meta-navigation li a:visited {
			color:#f1f1f1;
			text-decoration:none;
			}

		ul#meta-navigation li a:hover,
		ul#meta-navigation li a.active,
		ul#meta-navigation li a.active:visited,
		ul#meta-navigation li a.active:hover {
			color:#eaeaea;
			text-decoration:underline;
			}

		ul#meta-navigation li span {
			padding:5px 10px;
			color:#fff;
			}

		#footer-contents a.inschrijven-btn,
		#footer-contents a.inschrijven-btn:visited {
			display:block;
			margin:7px 0 0 0;
			width:179px;
			height:48px;
			background:url('../images/layout/btn-inschrijven.gif') no-repeat top left;
			text-indent:-3000px;
			}

		#footer-contents a.inschrijven-btn:hover {
			background:url('../images/layout/btn-inschrijven.gif') no-repeat bottom left;
			}



/**
		ERROR MESSAGES
************************************/

		#notification {
			margin:					10px 15px;
			line-height:			28px;
			padding:				2px 6px 2px 10px;
			font-size:				100%;
			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;
			}

		.no-bg {
			background:transparent;
			}

		/* Verbergen IE-mac \*/
		* html .clearfix { height: 1%;}
		.clearfix {display: block;}
		/* Einde verbergen IE-mac */

		.left         { float:left; }
		.right        { float:right; }
		.float-right-spacing { margin: 0 0 15px 15px; }
		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%; /* Niet helemaal de helft, rekening houdend met margin / padding etc. */ }


		.hide{ /* Verbergen zonder display:none; */
			visibility:				hidden;
			width:					0 !important;
			height:					0 !important;
			line-height:			0 !important;
			padding:				0 !important;
			margin:					0 !important;
			}