@font-face {
	font-family: 'KlavikaLight';
	src: url('klavikalight-tf-webfont.eot');
	src: local('.'), url('klavikalight-tf-webfont.woff') format('woff'), url('klavikalight-tf-webfont.ttf') format('truetype'), url('klavikalight-tf-webfont.svg#webfont6rk73RDz') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'KlavikaBold';
	src: url('klavikaboldbold-webfont.eot');
	src: local('.'), url('klavikaboldbold-webfont.woff') format('woff'), url('klavikaboldbold-webfont.ttf') format('truetype'), url('klavikaboldbold-webfont.svg#webfontH1cZKNIj') format('svg');
	font-weight: bold;
	font-style: normal;
	}

html, body { height: 100%; }

body {
	margin: 0px;
	padding: 0px;
	background: url('../afbeeldingen/bg/body-achtergrond.png') repeat-x #FFF;
    font: 11px "Verdana",sans-serif;
    line-height: 24px;
	}

h1 { margin: 20px 0 10px; clear: both; font-family: 'KlavikaLight'; font-size: 24px; color: #2b9955; font-weight: normal; }
h2 { margin: 20px 0 10px; clear: both; font-family: 'KlavikaLight'; font-size: 18px; color: #2b9955; font-weight: normal; }
h3 { margin: 20px 0 10px; clear: both; font-family: 'KlavikaLight'; font-size: 16px; color: #2b9955; font-weight: normal; }

img.center { margin: 10px auto; display: block; } 

a { color: #2b9955; outline: none; }
a img { outline: none; border: none; }
a h1, a h2, a h3, a h4, a h5, a h6 { text-decoration: none; }

.clear { clear: both; }
.btn { display: block; background: url('../afbeeldingen/bg/btn-groen.png') no-repeat right bottom; padding: 0 6px 0 0; }
.btn .button { text-align: center; height: 28px; padding: 5px 0 5px 5px; color: #FFF; display: block; background: url('../afbeeldingen/bg/btn-groen.png') no-repeat left top; text-decoration: none; font-size: 15px; font-family: 'KlavikaLight'; border: 0px; }
.btn a { text-align: center; height: 28px; padding: 5px 0 5px 5px; color: #FFF; display: block; background: url('../afbeeldingen/bg/btn-groen.png') no-repeat left top; text-decoration: none; font-size: 15px; font-family: 'KlavikaLight'; }
.btn a:hover { text-decoration: underline; }

#container {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
	}
	#top {
		margin: 0 0 15px 0;
		height: 55px;
		}
		#top .menu { margin: 0px; padding: 0px; width: 960px; list-style: none; }
		#top .menu li { height: 55px; display: block; float: left; position: relative;  z-index: 90;}
		#top .menu li a { margin: 0 5px 0; padding: 12px 5px; height: 30px; font-size: 18px; font-family: 'KlavikaLight'; display: block; text-decoration: none; color: #FFF; } 
		#top .menu li a:hover { text-decoration: underline; }
		#top .menu li.geel { width: 215px; float: right; }
		#top .menu li.geel a { padding: 12px 5px 10px 40px; background: url('../afbeeldingen/bg/plan-uw-route.png') no-repeat 0px 8px; font-size: 15px; display: block; }
		#top .menu li.geel a:hover { text-decoration: underline; }
		#top .menu ul { width: 200px; position: absolute; padding: 15px 10px 8px 0px; background: #1E6E3C; display: none; font: 11px "Verdana",sans-serif!important; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-bottom: 1px solid #2B9955; }
		#top .menu ul li { padding: 0; margin: 0 0 2px; background: none !important; height: 28px!important; }
		#top .menu ul li a { font: 11px "Verdana",sans-serif!important; width: 180px; display: block; padding: 5px 10px; background: none !important; float: none; color: #fff; }
		#top .menu ul li a:hover { }
		
		#informatie { position: relative; background: url('../afbeeldingen/bg/foto-holder.png') no-repeat 421px 0px; height: 344px; }
		
		#informatie .tekst { display: block; color: #FFF; position: absolute; top: 0px; left: 0px; display: block; width: 421px; height: 330px; }
		#informatie .gebied { display: block; text-align: justify; font-style: italic; font-family: 'KlavikaLight'; font-size: 15px; }
		#informatie .logo { border-bottom: 1px solid #fff; padding: 0 0 30px 0; margin: 0 0 5px 0; background: url('../afbeeldingen/bg/bedrijfslogo-Liberare-centrum.png') no-repeat 50% 50%; display: block; text-indent: -9999px; height: 85px; }
		#informatie .buttons { position: absolute; left: 20px; bottom: 0px; }
		#informatie .buttons .btn { width: 163px; float: left; }
		#informatie .buttons .of { color: #2b9955; float: left; font-size: 18px; font-family: 'KlavikaBold'; font-style: italic; display: block; width: 20px; height: 28px; padding: 5px 0; margin: 0 5px 0 5px; }	
		
	#content {
		margin: 20px 0 0 0;
		width: 960px;
		background: url('../afbeeldingen/bg/side-bar.png') 685px repeat-y;
	}
	#content .main { padding: 0px 15px 10px 0; width: 670px; text-align: justify; float: left; }
	#content .main h1:first-child { margin: 0px; padding: 0px; }
	#content .sidebar h2:first-child { margin: 0px; padding: 0px; }
	#content .sidebar { padding: 0; margin: 0 0 0 15px; width: 245px; float: left; }
	#content .sidebar .vlak { padding: 5px 5px 5px 50px; margin: 0 0 10px 0; width: 195px; height: 120px; overflow: hidden; background: url('../afbeeldingen/bg/sidebar-vlak.png') no-repeat; display: block; }
	#content .sidebar address { margin: 10px 0 0 0; background: url('../afbeeldingen/bg/postzegel.png') no-repeat 95px 0px; }
	#content .sidebar .vlak address, #content .sidebar .vlak a { color: #FFF; }
	#content .sidebar .list { margin: 0px; padding: 0px; list-style: none; }
	#content .sidebar .list li { padding: 2px 0; }
	#content .sidebar .list li a { color: #2b9955; }
	#content .sidebar .list li em { color: #2b9955; display: block; float: right; }
	.list-2-column {
		width: 624px;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
		}
		.list-2-column li { margin: 0 20px 20px 0; float: left; width: 292px; }
		.list-2-column li img { padding: 0; border-bottom: 3px solid #2b9955; }
		.list-2-column li img:hover { border-bottom: 3px solid #66ba8b; }
		.agenda { 
			width: 670px;
			margin: 0px auto;
			padding: 0px;
			list-style: none;
			}
			.agenda li ul.top { background: #2B9955; border-bottom: 1px solid #1E6E3C; float: left; font-style: italic; color: #fff; }
			.agenda li { padding: 0px; margin: 0px; overflow: hidden; }
			.agenda li ul { padding: 0px; margin: 0px; list-style: none; background: #EDEDED; border-bottom: 1px solid #8D8D8D;  float: left;}
			.agenda li ul li { padding: 5px; margin: 0px; float: left; }
			.agenda li ul li.naam { width: 310px; }
			.agenda li ul li.datum { width: 150px; }
			.agenda li ul li.tijd { width: 114px; }
			.agenda li ul li.kosten { width: 50px; }
			.agenda li div { width: 650px; padding: 20px 10px 0px 10px; }
	
.contact-formulier {
	border: 1px solid #C1C1C1;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}
	.contact-formulier ul { margin: 0px; padding: 0px; list-style: none; }
	
	.contact-formulier ul li { padding: 10px; }
	.contact-formulier ul li:last-child { border-bottom: 0px!important; }
	.contact-formulier label { text-align: left; float: left; font-size: 12px; padding: 2px 0 0; width: 200px; margin: 0 55px 0 0; cursor: pointer; }
	.contact-formulier input, .contact-formulier textarea { border: 1px solid #C1C1C1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 10px 0 0; padding: 5px; width: 370px; }
	.contact-formulier input:focus, .contact-formulier textarea:focus { border: 1px solid #8D8D8D; }
	.contact-formulier textarea { height: 150px; }
	.contact-formulier .button { width: 200px; height: 38px; cursor: pointer; }
	.contact-formulier .btn { padding: 0px; margin: 0 0 10px 0; width: 200px; float: left; }

#footer {
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	height: 55px;
	width: 100%;
	background: url('../afbeeldingen/bg/footer-bg.png') repeat-x;
	color: #8d8d8d;
	}
	#footer a { color: #8d8d8d; }
	#footer .holder { margin: 0 auto; width: 960px; }
	#footer .by { float: right; display: block; margin: 25px 0 0 0; }
	#footer .foo { float: left; display: block; }
	
	/* Nivo Slider */
	#slider { position: relative; width: 539px; height: 321px; /* background: url('../afbeeldingen/bg/foto-holder.png') no-repeat 50% 50%; */ left: 450px; top: 12px; overflow: hidden!important; }
	.hoek { width: 111px; height: 111px; display: block; top: 0px; right: 8px; position: absolute; background: url('../afbeeldingen/bg/fotoshow-hoek.png') no-repeat; z-index: 150; }
	#small-slider { margin: 0 0 0 20px; top: 45px; position: relative; width: 539px; height: 321px; background: url('../afbeeldingen/content/slideshow/aanzicht-Grote-Markt-Zomer.jpg') no-repeat 50% 50%; }
	#slider img { position: absolute; top: 0px; left: 0px; display: none; }
	#slider a { border: 0; display: block; }
	.nivo-controlNav { padding: 5px 0 0 65px; height: 26px; width: 192px; background: url('../afbeeldingen/bg/bulls-eye.png') no-repeat; position: absolute; right: 175px; bottom: 0px; z-index: 510; margin: 10px 0 0 0!important; }
	.nivo-controlNav a { display: block; width: 25px; height: 22px; background: url('../afbeeldingen/bg/vlinders.png') no-repeat; text-indent: -9999px; border: 0; margin: 0 10px 0 0; float: left; z-index: 500; }
	.nivo-controlNav a.active { background-position:0 -22px; }
	.nivoSlider { position:relative; }
	.nivoSlider img { position:absolute; top:0px; left:0px; }
	.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
	.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
	.nivo-box { display:block; position:absolute; z-index:5; }
	.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:8; }
	.nivo-caption p { padding:5px; margin:0; }
	.nivo-caption a { display:inline !important; }
	.nivo-html-caption {  display:none; }
	.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
	.nivo-prevNav { left:0px; }
	.nivo-nextNav { right:0px; }
	.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; }
	.nivo-controlNav a.active { font-weight:bold; }
	
	/* Colorbox */
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative; overflow:hidden;}
	#cboxLoadedContent{overflow:auto;}
	#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	#cboxOverlay{background:#fff;}
	#cboxTopLeft{width:25px; height:25px; background:url(../afbeeldingen/content/colorbox/border1.png) no-repeat 0 0;}
	#cboxTopCenter{height:25px; background:url(../afbeeldingen/content/colorbox/border1.png) repeat-x 0 -50px;}
	#cboxTopRight{width:25px; height:25px; background:url(../afbeeldingen/content/colorbox/border1.png) no-repeat -25px 0;}
	#cboxBottomLeft{width:25px; height:25px; background:url(../afbeeldingen/content/colorbox/border1.png) no-repeat 0 -25px;}
	#cboxBottomCenter{height:25px; background:url(../afbeeldingen/content/colorbox/border1.png) repeat-x 0 -75px;}
	#cboxBottomRight{width:25px; height:25px; background:url(../afbeeldingen/content/colorbox/border1.png) no-repeat -25px -25px;}
	#cboxMiddleLeft{width:25px; background:url(../afbeeldingen/content/colorbox/border2.png) repeat-y 0 0;}
	#cboxMiddleRight{width:25px; background:url(../afbeeldingen/content/colorbox/border2.png) repeat-y -25px 0;}
	#cboxContent{background:#fff;}
	#cboxLoadedContent{margin-bottom:35px;}
	#cboxTitle{margin:0;position:absolute; bottom:5px; left:0; text-align:center; width:100%;}
	#cboxCurrent{position:absolute; bottom:5px; left:100px;}
	#cboxLoadingOverlay{background:#fff url(../afbeeldingen/colorbox/loading.gif) no-repeat 5px 5px;}
	#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../afbeeldingen/content/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
	#cboxPrevious.hover{background-position:-75px -25px;}
	#cboxNext{position:absolute; bottom:0; left:27px; background:url(../afbeeldingen/content/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
	#cboxNext.hover{background-position:-50px -25px;}
	#cboxClose{position:absolute; bottom:0; right:0; background:url(../afbeeldingen/content/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
	#cboxClose.hover{background-position:-25px -25px;}
	#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
	.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox/borderTopLeft.png, sizingMethod='scale');}
	.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderTopCenter.png, sizingMethod='scale');}
	.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderTopRight.png, sizingMethod='scale');}
	.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderBottomLeft.png, sizingMethod='scale');}
	.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderBottomCenter.png, sizingMethod='scale');}
	.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderBottomRight.png, sizingMethod='scale');}
	.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderMiddleLeft.png, sizingMethod='scale');}
	.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../afbeeldingen/colorbox//borderMiddleRight.png, sizingMethod='scale');}