@media 
	only screen,
	
	only screen 
	and (min-width : 896px), 
	
	only screen
	and (min-device-width : 896px) 
	and (orientation : landscape){



/* Algemeen 	__________________________________________________________ */
			
		html,
		body {
  			margin:0;
  			padding:0;
  			border:0 none;
  			outline:0;
  			background-color:#FFFFFF;
  			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}
			
		body{
			height:100%;
		}
			
		div{
			background-color:#FFFFFF; 
		}
			
		body,div,ul,li {
  			margin:0px;
  			padding:0px;
		}
		
		
			
/* Titel + CV 	__________________________________________________________ */

		#titel-container{
			width:100%;
			position:fixed;
			top:0px;
			background:#6E6965;
			cursor:pointer;
		}
		
		#titel{
			height:22px;
			width:991px; /* totaal: 1024px*/
			margin:auto;
			padding-top:2px;
			padding-left:33px;
			background:#6E6965;
			cursor:pointer;
			
		}
		
		#CV-tekst{
			height:67px;
			width:991px; /*1024px*/
			padding-left:33px;
			margin:auto;
			background:#6E6965;
			display:none;
			
		}
				
		#CV-tekst-links,#CV-tekst-rechts{
			float:left;
			background:transparent;
		}
				
		#CV-tekst-links{
			text-align:right;
			color:#FCC11E;
		}
		
		#CV-tekst-rechts{
			margin-left:12px;
		}
				
		#CV-tekst-mobile{
			height:480px;
			width:991px; /* totaal: 1024px*/
			padding-left:33px;
			margin:auto;
			background:#6E6965;
			display:none;
		}
				
		.CV-sluiten-knop{
			height:100%;
			width:100%;
			position:fixed;
			top:0px;
			left:0px;
			background:transparent;
			display:none;
			cursor:pointer;
		}
		
			
			
			
/* Container 	__________________________________________________________ */
			
		#content-container {
			margin-top:0;
			margin-right:0;
			margin-bottom:134px;
			margin-left:0;
			position:relative;
			top:24px;
		}
		
			
			
/* Content 		__________________________________________________________ */

		#content {
			height:908px; 
			width:1024px;
			position:relative; 			
			margin:auto;
			padding: 0px 0px 0px 0px; 		
			overflow:hidden; 
		}
		
		/* index patroon */			
		.amazingslider-slides{
			display:none;
		}
		
		.patroon-afb{
			height:258px;
			width:215px;
			float:left;
			margin-top:35px;
			margin-left:33px;
			display:block;
			overflow:hidden;
		}
		
		.nicescroll-rails{
			background:transparent !important;
			position:fixed !important;
			height:auto !important;
			top:24px !important;
			left:50% !important;
			margin-left:-267px !important;
		}
					
			
			
/* Inhoudsopgave __________________________________________________________ */
			
		#inhoudsopgave-container{
			height:auto;
			width:280px;
			position:fixed;
			left:50%; 
			top:0px;
			bottom:0; 	
			display:block;		
			margin-top:24px; 	
    		margin-bottom:110px;
			margin-left:-512px;
			overflow:hidden;
			background:transparent;
		}
			
		#inhoudsopgave{
			height:auto;
			width:250px;
			position:absolute;
			left:-280px; 
			top:0px;
			bottom:0; 				
			display: block;			
			margin-top:0px; 		
    		margin-bottom:0px;		
			overflow:hidden;
			padding: 20px 0px 20px 0px;
			-moz-box-shadow:    5px 0px 24px -8px #6E6965;
  			-webkit-box-shadow: 5px 0px 24px -8px #6E6965;
 			box-shadow: 		5px 0px 24px -8px #6E6965;
		}
				
		.inhoud-item{
			width:210px;
			float:left;
			padding: 20px 20px 20px 20px;
			border-bottom: 1px solid #FCC11E;
		}
								
		.inhoud-item-afb{
			float:left;
			height:96px; 
			width:80px;
		}
				
		.inhoud-item-afb img{
			max-width:100%;
		}
				
		.inhoud-item-tekst{
			float:left;
			width:114px;
			margin-left:16px;
			margin-top:35px;
		}
				
		#knop-inhoud-open-container{
			height:120px;
			width:56px;
			position:fixed;
			top:24px;
			left:50%;
			margin-left:-462px;
			background-color:transparent;
		}
				
		#knop-inhoud-open{
			height:120px;
			width:56px;
			position:absolute;
			top:0px;
			left:0px;
			cursor:pointer;
			background-image:url('../afb/algemeen/knop-inhoud-groot.jpg');
		}
				
		#knop-inhoud-sluiten-container{
			height:28px;
			width:280px;
			position:fixed;
			top:45px;
			left:50%;
			margin-left:-512px;
			overflow:hidden;
			z-index:1000;
			background-color:transparent;
		}
				
		#knop-inhoud-sluiten{
			height:28px;
			width:60px;
			position:absolute;
			top:0px;
			left:-84px;
			cursor:pointer;
			background-image:url('../afb/algemeen/pijl-links-breed-groot.jpg')
		}
				
				
				
/* Footer 		__________________________________________________________ */
			
			
		#footer-container-container-iPhonePortrait{
			display:none;
			z-index:8009; 
		}
				
		#footer-container-container{
			height:110px;			   	
			width:100%;
			position:fixed;
 			bottom:0px;
 			z-index:8009; 
		}
				
		#footer-container {
			height:100%;			   	
			width:100%;
			position:relative;
 			-moz-box-shadow:    0px 0px 24px -8px #6E6965;
  			-webkit-box-shadow: 0px 0px 24px -8px #6E6965;
 			box-shadow: 		0px 0px 24px -8px #6E6965;
		}
			
		#footer{
			height:110px;
			width:1024px;
			padding:0px;
			padding:0;
			position:relative;
			margin:auto;
		}
		
		#adres1, #adres2{
			float:left;
			margin-top:37px;
		}
			
		#adres1{
			margin-left:50px;
		}
				
		#adres2{
			margin-left:20px;
		}
				
		#logo{
			height:109px;
			position:absolute;
			right:34px;
			top:-6px;
			background-color:transparent;
		}
				
		#logo img{
			max-height:100%;
		}
				
		#ontwerp-studio{
			float:right;
			margin-right:246px;
			margin-top:46px;	
		}
			
		.knop-pijl-boven-klein, .knop-pijl-beneden-klein{
			height:22px;
			width:21px;
			background-image:url('../afb/algemeen/pijl-boven-klein.jpg');
		}
				
		.knop-pijl-beneden-klein{
			background-image:url('../afb/algemeen/pijl-beneden-klein.jpg');
		}
				
		#knop-adres-uitklap-landscape, #knop-adres-inklap-landscape, 
		#knop-adres-uitklap-portrait, #knop-adres-inklap-portrait{
			position:absolute;
			left:30px;
			top:-10px;
			display:none;
			cursor:pointer;
		}
					
}
		
			
			
/* Responsief: desktop (correcties na schalen)	__________________________________________________________ */	
					
@media 
	only screen 
	and (min-width : 896px){
		
		.nicescroll-rails{
			background:transparent !important;
			position:fixed !important;
			height:auto !important;
			top:24px  !important;
			left:50% !important;
			margin-left:-267px !important;
		}
					
		#footer-container {
			bottom:0px !important;
		}
					
		#adres1, #adres2{
			margin-top:37px !important;
		}
		
		#knop-adres-inklap-landscape{
			display:none !important;
		}
		
		#footer-container-container {
			bottom:0px !important;
		}
					
}

				
			
/* Responsief: iPad portrait	__________________________________________________________ */
			
@media 
	only screen 
	and (min-width : 624px) 
	and (max-width : 896px),
	
	only screen 
	and (min-device-width : 624px) 
	and (max-device-width : 896px) 
	and (orientation : portrait){ 
					
					
		#content {
			height:1178px;
			width:766px;
			padding: 0px 1px 0px 1px;
		}
					
		#titel,#CV-tekst{
			width:737px; /* totaal: 768px */
			padding-left:34px;
		}

		/* index patroon */			
		.patroon-afb{
			height:252px;
			width:210px;
			margin-top:34px;
			margin-left:34px;
		}
					
		#inhoudsopgave-container, #knop-inhoud-sluiten-container{
			margin-left:-384px;
		}
					
		#knop-inhoud-open-container{
			margin-left:-334px;
		}
		
		.nicescroll-rails{
			background:transparent !important;
			position:fixed !important;
			height:auto !important;
			top:24px !important;
			left:50% !important;
			margin-left:-139px !important;
		}
				
		#footer{
			width:768px;
		}
					
		#adres1{
			margin-left:35px;
		}
					
		#ontwerp-studio{
			margin-right:246px;
		}
					
		#ontwerp-studio h1{
			font-size:1.3125em;
		}
					
		#footer-container-container {
			bottom:0px !important;
		}
					
		#adres1, #adres2{
			margin-top:37px !important;
		}
		
		#knop-adres-inklap-landscape{
			display:none !important;
		}
					
}

			
			
/* Responsief: iPhone landscape	__________________________________________________________ */

@media 
	only screen 
	and (min-width : 400px)
	and (max-width : 623px),
					
	only screen 
	and (min-device-width : 400px)
	and (max-device-width : 623px) 
	and (orientation : landscape),
		
	handheld 
	and (min-device-width : 400px)
	and (max-device-width : 623px){
					
					
		#content-container {
			margin-top:0;
  			margin-right:0;
			margin-bottom:72px;
  			margin-left:0;
		}
					
		#content {
			height:422px; 
			width:480px;
			padding: 0px 0px 0px 0px; 		
		}
					
		#titel,#CV-tekst,#CV-tekst-mobile{
			width:460px; /* 480px */
			padding-left:20px;
		}
			
		/* index patroon */			
		.patroon-afb{
			height:114px;
			width:95px;
			margin-top:20px;
			margin-left:20px;
		}
					
		#knop-inhoud-open-container{
			height:79px;
			width:37px;
			margin-left:-210px;
		}
					
		#knop-inhoud-open{
			height:79px;
			width:37px;
			background-image:url('../afb/algemeen/knop-inhoud-klein.jpg')
		}
					
		#inhoudsopgave-container, #knop-inhoud-sluiten-container{
			margin-left:-240px;
		}
					
		#inhoudsopgave-container{
			margin-bottom:48px;
		}
					
		#inhoudsopgave{
			padding: 5px 0px 20px 0px;
		}
					
		.inhoud-item{
			width:220px;
			padding: 15px 15px 15px 15px;
		}
					
		.inhoud-item-afb{
			height:64.8px; 
			width:54px;
		}
					
		.inhoud-item-tekst{
			margin-top:9px;
		}
		
		.nicescroll-rails{
			background:transparent !important;
			position:fixed !important;
			height:auto !important;
			top:24px !important;
			left:50% !important;
			margin-left:5px !important;
		}
					
		#knop-inhoud-sluiten-container{
			top:44px;
		}
					
		#knop-inhoud-sluiten{
			height:21px;
			width:45px;
			margin-left:12px;
			top:0px;
			background-image:url('../afb/algemeen/pijl-links-breed-klein.jpg')
		}
					
		#footer-container-container, #footer{
			height:68px ;
		}
					
		#footer-container-container{
			bottom:-20px ;
		}
					
		#footer{
			width:480px;
		}
					
		#adres1{
			margin-top:15px;
			margin-left:20px;
		}
					
		#adres1 li{
			display:inline;
			margin:0px 15px 0px 0px;
		}
					
		#adres2{
			margin-top:20px;
		}
					
		#adres2 li{
			margin:0px 13px 0px 0px;
			display:inline;
		}
					
		#knop-adres-uitklap-landscape{
			display:inline;
		}
					
		#ontwerp-studio{
			display:none;
		}
					
		#logo{
			height:48px;
			right:9px;
			top:-3px;
		}
		
}
			
			
			
/* Responsief: iPhone portrait	__________________________________________________________ */
			
@media 
	only screen 
	and (max-width : 399px),
	
	only screen 
	and (max-device-width : 399px) 
	and (orientation : portrait),
	
	handheld 
	and (max-device-width : 399px){
				
					
		#content-container {
			margin-top:0;
			margin-right:0;
			margin-bottom:93px;
  			margin-left:0;
		}
					
		#content {
			height:484px;
			width:320px;
			padding: 0px 0px 0px 0px; 		
		}
					
		#titel,#CV-tekst,#CV-tekst-mobile{
			width:300px; /* totaal: 320px*/
			padding-left:20px;
		}
		
		/* index patroon */			
		.patroon-afb{
			height:96px;
			width:80px;
			margin-top:20px;
			margin-left:20px;
		}
					
		#knop-inhoud-open-container{
			height:79px;
			width:37px;
			margin-left:-130px;
		}
					
		#knop-inhoud-open{
			height:79px;
			width:37px;
			background-image:url('../afb/algemeen/knop-inhoud-klein.jpg')
		}
					
		#inhoudsopgave-container, #knop-inhoud-sluiten-container{
			margin-left:-160px;
		}
					
		#inhoudsopgave-container{
			margin-bottom:69px;
		}
					
		#inhoudsopgave{
			padding: 5px 0px 20px 0px;
		}
					
		.inhoud-item{
			width:220px;
			float:left;
			padding: 15px 15px 15px 15px;
		}
					
		.inhoud-item-afb{
			height:64.8px; 
			width:54px;
		}
					
		.inhoud-item-tekst{
			margin-top:9px;
		}
		
		.nicescroll-rails{
			background:transparent !important;
			position:fixed !important;
			height:auto !important;
			top:24px !important;
			left:50% !important;
			margin-left:84px !important;
		}
					
		#knop-inhoud-sluiten-container{
			top:44px;
		}
					
		#knop-inhoud-sluiten{
			margin-left:12px;
			height:21px;
			width:45px;
			top:0px;
			background-image:url('../afb/algemeen/pijl-links-breed-klein.jpg')
		}
					
		#footer-container-container{
			display:none;
		}
					
		#footer-container-container-iPhonePortrait {
 			height:115px;
			width:100%;
 			position:fixed;
 			bottom:-46px;
 			display:inline;
		}
					
		#footer-container-iPhonePortrait {
 			height:100%;
			width:100%;
 			position:relative;
 			-moz-box-shadow:    0px 0px 24px -8px #6E6965;
  			-webkit-box-shadow: 0px 0px 24px -8px #6E6965;
 			box-shadow: 		0px 0px 24px -8px #6E6965;
		}
					
		#footer-iPhonePortrait{
			height:115px ;
			width:320px;
			position:relative;
			margin:auto;
		}
				
		#adres1-iPhonePortrait, #adres2-iPhonePortrait{
			position:absolute;
		}
			
		#adres1-iPhonePortrait{
			margin-top:17px ;
			margin-left:20px;
		}
				
		#adres2-iPhonePortrait{
			margin-top:80px ;
			margin-left:20px;
		}
					
		#knop-adres-uitklap-landscape, #knop-adres-inklap-landscape{
			display:none !important;
		}
					
		#knop-adres-uitklap-portrait{
			display:inline;
		} 
					
		#knop-adres-inklap-portrait{
		}
				
		#logo-iPhonePortrait{
			height:69px;
			position:absolute;
			right:12px;
			top:-4px;
			background-color:transparent;
		}
				
		#logo-iPhonePortrait img{
			max-height:100%;
		}
}



/* Aanpassingen Joost juni 2015	__________________________________________________________ */
		
		
		#titel{
			height:24px;
			width:991px; /* totaal: 1024px*/
			padding-top:0px;
			padding-left:33px;
			cursor:default;
		}
		
		#knop-inhoud-sluiten-container{
			pointer-events:none;
		}
		#knop-inhoud-sluiten{
			pointer-events:auto;
		}
		
		
		#titel-container{
			cursor:default;
		}
		
		/*  CV */
		
		#titel-container{
			position:;
		}
		
		#CV-tekst{
			height:auto;
			width:991px; /*1024px*/
			padding-left:33px;
			/* display:block; */
			position:relative;
		}
		
		
		#CV-tekst-links,#CV-tekst-rechts{
			background:;
			float:none;
			position:absolute;
			top:20px;
		}
		
		#CV-tekst-links{
			left:33px;
		}
		
		#CV-tekst-rechts{
			/* left:105px; */
			margin-left:85px;
			position:relative;
			padding-bottom:40px;
		}
			
		#CV-tekst{
			pointer-events:none;
		}
		
		#CV-tekst-mobile{
			padding-top:20px;
			position:absolute;
		}
		
		#CV-tekst-mobile-tekst{
			position:absolute;
			background:transparent;
		}
		
		
		
		/* Twitterfeed */
		
		.twitterfeed-oxedio{
			width:400px;
			padding:10px;
			padding-bottom:0px;
			margin:0px;
			margin-top:47px;
			background-color:#645F5B;
		}
		
		.icoon, .twitterfeed-oxedio, .CV-sluiten-knop{
			pointer-events:auto;
		}
		
		
		
		/* volgende knop */
		
		body{
			position:relative;
		}
		
		
		#volgende-werk{
			width:32px;
			height:32px;
			display:block;
			position:fixed;
			top:68px;
			right:50%;
			margin-right:-310px;
			background-color:;
			cursor:pointer;
			background-repeat: no-repeat;
    		background-position: center; 
    		background-size: 32px 32px;
    		background-image: url('../afb/algemeen/pijl-volgende.png');
		}
		
		
		@media 
		only screen 
		and (min-width : 400px)
		and (max-width : 623px),
					
		only screen 
		and (min-device-width : 400px)
		and (max-device-width : 623px) 
		and (orientation : landscape),
		
		handheld 
		and (min-device-width : 400px)
		and (max-device-width : 623px),
		
		only screen 
		and (max-width : 399px),
	
		only screen 
		and (max-device-width : 399px) 
		and (orientation : portrait),
	
		handheld 
		and (max-device-width : 399px){
		
			#titel{
				padding-left:0px;
			}
			
			.icoon{
				width:33px;
			}
			
			.info.icoon{
				margin-left:34px;
			}
			.twitterfeed-oxedio{
				width:254px;	
			}
			
			#volgende-werk{
			width:21px;
			height:21px;
			top:49px;
			right:50%;
			margin-right:-149px;
			background-size: 21px 21px;
			}
		}
		
		@media 
		only screen 
		and (min-width : 400px)
		and (max-width : 623px),
					
		only screen 
		and (min-device-width : 400px)
		and (max-device-width : 623px) 
		and (orientation : landscape),
		
		handheld 
		and (min-device-width : 400px)
		and (max-device-width : 623px){
			
			.twitterfeed-oxedio{
				display:none;	
			}
			
			#volgende-werk{
			top:43px;
			
			}
		}
		
		
	#content-werk{
		opacity: 0;
		-webkit-transition: opacity 1s;
    	transition: opacity 1s;
	}


	#content-werk.geladen{
		opacity: 1;
	}