/* ------------------------------------------------- */
/* Common rules
/* ------------------------------------------------- */
	* {margin:0;padding:0;} 
	html, body { background: url(../img/main/bg.png) repeat-y left top #2a2423; margin: 0; padding: 0; font: normal 12px/20px Trebuchet MS,Verdana; width: 100%; height: 100%; overflow: auto; }
	body:before { content:""; width: 100%; height:100%; float:left; width:0; margin-top:-32767px; } /*Opera Fix*/
	h1 { color:#FFF; text-transform:uppercase; font-size:18px; }
	h1 span { text-transform:lowercase; font-size:14px; }
	h2 {  }
	h3 {  }
	h4 {  }
	h5 {  }
	a {  }
	a:hover {  }
	img {  }
	input { outline:none; }
	em { font-style:italic; }
	
	#pagina-inhoud div.content p img { float:left; margin:8px 8px 8px 0; }
	
/* ------------------------------------------------- */
/* Lay-out rules
/* ------------------------------------------------- */

	body.profiel { position: absolute; background: #1d1918; height: 100%; width: 100%; max-height: 100%; }

	#container { min-height: 100%; width: 100%; height: 100%; position: relative; left: 0; top: 0; }
	#wrapper { position: relative; width: 100%; height: 100%; margin: 0; left: 0; top: 0; padding: 0; }
	#wrapper3 { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; left: 0; top: 0; }
	#header {  }
	#content {  }
	#footer { position: fixed; width: 100%; bottom: 0; height: 44px; vertical-align: bottom; clear: both; overflow: visible; display: block; }
	#footer a { border: none; }	

	#container-profile { position: relative; min-height: 100%; max-width: 100%; overflow: hidden; clear: both; left: 0; top: 0; width: 100%; height: 100%; }
	#wrapper-profile { position: relative; margin: 0; width: 100%; height: 100%; min-height: 100%; display: block; clear: both; left: 0; top: 0; }
	
	#inner-wrap { position: relative; height: auto; overflow: hidden; padding-bottom: 110px; top: 0; left: 0; }
	
	#taalkeuze { float:left; width:220px; list-style:none; padding:0; margin:60px 0 0 0; }
	#taalkeuze li { float:left; width:220px; list-style:none; padding:0; margin:0 0 15px 0; }
	#taalkeuze li a { float:left; width:220px; display:block; background:url(../img/taalkeuze2.png) no-repeat; }
	#taalkeuze li a span { display:none; }
	
	#taalkeuze li.nl a { background-position:0 0; height:83px; }
	#taalkeuze li.nl a:hover { background-position:-220px 0; }
	
	#taalkeuze li.fr a { background-position:0 -83px; height:92px; }
	#taalkeuze li.fr a:hover { background-position:-220px -83px; }

	#taalkeuze li.en a { background-position:0 -175px; height:79px; }
	#taalkeuze li.en a:hover { background-position:-220px -175px; }
	
/* ------------------------------------------------- */
/* Grid rules
/* ------------------------------------------------- */
	div.col { width: 238px; float: left; }
	div.col2 { width: 210px; float: left; }
	div.sizefix { width: 190px; }
	div.span-2 { width: 453px; }
	div.span-3 { width: 219px; }
	div.no-margin { margin: 0; }
	
/* ------------------------------------------------- */
/* Menu styles
/* ------------------------------------------------- */
	#menu-wrapper { position: absolute; z-index: 1000; top: 25px; left: 25px; clear: both; }
	
	#menu-btn { width: 60px; height: 60px; text-align: center; vertical-align: middle; background: #4c3936; }
	#menu-btn a { width: 60px; height: 40px; padding-top: 20px; display: block; text-decoration: none; color: #fff; font-size: 12px; text-transform: uppercase; outline: none; border: none; }

	ul#menu { position:relative; float:left; margin:0; padding:0; list-style:none; font-size:12px; text-transform: uppercase; display:none; }
	ul#menu li { position:relative; float:left; clear:both; display:block; list-style:none; padding:0; margin:0 0 5px 0; }
	ul#menu li a { text-decoration:none; display:block; color:#ccc; background:#000; padding:0 8px; line-height:22px; height:22px; white-space:nowrap; }
	ul#menu li a:hover { color: #fff; }
	
	ul#menu li ul { position:absolute; top:0; margin:0; display:none; }
	
/* ------------------------------------------------- */
/* Scrollable styles
/* ------------------------------------------------- */
	.scrollable { position:relative; float:left; overflow:hidden; }
	.scrollable .items { width:20000em; position:absolute; }
	.scrollable .items div { float:left; width:220px; }
	
	a.browse { display:block; float:left; margin:0; cursor:pointer; font-size:1px; width:8px; height:12px; }
	a.right { background: url(../img/ico/arrow_white_right.png) no-repeat left top; }
	a.left { background:url(../img/ico/arrow_white_left.png) no-repeat left top; margin-right:15px; }
	a.disabled { filter:alpha(opacity=30); opacity:0.3; cursor:default; }
	
	#home-scrollable { width:220px; height:165px; color:#fff; }
	#home-scrollable a { text-decoration:none; }
	
	#news-scrollable { width:220px; height:250px; color:#918c8b; }
	#news-scrollable h1 { color:#FFF; margin:5px 0; font-size:13px; text-transform:none; }
	#news-scrollable a { color:#918c8b; text-decoration:none; width:220px; }
	#news-scrollable a:hover { color:#FFF; }


/* ------------------------------------------------- */
/* Content rules
/* ------------------------------------------------- */

	div.content p { color:#CCC; margin:0 0 20px 0; font-size:12px; }
	div.content a { color:#FFF; text-decoration:underline; }
	div.content a:hover { color:#CCC; text-decoration:underline; }
	div.content p:first-child { color:#b2a8a7; font-size:13px; }
	div.content h2 { color:#CCC; font-size:16px; margin-bottom:10px; text-decoration:underline; }
	div.content h3 { color:#FFF; font-size:14px; margin-bottom:5px; }

	div.content ul { color:#b2a8a7; margin:0 0 20px 18px; list-style:square; }
	div.content ul li { margin:0 0 3px 0; }
	div.content ul li strong { color:#FFF; }

	#pagina-titel { width:263px; }

	#pagina-titel div.content { position:relative; width:263px; float:left; text-align:right; margin:52px 0 0 0px; overflow:hidden; }
	#pagina-titel div.content h1 { padding:0 0 0 95px; margin-bottom:40px; }
	#pagina-titel div.slideshow { margin:0 0 0 25px; width:238px; height:500px; }
	
	#pagina-inhoud div.content { width:403px; float:left; text-align:left; margin:52px 0 0 25px; padding:0 25px 0 0; }

	#pagina-info { position: relative; left:15px; width: 190px; }
	#pagina-info div.content { position: relative; width: 219px; float: left; text-align: left; top: 30px; left:0; color: #fff; }
	#pagina-info div.content-adviseren { position: relative; width: 219px; text-align: left; top:0; left: 0; color: #fff; }
	#pagina-info div.content-team { float:left; width:190px; margin:0; color: #fff; }
	#pagina-info div.content2 { position: relative; width: 300px; height: auto; float: left; text-align: left; margin: 30px 0px 0px 75px; color: #fff; }
	#pagina-info ul { margin: 189px 0px 0px 0px; padding: 0; }
	#pagina-info li { list-style: none; padding: 5px 0px; }
	#pagina-info li, #pagina-info a { font: normal 20px/30px Trebuchet MS,Verdana; text-decoration: none; color: #b2a8a7; text-transform: uppercase; display: block; }
	#pagina-info li, #pagina-info a:hover { color: #fff; }
	#pagina-info li, #pagina-info a.huidige-pagina { color: #463e3c; }
	#pagina-info li, #pagina-info a.huidige-pagina:hover { color: #fff; }
	
	#pagina-info-home { float:left; width:240px; overflow:hidden; margin:0 0 0 5px; }
	#pagina-info-home div.content { width:220px; float:left; color:#fff; margin:30px 0 0 10px; }
		
	#foto-container { position: relative; float: left; width: 716px; height: 717px; top: 0; left:0; padding: 0; background: url(../img/fotos/groep1-5.jpg) no-repeat left top; }
	img.fixfloat { float:left; margin-bottom: 30px; }
	div.info-nav { float:left; width:31px; margin-bottom:10px; padding-left:189px; }
	
	div.news-nav { float: left; width:220px; }
	div.news-nav div.news-titel { float: left; width: 160px; }
	div.news-nav div.news-buttons { float: right; width:31px; }
	
	span.aanhaalteken { color: #fff; font-size: 42px; }
	#quotes { top:474px; }
	#quote { padding: 10px; position: relative; width: 696px; margin: 0 auto; text-align: center; color: #d0cac3; font-size: 24px; line-height:120%; top: 350px; background:transparent !important; text-shadow: 0.0em 0.1em 0.1em black; }
	div.full-quote { text-shadow: 0.0em 0.1em 0.1em black; background:transparent !important; }
	
	#page-nav-left { position: absolute; z-index: 1000; background: url(../img/ico/vorige.png) no-repeat left top; width:auto; height: 34px; top: 50%; color: #fff; font-size: 14px; padding-top: 7px; padding-left: 35px; }
	#page-nav-left:hover { cursor: pointer; }
	#page-nav-right { text-align: left; position: absolute; z-index: 1000; background: url(../img/ico/volgende.png) no-repeat right top; height: 34px; top: 50%; right: 0%; color: #fff; font-size: 14px; padding-top: 7px; padding-right: 35px; }
	#page-nav-right:hover { cursor: pointer; }
	#page-nav-left.disabled, #page-nav-right.disabled { display:none; }
	
	#wrapper-profile { float:left; position:relative; margin:0; width:100%; height:100%; overflow:hidden; }
	#wrapper-profile #items { position:absolute; width:20000em; height:100%; }
	#wrapper-profile #items div.item { float:left; position:relative; display:block; height:100%; text-align:center; }
	#wrapper-profile #items div.item img { margin:0 auto; height:100%; }
	#wrapper-profile #items div.item div.page-info-blok { right:12%; position:absolute; width:280px; height:330px; background:#2a2423; padding:10px; top:30%; overflow:hidden; z-index:100; text-align:left; }
	
	.sluit { position: absolute; z-index: 1000; top: 20px; right: 10%; width: 23px; height: 24px; text-decoration:none; background: url(../img/ico/sluit.png) no-repeat left top; }
	.sluit:hover { cursor: pointer; }
	
	.scroll-pane { overflow: hidden; }
	
	div.supersize { height:100%; }

	#page-professional div.page-info-blok { right:20%; }
	#page-hobby div.page-info-blok { }

	div.page-info-blok div.content { position: absolute; width: 280px; height: 280px; color: #c6c3c3; margin-top: 10px; overflow: hidden; }
	div.page-info-blok div.content p { margin-bottom: 20px; }
	
	div.pagina-container { width: 100%; height: 100%; margin: 0 auto; text-align: center; }
	div.pagina-container img { height: 100%; }
	
	div.team-container { position: relative; float:left; width:568px; padding:200px 25px 0 123px; }
	div.team-container a { border: 0; }
	div.team-container img {
		background: #000;
		float: left;
		width: 117px;
		height: 117px;
		margin-right: 25px;
		margin-bottom: 25px;
		opacity: 0.5;
		filter:alpha(opacity=50);
		-moz-opacity: 0.50; /* firefox 1.0 */  
		-khtml-opacity: 0.50; /* webkit */
		zoom: 1;/* for msie */  
	}
	div.team-container img:hover {
		opacity: 1;
		filter:alpha(opacity=100); /* msie */  
		-moz-opacity: 1; /* firefox 1.0 */  
		-khtml-opacity: 1; /* webkit */
		zoom: 1;/* for msie */  
	}
	
	div.photo-container { position: relative; float:left; width:568px; padding:162px 25px 0 123px; }
	div.photo-container h1 { margin-bottom:28px; }
	div.photo-container a { border:0; }
	div.photo-container img {
		background: #000;
		float: left;
		width: 117px;
		height: 117px;
		margin-right: 25px;
		margin-bottom: 25px;
		opacity: 0.5;
		filter:alpha(opacity=50);
		-moz-opacity: 0.50; /* firefox 1.0 */  
		-khtml-opacity: 0.50; /* webkit */
		zoom: 1;/* for msie */  
	}
	div.photo-container img:hover {
		opacity: 1;
		filter:alpha(opacity=100); /* msie */  
		-moz-opacity: 1; /* firefox 1.0 */  
		-khtml-opacity: 1; /* webkit */
		zoom: 1;/* for msie */  
	}
	
	ul.team-subnav { font-size:12px; }
	ul.team-subnav li { font-size:12px; border-bottom:1px solid #4C3936; padding-left:5px !important; }
	ul.team-subnav li a { font-size:13px !important; line-height:20px !important; }
	ul.team-subnav li.current a { font-weight:bold !important; color:#FFF !important; }
	
	div.blok { float: left; width: 190px; }
	div.blok p { margin-bottom: 20px; }
	div.blok ul { position: relative; margin: 0; padding: 0; left: 0; top: 0; }
	div.topspacing { margin-top: 15px; }
	
	div.blok2 { position: relative; width: 200px; left: -50; top: 0; }
	div.blok2 p { margin-bottom: 20px; }
	div.blok2 ul { position: relative; margin: 0; padding: 0; left: 0; top: 0; }
	
	.logoblok { position: relative; left: -20px; }
	.logoblok-adviseren { position: relative; left: 0px; }
	
	div.wider { width: 350px; }
	div.wider2 { width: 400px; background: #d0d; }
	
	
/* ------------------------------------------------- */
/* Specific styles
/* ------------------------------------------------- */

	span.wit { color: #fff; }
	span.lichtgrijs { color: #ccc; }
	span.vet { font-weight: bold; }
	span.hoofdletters { text-transform: uppercase; }
	span.groot { font-size: 24px; }
	span.midden { font-size: 18px; }
	span.tussen { font-size: 16px; }
	span.normaal { font-size: 14px; }
	span.voetruimte { margin-bottom: 10px; }

	h1.wit { color: #fff; }
	h1.lichtgrijs { color: #ccc; }
	h1.vet { font-weight: bold; }
	h1.hoofdletters { text-transform: uppercase; }
	h1.groot { font-size: 24px; }
	h1.midden { font-size: 18px; }
	h1.tussen { font-size: 16px; }
	h1.normaal { font-size: 14px; }
	h1.voetruimte { margin-bottom: 10px; }
	h1.voetruimte2 { margin-bottom: 10px; }
	h1.naam { margin-top: 10px; }
	
	p.lichtbruin { color: #b2a8a7; }
	p.wit { color: #fff; }
	p.lichtgrijs { color: #ccc; }
	p.vet { font-weight: bold; }
	p.hoofdletters { text-transform: uppercase; }
	p.klein { font-size: 11px; line-height: 18px; }
	p.voetruimte { margin-bottom: 20px; }
	p.voetruimte2 { margin-bottom: 10px; }
	p.subtitel { margin-top: 20px; margin-bottom: 5px; }


	img.page-foto { border: 1px solid #a6a3a2; float: left; }
	img.klein { width: 163px; height: 109px; margin-right: 15px; }
	img.debeirlogo { position: relative; left: 20px; top: 25px; }
	img.debeirlogo-home { position: relative; left: 10px; top: 25px; }
	
	#supersize { position: fixed; }

	#check { position: absolute; z-index: 1000; background: #fff; width: 960px; height: 600px; }
	
	
	form ul { list-style:none !important; margin:0 !important; padding:0 !important; }
	form ul li { list-style:none; margin:0 0 10px 0 !important; padding:0; position:relative; float:left; display:block; width:403px; overflow:hidden; }
	form ul li label { float:left; display:block; width:403px; margin-bottom:2px; }
	form ul li label.error { position:absolute; width:auto; top:0; right:0; color:#900; text-transform:uppercase; font-size:10px; }
	form ul li input, form ul li textarea, form ul li button { background:#423d3b; color:#FFF; border:none; padding:8px; width:387px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	form ul li input:focus, form ul li textarea:focus { background:#FFF; color:#000; outline:none; }
	form ul li button { float:right; width:auto; background:#b2a8a7; color:#000; font-weight:bold; margin-top:20px; }
	
/* ------------------------------------------------- */
/* Footer styles
/* ------------------------------------------------- */
	#footer div.content { position: absolute; background: #39576e; width: 100%; height: 44px; margin: 0; padding: 0; bottom: 0px; z-index:1000; }
	#footer div.adres { position: absolute;  width: 233px; color: #fff; left: 721px; bottom: -80px; background: #2a2423; padding: 10px 0px 10px 10px; height: 220px; }
	#footer div.voet-blok { color: #cad1d6; position: absolute; background: #39576e; height: 250px; border-right: 1px solid #1d1918; display: block; padding-left: 15px; padding-top: 10px; }
	#footer div.voet-blok:hover { cursor: pointer; color: #fff; }
	#footer div.voet-blok p { color: #cad1d6; }
	#footer p.voet-blok-inhoud { position: absolute; top: 50px; width: 80%; left: 15px; color: #e0e7ed; }
	#footer div.voet-blok a { color: #cad1d6; text-decoration: none; }

	#footer div.huidig { background: #517999; height: 250px; overflow: visible; margin-top: -11px; padding-top: 20px; }
	#footer div.huidig a { color: #fff; }
	#footer div.talen { border: none; }
	#footer div.talen:hover { cursor: default; }
	#footer div.talen a { margin-right: 5px; }
	
	#blok-1 { left: 0; top: 0px; width: 223px; }
	#blok-2 { left: 239px; top: 0px; width: 223px; }
	#blok-3 { left: 478px; top: 0px; width: 223px; }
	#blok-4 { left: 717px; top: 0px; width: 223px; }
	#blok-talen { left: 956px; top: 0px; width: 50px; }
	
	
/* --------------------------------------------------------- */
/* Colorbox
/* --------------------------------------------------------- */
	/*
	    ColorBox Core Style
	    The following rules are the styles that are consistant between themes.
	    Avoid changing this area to maintain compatability with future versions of 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;}
	#cboxLoadedContent{overflow:auto;}
	#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	/* 
	    ColorBox example user style
	    The following rules are ordered and tabbed in a way that represents the
	    order/nesting of the generated HTML, so that the structure easier to understand.
	*/
	#cboxOverlay{background:#000;}
	#colorbox{}
	#cboxContent{margin-top:20px;}
	#cboxLoadedContent{background:#000; padding:5px;}
	#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
	#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display:none !important;}
	#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
	#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.gif) bottom left no-repeat; width:28px; height:65px; text-indent:-9999px;}
	#cboxPrevious.hover{background-position:top left;}
	#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.gif) bottom right no-repeat; width:28px; height:65px; text-indent:-9999px;}
	#cboxNext.hover{background-position:top right;}
	#cboxLoadingOverlay{background:#000;}
	#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
	#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.gif) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
	
/* ------------------------------------------------- */
/* CLEAR FIX by Jeff Starr 
/* ------------------------------------------------- */
	.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
	* html .clearfix { zoom:1; } /* IE6 */
	*:first-child+html .clearfix { zoom:1; } /* IE7 */
	
	.jScrollPaneContainer{position:absolute;z-index:100;outline:none;width:280px;height:330px;padding-bottom:5px;overflow:hidden;}
	.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#1d1918;}
	.jScrollPaneDrag{-moz-border-radius:9px 9px 9px 9px;position:absolute;background:#4c4442;cursor:pointer;overflow:hidden;}
	.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
	.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
	a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/
	height:9px;}
	a.jScrollArrowUp:hover{/*background-color:#f60;*/}
	a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/
	height:9px;}
	a.jScrollArrowDown:hover{/*background-color:#f60;*/}
	a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}
	
	
/* ------------------------------------------------- */
/* Sticky footer solution 
/* ------------------------------------------------- */
	html, body { height:100%; }
	//#wrapper { min-height:100%; }
	#content-wrapper { overflow:auto; padding-bottom:334px; }
	//#footer { position: fixed; margin-top: -109px; height:109px; clear:both; width: 100%; overflow: hidden; display: block;}
	/*Opera Fix*/
	/* thank you Erik J - negate effect of float*/
	body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }