/* CSS bestanden aanroepen en includen		   */
/* ******************************************* */

	/* Printvriendelijk versie*/

/* Fonts                                       */
/* ******************************************* */
	@font-face {
	    font-family: 'MuseoSlab1000';
	    src: url('../onderdelen/fonts/museo/museo_slab_1000-webfont.eot');
	    src: url('../onderdelen/fonts/museo/museo_slab_1000-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../onderdelen/fonts/museo/museo_slab_1000-webfont.woff') format('woff'),
	         url('../onderdelen/fonts/museo/museo_slab_1000-webfont.ttf') format('truetype'),
	         url('../onderdelen/fonts/museo/museo_slab_1000-webfont.svg#MuseoSlab1000') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'MuseoSlab100';
	    src: url('../onderdelen/fonts/museo/museo_slab_100-webfont.eot');
	    src: url('../onderdelen/fonts/museo/museo_slab_100-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../onderdelen/fonts/museo/museo_slab_100-webfont.woff') format('woff'),
	         url('../onderdelen/fonts/museo/museo_slab_100-webfont.ttf') format('truetype'),
	         url('../onderdelen/fonts/museo/museo_slab_100-webfont.svg#MuseoSlab100') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'MuseoSlab500';
	    src: url('../onderdelen/fonts/museo/museo_slab_500-webfont.eot');
	    src: url('../onderdelen/fonts/museo/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../onderdelen/fonts/museo/museo_slab_500-webfont.woff') format('woff'),
	         url('../onderdelen/fonts/museo/museo_slab_500-webfont.ttf') format('truetype'),
	         url('../onderdelen/fonts/museo/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	


/* Body van de website - algemene instellingen */
/* ******************************************* */
	body {
		background-image: url(../images/bg/bg.jpg);
		background-repeat: repeat;
		font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	}
	
	/* Margin en padding op 0 zetten voor alle browsers */
	* {
		margin:0;
		padding:0;
	}
		
	/* Globale link instellingen */
	a:link		{font-size:100%; color:#000; text-decoration:none;}
	a:visited	{font-size:100%; color:#000; text-decoration:none;}
	a:hover		{font-size:100%; color:#000; text-decoration:none;}
	a:active	{font-size:100%; color:#000; text-decoration:none;}

    /* Giving a display value to the HTML5 rendered elements: */
	header,footer,article,section,hgroup,nav,figure{
   		display:block;
	}

/* Template van de website - algemene instellingen */
/* *********************************************** */
	
	/* Rondom de site */
	#site_template{
	}
	
	header{
		width: 940px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 auto;
		text-align: center;
	
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 15px;
	}
	
	
	
	
	header h1{
		font-family: 'MuseoSlab1000', Helvetica, Arial, Geneva, sans-serif;
		font-size: 50px;
		text-fill-color: transparent;
		background-clip: text;
			-webkit-text-fill-color: transparent;
			-webkit-background-clip: text;
			-moz-text-fill-color: transparent;
			-moz-background-clip: text;
		background-color: #d9d9d9;
		background-image: url('../images/slider/line.png') ;
	}
	
	
	section{
	}
	
	footer{
		padding-top: 25px;
		padding-bottom: 25px;
		font-size: 12px;
		text-align: center;
		background-color: #d9d9d9;
		background-image: url('../images/slider/line.png') ;
		border-image: url('../images/slider/border.png')9 0 0 0 repeat;
		border-width: 8px 0px 0px 0px;
/*			-webkit-border-image: url('../images/slider/border.png')9 0 0 0 repeat;
			-webkit-border-width: 8px 0px 0px 0px;
			-moz-border-image: url('../images/slider/border.png')9 0 0 0 repeat;
			-moz-border-width: 8px 0px 0px 0px;*/
	}
	
	blockquote{
		quotes: "\201C" "\201D";
	}
	
	blockquote:before { 
		content: open-quote; 
		font-weight: bold; 
		font-size: 36px;
	} 
	blockquote:after  { 
		content: close-quote; 
		font-weight: bold; 
		font-size: 36px; 
	}
	
	
/* Elementen binnen de templates				   
/* *********************************************** */
	
	/* Header content                              */
	/* ******************************************* */
	
		
	/* Midden content                              */
	/* ******************************************* */
	
	#imageslider{
		height: 410px;
				background-image: url('../images/slider/mosaic2.png');
				background-color: #fff;
				background-repeat: repeat;
				margin-bottom: 25px;
		
	}
	
	/* CSS for Slideshow w/ PNG Frame Layer	*/
		
	/* Slideshow & Billboard Images */	
	#top-zone{
		overflow:hidden;
		width:100%;
		height:395px;
		margin: 0 auto;
		border-image: url('../images/slider/border.png')9 0 9 0 repeat;
		border-width: 9px 0px 9px 0px;
			-webkit-border-image: url('../images/slider/border.png')9 0 9 0 repeat;
			-webkit-border-width: 9px 0px 9px 0px;
			-moz-border-image: url('../images/slider/border.png')9 0 9 0 repeat;
			-moz-border-width: 9px 0px 9px 0px;
		background: linear-gradient(left,  hsla(203,100%,46%,0.6) 0%,hsla(84,86%,34%,0.6) 15%,hsla(48,94%,51%,0.6) 33%,hsla(27,95%,50%,0.6) 49%,hsla(8,99%,50%,0.6) 67%,hsla(335,98%,53%,0.6) 84%,hsla(322,95%,37%,0.6) 100%); /* W3C */
			background: -moz-linear-gradient(left,  hsla(203,100%,46%,0.6) 0%, hsla(84,86%,34%,0.6) 15%, hsla(48,94%,51%,0.6) 33%, hsla(27,95%,50%,0.6) 49%, hsla(8,99%,50%,0.6) 67%, hsla(335,98%,53%,0.6) 84%, hsla(322,95%,37%,0.6) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(203,100%,46%,0.6)), color-stop(15%,hsla(84,86%,34%,0.6)), color-stop(33%,hsla(48,94%,51%,0.6)), color-stop(49%,hsla(27,95%,50%,0.6)), color-stop(67%,hsla(8,99%,50%,0.6)), color-stop(84%,hsla(335,98%,53%,0.6)), color-stop(100%,hsla(322,95%,37%,0.6))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  hsla(203,100%,46%,0.6) 0%,hsla(84,86%,34%,0.6) 15%,hsla(48,94%,51%,0.6) 33%,hsla(27,95%,50%,0.6) 49%,hsla(8,99%,50%,0.6) 67%,hsla(335,98%,53%,0.6) 84%,hsla(322,95%,37%,0.6) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  hsla(203,100%,46%,0.6) 0%,hsla(84,86%,34%,0.6) 15%,hsla(48,94%,51%,0.6) 33%,hsla(27,95%,50%,0.6) 49%,hsla(8,99%,50%,0.6) 67%,hsla(335,98%,53%,0.6) 84%,hsla(322,95%,37%,0.6) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  hsla(203,100%,46%,0.6) 0%,hsla(84,86%,34%,0.6) 15%,hsla(48,94%,51%,0.6) 33%,hsla(27,95%,50%,0.6) 49%,hsla(8,99%,50%,0.6) 67%,hsla(335,98%,53%,0.6) 84%,hsla(322,95%,37%,0.6) 100%); /* IE10+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990091ec', endColorstr='#99b70575',GradientType=1 ); /* IE6-9 */

	} /*Here to keep images hidden in IE mostly*/
			
	#billboard{
		width:940px;
		height:360px;
		overflow:hidden;
		margin:0 auto;
		background-color: #eee;
		background-image: url('../images/slider/line.png');
		margin-top: 15px;
		border: 1px solid #fff;
		
	}
	
	.slideshow{
		width:918px; 
		height:338px; 
		margin:10px; 
		overflow:hidden;
		
	}

	li.vignette {
		  position: relative;
	}
	li.vignette img {
		 display: block;
	}
	li.vignette:after {
		-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 1);
		-moz-box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 1);
		box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 1);
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 918px;
		 height: 338px;
		 z-index: 2;
		 content: "";
	}
	.slideshow li{
		list-style:none; 
		float:left; 
		display:inline; 
		position:relative;		
	}
	
	.tekst{
		width: 940px;
		margin: 0 auto;
		
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 25px;
		
		text-align: center;
		
	}
	
	
	.tekst h1{
	}
	
	#portfolio{
		width: 940px;
		margin: 0 auto;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 25px;
		border-image: url('../images/portfolio/border.png')20 0 20 0;
		border-width: 19px 0px 19px 0px;
			-webkit-border-image: url('../images/portfolio/border.png')20 0 20 0;
			-webkit-border-width: 19px 0px 19px 0px;
			-moz-border-image: url('../images/portfolio/border.png')20 0 20 0;
			-moz-border-width: 19px 0px 19px 0px;
		font-size: 12px;
		font-weight: lighter;
	}
	
	.fb-like{
	}
	.items{
	padding: 9px;
	background-color: #eee;
	background-image: url('../images/slider/line.png');
	border: 1px solid #fff;
	margin-right: 17px;
	margin-bottom: 17px;
	}
	
	/* tooltip styling. by default the element to be styled is .tooltip  */
	.tooltip {
		display: none;
		opacity:0.8;
		background-color: #eee;
		background-image: url('../images/slider/line.png');
		border: 1px solid #fff;
		font-family:'MuseoSlab500';
		font-size: 15px;
		text-align: center;
		min-height: 25px;
		min-width: 140px;
		padding: 15px;
		color: #000;	
		pointer-events: none;
		box-shadow: 0 0 5px black;
	}


	/* Footer content                              */
	/* ******************************************* */
		
/* Overig										   */
/* *********************************************** */

	.clear	{clear:both;}
	.left	{float:left;}
	.right	{float:right;}
	.first 	{margin-left: 0;}
	.last	{margin-right: 0;}
	.small	{font-size: 10px; font-family:'MuseoSlab100';}

/* Foutmeldingen								   */
/* *********************************************** */
	.paginaNIET{
		width:545px;
		height:150px;
		
		padding:5px;
		background-color:#DDF9CE;
		border:1px #B1D99C solid;
	}