/*
Theme Name: De Appel
*/
	@font-face {
    	font-family: "Pomme Regular";
  		src: url('css/font/Pomme-Regular.eot') format('embedded-opentype'),
       	url('css/font/Pomme-Regular.woff2') format('woff2'), 
       	url('css/font/Pomme-Regular.woff') format('woff'), 
       	url("css/font/Pomme-Regular.otf") format("opentype");
	}
	@font-face {
    	font-family: "Pomme Italic";
  		src: url('css/font/Pomme-RegularItalic.eot') format('embedded-opentype'),
       	url('css/font/Pomme-RegularItalic.woff2') format('woff2'), 
       	url('css/font/Pomme-RegularItalic.woff') format('woff'), 
       	url("css/font/Pomme-RegularItalic.otf") format("opentype");
	}
	i, em {
		font-family: 'Pomme Italic';
		font-style:normal;
	}	
	.inner {
		margin-right: -16px;
		overflow-y: scroll;
		overflow-x: hidden;
		height: calc(100vh - 48px);

	}	
	.qtranxs-available-languages-message {
	   display: none;
	}
	.uppercase {text-transform:uppercase;}
	#advanced_filters {
		display:none !important;
	}
	td#simple_filters {
	    margin-right: 10px !important;
	}
	#curatorial-programme:not(.editions) i,
	#curatorial-programme:not(.editions) em {
	    font-family: times new roman, serif;
		font-style:italic;
	}
	.submenu a.underline {text-decoration: underline;}
	.paddingleftSearchresults {
		padding-left:30px;
	}
	.abouttext {
		letter-spacing: 0.2px;
	}
	.abouttext > p + p {
		padding-top: 0.5em;
	}
	#window #menubutton.lessthannine {
		position: absolute;
    	bottom: 0px;
	}
	a.programme.unclickable {
		cursor: default;
	}

	/*NEW MENU*/
	#menu .left, #menu .right {
		display:inline-block;
		vertical-align:text-top;
    	justify-content: initial;
    	float: left;
	}
	#menu .left {
    	width: 300px;
    	height: 100%;
    	display: flex;
    	flex-direction: column;
    	min-height: 202.66px;
    	align-items: stretch;
    	justify-content: space-between;
	}
	#menu .right {
		width: 500px;
		height: 100%;
    	display: flex;
    	flex-direction: column;
    	min-height: 202.66px;
    	align-items: stretch;
    	justify-content: space-between;
	}
	#window:hover {
    	/*min-height: 202.66px;*/
	}
	#menu > .left a {
	    display: block;
	}
	#menu .left > div, #window #menubutton {
		padding-right:50px;
	}
	.flex {
		padding-top: 1em;
    	display: flex;
    	justify-content: space-between;
    	/*bottom: 0px;*/
    	/*position: absolute;*/
    	width: 500px;
	}
	#window #menubutton {
		height: 16.5pt !important;
    	align-self: flex-end;
	}
	select#added_cats {
		width: auto;
    	margin-left: 30px;
	}

	/*a.programme:not(.loaded) {opacity:0;}*/
	/*a.programme {
	    transition:none;
	    -moz-transition:none;
	    -webkit-transition:none;
		transition-delay: 1s linear all;
		-webkit-transition-delay: 1s linear all;
		-moz-transition-delay: 1s linear all;
	}*/

	body {
		margin:0px;
		color:black;
		font-family:'Pomme Regular', sans-serif;
		font-size: 14pt;
		line-height: 1.25;
    	letter-spacing: 0.3px;
		text-rendering: optimizeLegibility;
		font-weight: normal;
		font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
	}
	a.programme {
		text-rendering: optimizeLegibility;
		font-weight: normal;
		font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
	}
	a.programme.exhibitions {
	    background: black;
	    border-color: white;
	    color: white;
	}
	#menu {
		/*width: 815px !important;*/
	}
	/*#menubutton { margin-top: -3px;}*/
	#menu > .lower > a {
	    /*margin-bottom: -4px;*/
	}
	#window:hover {
		/*height: 207px !important;*/
	}
	/*#window.language-nl:hover {
		height: 207px !important;
	}*/
	p, h1 {
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		padding:0px;
		margin:0px;
	}
	input.checkbox {
		display:inline-block;
	}

	/******************************/
	/* Menu */
	
	#menu {
		width:800px;
		bottom: 8px;
    	position: absolute;
	}
	#window {
		padding:8px;
		border-radius: 5px;
		border:1px solid black;
    	position: fixed;
    	bottom:8px;
    	left:8px;
    	background:white;

		height: 11pt;
		width:250px;
		overflow:hidden;
		z-index:99999;

		/*transition only for properties width / height?*/
		transition: 400ms all linear;
		-webkit-transition: 400ms all linear;
		-moz-transition: 400ms all linear;
	}

	#window.relative {
		bottom:auto;
		position:relative;
		margin-bottom:8px;
	}
	#window.relative-add {
		/*background:blue;*/
	}
	#window.relative-remove {
		position:fixed;
		margin-bottom:0px;
		bottom:10px;
		/*background:red;*/
	}
	#window:hover {
		/*height: 178px;*/
		/*height: 158px;*/
		width: 800px;
	}
	#window.language-nl:hover {
	    /*height: 200px;*/
	}
	#menu > div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}
	.upper, .middle {
		margin-bottom: 23px;
	}
	#menu > div a, #menubutton { 
		color:black;
		text-decoration:none;
		text-transform: uppercase;
		display:inline-block;
		vertical-align: text-top;
	}
	#menubutton {
		text-align:center;
		height:12pt;
		width:250px;
		cursor:pointer;   
	}
	#menubutton > div {
	    width: 4px;
	    height: 4px;
	    display: inline-block;
	    margin: 0 auto;
	    border: 1px solid black;
	    border-radius: 50%; 
	}
	.middle {
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.middle > div {
		display:inline-block;
	}
	.middle > div:first-child {width:100%;}
	.middle > div:nth-child(2) {width:10%;text-align:right;}
	.language, .languagelink {
	    color: inherit;
	    text-decoration: none;
	}
	.language {	
	    position: fixed;
	    top: 8px;
	    right: 8px;
		font-family:'Pomme Regular', sans-serif;
	    z-index:99999;
	}
	a.language:not(.real) {
		display:none !important;
	}
	#searchicon {
		position:fixed;
		top: calc(8px + 1.4em);
		right:8px;
	    z-index:99999;
	    width:1.2em;
	    height:1.2em;
	}
	#searchicon_mobile {
		position:absolute;
		top: 1.4em;
		right: 0px;
	    z-index:99999;
	    width:1.2em;
	    height:1.2em;
	}
	#searchicon svg, #searchicon_mobile svg {
     	width: 1.2em;
    	height: 1.2em;
	}
	#searchicon.ng-cloak {
		opacity:0;
	}
	.submenu {
		z-index:99;
		position:fixed;
	}

	.subcontent a, .submenu a {text-decoration:none;color:inherit;cursor: pointer;}
	.subcontent a:hover, .subcontent .nolink:hover, #archive .submenu a.active {text-decoration:underline;}
	.subcontent {
		position:absolute;
		left:238px;
		right:8px;
		top:8px;
	}

	/*SEARCHED*/
	div#page_searched {
	    left: 150px;
	    right: 238px;
	}
	#page_searched .topbar {
		position:fixed;
		left:150px;
		right:238px;
		z-index:2;
		top:0px;
		padding-top:8px;
		padding-bottom:0px;
     	background: white;
	}
	/*results box*/
	#page_searched .topbar + div {
		left:0px;
     	right: 0px;
		padding-left:150px;
     	padding-right: 238px;
		padding-bottom:2em;
		top: 0px;
		padding-top: 4em;
		bottom:0px;
		position:fixed;
		overflow: scroll;
		z-index:1;
  		overflow: -moz-scrollbars-none;
  		-ms-overflow-style: none;
	}
	#page_searched .topbar + div::-webkit-scrollbar {
  		width: 0px !important;
  		height: 0px !important;
  	}
  	form#pagesearchform {
		/*margin-top: 1em;*/
		cursor:text;

		margin-top: -0.55em;
  	}
	form#pagesearchform input[type="text"] {
		padding-left:150px;    
		width: calc(100% - 150px - 30px);
	}
	#page_searched .item {
		padding-left:150px;
	}
	.searchhead {
		margin-top:2em;
		margin-bottom:1em;
     	display: block;
	}



	#archive .submenu {
		z-index:2;
		position: fixed;
    	/*height: calc(100vh - 48px);*/
    	overflow: scroll;
  		overflow: -moz-scrollbars-none;
  		-ms-overflow-style: none;
	}
	
	#archive-catalogue .submenu {
		z-index:2;
		position: fixed;
    	overflow: scroll;
  		overflow: -moz-scrollbars-none;
  		-ms-overflow-style: none;
	}
	#archive .submenu::-webkit-scrollbar {
  		width: 0px !important;
  		height: 0px !important; }

	#archive-catalogue .submenu::-webkit-scrollbar {
  		width: 0px !important;
  		height: 0px !important; }
	/*.nolink {cursor:pointer;}*/
	#archive .subcontent {
		z-index:9;
	}
	#about .subcontent {
	    left: 180px;
	    right: 30px;
	    z-index:9;
	}
	#programmes {
	    margin-right: 19px;
	    z-index: 9999;
	}
	#curatorial-programme .subcontent, #news .subcontent {
	    left: 410px;
	    right: 30px;
	}
	#archive-catalogue .subcontent {
	    left: 310px;
	    right: 30px;
    	
	}
	#archive-catalogue .subcontent .subpagecontent p:last-child {
		padding-bottom: 3em;
	}
	#about .paragraph {
		max-width: 100%;
    	width: auto;
	}
	#about .page {
		text-align:center;
	}
	#about .content_rendered {
		display:inline-block;
		margin:0 auto;
		max-width:1000px;
	}
	#curatorial-programme .content_rendered {
	    max-width: 800px;
	}
	.content_rendered.Left > div {
	    float: left;
	}
	.content_rendered.Right > div {
	    float: right;
	}
	#curatorial-programme:not(.editions) {
	    font-family: times new roman, serif;
	    font-size: 16pt;
	    line-height: 1.1;
	    letter-spacing: -0.1pt;
	}
	.first > .paragraph,
	.first > .two_paragraph {
		/*padding-top:600px;*/
		padding-top: 95px;
	}
	.externallinks {
		font-family: sans-serif;
	}
	.subcontent .submenu {
	    left: 80px;
	}
	.submenu:not(.two) {
		width: 280px;
	}
	#about .submenu:not(.two) {
		width: 180px;
	}
	.submenu.two {
		left: 300px;
		position:fixed;
		top: 8px;    
		width: 45px;
		display:none;
	}
	.submenu.two.showme {
		display:block;
	}


	/*removed for curatorial programme*/
	/*.submenu.two + div {
		width:80%;
		margin-left:20%;
	}*/
	/*#curatorial-programme .content_rendered > div {
     margin: 0px;
     display: block; 
	}*/
	.submenu span.active, 
	.anchor.active,
	.indented > .active {
	    text-decoration: underline;
	}
	/*.page:not(#previous-editions-alumni) .submenu.two {display:none;}*/
	.inline-block, .half {
	    display: inline-block;
	    vertical-align: text-top;
	    width: 50%;
	    float: left;
	}
	.inline-block.consolidated {width:100%;}
	.half {
	    width: calc(50% - 15px);
	    width: -moz-calc(50% - 15px);
	    width: -webkit-calc(50% - 15px);	
	}
	.half > .half:first-child {
    	width: calc(50% - 30px);
    	width: -moz-calc(50% - 30px);
    	width: -webkit-calc(50% - 30px);
	}
	.half > .half + .half {
	    margin-left: 30px;
	}
	.half.title > span {
	    max-width: 400px;
	    display: inline-block;
	}
	.inline-block > div {
	    margin-right: 100px;
	}
	.half.title {
	    position: fixed;
	    left: 8px;
	}

	.submenu .indented {
		padding-left:1.8em;
	}
	#filters, #filters tr, #filters td {
	    border: 0px;
	    margin: 0px;
	    padding: 0px;
	    border-spacing:0px;
	}
	.result_item {
		padding-bottom:0.5em;
	}
	td {
	    vertical-align: baseline;
	}
	#filters tr:first-child {
    	padding-bottom: 0.5em;
	}
	#filters {
	    width: 100%;    
    	padding-bottom: 1.5em;
	}
	#filters tr {
	    display:flex;
	    justify-content: space-between;
	}
	#filters .active {color:yellow;}
	#filters .active::after {
		/*content: ' ↓';*/
	}
	#filters span:not(.active)::after {
		/*content: ' ↓';*/
		/*content: ' ↑';*/
	}

	.catalogue_item .title {
	    /*text-decoration: underline;*/
	    font-size:18pt;
	    padding: 1em 0px;
	}
	.catalogue_item .code {text-transform:uppercase;}
	.catalogue_item > div:not(.enlarged):not(.output_date) {
		width:50%;
	}
	.catalogue_item > img {
		padding-top: 10px;
    	max-width: 45%;
    	right: 0px;
    	position: absolute;
    	height: auto;
    	max-height: 260px;
	}
	.catalogue_item > img.hideonmobile {cursor:pointer;}
	.catalogue_item > img.mobile {
		display:none;
		position:relative;
		right:auto;
		padding-bottom:1em;
	}
	.catalogue_item > div.enlarged {display:flex;}
	.catalogue_item.has_img {min-height:280px;}
	.catalogue_item h6 a {text-decoration:underline;}
	
	.catalogue_item {
		border-bottom:1px solid;
		padding:0.5em 0px;
		display:flex;
		flex-direction:column;
	}
	.catalogue_item.last {border-bottom:0px;}

	form#search_archive.past {
		width:230px;
	}
	form#search_archive input, form#search_archive_mobile input, select {
		border:1px solid;
		padding:10px;
		margin: 1em 0px;
		border-radius:4px;
    	font-size: 1em;
   		background: inherit;
   		color: inherit;
	}
	form#search_archive input[type="text"] {
		width: calc(100% - 22px);
		width: calc(100% - 90px);
		z-index:999;
		padding-right: 42px;
	}
	form#search_archive input#submit {
    	position: absolute;
    	top: 24px;
    	left: 240px;
    	left: 198px;
		z-index:9999;
		cursor:pointer;
	}
	form#search_archive.past input[type="text"] {
		margin: 0px;
		margin-bottom:0.5em;
	}
	form#search_archive.past input#submit {
    	left: 154px;
    	top: 1px;
    	margin: 0px;
    	
	}
	form#pagesearchform {
		border-bottom:1px solid;
		width:100%;
	}
	form#pagesearchform input {
		border:0px;
		padding:10px 0px;
		border-radius:0px;
    	font-size: 1em;
   		background: inherit;
   		color: inherit;
	}
	select {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
    	width: 100%;
    	margin-top:0.5em;
    	margin-bottom:0px;
	}
	form#search_archive_mobile {width:100%;}
	input:focus {outline:none;}
	input#submit {
   		border: 0px !important;
   		outline: 0px;
	}
	form#search_archive_mobile input[type="text"] {
		width: calc(100% - 68px);
		width: -moz-calc(100% - 68px);
		width: -webkit-calc(100% - 68px);
	}
	form#search_archive_mobile input[type="submit"] {
		width:40px;
	}
	::-webkit-input-placeholder {color: inherit;}
	:-moz-placeholder {color: inherit;}
	::-moz-placeholder {color: inherit;}
	:-ms-input-placeholder {color: inherit;}
	
	#archive-catalogue .pointer {cursor:pointer;}
	#archive-catalogue .content_rendered {padding-bottom:0px;}
	.output_date {
		    display: flex;
    		align-items: flex-end;
    		width: 100%;
    		flex-grow: 1;
    		vertical-align: bottom;
    		padding-top:1em;
	}
	.loadmore {
		border-top:1px solid;
		padding-top:0.5em;
		padding-bottom:1em;
		cursor:pointer;
		text-align: center;
	}
	.topbar {
		padding-bottom:1em;
		/*border-bottom:1px solid;*/
		/*position:fixed;*/
		/*display:block;*/
	}
	.topbar + div {
		/*padding-top:2em;    */
		/*margin-top: 5px;*/
	}
	#filters a:hover {
		text-decoration:none;
	}
	#filters a:hover .term {
		text-decoration:underline;
	}
	.arrow.opaque {opacity:0;}
	#archive-catalogue strong {
		font-weight:normal;
		text-decoration:underline;
	}
	#pagesearch {
    	position: absolute;
    	z-index: 999;
	}
	#pagesearch .submenu {
		z-index:-1;
	}
	#pagesearch .highlight {
		color:fuchsia;
	}
	#archive-catalogue #searched em , #archive-catalogue #searched .highlight {font-style:normal;font-family:'Pomme Regular';color:yellow;}
	@media only screen and (max-width : 1024px)  {
		.catalogue_item > img.hideonmobile {display:none !important;}
		.catalogue_item > img.mobile {display:block !important;max-width:100%;max-height:none;}
		.catalogue_item > div:not(.enlarged):not(.output_date) {width:100%;}
		.catalogue_item.has_img {min-height:none;}
		.catalogue_item > div.enlarged {display:none;}
		.catalogue_item > img {
			padding-top:0px;
		}
		/*SEARCHED*/
		div#page_searched {
		    left: 150px;
		    right: 35px;
		}
		#page_searched .topbar {
			left: 150px;
			right: 35px;
		}
		/*results box*/
		#page_searched .topbar + div {
			padding-left:150px;
     		padding-right: 35px;
		}
  		form#pagesearchform {
			/*margin-top: 1em;*/
			margin-top: -0.55em;
  		}
		form#pagesearchform input[type="text"] {
			margin-left:150px;    
			width: calc(100% - 150px - 30px);
		}
		#page_searched .item {
			padding-left:150px;
		}
	}
	@media only screen and (min-width : 767px)  {
		div#contents {
		    overflow: scroll;
		    position: fixed;
		    bottom: 0px;
		    top: 50px;
		    margin-right: 30px;
		    border-top: 1px solid;
  			overflow: -moz-scrollbars-none;
  			-ms-overflow-style: none;
		}
		div#contents::-webkit-scrollbar {
			width: 0px !important;
  			height: 0px !important; 
		}
		#searched div#contents {
			top: 78px;
			left: 310px;
    		right: 0px;
		}

	}
	@media only screen and (max-width: 767px)  {
		.hideonmobile {display:none !important;}
		.subcontent:not(.recently_added) .catalogue_item.first {
		    border-top: none;
		}
		#archive-catalogue .content_rendered {padding-top:0.5em}
		select#added_cats {
			margin-left:0px !important;
			width:100% !important;
		}	
		.paddingleftSearchresults {
			padding-left:0px;
			padding-top:0.5em;
			display: block;
		}
		/*SEARCHED*/
		div#page_searched {
		    left: 8px;
		    right: 8px;
		}
		#page_searched .topbar {
			left: 8px;
			right: 8px;
		}
		/*results box*/
		#page_searched .topbar + div {
			padding-left:8px;
			top: 0px;
			padding-top: 4em;
		}
		
  		form#pagesearchform {
			margin-top: 1em;
  		}
		form#pagesearchform input[type="text"] {
			margin-left:100px;    
			width: calc(100% - 100px - 30px);
		}
		#page_searched .item {
			padding-left:100px;
		}
	}

	/******************************/
	/* Page contents */

	/* Programme */
	#background_video, #background_image, #background_color {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background-size: cover;
		background-position: center center;
		background-repeat:no-repeat;
		border:0px;
		outline:0px;
		z-index: -3;
	}
	/*#background_video {
		width: 200%;
    	height: 200%;
    	top: -50%;
    	left: -50%;
	}*/
	#animated {
	    position: fixed;
	    top: 8px;
	    /*left: 284px;*/
	    /*width: calc(100% - 292px);
	    width: -moz-calc(100% - 292px);
	    width: -webkit-calc(100% - 292px);*/
	    width:100%;
	    height: calc(100% - 16px);
	    height: -moz-calc(100% - 16px);
	    height: -webkit-calc(100% - 16px);
		/*z-index:-2;*/
		z-index:99999;
	}
	#animated.foreground {
		z-index:9;
	}
	.animate {
		position:absolute;
		cursor:pointer;
		z-index: 99999;    
		display: inline-block;
	}

	main > div {margin:8px;}
	.wrapper, #animated {
		pointer-events:none !important;
	}
	a.programme {
		/* display:block; */
		/*margin-bottom:8px;*/
		
		display: inline-block;
    	vertical-align: top;
    	margin:0px 8px 8px 0px;
    	float:none;

		text-decoration: none;
		z-index: 99999;
		padding:8px;
		border-radius: 5px;
		border:1px solid black;
		background:white;
		width:250px;
		color:black;
		cursor:pointer;
	}
	a.programme .thetitle {
		    padding: 15px 0px 15px 0px;
	}
	

	/*a.programme:hover {background:black;color:white;}*/
	a.programme:hover .preview, 
	.subcontent  a:hover .preview,
	div.nolink:hover .preview {opacity:1;}
	.preview, .enlarged {
		opacity:0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
	    position: fixed;
	    height:600px;
	    top: 50%;
	    left: 50%;
	    margin-top: -300px;
	    pointer-events: none;
	    -webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	    text-align: center;    
	    z-index: 99999;
	}
	.preview {
		width:1000px;
		margin-left:-500px;
		z-index:-1;
	}

	.preview.showme {
		opacity:1;
	}
	
	.enlarged > div:not(.caption) {
		display:table;
		margin:0 auto;
	}
	.enlarged > div:not(.caption)  > .caption {
		display:table-caption;
		caption-side: bottom;
	}
	.programmes {
		position:absolute;
		z-index:99999;
	}
	#archive .preview {
	    z-index:-1;
	}
	.preview img, .enlarged img {
		display:inline-block;
		margin: 0 auto;
		max-height:calc(100vh - 120px);
		max-width:calc(100vw - 120px);

     	max-width: 100%;
	}
	.enlarged {display:block;opacity:1;pointer-events: all;cursor:pointer;z-index:999;}
	.caption {text-align:left;}
	.enlarged .caption {background-color:white;}
	.inline-block > a {
		display:block;
		color:black;
		text-decoration:none;
	}
	.inline-block > a:hover div:first-child, .submenu > a.active {text-decoration:underline;}
	/*#about .submenu > a.active {
		text-decoration:none;
		padding-left: 15px;
	}*/


	.enlarged {
		width: 100vw !important;
    	margin-left: -50vw !important;
    	height: 100vh !important;
    	margin-top: -50vh !important;
    	top: 50% !important;
    	left: 50% !important;
    	display: flex !important;
	}
	#single > div {
	    min-height: calc(100% - 16px);
	    min-height: -moz-calc(100% - 16px);
	    min-height: -webkit-calc(100% - 16px);
	    display: block;
	    position: absolute;
	    width: calc(100% - 16px);
	    width: -moz-calc(100% - 16px);
	    width: -webkit-calc(100% - 16px);
	    top: 0px;
	    left: 0px;
	    padding: 8px;
	    text-align:center;
	}
	div#background {
	    position: fixed;
	    z-index: -2;
	    width: 100%;
	    height: 100%;
	    left: 0px;
	    top: 0px;    
	    background-size: cover;
    	background-position: center center;
	}
	div#background.programme {z-index:-4;}
	.half, .content {text-align:left;}
	#single .content {
		display:inline-block;
		margin:0 auto;
		padding-top: 14pt;
		text-align:center;
    	padding-bottom: 30px;
    	max-width: 100%;
	}
	div.gallery {
	    display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flex !important;
		display: flex !important;
    	justify-content: -webkit-center;
    	justify-content: -moz-center;
    	justify-content: center;
	    flex-wrap: -webkit-wrap;
	    flex-wrap: -moz-wrap;
	    flex-wrap: wrap;
	    -webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	    text-align: center;
	    padding-bottom:14pt;
	}
	.gallery_image {
		width: 120px;
    	height: 120px;
    	padding: 20px 40px;
    	display: -webkit-flex !important;
		display: -moz-flex !important;
		display: -ms-flex !important;
		display: flex !important;
    	justify-content: -webkit-center;
    	justify-content: -moz-center;
    	justify-content: center;
	    flex-wrap: -webkit-wrap;
	    flex-wrap: -moz-wrap;
	    flex-wrap: wrap;
	    -webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
    	cursor: pointer;
    	display: inline-block;
	}	
	img {
    	max-height: 100%;
    	max-width: 100%;
    }
	div.image {
		/*max-height:600px;*/
		max-width:600px;
	    padding-bottom:14pt;
	}
	/*.content p {
	    width: 800px;
	    margin: 0 auto;
	    display: inline-block;
	    text-align: left;
	}*/
	
	.content_rendered {
		width:100%;
		text-align:center;
		display:block;
		padding-bottom:50px;
    	max-width: 100%;
	}
	.content_rendered > div {
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		/*LAST FIXES*/
    	/*margin-right: 30px;*/
		padding-bottom:30px;
	}
	.paragraph {
		width:1000px;
		max-width:100%;
	}
	#archive-catalogue .paragraph {width:auto;}
	.two_paragraph {
		width:1200px;
		max-width: calc(100% - (2 * 14pt));
		max-width: -moz-calc(100% - (2 * 14pt));
		max-width: -webkit-calc(100% - (2 * 14pt));
	}
	.two_paragraph > div {
		float:left;
		width: calc((100% - (2 * 14pt)) / 2);
		width: -moz-calc((100% - (2 * 14pt)) / 2);
		width: -webkit-calc((100% - (2 * 14pt)) / 2);
		display:inline-block;
		vertical-align: text-top;
	}
	.two_paragraph > div + div {
	    margin-left: calc(2 * 14pt);
	    margin-left: -moz-calc(2 * 14pt);
	    margin-left: -webkit-calc(2 * 14pt);
	}
	.paragraph.indented  {
	    padding-left: calc(14pt * 3);
	    padding-left: -moz-calc(14pt * 3);
	    padding-left: -webkit-calc(14pt * 3);
	}
	.paragraph.indented {
    	width: auto;
	}
	ng-map {
		width: 600px;
    	height: 450px !important;
	}
	img.alignnone {
	    display: block;
	    margin-bottom: 1em;
	}
	.thenews h6 a, .thenews a {
	    color:blue;
	}
	.thenews .loadmore {
		border-top:0px;
		cursor:pointer;
		text-decoration:underline;
	}
	ng-map > label {
	    position: absolute;
	    z-index: 99;
	    padding: 8px;
	    margin:8px;
	    background: white;
	    border:1px solid black;
	    border-radius: 4px; 
	    border: 1px solid black; 
	    color: black;
	    width: calc(600px - 34px);
	    width: -moz-calc(600px - 34px);
	    width: -webkit-calc(600px - 34px);
	}
	img.alignright { float: right; margin: 3px 0 8px 8px;    max-height: 291px;
 }
	img.alignleft { float: left; margin: 3px 8px 8px 0;    max-height: 291px;
 }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto;    max-height: 291px;
 }
	.alignright { float: right; }
	.alignleft { float: left; }
	.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	
	/******************************/
	/* Typography */

	a {color:inherit;text-decoration:none;}
	.paragraph a, .two_paragraph a {text-decoration:underline;}
	/*.language,*/
	h6, h5,
	ng-map > label,
	.caption {
		font-size:11pt;
		font-weight:normal;
	}
	.caption {
		margin-top: -5px;
    	padding: 4px;
	}
	p + p, 
	p + h6,
	h5 + h5,
	.column + h6,
	.column + p {padding-top:30px;}
	h1,h2,h3,h4,h5,h6 {
		-webkit-margin-before: 0px;
   		-webkit-margin-after: 0px;
   		margin: 0px;
   	}
   	a.programme p {
	    padding-bottom: 0px;
	}

	/******************************/
	/* Interactive */

	[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	  display: none !important;
	}
	
	.mobile {display:none;}

	/******************************/
	/* Responsive */

	#mobilewindow {
		padding:8px;
		border-radius: 5px;
		border:1px solid black;
    	position: fixed;
    	bottom:8px;
    	left:8px;
    	background:white;

		height: 21pt;
		width: calc(100% - 34px);
		width: -moz-calc(100% - 34px);
		width: -webkit-calc(100% - 34px);
		overflow:hidden;
		z-index:99999;
		box-shadow: 0px 2px 10px slategrey;

		transition: 200ms all linear;
		-webkit-transition: 200ms all linear;
		-moz-transition: 200ms all linear;
	}
	#mobilewindow.relative {
		height: auto;
		padding-top:8px;
		overflow:scroll;
	}
	#mobilewindow.relative #mobilemenu {
		position:relative;
		bottom:0px;
	}

	.relative #mobilemenubutton {width:100%;}
	#mobilemenu {
    	position: absolute;
    	bottom:8px;
    	width:100%;
	}
	#mobilemenu a {display:block;height: 21pt;
    text-transform: uppercase;}
	#mobilemenu .abbr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}
	#mobilemenu .abbr a {display:inline-block;}
	#mobilemenubutton {
		text-align:center;
		height: 21pt;
    	margin-top: 10px;
		cursor:pointer;
		width: calc(100% - 16px);
		width: -moz-calc(100% - 16px);
		width: -webkit-calc(100% - 16px);
    	padding-bottom: 2px;
	}
	#mobilemenubutton > div {
	    width: 4px;
	    height: 4px;
	    display: inline-block;
	    margin: 0 auto;
	    border: 1px solid black;
	    border-radius: 50%;
	}


	/*iPad*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
		
		#window {display:none;}
		#mobilewindow, #mobilemenu {
			display:block;
		}
		#mobilewindow {
			width:450px;
		}
		p {
		    padding-bottom: 30px;
		}
		.two_paragraph {width:auto;}
		.two_paragraph > div {
		    width: calc((100% - (2 * 14pt) - 40px) / 2);
		    width: -moz-calc((100% - (2 * 14pt) - 40px) / 2);
		    width: -webkit-calc((100% - (2 * 14pt) - 40px) / 2);
		}
		.submenu + .submenu + .subcontent {
			left: 318px;
		}
		.subcontent {
			padding-bottom:40px;
		}
		
	}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait)  { 
		#window {display:none;}
		#mobilewindow, #mobilemenu {
			display:block;
		}
		#mobilewindow {
			width:450px;
		}
		p + p {padding-top:0px;}
		em, i, span {
		    word-wrap: break-word;
		    display: inherit;
		    display:inline;
		}
		.submenu.two {
		    width: 100%;
		    padding-bottom: 30px;
		    display:block;
		}
		.submenu.two a {
		    display: inline-block;
		    width: 50%;
		    text-align: center;
		}
	
		/*#about .subcontent,
		#other .subcontent {
			left: 150px;
		}
		#curatorial-programme .submenu {
			position:relative;
			display:inline-block;
			vertical-align: text-top;
			margin-right:30px;
		}
		#curatorial-programme .submenu + .submenu {left:auto;}
    	#curatorial-programme .subcontent, #news .subcontent {position:relative;display:block;left:auto;top:auto;right:auto;}*/
    	/*#curatorial-programme .subcontent, #news .subcontent {margin-top:32px;}*/
    	
    	#archive .submenu,
	#archive-catalogue .submenu {z-index:1;}
    	#archive .subcontent {z-index:2;}
		#curatorial-programme .submenu + .submenu {
			position:absolute;
			top:8px;
			left:315px;
		}
    	#about .submenu, #about .subcontent,
    	#curatorial-programme .submenu, #curatorial-programme .subcontent, #news .subcontent, #archive-catalogue .subcontent,
    	#news .submenu, #news .subcontent,
    	#librarydatabase .submenu, #librarydatabase .subcontent {position:relative;display:block;left:auto;top:auto;right:auto;}
		#about .subcontent,
		#curatorial-programme .subcontent, #news .subcontent, #archive-catalogue .subcontent,
		#news .subcontent, #librarydatabase .subcontent  {margin-top:32px;}

		#curatorial-programme .enlarged {
		    left: calc(50% - 119px);
		    left: -moz-calc(50% - 119px);
		    left: -webkit-calc(50% - 119px);
		}
		#archive .subcontent {
		    left: 150px;
		}
		.indented .paragraph {padding-left:0px;}
		.two_paragraph {
		    width: 600px;
		}
		.two_paragraph > div + div {
			margin-left: 20px;
		}
		.two_paragraph > div {
			width:calc(50% - 10px);
			width:-moz-calc(50% - 10px);
			width:-webkit-calc(50% - 10px);
		}
		.inline-block, .half {
			width: calc(50% - 15px);
			width: -moz-calc(50% - 15px);
			width: -webkit-calc(50% - 15px);
		}
		.inline-block + .inline-block, .half > .half + .half {
		    margin-left: 30px;
		}
		p > iframe, h6 > iframe {
			width:100%;
			height:100%;
		}
	}
	/*iPhone*/
	@media only screen and (max-width: 767px) { 
		.subpagecontent {padding-top:0.5em;}	
		#archive .subcontent, #archive .submenu {
   			 top: 61px;
		}
		#archive .submenu {
			height: -webkit-calc(100vh + -122px) !important;
		}
		form#search_archive.past {
			position:fixed;
			z-index:99999 !important;
		}
		form#search_archive.past input {
			z-index:99999 !important;
			background:white;
		}
		#archive .subcontent {
			z-index:9999 !important;
		}
	}

	
	@media only screen and (max-width: 767px) and (orientation:portrait) { 	
		.first > .paragraph,
		.first > .two_paragraph {
			padding-top:0px;
		}
		/*.wrapper {display:none;}*/
		div#loader {
		    position: fixed;
		}
		p > iframe, h6 > iframe {
			width:100%;
			height:100%;
		}
		.inline-block > div {
		     margin-right: 0px; 
		}
		#archive .submenu,
		#archive-catalogue .submenu {
			height: calc(100vh + -78px);
			height: -moz-calc(100vh + -78px);
			height: -webkit-calc(100vh + -78px);
		}
		#archive-catalogue .submenu {
		    width: 100%;
    		height: auto;
    		position: relative;
		}
		#archive-catalogue .subcontent {margin-top:0px !important;}
		.topbar a.mobile {display:inline;}
		#animated {
			display:none;
		}
		#programmes {
	    	position: relative;
	    	top: auto;
	    	left: auto;
	    	right: auto;
	    	margin:0px;
		}
		a.programme {
			margin:0px 0px 8px 0px;
			width: calc(100% - 18px);
    		width: -moz-calc(100% - 18px);
    		width: -webkit-calc(100% - 18px);
		}

		/*a.programme.last {
		    margin-bottom: calc(21pt + 34px);
		    margin-bottom: -moz-calc(21pt + 34px);
		    margin-bottom: -webkit-calc(21pt + 34px);
		}*/
		.wrapper {
		    margin-top: -70px;
    		margin-bottom: 80px;
    		margin-left:-20px;
		}

	
		p {padding-bottom:30px;}
		.fix_content p {padding-bottom:0px;}
		.fix_content {padding-bottom:30px;}
		p + p {padding-top:0px;}
		em, i, span {
		    word-wrap: break-word;
		    display: inherit;
		    display:inline;
		}
		p img + span {
		    display: inline-block;
		    width: calc(100% - 128px);
		    width: -moz-calc(100% - 128px);
		    width: -webkit-calc(100% - 128px);
		}
		/*p > em, p > i, p > span {
			display: inherit;
		}*/
		.caption {

			margin-top: 0px;
			padding:0px;
    		padding-bottom: 4px;
		}
		a.programme span {
			display:inline;
		}
		.submenu.two {
		    width: 100%;
		    padding-bottom: 30px;
		    display:block;
		}
		.submenu.two a {
		    display: inline-block;
		    width: 50%;
		    text-align: center;
		}
		.half > .half:first-child {
			width:100%;
		}
		div#background {
			width:100% !important;
			height:1000px !important;
		}
    	#archive .submenu,
	#archive-catalogue .submenu {z-index:1;}
    	#archive .subcontent {z-index:2;    padding-bottom: 64px; 
    top: 61px;}
		.mobile, #mobilewindow {display:block;}
		#background_video,
		img.animate,
		#window, .hideonmobile, .preview {display:none;}
		
		.content_rendered > div {
			margin-right: 0px;
		}
		#animated {
			display:block;
			position:relative;
			top:auto;
			left:auto;
    		width: auto;
    		height: auto;
    		padding-bottom: 8px;
    		z-index:99999;
    	}
    	.language {display:none;}
    	#mobilemenu a.language {
     		display: block;
    		position: absolute;
    		top: 0px;
    		right: 0px;
    		z-index:99999;
    	}
		div.animate {
			left:auto !important;
			top:auto !important;
			bottom:auto !important;
			right:auto !important;
			position:relative;
			display:block;
			text-align:center;
			margin-bottom: 8px;
		}
		main {
		    padding-bottom: calc(11pt + 32px);
		    padding-bottom: -moz-calc(11pt + 32px);
		    padding-bottom: -webkit-calc(11pt + 32px);
		}
		.half, .half > .half, .half > .half + .half {
		    width: 100%;
		    float: none;
		    margin-left:0px;
		    margin-bottom: 16px;
		}
		.paragraph, .two_paragraph {width:100%;}
		.two_paragraph > div + div, .two_paragraph > div {width:100%;margin-left:0px;}
		.indented .paragraph {
		    padding-left: 0px;
		}
		.subcontent {
		    position: absolute;
		    left: 70px;
		    top: auto;
		    right: 8px;
		    padding-bottom:40px;
		}
		.subcontent .inline-block {
			display:block;
			width:100%;
			float:none;
		}
		
		.archivebreak {
			overflow:hidden;
			height:11pt;
    		display: block;
    	}
    	

    	#about .submenu, #about .subcontent,
    	#curatorial-programme .submenu, #curatorial-programme .submenu.two, #curatorial-programme .subcontent, #news .subcontent, #archive-catalogue .subcontent,
    	#librarydatabase .submenu, #librarydatabase .subcontent,
    	#news .submenu, #news .subcontent  {
    		position:relative;
    		display:block;
    		left:auto;
    		top:auto;
    		right:auto;
    	}
    	.subcontent .inline-block + .inline-block,
		#about .subcontent,
		#curatorial-programme .subcontent, #news .subcontent, #archive-catalogue .subcontent,
		#curatorial-programme .submenu + .submenu,
		#other .subcontent,
		.two_paragraph > div + div {margin-top:32px;}
		.content_rendered > div.gallery {
			width:100% !important;
			display:block !important;
		}
    	.content_rendered > div.gallery > .gallery_image {
    		height: auto;
		    width: 100%;
		    padding: 0px;
		    display:block !important;
		}
		.paragraph.indented {
			padding-left: 0px;
		}
		.caption {
		    margin-top: 6px;
		    margin-bottom: 8px;
		}
		img.alignleft {
		    float: none;
    		display: block;
		}
		.half.title {
		    left: 8px;
		    position:fixed;
    		width: calc(100% - 16px);
    		width: -moz-calc(100% - 16px);
    		width: -webkit-calc(100% - 16px);
		}
		.map {
			width: calc(100% - 16px);
    		width: -moz-calc(100% - 16px);
    		width: -webkit-calc(100% - 16px);
		}
		ng-map {
    		/*width: calc(100% - 16px);
    		width: -moz-calc(100% - 16px);
    		width: -webkit-calc(100% - 16px);*/
    		/*width:300px;*/
    		width:100%;
    		height:450px;
		}
		ng-map > label {
			width: 83%;
		}
		#background_video, #background_image, #background_color, #background {
			height:1242px;
			bottom:auto;
		}
	}
	@media only screen and (max-width: 767px) and (orientation:landscape) { 	
		body {
			/*color:green;*/
			/*font-size: 16pt;*/
		}
	}
	form#search_archive input, form#search_archive.past input,
	form#search_archive_mobile input {
	    border: 0px;
	    padding: 0px;
	    margin: 0px;
	    -webkit-appearance: none;
	}

	form#search_archive, form#search_archive.past, form#search_archive_mobile {
	    border: 1px solid;
	    padding: 10px;
	    margin: 0px;
    	margin-bottom: 0.5em;
	    border-radius: 4px;
	    font-size: 1em;
	    background: inherit;
	    color: inherit;
	    width: calc(100% - 100px);
	}
	form#search_archive:not(.past), form#search_archive_mobile {
		width: calc(100% - 51px);
		margin-top: 1em;
		margin-bottom:1em;
	}
	form#search_archive input#submit,
	form#search_archive_mobile input#submit,
	form#search_archive.past input#submit, span#submit {
	    position:relative;
	    top:auto;
	    left:auto;
    	float: right;
	}
	form#search_archive input[type="text"],
	form#search_archive_mobile input[type="text"],
	form#search_archive.past input[type="text"] {
	    margin-bottom: 0px;
	    width: calc(100% - 20px);
	    padding-right:0px;
	}
	
	    	
	@media only screen and (max-width: 767px) { 	
		.fix_desktop {display:none;}

		#searchicon {display:none;}
		form#search_archive.past {background:white;}	
		form#search_archive, form#search_archive.past, form#search_archive_mobile {    width: calc(100vw - 40px);}
		#archive-catalogue .submenu {
			padding-bottom: 0.5em;
		}
		form#search_archive_mobile input[type="text"] {
			width: calc(100% - 40px);
		}
	}

	/*@media screen and ( max-height: 568px ){
			#mobilewindow.relative {
    			height: calc(100% - 34px);
    			height: -moz-calc(100% - 34px);
    			height: -webkit-calc(100% - 34px);
			}
			#mobilewindow.relative #mobilemenu {
			    position: absolute;
			    bottom: 0px;
			    width: calc(100% - 16px);
			    width: -moz-calc(100% - 16px);
			    width: -webkit-calc(100% - 16px);
			    overflow: scroll;
			    top: 0px;
			    padding-top: 8px;
			    vertical-align: text-bottom;
			}
			#mobilemenu > div {
			    overflow: scroll;
			}
			.relative #mobilemenubutton {
				width:100%;
				padding-bottom: 8px;
				position: absolute;
    			bottom: 2px;
			}
	}*/