/* Reset
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style-type: none;}

/* General
--------------------------------------------------------------------------------------- */

html { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #000; }
html, body { width: 100%; height: 100%; }
body { opacity: 0; filter: alpha(opacity=0); }
a { text-decoration: none; outline: none; }
img { display: block; }
h1, h2, h3, h4, h5 { line-height: 1.1em; }

header, footer, nav, section, article { display: block; }
.hidden-title { display: none; }

/* General
--------------------------------------------------------------------------------------- */

#wrapper { overflow: hidden; position: relative; width: 100%; min-width: 980px; height: 100%; min-height: 600px; }
#bg-main { position: fixed; left: 0; top: 0; z-index: 1; min-width: 100%; min-height: 100%; -webkit-transform-style: preserve-3d; }
#bg-pic {height: 100% !important;width: 100% !important; -webkit-transform-style: preserve-3d;}

#logo-site {display: block; 
	position: fixed;
	left: 20px;
	top: 20px; 
	/*text-indent: -5000px;*/
	font-family: 'AkzidenzGroteskBlack';
    font-size: 20px;
    color: white;
	xxxbackground: url(../images/layout/logo_site.png) no-repeat 0 0; 
	width: 90px;
	height: 48px;
	z-index: 990; 
	-moz-transition-duration: 0.25s; 
	-moz-transition-property: opacity; 
	-moz-transition-timing-function: ease-out; 
	-webkit-transition-duration: 0.25s; 
	-webkit-transition-property: opacity; 
	-webkit-transition-timing-function: ease-out;
	transition-duration: 0.25s; 
	transition-property: opacity; 
	transition-timing-function: ease-out;
}
#logo-site:hover { opacity: 0.4; filter: alpha(opacity=40); }

#fader { position: fixed; left: 0; top: 0; background: #000; width: 100%; height: 100%; z-index: 990; }

#loading { position: fixed; left: 0; top: 0; background: #000 url(../images/layout/bg_loading.png) 0 0; width: 100%; height: 100%; z-index: 999; }
#loading > div { position: absolute; left: 0; top: 0; width: 50px; height: 50px;}
#loading.ie > div { background: url(../images/layout/bg_loader.gif) no-repeat center center; }
#loading > div p { display: none; position: absolute; left: -67px; top: 77px; color: #fff; font-size: 1.2em; font-family: 'AkzidenzGroteskBlack'; text-align: center; text-transform: uppercase;; width: 200px; }

/* Navigations
--------------------------------------------------------------------------------------- */

/* Expandable Navigation */

.expandable-nav { display: none; position: relative; margin: 0 auto; width: 100%; /*max-width: 1920px;*/ max-width: 100%; height: 100%; max-height: 1080px; z-index: 900; opacity: 0; filter: alpha(opacity=0); }
.expandable-nav > ul > li > div { display: block; position: absolute; color: #fff; font-size: 32px; cursor: pointer; }
.expandable-nav > ul > li > div > span:first-child { position: absolute; left: 0; top: 0; font-family: 'AkzidenzGroteskBlack'; text-transform: uppercase; text-align: center; width: 100%; z-index: 3; }
.expandable-nav > ul > li > div > span:first-child > span { display: block; font-family: 'RosarioBoldItalic', sans-serif; font-size: 0.6em; text-transform: none; padding: 10px 0; opacity: 0; filter: alpha(opacity=0); 
	-moz-transition-duration: 0.25s; 
	-moz-transition-property: opacity; 
	-moz-transition-timing-function: ease-out; 
	-webkit-transition-duration: 0.25s; 
	-webkit-transition-property: opacity; 
	-webkit-transition-timing-function: ease-out;
	-webkit-backface-visibility: hidden;
	transition-duration: 0.25s; 
	transition-property: opacity; 
	transition-timing-function: ease-out;
}
.expandable-nav > ul > li > div:hover > span:first-child > span { opacity: 1; filter: alpha(opacity=100); }
.expandable-nav > ul > li > div > span:first-child > span > span { font-family: 'MrsEavesJustLigRoman'; }
.expandable-nav > ul > li > div > img { position: relative; width: 100%; z-index: 1; }
.expandable-nav > ul > li > div > .border { position: absolute; left: -10px; top: -10px; border: 10px solid #fff; width: 100%; height: 100%; z-index: 5;
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: all; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: all; 
  -webkit-transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  transition-duration: 0.25s; 
  transition-property: all; 
  transition-timing-function: ease-out;
}
.expandable-nav > ul > li > div:hover > .border {
	/*-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
}
.expandable-nav > ul > li > div > .border span { position: absolute; left: 10px; top: 10px; font-size: 0.6em; font-family: 'RosarioBoldItalic', sans-serif;  }

/* Root Navigation */

#root-nav { display: block; opacity: 1; filter: alpha(opacity=100); }
#root-nav > ul > li.photography > div { left: 25%; top: 30%; width: 340px; max-width: 340px; }
#root-nav > ul > li.motion-reel > div { left: 38%; top: 22%; width: 468px; max-width: 468px; }
#root-nav > ul > li.case-study > div { left: 38%; top: 22%; width: 468px; max-width: 468px; }
#root-nav > ul > li.contact > div { left: 57%; top: 55%; width: 335px; max-width: 335px; }
#root-nav > ul > li.contact > div { left: 57%; top: 62%; width: 335px; max-width: 335px; }
#root-nav > ul > li.contact > div > span:first-child { font-size: 0.7em; } 
#root-nav > ul > li.contact > div > .content { visibility: hidden; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); }
#root-nav > ul > li.contact > div > .content h2 { font-size: 1.9em; font-family: 'AkzidenzGroteskBold'; line-height: 1em; margin: 0 40px; padding-bottom: 0.1em; }
#root-nav > ul > li.contact > div > .content h3 { font-size: 0.9em; font-family: 'AkzidenzGroteskBold'; line-height: 1em; margin: 0 40px; }
#root-nav > ul > li.contact > div > .content a { display: block; float: left; color: #fff; margin: 0; padding-top: 10px;
	-moz-transition-duration: 0.25s; 
  -moz-transition-property: opacity; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: opacity; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: opacity; 
  transition-timing-function: ease-out;
}
#root-nav > ul > li.contact > div > .content a:hover { opacity: 0.4; filter: alpha(opacity=40); }
#root-nav > ul > li.contact > div > .content p { overflow: hidden; font-size: 0.6em; font-family: 'AkzidenzGroteskBold'; margin: 0 40px; }
#root-nav > ul > li.contact > div > .content p + p { padding-top: 2.5em; }
#root-nav > ul > li.contact > div > .content p span:first-child { padding-top: 25px; }
#root-nav > ul > li.contact > div > .content .mailto { float: left; padding-top: 0; }
#root-nav > ul > li.contact > div > .content .biography { float: right; padding-top: 0; }

/* Root Sub Navigation */

#root-sub-nav { display: block; position: fixed; left: 0; top: 0; padding-left: 12px; z-index: 901;
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: left; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: left; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: left; 
  transition-timing-function: ease-out;
}

#root-sub-nav .toggle { display: block; position: relative; left: -140px; color: #fff; font-size: 13px; font-family: 'AkzidenzGroteskBlack'; line-height: 15px; padding: 0 5px 10px; z-index: 900;
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: left; 
  -moz-transition-timing-function: ease-out; 
  -moz-transition-delay: 1s;
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: left; 
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-delay: 1s;
  transition-duration: 0.25s; 
  transition-property: left; 
  transition-timing-function: ease-out;
  transition-delay: 1s;
}
#root-sub-nav .toggle:hover { opacity: 0.4; filter: alpha(opacity=40); }

#root-sub-nav .main { position: relative; padding: 10px 0; border-top: 2px solid #fff; margin-bottom: 12px; border-bottom: 2px solid #fff; width: 120px; z-index: 900; }
#root-sub-nav .main li { position: relative; left: 0;
  -moz-transition-duration: 0.5s; 
  -moz-transition-property: left; 
  -moz-transition-timing-function: ease-out; 
  -moz-transition-delay: 0.25s;
  -webkit-transition-duration: 0.5s; 
  -webkit-transition-property: left; 
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-delay: 0.25s;
  transition-duration: 0.5s; 
  transition-property: left; 
  transition-timing-function: ease-out;
  transition-delay: 0.25s;
}
#root-sub-nav .main span { display: block; position: relative; left: 0; color: #fff; font-size: 12px; font-family: 'AkzidenzGroteskBlack'; text-transform: uppercase; line-height: 14px; padding: 4px 5px; cursor: pointer;
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: color,background-color; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: color,background-color; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: color,background-color; 
  transition-timing-function: ease-out;
}
#root-sub-nav .main .selected span,
#root-sub-nav .main span:hover { color: #000; background: #fff; }

/*#root-sub-nav .main .photography {
  -moz-transition-delay: 0.25s; 
  -webkit-transition-delay: 0.25s; 
  transition-delay: 0.25s;
}
#root-sub-nav .main .motion-reel {
  -moz-transition-delay: 0.35s; 
  -webkit-transition-delay: 0.35s; 
  transition-delay: 0.35s;
}
#root-sub-nav .main .case-study {
  -moz-transition-delay: 0.45s; 
  -webkit-transition-delay: 0.45s; 
  transition-delay: 0.45s;
}
#root-sub-nav .main .archives {
  -moz-transition-delay: 0.55s; 
  -webkit-transition-delay: 0.55s; 
  transition-delay: 0.55s;
}
#root-sub-nav .main .contact {
  -moz-transition-delay: 0.65s; 
  -webkit-transition-delay: 0.65s5; 
  transition-delay: 0.65s;
}*/

#root-sub-nav .photography-menu,
#root-sub-nav .case-study-menu,
#root-sub-nav .archives-menu { display: none; overflow: hidden; position: fixed; right: 12px; top: 0; width: 65px; z-index: 900; }
#root-sub-nav .photography-menu li,
#root-sub-nav .case-study-menu li,
#root-sub-nav .archives-menu li { float: left; margin-right: 2px; margin-bottom: 2px; }
#root-sub-nav .case-study-menu li.video a,
#root-sub-nav .archives-menu li.video a,
#root-sub-nav .photography-menu li.video a { width: 26px; }
#root-sub-nav .case-study-menu li.photography + .video,
#root-sub-nav .archives-menu li.photography + .video,
#root-sub-nav .photography-menu li.photography + .video { clear: left; }
#root-sub-nav .photography-menu li a,
#root-sub-nav .case-study-menu li a,
#root-sub-nav .archives-menu li a { display: block; text-indent: -5000px; border: 2px solid #fff; width: 7px; height: 12px; 
	-moz-transition-duration: 0.25s; 
  -moz-transition-property: background-color; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: background-color; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: background-color; 
  transition-timing-function: ease-out;
}
#root-sub-nav .photography-menu li.selected a,
#root-sub-nav .photography-menu li a:hover,
#root-sub-nav .case-study-menu li.selected a,
#root-sub-nav .case-study-menu li a:hover,
#root-sub-nav .archives-menu li.selected a,
#root-sub-nav .archives-menu li a:hover { background: #fff; }

#root-sub-nav .motion-reel-menu { display: none; overflow: hidden; position: fixed; right: 12px; top: 0; width: 66px; z-index: 900; }
#root-sub-nav .motion-reel-menu li { float: left; margin-right: 2px; margin-bottom: 2px; }
#root-sub-nav .motion-reel-menu li a { display: block; text-indent: -5000px; border: 2px solid #fff; width: 16px; height: 9px; 
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: background-color; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: background-color; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: background-color; 
  transition-timing-function: ease-out;
}
#root-sub-nav .motion-reel-menu li.selected a,
#root-sub-nav .motion-reel-menu li a:hover { background: #fff; }

#root-sub-nav .infos-container { height: 30px; }
#root-sub-nav .campaign { display: none; float: left; position: relative; color: #fff; font-size: 13px; font-family: 'AkzidenzGroteskBlack'; text-align: center; line-height: 25px; margin-right: 7px; border: 2px solid #fff; width: 80px; z-index: 990; opacity: 0; filter: alpha(opacity=0)
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: color,background-color; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: color,background-color; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: color,background-color; 
  transition-timing-function: ease-out;
}
#root-sub-nav .campaign:hover { color: #000; background: #fff; }

#root-sub-nav .infos { display: none; float: left; position: relative; color: #fff; font-size: 23px; font-family: 'MrsEavesBold'; text-align: center; line-height: 25px; border: 2px solid #fff; width: 25px; z-index: 990;  opacity: 0; filter: alpha(opacity=0)
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: color,background-color; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: color,background-color; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: color,background-color; 
  transition-timing-function: ease-out;
}
#root-sub-nav .infos.active,
#root-sub-nav .infos:hover { color: #000; background: #fff; }

/* Navigation Arrows */

#navigation-arrows { position: fixed; left: -47px; bottom: 20px; background: url(../images/layout/bg_navigation-arrows.gif) no-repeat 0 0; width: 47px; height: 32px; z-index: 900; 
  -moz-transition-duration: 0.25s; 
  -moz-transition-property: left; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: left; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: left; 
  transition-timing-function: ease-out;
}
#navigation-arrows > div { display: none; background: url(../images/layout/bg_navigation-arrows-animated.gif) no-repeat 0 0; width: 100%; height: 100%; }

/* Homepage
--------------------------------------------------------------------------------------- */

.home #root-sub-nav { left: -140px; }
.home #root-sub-nav .main li { left: -140px; }

/* Contact */

.contact #root-sub-nav { left: 0; }
.contact #root-sub-nav .main li { left: 0; }

.contact #root-nav > ul > .contact > div > .content { z-index: 10; }
.contact #root-nav > ul > .contact > div > .border {
	-moz-transition-duration: 0.01s; 
	-webkit-transition-duration: 0.01s; 
	transition-duration: 0.01s; 
}

.contact #root-nav > ul > li.photography > div { left: 33%; top: 54%; width: 240px; max-width: 240px; }
.contact #root-nav > ul > li.photography > div > span:first-child { font-size: 0.7em; }
.contact #root-nav > ul > li.motion-reel > div { left: 15%; top: 31%; width: 340px; max-width: 340px; }
.contact #root-nav > ul > li.motion-reel > div > span:first-child { font-size: 0.7em; }
.contact #root-nav > ul > li.case-study > div { left: 15%; top: 31%; width: 340px; max-width: 340px; }
.contact #root-nav > ul > li.case-study > div > span:first-child { font-size: 0.7em; }
.contact #root-nav > ul > li.contact > div { left: 44%; top: 20%; width: 808px; max-width: 808px; }
.contact #root-nav > ul > li.contact > div > span:first-child { opacity: 0; filter: alpha(opacity=0); }
.contact #root-nav > ul > li.contact > div > .content { visibility: visible; opacity: 1; filter: alpha(opacity=100); }
.contact #root-nav > ul > li.contact > div:hover > .border {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* alex: fotoinfo tonen bij hover */
.photoinfo {
	opacity: 1 !important;
	color: #000;
}
.photoinfo:hover {
	opacity: 1 !important;
	color:#000;
}

/* Projects
--------------------------------------------------------------------------------------- */

/* Navigation */

.projects-nav { display: none; position: fixed; right: 12px; top: 0; z-index: 850; opacity: 0; filter: alpha(opacity=0); }
.projects-nav a { display: block; color: #fff; font-size: 16px; font-family: 'AkzidenzGroteskBlack'; line-height: 17px; margin-top: 7px; padding: 0 2px; }
.projects-nav .active a,
.projects-nav a:hover { color: #000; background: #fff; }

/* Listing */

.projects-listing { display: none; position: absolute; left: 0; top: 0; width: 100%; z-index: 800; opacity: 0; filter: alpha(opacity=0); }
.projects-listing > li { width: 100%; height: 100%; }
.projects-listing li ul { overflow: hidden; }
.projects-listing li li { float: left; padding: 9px; }
.projects-listing li li a { display: block; float: left; position: relative; color: #fff; border: 10px solid #fff; }
.projects-listing li li a.photolink span.photoinfo, .projects-listing li li a.link span.photoinfo { display: none; } /* weg met de tekst */

.projects-listing li li a > span:first-child { position: absolute; left: 0; top: 0; font-size: 20px; font-family: 'AkzidenzGroteskBlack'; text-transform: uppercase; text-align: center; padding: 0 10%; width: 80%; z-index: 3; opacity: 1; filter: alpha(opacity=100); }
.projects-listing li li a > span:first-child > span { display: block; font-family: 'MrsEavesRoman'; font-family: 'RosarioBoldItalic', sans-serif;  font-size: 0.9em; text-transform: none; padding: 5px 0; }
.projects-listing li li a div { position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.projects-listing li li a img { width: 100%; opacity: 1; filter: alpha(opacity=0); 
	-moz-transition-duration: 0.25s; 
  -moz-transition-property: opacity; 
  -moz-transition-timing-function: ease-out; 
  -webkit-transition-duration: 0.25s; 
  -webkit-transition-property: opacity; 
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.25s; 
  transition-property: opacity; 
  transition-timing-function: ease-out;
}
.projects-listing li li a.photolink:hover img, .projects-listing li li a.link:hover img { opacity: 0.25; filter: alpha(opacity=100);} /* alex hij hover img onzichtbaar */
.projects-listing li li a.photolink:hover span.photoinfo, .projects-listing li li a.link:hover span.photoinfo { display: block;}
.projects-listing li li a.photolink:hover, .projects-listing li li a.link:hover { background:#fff;}
.projects-listing li li.selected a { color: #000; }
.projects-listing li li.selected div { opacity: 1; filter: alpha(opacity=100);}

/* Content */

.projects-content { display: none; overflow: hidden; position: absolute; left: 0; top: 0; background: #000; z-index: 750; opacity: 0; filter: alpha(opacity=0); }
.projects-content > li { float: left; position: relative; }
.projects-content > li > div { position: relative; padding: 30px 180px; }
.projects-content > li > div img,
.projects-content > li > div iframe { position: absolute; }
.projects-content > li.loaded { background: #000; }
.projects-content > li.photography + .video { clear: left; }

/* Photography
--------------------------------------------------------------------------------------- */

/* Menu */
#photography-menu-nav { z-index: 999; }

#photography-menu > ul { position: relative; width: 100%; height: 100%; }

#photography-menu > ul > li.menu_1 > div { left: 12%; top: 47%; width: 200px; max-width: 200px; }
#photography-menu > ul > li.menu_2 > div { left: 18%; top: 8%; width: 308px; max-width: 308px; }
#photography-menu > ul > li.menu_3 > div { left: 31%; top: 18%; width: 460px; max-width: 460px; }
#photography-menu > ul > li.menu_4 > div { left: 54%; top: 4%; width: 200px; max-width: 200px; }
#photography-menu > ul > li.menu_5 > div { left: 59%; top: 45%; width: 308px; max-width: 308px; }
#photography-menu > ul > li.menu_6 > div { left: 71%; top: 7%; width: 200px; max-width: 200px; }
#photography-menu > ul > li.menu_7 > div { left: 79%; top: 31%; width: 200px; max-width: 200px; }
#photography-menu > ul > li.menu_8 > div { left: 43%; top: 66%; width: 200px; max-width: 200px; }

#photography-menu > ul > li.menu_1 > div > span:first-child,
#photography-menu > ul > li.menu_4 > div > span:first-child,
#photography-menu > ul > li.menu_6 > div > span:first-child,
#photography-menu > ul > li.menu_7 > div > span:first-child,
#photography-menu > ul > li.menu_8 > div > span:first-child { font-size: 0.7em; }

#photography-menu > ul > li.menu_1 > div > span:first-child > span,
#photography-menu > ul > li.menu_4 > div > span:first-child > span,
#photography-menu > ul > li.menu_6 > div > span:first-child > span,
#photography-menu > ul > li.menu_7 > div > span:first-child > span,
#photography-menu > ul > li.menu_8 > div > span:first-child > span { font-size: 0.8em; }

/* Listing */

.photography-listing.content #navigation-arrows { left: 12px; }

#photography-listing li li a { overflow: hidden; width: 193px; max-width: 193px; height: 290px; max-height: 290px; }
#photography-listing li li.video { float: left; }
#photography-listing li li.video.first { clear: left; float: left; }
#photography-listing li li.video a { width: 541px; max-width: 541px; }

/* Motion Reel
--------------------------------------------------------------------------------------- */

/* Listing */

.motion-reel-listing.content #navigation-arrows { left: 12px; }

#motion-reel-listing li li a { overflow: hidden; width: 427px; max-width: 427px; height: 240px; max-height: 240px; }
#motion-reel-listing li li a img { width: auto; height: 100%; }

/* Case Study
--------------------------------------------------------------------------------------- */

/* Menu */

#case-study-menu > ul > li.menu_1 > div { left: 31%; top: 14%; width: 266px; max-width: 266px; }
#case-study-menu > ul > li.menu_2 > div { left: 46%; top: 51%; width: 405px; max-width: 405px; }
#case-study-menu > ul > li.menu_3 > div { left: 53%; top: 10%; width: 600px; max-width: 600px; }
#case-study-menu > ul > li.menu_4 > div { left: 20%; top: 39%; width: 405px; max-width: 405px; }
#case-study-menu > ul > li.menu_5 > div { left: 65%; top: 66%; width: 266px; max-width: 266px; }
#case-study-menu > ul > li.menu_6 > div { left: 72%; top: 37%; width: 266px; max-width: 266px; }

#case-study-menu > ul > li.menu_1 > div > span:first-child,
#case-study-menu > ul > li.menu_5 > div > span:first-child,
#case-study-menu > ul > li.menu_6 > div > span:first-child { font-size: 0.7em; }

#case-study-menu > ul > li.menu_1 > div > span:first-child > span,
#case-study-menu > ul > li.menu_5 > div > span:first-child > span,
#case-study-menu > ul > li.menu_6 > div > span:first-child > span { font-size: 0.8em; }

/* Listing */

.case-study-listing.content #navigation-arrows { left: 12px; }
.case-study-listing.content #root-sub-nav .campaign { display: none!important; opacity: 0!important; filter: alpha(opacity=0)!important; }

#case-study-listing li li a { overflow: hidden; width: 193px; max-width: 193px; height: 290px; max-height: 290px; }
#case-study-listing li li.video { float: right; }
#case-study-listing li li.video.first { clear: left; float: left; }
#case-study-listing li li.video a { width: 541px; max-width: 541px; }

/* Archives
--------------------------------------------------------------------------------------- */

/* Listing */

.archives-listing.content #navigation-arrows { left: 12px; }
.archives-listing.content #root-sub-nav .campaign { display: none!important; opacity: 0!important; filter: alpha(opacity=0)!important; }

#archives-menu li li a > span.nb { display: block; position: absolute; left: 10px; top: 10px; font-size: 20px; font-family: 'RosarioBoldItalic', sans-serif;  z-index: 1; }

#archives-menu li li a,
#archives-listing li li a { overflow: hidden; width: 193px; max-width: 193px; height: 290px; max-height: 290px; }
#archives-listing li li.video { float: right; }
#archives-listing li li.video.first { clear: left; float: left; }
#archives-listing li li.video a { width: 541px; max-width: 541px; }

/* Overlay
--------------------------------------------------------------------------------------- */

#overlay { display: none; position: fixed; left: 0; top: 0; background: #000; width: 100%; height: 100%; z-index: 910; opacity: 0; filter: alpha(opacity=0); }
#projects-infos { display: none; position: absolute; left: 0; top: 0; width: 945px; max-width: 945px; z-index: 920; opacity: 0; filter: alpha(opacity=0); }
#projects-infos > div { color: #fff; font-size: 50px; padding: 100px 35px; border: 10px solid #fff; }
#projects-infos > div h2 { font-family: 'AkzidenzGroteskBlack'; text-transform: uppercase; line-height:50px; }
#projects-infos > div h3 { font-family: 'MrsEavesRoman'; font-family: 'RosarioBoldItalic', sans-serif;  line-height: 50px; padding-bottom: 45px; }
#projects-infos > div p { font-size: 0.6em; }

/* IPAD PRO screen /*
/* uitgezet, anders opgelost met viewport 
@media (min-width:2700px)
	{
	#logo-site {zoom:3;}
	#root-sub-nav .main {zoom: 2;}
	.projects-nav ul {zoom:2;}
	.expandable-nav > ul > li > div {zoom:1.4;}
	.projects-listing li ul {width:70% !important;}
	.projects-listing li li {zoom: 1.4;}
	.home #root-sub-nav, .home #root-sub-nav .main li {left: -300px !important;}
 	}
}
*/