/* Laden lettertypen 	__________________________________________________________ */
			
	@font-face {
		font-family: 'balance-bold';
			src:	url('fonts/BalanceWeb-Bold.eot');
			src:	url('fonts/BalanceWeb-Bold.eot?#iefix') format('embedded-opentype'),
					url('fonts/BalanceWeb-Bold.woff') format('woff'),
					url('fonts/BalanceComp-Bold.ttf') format('truetype'),
					url('fonts/JA/balanbolrom-webfont.svg#balancebold-romanregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
			font-family: 'balance-bold';
				src: url('fonts/JA/balanbolrom-webfont.svg') format('svg');
		}
	}




	@font-face {
		font-family: 'balance-regular';
			src:	url('fonts/BalanceWeb.eot');
			src:	url('fonts/BalanceWeb.eot?#iefix') format('embedded-opentype'),
					url('fonts/BalanceWeb.woff') format('woff'),
					url('fonts/BalanceComp.ttf') format('truetype'),
					url('fonts/JA/balanregrom-webfont.svg#balanceregularregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
			
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
			font-family: 'balance-regular';
				src: url('fonts/JA/balanregrom-webfont.svg') format('svg');
		}
	}
		
	
	
			
	@font-face {
		font-family: 'balance-light';
 		   	src: 	url('fonts/JA/balanligrom-webfont.eot');
 	   		src: 	url('fonts/JA/balanligrom-webfont.eot?#iefix') format('embedded-opentype'),
         			url('fonts/JA/balanligrom-webfont.woff') format('woff'),
         			url('fonts/JA/balanligrom-webfont.ttf') format('truetype'),
         			url('fonts/JA/balanligrom-webfont.svg#balancelightregular') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
			
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
			font-family: 'balance-light';
				src: url('fonts/JA/balanligrom-webfont.svg') format('svg');
		}
	}
	
	
			
/* Typografie basis 	__________________________________________________________ */
			
	body{
		font-family: 'balance-regular', sans-serif;
		font-size:100%;
		line-height:100%; 
		color:#6E6965;
		font-weight:normal;
		font-style:normal;
		font-stretch:normal;				
		-webkit-font-smoothing: antialiased; 
	}
			
	h1,h2,p,li{
		font-size:0.84375em;
		line-height:20px;
		padding: 0px 0;
		margin: 0px 0;
		font-weight:normal;
    	font-style:normal;
	}
			
	h1,h2{
		font-family: 'balance-bold', sans-serif;
	}
	
	ul{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
			
			
	
/* Typografie uitzonderingen 	__________________________________________________________ */
			
	.inhoud-item-tekst p{
		color:#B6B4B2;
		font-size:0.75em;
		line-height:16px
	}
				
	.inhoud-item-tekst h2{
		color:#6E6965;
	}
			
	.white{
		color:#FFFFFF;
	}
	
	.light{
		font-family: 'balance-light', sans-serif;
	}
				
	.extra-spacing{
		letter-spacing:0.08em;
	}
			
	.geel{
		color:#FCC11E;
	}
			
	#CV-jaartallen, #CV-werk{
		color:#FFFFFF;
	}
			
	#CV-jaartallen{
		text-align: right;
	}
			
	#ontwerp-studio h1{
		font-size:1.5em;
		color:#FCC11E;
    	letter-spacing:0.04em;
	}
	
	#titel h1{
		color:#FFFFFF;
	}
	
	#CV-tekst-rechts{
		color:#FFFFFF;
	}
	
	#CV-tekst-mobile{
		color:#FFFFFF;
	}				
			

/* Links 	__________________________________________________________ */

	a{
		text-decoration:none;
		outline:0;		/* for Firefox: */
		color:#FCC11E;
	}
			
	a img { 			
		border:0 none;	/* for IE */
	}
			
	a:link{
		color:#FCC11E;
	}
	
	a:visited{
		color:#FCC11E;
	}
	
	a:hover{
		color:#FCC11E;
	}
	
	a:active{
		color:#FCC11E;
	}


/* Links uitzondering	__________________________________________________________ */
			
	.normal a{
		color:#6E6965;
	}


/* Iconen (toevoeging Joost juli 2015)	__________________________________________________________ */

	
	#titel .icoon{
		margin-top:;
		position:absolute;
		cursor:pointer;
	}
	
	.icoon{
		width:35px;
		height:24px;
		background-color:#6E6965;
    	background-repeat: no-repeat;
    	background-position: center; 
    	background-size: 35px 24px;
    	border:1px solid #9E9A98;
    	border-top:none;
    	border-bottom:none;	
	}
	
	.icoon:hover{
		background-color:#645F5B;
	}
	
	.icoon.home {
		background-image: url('../afb/iconen/home.png');
	}
	
	.info.icoon{
		background-image: url('../afb/iconen/info.png');
		border-left:none;
		margin-left:37px;
	}
	
	.linkedin.icoon{
		background-image: url('../afb/iconen/linkedin.png');
	}
	
	.twitter.icoon{
		background-image: url('../afb/iconen/twitter.png');
		border-left:none;
	}
	
	.linkedin.icoon, .twitter.icoon{
		float:left;
		margin-top:23px;
	}
	
	#titel h1{
		padding-top:3px;
		padding-left:85px;
	}