/* Import resets and basic styling */
@import "/gui/css/basic.css";

@media screen, projection {
	/* THEMES
* 1 = Etnografiska
* 2 = Medelhavs
* 3 = Östasiatiska
* 4 = Världskultur
============================================================================================= */
	/* Movie modules have black background unless overridden by a theme class */
	.m.movie {
		background-color:#000;
	}
	.m.image {
		background-color:transparent;
		background-repeat:no-repeat;
	}
	.m-5.image {
		background-position:center center;
		background-size:cover;
	}
	.m.theme-1,
	.theme-1 .tabs .sel {
		color:#000;
		background-color:#e9a30e;
	}
	.m.theme-2,
	.theme-2 .tabs .sel {
		color:#fff;
		background-color:#00a0b6;
	}
	.m.theme-3,
	.theme-3 .tabs .sel {
		color:#fff;
		background-color:#c72334;
	}
	.m.theme-4,
	.theme-4 .tabs .sel {
		color:#fff;
		background-color:#ef7a22;
	}
	.theme-1 .tabs {
		border-bottom-color:#e9a30e;
	}
	.theme-2 .tabs {
		border-bottom-color:#00a0b6;
	}
	.theme-3 .tabs {
		border-bottom-color:#c72334;
	}
	.theme-4 .tabs {
		border-bottom-color:#ef7a22;
	}

	.theme-2 a:hover,
	.theme-2 a:focus,
	.theme-2 a:active {
		color:#004049;
	}

	/* Override tab colours on listing pages
-------------------------------------------------------------- */
	.tabs[role] li[data-museum="museum-all"],
	.tabs[role] li[data-museum="museum-varldskulturmuseerna"],
	.tabs[role] li[data-museum="museum-bergrummet"] {
		background:#c9cacd;
	}
	.tabs[role] li[data-museum="museum-all"] > a,
	.tabs[role] li[data-museum="museum-varldskulturmuseerna"] > a,
	.tabs[role] li[data-museum="museum-bergrummet"] > a {
		color:#444;
	}
	.tabs[role] li[data-museum="museum-all"] > a:hover,
	.tabs[role] li[data-museum="museum-all"] > a:focus,
	.tabs[role] li[data-museum="museum-varldskulturmuseerna"] > a:hover,
	.tabs[role] li[data-museum="museum-varldskulturmuseerna"] > a:focus,
	.tabs[role] li[data-museum="museum-bergrummet"] > a:hover,
	.tabs[role] li[data-museum="museum-bergrummet"] > a:focus {
		color:#000;
	}
	.tabs[role] li[data-museum="museum-etnografiska"] {
		background:#e9a30e;
	}
	.tabs[role] li[data-museum="museum-etnografiska"] > a {
		color:#000;
	}
	.tabs[role] li[data-museum="museum-ostasiatiska"] {
		background:#c72334;
	}
	.tabs[role] li[data-museum="museum-ostasiatiska"] > a {
		color:#fff;
	}
	.tabs[role] li[data-museum="museum-medelhavet"] {
		background:#00a0b6;
	}
	.tabs[role] li[data-museum="museum-medelhavet"] > a {
		color:#fff;
	}
	.tabs[role] li[data-museum="museum-varldskulturmuseet"] {
		background:#ef7a22;
	}
	.tabs[role] li[data-museum="museum-varldskulturmuseet"] > a {
		color:#fff;
	}
	.tabs[role] li[data-museum].sel > a {
		text-decoration:underline;
	}


	/* LAYOUT
 * Common layout and specific layouts based on body layout classes
============================================================================================= */
	#body {
		padding:8px;
	}
	#main {
		min-width:960px;
		max-width:1280px;
		margin:0 auto;
		background:#fff;
	}
	#header {
		position:relative;
		z-index:5;
		padding:0 8px;
		background:#fff;
	}
	#header .wrap {
		position:relative;
		min-width:960px;
		max-width:1280px;
		margin:0 auto;
	}
	#header.active + #main {
		padding-top:22em;
	}
	#footer {
		clear:both;
		padding:0 8px;
		border-top:1px solid #c9cacd;
		-moz-box-shadow:0 -2px 4px #eee;
		-ms-box-shadow:0 -2px 4px #eee;
		-o-box-shadow:0 -2px 4px #eee;
		-webkit-box-shadow:0 -2px 4px #eee;
		box-shadow:0 -2px 4px #eee;
		background:#fff;
		font-size:14px;
	}
	#footer .wrap {
		min-width:960px;
		max-width:1280px;
		margin:0 auto;
		padding-bottom:10px;
	}

	/* Layout-1
 * Regular content page
-------------------------------------------------------------- */
	.layout-1 #content-1 {
		float:left;
		width:640px;
	}
	.layout-1 #content-2 {
		float:right;
		width:640px;
	}
	/* Layout-7
 * Small centered content area
-------------------------------------------------------------- */
	.layout-7 #content-1 {
		width:300px;
		margin:50px auto 0;
		padding:40px 40px;
		border:1px solid #c9cacd;
	}


	/* Layout-2
 * Search
-------------------------------------------------------------- */
	.layout-1 #content-3 {
		float:left;
		width:100%;
	}

	/* LAYOUT CLASSES
============================================================================================= */


	/* Read more-links
-------------------------------------------------------------- */
	.read-more {
		text-align:right;
	}
	.read-more a span {
		position:absolute;
		left:-9999px;
	}


	/* Paging
-------------------------------------------------------------- */
	.paging {
		margin:0 0 2em;
		text-align:center;
	}
	.paging h2,
	.paging h3 {
		margin:0 0 0.5em;
	}
	.paging strong {
		display:block;
	}
	.paging a:link,
	.paging a:visited,
	.paging .ellipsis,
	.paging .sel {
		display:inline-block;
		min-width:1.3em;
		margin:0 4px 5px 0;
		padding:0.3em 0.5em;
		border:1px solid #666;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		color:#000;
		text-decoration:none;
		text-align:center;
	}
	.paging a:hover,
	.paging a:focus,
	.paging a:active {
		background:#eee;
	}
	.paging em {
		border-color:#c9cacd;
		background:#eee;
		font-weight:bold;
		font-style:normal;
	}
	.paging .ellipsis {
		border-color:#fff;
	}
	.paging .comma {
		position:absolute;
		left:-9999px;
	}


	/* MODULES
 * m-1 = small, one column wide, one column high
 * m-1b =         --"--          two columns high
 * m-2 = normal, two columns wide, one column high
 * m-2b =         --"--            two columns high
 * m-3 = larger, three columns wide, one column high
 * m-3b =         --"--              two columns high
 * m-4 = wide, four columns wide, one column high
 * m-4b =         --"--           two columns high
============================================================================================= */
	.m {
		position:relative;
		float:left;
		margin-right:3px;
		margin-bottom:3px;
		color:#fff;
		background-color:#000;
	}
	a.m:hover .m-inner,
	a.m:focus .m-inner {
		background:rgba(255,255,255,0.15);
	}
	a.m {
		color:inherit;
		text-decoration:none;
	}
	a.m:focus {
		outline:1px solid rgb(0,0,0); /* IE < 9 */
		outline:1px solid rgba(0,0,0,0.5);
	}
	.theme-1 a:hover,
	.theme-1 a:focus,
	.theme-2 a:hover,
	.theme-2 a:focus,
	.theme-3 a:hover,
	.theme-3 a:focus,
	.theme-4 a:hover,
	.theme-4 a:focus {
		color:#000;
	}
	.m-0 {
		height:auto;
		min-height:153px;
	}
	.m-1,
	.m-2,
	.m-3,
	.m-4 {
		min-height:309px;
	}
	.m-1b,
	.m-2b,
	.m-3b,
	.m-4b {
		min-height:621px;
	}
	.m-1,
	.m-1b {
		width:157px;
	}
	.m-2,
	.m-2b {
		width:317px;
	}
	.m-3,
	.m-3b {
		width:477px;
	}
	.m-4,
	.m-4b {
		width:637px;
	}
	.m-5 {
		width:1277px;
		min-height:621px;
	}

	/* Image modules */
	.m-0.image {
		height:153px;
	}
	.m-1.image,
	.m-2.image,
	.m-3.image,
	.m-4.image {
		height:309px;
		-moz-transition:-moz-transform 0.3s ease-in-out;
		-webkit-transition:-webkit-transform 0.3s ease-in-out;
		-o-transition:-o-transform 0.3s ease-in-out;
		-ms-transition:-ms-transform 0.3s ease-in-out;
		transition:transform 0.3s ease-in-out;
	}
	.m-1b.image,
	.m-2b.image,
	.m-3b.image,
	.m-4b.image,
	.m-5.image {
		height:621px;
		-moz-transition:-moz-transform 0.5s ease-in-out;
		-webkit-transition:-webkit-transform 0.5s ease-in-out;
		-o-transition:-o-transform 0.5s ease-in-out;
		-ms-transition:-ms-transform 0.5s ease-in-out;
		transition:transform 0.5s ease-in-out;
	}
	.m.image .m-inner {
		width:100%;
		height:100%;
	}
	/* ...animate after loading (when this class goes away) */
	.m-1b.image.loading,
	.m-2b.image.loading,
	.m-3b.image.loading,
	.m-4b.image.loading,
	.m-5.image.loading {
		-moz-transform:rotateY(90deg);
		-webkit-transform:rotateY(90deg);
		-o-transform:rotateY(90deg);
		-ms-transform:rotateY(90deg);
		transform:rotateY(90deg);
	}
	.m-1.image.loading,
	.m-2.image.loading,
	.m-3.image.loading,
	.m-4.image.loading {
		-moz-transform:rotateX(90deg);
		-webkit-transform:rotateX(90deg);
		-o-transform:rotateX(90deg);
		-ms-transform:rotateX(90deg);
		transform:rotateX(90deg);
	}
	/* Clickable text modules */
	.m-0.text .m-inner {
		min-height:153px;
	}
	.m-1.text .m-inner,
	.m-2.text .m-inner,
	.m-3.text .m-inner,
	.m-4.text .m-inner {
		min-height:309px;
	}
	.m-1b.text .m-inner,
	.m-2b.text .m-inner,
	.m-3b.text .m-inner,
	.m-4b.text .m-inner {
		min-height:621px;
	}
	.m.text .m-h {
		padding:14px;
		background:transparent;
	}

	/* Module headers */
	.m-h {
		padding:8px 12px;
		color:#fff;
		background:rgb(0,0,0); /* IE < 9 */
		background:rgba(0,0,0,0.7);
		text-align:left;
		word-wrap:break-word;
	}
	.image .m-h {
		position:absolute;
		right:0;
		bottom:0;
	}
	.image .m-h > div strong {
		font-weight:normal;
	}
	.m-0 .m-h,
	.m-1 .m-h,
	.m-1b .m-h {
		max-width:133px;
	}
	.m-2 .m-h,
	.m-2b .m-h {
		max-width:293px;
	}
	.m-3 .m-h,
	.m-3b .m-h {
		max-width:453px;
	}
	.m-4 .m-h,
	.m-4b .m-h {
		max-width:613px;
	}
	.m.movie .m-h {
		position:absolute;
		bottom:0;
		right:0;
	}
	.m.movie .m-h > div {
		margin:3px 10px 0 0;
	}
	.m-h h1,
	.m-h h2 {
		margin-bottom:0;
	}
	.m-h h1,
	.m-h h2 {
		margin-top:0;
		color:inherit;
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
		hyphens:auto;
	}
	.m-c h1,
	.m-c h2 {
		text-shadow:0 -1px 1px rgba(0,0,0,0.2);
	}
	.m-h h2 a {
		color:inherit;
	}

	body.theme-2 .theme-1 .m-h,
	body.theme-3 .theme-1 .m-h,
	body.theme-4 .theme-1 .m-h,
	body.theme-5 .theme-1 .m-h {
		background:rgb(233,163,14); /* IE < 9 */
		background:rgba(233,163,14,0.7);
		color:#000;
	}
	body.theme-1 .theme-1 .m-h {
		color:#fff;
	}
	body.theme-1 .theme-2 .m-h,
	body.theme-3 .theme-2 .m-h,
	body.theme-4 .theme-2 .m-h,
	body.theme-5 .theme-2 .m-h {
		background:rgb(0,160,182); /* IE < 9 */
		background:rgba(0,160,182,0.7);
	}
	body.theme-1 .theme-3 .m-h,
	body.theme-2 .theme-3 .m-h,
	body.theme-4 .theme-3 .m-h,
	body.theme-5 .theme-3 .m-h {
		background:rgb(199,35,52); /* IE < 9 */
		background:rgba(199,35,52,0.7);
	}
	body.theme-1 .theme-4 .m-h,
	body.theme-2 .theme-4 .m-h,
	body.theme-3 .theme-4 .m-h,
	body.theme-5 .theme-4 .m-h {
		background:rgb(239,122,34); /* IE < 9 */
		background:rgba(239,122,34,0.7);
	}
	body.theme-1 .theme-5 .m-h,
	body.theme-2 .theme-5 .m-h,
	body.theme-3 .theme-5 .m-h,
	body.theme-4 .theme-5 .m-h,
	body.theme-5 .theme-5 .m-h {
		background:rgb(0,0,0); /* IE < 9 */
		background:rgba(0,0,0,0.7);
	}
	body.theme-1 .theme-1 .m-h,
	body.theme-2 .theme-2 .m-h,
	body.theme-3 .theme-3 .m-h,
	body.theme-4 .theme-4 .m-h {
		background:rgb(0,0,0); /* IE < 9 */
		background:rgba(0,0,0,0.7);
	}
	body.theme-1 .text .m-h,
	body.theme-2 .text .m-h,
	body.theme-3 .text .m-h,
	body.theme-4 .text .m-h,
	body.theme-5 .text .m-h {
		background:none;
	}

	/* Module content */
	.m-c {
		padding:14px;
		line-height:1.3;
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
		hyphens:auto;
		word-wrap:break-word;
	}
	.m-0 .m-c:first-child {
		min-height:153px;
	}
	.m-1 .m-c:first-child,
	.m-2 .m-c:first-child,
	.m-3 .m-c:first-child,
	.m-4 .m-c:first-child {
		min-height:281px;
	}
	.m-1b .m-c:first-child,
	.m-2b .m-c:first-child,
	.m-3b .m-c:first-child,
	.m-4b .m-c:first-child {
		min-height:593px;
	}
	.m.movie iframe {
		border:0;
	}
	.m-2.movie iframe {
		width:317px;
		height:178px;
	}
	.m-3.movie iframe {
		width:477px;
		height:268px;
	}
	.m-5.movie iframe {
		width:1277px;
		height:621px;
	}
	.m-c img,
	.m-c iframe,
	.m-c .video-js-box {
		display:block;
		margin:-14px;
	}
	.m-c h1,
	.m-c h2 {
		margin-top:0;
		color:inherit;
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
		hyphens:auto;
	}
	.m-c a {
		color:inherit;
	}
	.m-c p {
		margin-bottom:0;
	}
	.m-c p + p {
		margin-top:20px;
	}


	/* Newsletter form
	-------------------------------------------------------------- */
	.newsletter-form {
		padding:0;
		background:transparent;
	}
	.newsletter-form .row:last-child {
		margin-bottom:0;
	}


	/* Tabbed module
	* A group of modules navigated by tabs
-------------------------------------------------------------- */
	.tabs {
		margin:0;
		padding:0;
		border-bottom:3px solid #000;
		list-style:none;
		color:#fff;
	}
	.tabs li {
		float:left;
		margin:3px 3px 0 0;
		padding:0;
		background:#c9cacd;
	}
	.tabs .sel {
		color:#fff;
		background-color:#000;
	}
	.tabs a,
	.tabs strong {
		display:block;
		margin:0;
		padding:10px 8px 7px;
		outline:0;
		color:#444;
		font:23px/1 "LeagueGothicRegular","Arial Narrow",Arial,Helvetica,sans-serif;
		letter-spacing:1px;
		text-transform:uppercase;
		text-decoration:none;
	}
	.tabs .sel a,
	.tabs .sel strong {
		text-decoration:none;
		color:#fff;
	}
	.tabbed-module .hidden-tab {
		display:none;
		visibility:hidden;
	}
	.tabbed-module .tab-content {
		max-width:640px;
		margin-top:1em;
	}

	/* Program list
-------------------------------------------------------------- */
	.program-list {
		margin:0;
		padding:13px 0;
		list-style:none;
	}
	.tab-content > .program-list {
		margin-top:-1em;
	}
	.tabs + .program-list {
		padding:6px 0;
	}
	.program-list li {
		clear:both;
		min-height:153px;
		padding-bottom:3px;
	}
	.program-list img {
		display:block;
		max-width:100%;
	}
	.program-list img.clickable {
		cursor:pointer;
	}
	.program-list h2 {
		font-size:22px;
		line-height:1.1;
		letter-spacing:1px;
	}
	.program-list h2 a {
		color:#000;
		text-decoration:none;
	}
	.program-list .col-1 {
		clear:both;
		width:25.737704918033%;
	}
	.program-list .col-1,
	.program-list .col-2 {
		margin-right:2.131147540984%;
	}
	.program-list .col-1,
	.program-list .col-2,
	.program-list .col-3 {
		float:left;
	}
	.program-list .col-2 {
		width:51.967213114754%;
	}
	.program-list .col-3 {
		width:18.032786885246%;
		margin-top:1.92857142857143em;
	}

	.event .meta {
		margin:0 0 12px;
		color:#000;
		font-size:22px;
		line-height:normal;
	}
	.event .date:after {
		content:", ";
	}
	.event .meta-2 {
		margin:0 0 20px;
		font:inherit;
	}
	.event .meta-2 span {
		display:block;
	}
	.program-list .meta {
		font-style:italic;
	}
	.program-list .meta span,
	.event .meta .cost {
		display:block;
	}
	.program-list .time span {
		display:inline;
	}

	/* Slideshow
-------------------------------------------------------------- */
	.mediaviewer {
		overflow:hidden;
	}
	.article .mediaviewer {
		float:none;
	}
	.mediaviewer + h1 {
		clear:both;
		margin-top:20px;
	}
	.layout-1 .mediaviewer {
		float:none;
	}
	.slides,
	.slide {
		position:relative;
		width:100%;
	}
	.m .slides[aria-live] {
		height:309px;
	} /* Only set an explicit height if a slideshow is active (the script adds an aria-live attribute) */
	.m-1b .slides[aria-live],
	.m-2b .slides[aria-live],
	.m-3b .slides[aria-live],
	.m-4b .slides[aria-live],
	.m-5 .slides[aria-live] {
		height:621px;
	}
	/* Hide more than one slide if js is off */
	.slide + .slide {
		display:none;
	}
	.slide figcaption {
		position:absolute;
		bottom:0;
		left:0;
		width:617px;
		z-index:1;
		padding:10px;
		color:#fff;
		background:rgb(0,0,0); /* IE < 9 */
		background:rgba(0,0,0,0.7);
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
		text-shadow:0 0 2px #000;
	}
	.video-js-box + .caption {
		min-height:77px;
		bottom:23px;
	}
	iframe + .caption {
		min-height:61px;
		bottom:43px;
	}
	.slide img {
		display:block;
	}
	.slide .m {
		margin:0;
	}
	.slide .m:not(.movie) .m-c {
		padding-top:48px;
	}
	.mediaviewer:not(.m-5) .controls {
		position:absolute;
		top:0;
		right:0;
		left:0;
	}
	.js .pager-wrap .slide {
		float:left;
		border:none;
	}
	.js .pager-paging {
		clear:both;
		width:100%;
		z-index:1;
		text-align:center;
	}
	.js .m-5 .pager-paging {
		top:0;
	}
	.pager-paging a {
		display:inline-block;
		width:18px;
		height:18px;
		margin-left:3px;
		padding:0;
		background-image:url(/gui/i/paging.png);
		background-repeat:no-repeat;
		background-position:0 0;
		font-size:15px;
		line-height:1;
		text-indent:-9999px;
		text-decoration:none;
	}
	.pager-paging a:hover {
		background-position:0 -21px;
	}
	.pager-paging a.sel {
		background-position:0 -40px;
	}
	.pager-paging a.sel:hover {
		background-position:0 -61px;
	}
	.page-prev,
	.page-next {
		display:block;
		position:absolute;
		top:4px;
		z-index:2;
		width:23px;
		height:32px;
		outline:none;
		background-image:url(/gui/i/prevnext.png);
		background-repeat:no-repeat;
		background-position:0 0;
		text-indent:-9999px;
		overflow:hidden;
	}
	.page-prev {
		left:4px;
		background-position:0 -32px;
	}
	.page-next {
		right:4px;
	}
	.page-next:focus,
	.page-next:active {
		background-position:-22px 0;
	}
	.page-prev:focus,
	.page-prev:active {
		background-position:-22px -32px;
	}
	.page-next:focus,
	.page-prev:focus {
		/*	outline:1px dotted rgba(255,255,255,0.5);*/
	}
	.m-5 .page-prev,
	.m-5 .page-next {
		top:calc(50% - 32px / 2); /* 32px = element height */
	}

	/* SKIP LINKS
============================================================================================= */
	#skip {
		position:absolute;
		top:0;
		left:-9999px;
		z-index:100;
		width:100%;
		margin:0;
	}
	#skip a:focus,
	#skip a:active {
		display:block;
		position:absolute;
		top:10px;
		left:9999px;
		width:100%;
		padding:8px 0;
		color:#fff;
		background:#000; /* IE < 9 */
		background:rgba(0,0,0,0.8);
		font:bold 18px/1 Arial, Helvetica, sans-serif;
		text-align:center;
	}


	/* MAIN NAVIGATION
============================================================================================= */
	#nav-main > ul {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav-main > ul > li {
		float:left;
		border-right:1px solid #e5e5e5;
	}
	#nav-main > ul > li > a {
		display:block;
		padding:5px 22px 4px;
		color:#767676;
		font-weight:bold;
		font-size:22px;
		line-height:50px;
		font-family:"LeagueGothicRegular", "Arial Narrow", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
	}
	#nav-main > ul > li + li > a:hover,
	#nav-main > ul > li + li > a:focus {
		color:#444;
	}
	#nav-main > ul > li.active > a {
		color:#444;
		background-image:url(/gui/i/vline-black.png);
		background-repeat:no-repeat;
		background-position:50% 100%;
	}
	.js #nav-main > ul > li.sel > a:link,
	.js #nav-main > ul > li.sel > a:visited {
		color:#767676;
	}
	#nav-main > ul > li.sel > a,
	.js #nav-main > ul > li.sel > a:hover,
	.js #nav-main > ul > li.sel > a:focus {
		color:#444;
	}
	.logo img {
		display:inline-block;
		max-width:none;
		vertical-align:middle;
	}
	#nav-main .logo a {
		padding-top:4px;
	}
	#nav-main #logo-smvk a {
		padding-left:0;
	}
	#nav-main > ul > li.active > a {
		margin-bottom:-3px;
		border-bottom:3px solid #000;
		position:relative;
		z-index:10;
	}
	#nav-main .sel strong {
		font-weight:normal;
	}
	#nav-main .kids {
		border-right:none;
	}
	#nav-main .kids a {
		padding-right:0;
		padding-left:10px;
	}
	.kids .kids__text {
		position:absolute;
		width:1px;
		height:1px;
		overflow:hidden;
		clip:rect(1px, 1px, 1px, 1px);
	}
	.kids img {
		display:block;
	}
	.submenu {
		position:absolute;
		right:3px;
		left:0;
		z-index:101; /* Needs to be at least 101 to appear on top of the ReadSpeaker player */
		clear:both;
		min-height:210px;
		margin:3px 0 0;
		padding:15px;
		border-bottom:3px solid #000;
		-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
		-ms-box-shadow:0 0 2px rgba(0,0,0,0.5);
		-o-box-shadow:0 0 2px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
		box-shadow:0 0 2px rgba(0,0,0,0.5);
		background:#fff;
	}
	.submenu ul {
		margin:10px 0 0;
		list-style:none;
	}
	.submenu li {
		margin-bottom:8px;
	}
	.submenu a {
		border-bottom:1px solid #cacaca;
		text-decoration:none;
	}
	.submenu h3,
	.submenu a {
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
		hyphens:auto;
		word-wrap:break-word;
	}
	.submenu h3 {
		line-height:1.4;
	}
	.submenu a.image,
	.submenu a.image img {
		display:block;
		padding:0;
		border:0;
	}
	.submenu .col {
		float:left;
		padding:0 0 20px;
	}
	.submenu .col + .col {
		margin-left:1.202886928628709%; /* 15/1247 */
	}
	.submenu.cols-2 .col {
		width:49.398556535685646%; /* 616/1247 */
	}
	.submenu.cols-3 .col {
		width:32.477947072975%; /* 405/1247 */
	}
	.submenu.cols-4 .col {
		width:24.057738572574%; /* 300/1247 */
	}
	.submenu.cols-5 .col {
		width:19.005613472334%; /* 237/1247 */
	}
	.submenu.cols-6 .col {
		width:15.637530072173%; /* 195/1247 */
	}
	.submenu .col p {
		margin:10px 0 0;
	}
	.submenu .col h3 + p {
		margin:0;
	}

	/* HEADER EXTRAS
================================================================================ */
	#header-extras {
		position:absolute;
		top:6px;
		right:0;
		font-size:14px;
	}

	/* Readspeaker
-------------------------------------------------------------- */
	#readspeaker_button1 {
		float:left;
		margin:12px 10px 0 0;
	}

	/* Language selector
-------------------------------------------------------------- */
	.languages {
		float:left;
		margin-right:10px;
		padding:16px 0 0;
	}
	.languages a {
		color:#777;
		font-style:italic;
		line-height:1;
	}
	.languages a + a {
		margin-left:6px; /* + word-spacing approximately equals 10px */
	}
	.languages a:hover,
	.languages a:focus {
		color:inherit;
	}

	/* SUPPLEMENTAL NAVIGATION
============================================================================================= */
	.nav-supp {
		float:left;
		width:50%;
		padding:16px 0;
	}
	.nav-supp ul {
		float:right;
		margin:0;
		list-style:none;
	}
	.nav-supp li {
		float:left;
		margin:0;
	}
	.nav-supp li:first-child {
		margin-left:0;
	}
	.nav-supp a {
		text-decoration:none;
	}
	.nav-supp li > a:hover,
	.nav-supp li > a:focus {
		text-decoration:underline;
	}
	#external-sites li {
		width:50%;
		margin:0 0 6px;
	}
	#external-sites ul {
		float:none;
	}
	#external-sites img {
		margin-right:6px;
		vertical-align:bottom;
	}
	#nav-supp-1 {
		float:right;
		line-height:1;
	}
	#nav-supp-1 li {
		display:inline-block;
		margin-bottom:6px;
		vertical-align:middle;
	}
	#nav-supp-1 li + li {
		position:relative;
		margin-left:6px;
	}
	#nav-supp-1 li + li:before {
		display:inline-block;
		width:1px;
		height:12px;
		margin-right:6px;
		background:#444;
		content:"";
		vertical-align:middle;
	}
	#nav-supp-1 > ul > li > a {
		line-height:22px;
	}

	/* Google Translate
-------------------------------------------------------------- */
	#google_translate_element {
		display:inline-block;
	}


	/* =============================================================================
	 * Museum navigation
	============================================================================= */
	.museum-navigation {
		padding:10px 0;
		box-shadow:0 2px 4px #eee;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #c9cacd;
	}
	.museum-navigation__inner {
		min-width:960px;
		max-width:1280px;
		margin:0 auto;
	}
	.museum-navigation ul {
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:justify;
		justify-content:space-between;
		margin:0 -5px;
		list-style:none;
	}
	.museum-navigation li {
		-ms-flex:0 1 auto;
		flex:0 1 auto;
		margin:0 5px;
	}
	.museum-navigation a {
		display:block;
	}


	/* SEARCH
============================================================================================= */
	/* Header search form
-------------------------------------------------------------- */
	#search-container {
		float:right;
	}
	#search-container > a {
		float:right;
		margin:9px 0 0 10px;
	}
	#search {
		float:left;
		padding:8px 0 6px;
	}
	#search input,
	#search button {
		float:left;
		vertical-align:middle;
	}
	#search button,
	#searchtext {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		border:0;
		outline:0;
		font-size:1em;
		line-height:normal;
	}
	#searchtext::-moz-focus-inner,
	#search button::-moz-focus-inner {
		padding:0;
		border:0;
	}
	#searchtext {
		width:12.5em;
		max-width:200px;
		padding:8px 10px;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-ms-transition:width 0.3s;
		-moz-transition:width 0.3s;
		-o-transition:width 0.3s;
		-webkit-transition:width 0.3s;
		background:#eaeaea;
		-webkit-appearance:none;
	}
	#searchtext:focus {
		width:20em;
		max-width:250px;
	}
	#search button {
		width:33px;
		margin-left:4px;
		padding:8px 10px 8px 6px;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		background:#eaeaea;
		cursor:pointer;
	}
	#searchtext:focus,
	#search button:focus {
		-moz-box-shadow:0 0 3px rgba(0,0,0,0.4) inset;
		-ms-box-shadow:0 0 3px rgba(0,0,0,0.4) inset;
		-o-box-shadow:0 0 3px rgba(0,0,0,0.4) inset;
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.4) inset;
		box-shadow:0 0 3px rgba(0,0,0,0.4) inset;
	}
	#search button img {
		vertical-align:bottom;
	}
	/* Main search form
-------------------------------------------------------------- */
	#main-search {
		max-width:637px;
		margin:0 3px 1em 0;
		background:#f0f0f0;
	}
	#main-search .row {
		margin:0;
	}
	#main-search .col {
		margin-bottom:0;
	}
	#main-search .text {
		float:left;
		width:90%;
	}
	#main-search .submit-area {
		float:right;
		width:10%;
		margin:0;
	}

	/* K-sam */
	#main-search.ksam .text {
		float:none;
		width:auto;
	}
	#main-search.ksam .text input {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
	}
	.search-options fieldset {
		margin:1em 0;
	}
	.search-options fieldset .alt {
		float:left;
		width:33.333333%;
		margin:0;
		-moz-hyphens:auto;
		-ms-hyphens:auto;
		-webkit-hyphens:auto;
		hyphens:auto;
		word-wrap:break-word;
	}
	.search-options .alt {
		white-space:nowrap;
	}
	.search-options .alt label {
		white-space:normal;
	}
	#main-search.ksam .submit-area {
		width:100%;
		margin-top:10px;
		text-align:right;
	}
	.ksam .submit-area .reset {
		float:left;
	}

	/* Search results
-------------------------------------------------------------- */
	.search-header {
		margin:1em 0;
	}
	.search-count {
		font-size:18px;
	}
	.search-results {
		margin-left:0;
		list-style:none;
	}
	.search-results li {
		margin-bottom:2em;
	}
	.search-results h3 a:link {
		color:#000;
	}
	.search-results h3 a:visited {
		color:#906;
	}
	.search-results h3 a.file span {
		font-size:19px;
	}
	.search-results p {
		margin:0;
	}
	.search-results strong {
		color:#000;
		background:#ffc;
	}
	.search-results .meta,
	.search-results .meta a:link,
	.search-results .meta a:visited {
		color:#666;
	}

	/* View toggle
 	* toggle between grid and list
-------------------------------------------------------------- */
	.view-toggle {
		position:absolute;
		top:0;
		right:0;
		border-bottom:none;
	}
	.view-toggle li {
		background-color:transparent;
		float:left;
		list-style:none;
	}
	.view-toggle a {
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		width:22px;
		height:22px;
		padding:0;
	}
	.view-toggle li:first-child a {
		background:url(/gui/i/icons/grid.png) 50% no-repeat;
		margin-right:15px;
	}
	.view-toggle li:last-child a {
		background:url(/gui/i/icons/list.png) 50% no-repeat;
	}

	/* K-sam */
	.ksam .search-options legend {
		display:table;
		max-width:100%;
	}
	.search-results.ksam {
		overflow:hidden;
		margin:20px 0 20px;
	}
	.grid-view .search-results.ksam {
		margin-left:-25px;
	}
	.list-view .search-results.ksam {
		border-top:1px solid #f0f0f0;
		margin-bottom:45px;
	}
	.grid-view .search-results.ksam li {
		float:left;
		width:18%;
		margin:0 0 25px 25px;
	}
	.grid-view .search-results.ksam li:nth-child(5n + 1) {
		clear:left;
	}
	.list-view .search-results.ksam li {
		border-bottom:1px solid #f0f0f0;
		padding:15px 0;
		margin:0;
		clear:both;
	}
	.search-item {
		position:relative;
	}
	.grid-view .search-item {
		border:1px solid #f0f0f0;
		padding:10px 10px 35px;
	}
	.search-results.ksam .image {
		text-align:center;
		background:#ddd;
		margin:0 0 15px;
		font-size:0;
		min-height:120px;
	}
	.search-results.ksam .image::before,
	.search-results.ksam .image img {
		display: inline-block;
		vertical-align: middle;
	}
	.search-results.ksam .image::before {
		content: '';
		height:120px;
	}
	.list-view .search-results.ksam .image {
		float:left;
	}
	.list-view .search-results.ksam .image {
		width:180px;
		margin:0 20px 0 0;
		min-height:150px;
	}
	.list-view .search-results.ksam .image::before {
		height:150px;
	}
	.list-view .search-results.ksam .info {
		margin-left:200px;
	}
	.ksam .meta {
		margin-top:0.5em;
		color:inherit;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	.ksam .meta span {
		display:block;
		line-height:1.5;
		margin-bottom:0.2em;
	}
	.grid-view .ksam .meta .museum {
		position:absolute;
		bottom:10px;
		left:10px;
	}
	.list-view .ksam .meta .museum {
		margin:0.5em 0 0;
		line-height:1;
	}
	.ksam .meta .exhibition {
		position:absolute;
		top:0;
		left:0;
		background:#000;
		color:#fff;
		font-size:16px;
		font-family: 'LeagueGothicRegular', "Arial Narrow", Arial, Helvetica, sans-serif;
		padding:4px 6px;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height: 1.1;
	}
	.grid-view .ksam .meta .exhibition {
		top:10px;
		left:10px;
	}
	.item-type {
		color:#767676;
		display:block;
		font-size:16px;
		margin-bottom:5px;
	}
	.clickable .image img {
		cursor:pointer;
	}
	.sr-ksam {
		margin-top:15px;
		position:relative;
		padding-top:32px;
	}
	.sr-ksam .tab-content {
		max-width:100%;
	}
	.ksam-hit-counts {
		font-family:Arial, Helvetica, sans-serif;
		position:absolute;
		top:0;
		left:0;
		margin-top: 4px;
	}

	/* Search filter
-------------------------------------------------------------- */
	.m-search-filter h3 {
		font-size:1.142857142857143em;
		font-weight:bold;
	}
	.m-search-filter ul {
		margin-bottom:2em;
	}
	.m-search-filter strong {
		display:block;
		color:#ffcb37;
		background:#000;
	}


	/* BREADCRUMBS
============================================================================================= */
	#breadcrumbs {
		clear:both;
		padding:2px 2px 0;
		margin:0 3px 8px 0;
		color:#333;
		font-style:italic;
		font-size:14px;
	}
	#breadcrumbs strong,
	#breadcrumbs > span {
		position:absolute;
		left:-9999px;
	}
	#breadcrumbs a {
		white-space:nowrap;
		text-decoration:none;
	}
	#breadcrumbs > a {
		float:left;
		margin-bottom:2px;
		padding:0 20px 0 0;
		color:#fff;
		background:#4c4c4c url(/gui/i/bc-l1.png) no-repeat 100% 50%;
	}
	#breadcrumbs > a span {
		display:block;
		padding:4px 0 4px 6px;
		background:#4c4c4c;
	}
	#breadcrumbs a:hover,
	#breadcrumbs a:focus {
		text-decoration:underline;
	}
	#breadcrumbs ul {
		display:inline;
		margin:0;
		list-style:none;
	}
	#breadcrumbs li {
		float:left;
		margin:0 10px 2px 0;
		padding:4px 10px 4px 0;
		border-right:1px solid #ccc;
	}
	#breadcrumbs li:last-child,
	#breadcrumbs li.last {
		border-right:0;
	}
	#breadcrumbs .sel a {
		border-bottom:1px solid #4c4c4c;
		font-weight:bold;
		text-decoration:none;
	}

	/* Themes
-------------------------------------------------------------- */
	.theme-1 #breadcrumbs > a {
		color:#fff;
		background-color:#e9a30e;
		background-image:url(/gui/i/bc-l1-t1.png);
	}
	.theme-1 #breadcrumbs > a span {
		background:#e9a30e;
	}
	.theme-1 #breadcrumbs .sel a {
		border-bottom-color:#e9a30e;
	}

	.theme-2 #breadcrumbs > a {
		color:#fff;
		background-color:#00a0b6;
		background-image:url(/gui/i/bc-l1-t2.png);
	}
	.theme-2 #breadcrumbs > a span {
		background:#00a0b6;
	}
	.theme-2 #breadcrumbs .sel a {
		border-bottom-color:#00a0b6;
	}

	.theme-3 #breadcrumbs > a {
		color:#fff;
		background-color:#c72334;
		background-image:url(/gui/i/bc-l1-t3.png);
	}
	.theme-3 #breadcrumbs > a span {
		background:#c72334;
	}
	.theme-3 #breadcrumbs .sel a {
		border-bottom-color:#c72334;
	}

	.theme-4 #breadcrumbs > a {
		color:#fff;
		background-color:#ef7a22;
		background-image:url(/gui/i/bc-l1-t4.png);
	}
	.theme-4 #breadcrumbs > a span {
		background:#ef7a22;
	}
	.theme-4 #breadcrumbs .sel a {
		border-bottom-color:#ef7a22;
	}

	#breadcrumbs > a.current {
		margin-right:5px;
		background-color:transparent !important;
	}

	/* ADDRESS
============================================================================================= */
	#address {
		clear:both;
	}


	/* Microformats
-------------------------------------------------------------- */
	.vcard .org {
		font-weight:bold;
	}
	.vcard {
		margin:1em 0;
	}
	.vcard .post-office-box:after {
		content:", ";
	}


	/* CONTENT STYLING
============================================================================================= */

	/* Article
-------------------------------------------------------------- */
	.article {
		padding:15px;
	}
	.article-info {
		clear:both;
		float:left;
		margin:1em 0 2em;
	}
	.article-info p {
		margin:0;
		font-size:15px;
	}

	/* Article teaser
-------------------------------------------------------------- */
	.article .m {
		width:auto;
		min-height:0;
		margin:1em 0;
	}
	.article .m .m-c {
		min-height:0;
		padding-bottom:0;
	}
	.article .m .m-c p {
		margin:1em 0;
	}

	/* Video
-------------------------------------------------------------- */
	iframe.video {
		display:block;
		border:0;
	}
	.article .video {
		width:610px;
		height:343px;
		margin-bottom:20px;
	}


	/* LISTS
============================================================================================= */
	/* Contact list
-------------------------------------------------------------- */
	.contact-list {
		margin:0;
		list-style:none;
	}
	.contact-list li {
		margin:0 0 3em;
	}

	/* Article list
-------------------------------------------------------------- */
	.article-list {
		margin:0;
		padding:13px 0;
		list-style:none;
	}
	.tab-content > .article-list {
		margin-top:-1em;
	}
	.tabs + .article-list {
		padding:6px 0;
	}
	.article-list li {
		clear:both;
		padding-bottom:3px;
	}
	.article-list h2 {
		font-size:22px;
		line-height:1.1;
		letter-spacing:1px;
	}
	.article-list h2 a {
		color:#000;
		text-decoration:none;
	}
	.article-list .col-1 {
		float:left;
		width:80%;
	}
	.article-list .col-2 {
		float:right;
		width:18%;
		margin-top:1.92857142857143em;
	}
	.article-list .meta {
		font-style:italic;
	}
	.meta .pressrelease,
	.meta .news {
		font-size:12px;
	}
	.article-list .meta span {
		display:block;
	}

	/* Press releases
-------------------------------------------------------------- */
	.meta.pr {
		margin:0 0 12px;
		color:#000;
		font-size:22px;
		line-height:normal;
	}
	.pr-images {
		margin-left:0;
		list-style:none;
	}
	.pr-images li {
		margin-bottom:20px;
	}
	.location {
		display:inline-block;
		vertical-align:middle;
		padding-left:10px;
	}
	.location img {
		display:block;
	}
	.relatedimages ul {
		list-style-type:none;
		margin:0 0 16px 0;
	}
	.relatedimages li {
		float:left;
		margin: 0 3px 3px 0;
		background:#333;
		padding:0;
	}
	.relatedimages a {
		width:125px;
		height:125px;
		display:table-cell;
		vertical-align:middle;
	}
	.relatedimages img {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}

	/* Press contacts
-------------------------------------------------------------- */
	.contacts ul {
		margin-left:0;
		overflow:auto;
	}
	.contacts li {
		list-style-type:none;
		display:block;
	}
	.contacts .role {
		font-style:italic;
	}
	.contacts .col {
		width:auto;
	}
	/* Events
-------------------------------------------------------------- */
	.events {
		margin:0;
		list-style:none;
	}
	.events li {
		margin:0 0 1.5em;
	}
	.events h3 a img {
		float:left;
		margin:0 10px 5px 0;
	}
	p + .events {
		margin-top:20px;
	}
	.events .description {
		overflow:hidden;
		white-space:nowrap;
		word-wrap:normal;
		text-overflow:ellipsis;
	}
	.events p + p {
		margin:0;
	}
	.events + p {
		margin-top:2em;
	}
	.events .meta {
		margin-top:0.5em;
	}
	.events .cost {
		margin-left:1em;
	}
	.events .date,
	.events .cost {
		font-style:italic;
	}
	.events .location {
		display:block;
		margin-top:0.5em;
		padding-left:0;
	}
	.events .location img {
		margin:0;
	}

	/* Feed/news
-------------------------------------------------------------- */
	.feed {
		margin:0;
		list-style:none;
	}
	.feed li {
		margin:0 0 0.75em;
	}
	.feed .date {
		display:block;
		font-size:14px;
	}

	/* File list
-------------------------------------------------------------- */
	.file-list {
		margin:0 0 1em;
		list-style:none;
	}
	.file-list li {
		margin-bottom:6px;
	}
	/* Generic files */
	a.file {
		padding:5px 0 5px 20px;
		background-image:url(/gui/i/suffix/small/icon-generic.png);
		background-position:0 50%;
		background-repeat:no-repeat;
	}
	/* Folders */
	a.folder {
		background-image:url(/gui/i/suffix/small/icon-folder.png);
	}
	/* Images */
	a.bmp,
	a.gif,
	a.jpg,
	a.jpeg,
	a.png,
	a.psd {
		background-image:url(/gui/i/suffix/small/icon-image.png);
	}
	/* Vector graphics */
	a.ai,
	a.eps {
		background-image:url(/gui/i/suffix/small/icon-vector.png);
	}
	/* Text */
	a.asp,
	a.chm,
	a.config,
	a.css,
	a.db,
	a.htm,
	a.html,
	a.js,
	a.txt,
	a.xml {
		background-image:url(/gui/i/suffix/small/icon-text.png);
	}
	/* Word */
	a.doc,
	a.docx {
		background-image:url(/gui/i/suffix/small/icon-word.png);
	}
	/* Rich text */
	a.rtf {
		background-image:url(/gui/i/suffix/small/icon-rich-text.png);
	}
	/* Powerpoint */
	a.ppt,
	a.pptx {
		background-image:url(/gui/i/suffix/small/icon-ppt.png);
	}
	/* Flash */
	a.fla,
	a.swf {
		background-image:url(/gui/i/suffix/small/icon-flash.png);
	}
	/* Video */
	a.mov,
	a.wmv {
		background-image:url(/gui/i/suffix/small/icon-video.png);
	}
	/* PDF */
	a.pdf {
		background-image:url(/gui/i/suffix/small/icon-pdf.png);
	}
	/* Spreadsheet */
	a.xls,
	a.xlsx {
		background-image:url(/gui/i/suffix/small/icon-excel.png);
	}
	/* Compressed */
	a.zip {
		background-image:url(/gui/i/suffix/small/icon-zip.png);
	}
	/* File meta */
	a.file span {
		display:inline-block;
		padding-left:4px;
		color:#555;
		background:#fff;
		text-decoration:none;
	}


	/* PRINT BUTTON
============================================================================================= */
	.print {
		float:right;
		margin-top:1em;
	}
	.print button {
		margin:0;
		padding:4px 0 4px 24px;
		border:0;
		color:inherit;
		background:url(/gui/i/icons/printer.png) no-repeat 0 50%;
		font-size:14px;
		font-family:Georgia, "Times New Roman", serif;
	}
	.print button:hover,
	.print button:focus {
		color:#000;
		cursor:pointer;
	}


	/* SHARE ON SOCIAL MEDIA
============================================================================================= */
	.share {
		clear:both;
	}
	.share h2 {
		font-size:22px;
		line-height:1;
		margin:0 0 7px;
	}
	.services ul {
		margin:0;
		list-style:none;
	}
	.services li {
		width:25%;
		float:left;
		margin-bottom:0.5em;
	}
	.services a {
		padding:2px 0 2px 22px;
		background:none no-repeat 0 50%;
	}
	.services a.service-google {
		background-image:url(/gui/components/netr.share/i/share-services/google.png);
	}
	.services a.service-delicious {
		background-image:url(/gui/components/netr.share/i/share-services/delicious.png);
	}
	.services a.service-facebook {
		background-image:url(/gui/components/netr.share/i/share-services/facebook.png);
	}
	.services a.service-linkedin {
		background-image:url(/gui/components/netr.share/i/share-services/linkedin.png);
	}
	.services a.service-twitter {
		background-image:url(/gui/components/netr.share/i/share-services/twitter.png);
	}
	.services a.service-digg {
		background-image:url(/gui/components/netr.share/i/share-services/digg.png);
	}
	.services a.service-live {
		background-image:url(/gui/components/netr.share/i/share-services/live.png);
	}
	.services a.service-add-favourite {
		background-image:url(/gui/components/netr.share/i/share-services/favourites.png);
	}


	/* SITEMAP
============================================================================================= */
	.sitemap > li {
		margin:0 0 1em;
	}
	.sitemap > li > a {
		font-weight:bold;
		font-size:18px;
	}


	/* END @media screen, projection */
}


/* Responsive stuff
-------------------------------------------------------------- */
@media only screen {
	#header {
		padding:0;
	}
	#body {
		padding-right:0;
		padding-left:0;
	}
	#footer {
		padding:0;
	}
	.nav-supp {
		padding-right:0;
		padding-left:0;
	}
	#footer .wrap > a {
		margin-right:0;
	}
}
/* Max widths */
@media screen and (max-width:1300px) {
	#header .wrap,
	#main,
	#footer .wrap,
	.museum-navigation__inner {
		min-width:0;
		max-width:960px;
	}
	#header-extras {
		position:static;
	}
	#readspeaker_button1 {
		margin-top:9px;
	}
	.languages {
		float:left;
		margin-bottom:0;
		padding-top:12px;
		line-height:inherit;
	}
	#search {
		padding:6px 0;
		float:right;
	}
	#searchtext {
		width:200px;
		max-width:none;
	}
	#searchtext:focus {
		width:300px;
		max-width:none;
	}
	#nav-main {
		border-bottom:1px solid #c9cacd;
	}
	.submenu .col + .col {
		margin-left:1.618122977346%; /* 15/927 */
	}
	.submenu.cols-2 .col {
		width:49.190938511327%; /* 456/927 */
	}
	.submenu.cols-3 .col {
		width:32.254584681769%; /* 299/927 */
	}
	.submenu.cols-4 .col {
		width:23.732470334412%; /* 220/927 */
	}
	.submenu.cols-5 .col {
		width:18.66235167206%; /* 173/927 */
	}
	.submenu.cols-6 .col {
		width:15.318230852211%; /* 142/927 */
	}
	.grid-view .search-results.ksam li {
		width:22%;
	}
	.grid-view .search-results.ksam li:nth-child(5n + 1) {
		clear:none;
	}
	.grid-view .search-results.ksam li:nth-child(4n + 1) {
		clear:left;
	}
	.m-5 {
		width:957px;
	}
	.m-5.movie iframe {
		width:957px;
		height:621px;
	}
}
@media screen and (max-width:980px) {
	#header .wrap,
	#main,
	#footer .wrap,
	.museum-navigation__inner {
		max-width:800px;
	}
	.layout-1 #content-1 {
		width:480px;
	}
	.layout-1 #content-1 .mediaviewer {
		width:477px;
		min-height:0;
	}
	.article .video {
		width:450px;
		height:253px;
	}
	.slide figcaption {
		width:457px;
	}
	.m .slides[aria-live] {
		height:231px;
	}
	.submenu .col + .col {
		margin-left:1.955671447197%; /* 15/767 */
	}
	.submenu.cols-2 .col,
	.submenu.cols-4 .col {
		width:49.022164276402%; /* 376/767 */
	}
	.submenu.cols-3 .col,
	.submenu.cols-5 .col,
	.submenu.cols-6 .col {
		width:31.942633637549%; /* 245/767 */
	}
	.submenu.cols-4 .col-3,
	.submenu.cols-5 .col-4,
	.submenu.cols-6 .col-4 {
		clear:left;
		margin-left:0;
	}
	#external-sites {
		width:67%;
	}
	#nav-supp-1 {
		width:33%;
	}
	#nav-supp-1 li {
		display:block;
		float:none;
		width:auto;
		line-height:normal;
	}
	#nav-supp-1 li + li {
		margin:6px 0 0;
		padding:0;
		border:0;
	}
	#nav-supp-1 li + li:before {
		display:none;
	}
	.search-options fieldset .alt {
		width:50%;
	}
	.grid-view .search-results.ksam li {
		width:30%;
	}
	.grid-view .search-results.ksam li:nth-child(4n + 1) {
		clear:none;
	}
	.grid-view .search-results.ksam li:nth-child(3n + 1) {
		clear:left;
	}
	.m-5 {
		width:797px;
	}
	.m-5.movie iframe {
		width:797px;
		height:621px;
	}
}
@media screen and (max-width:820px) {
	#header .wrap,
	#main,
	#footer .wrap,
	.museum-navigation__inner {
		max-width:640px;
	}
	#readspeaker_button1.rsexpanded {
		float:none;
	}
	#nav-main > ul > li > a {
		padding-right:10px;
		padding-left:10px;
	}
	.submenu .col + .col {
		margin-left:2.471169686985%; /* 15/607 */
	}
	.submenu.cols-2 .col,
	.submenu.cols-4 .col {
		width:48.764415156507%; /* 296/607 */
	}
	.submenu.cols-3 .col,
	.submenu.cols-5 .col,
	.submenu.cols-6 .col {
		width:31.63097199341%; /* 192/607 */
	}
	.submenu.cols-4 .col-3,
	.submenu.cols-5 .col-4,
	.submenu.cols-6 .col-4 {
		margin-left:0;
	}
	.layout-1 #content-1 {
		width:640px;
	}
	.layout-1 #content-1 .mediaviewer {
		width:637px;
	}
	.slide figcaption {
		width:617px;
	}
	.m .slides[aria-live] {
		height:309px;
	}
	.article .video {
		width:610px;
		height:343px;
	}
	.search-options fieldset .alt {
		width:33.333333%;
	}
	.grid-view .search-results.ksam li {
		width:46%;
	}
	.grid-view .search-results.ksam li:nth-child(3n + 1) {
		clear:none;
	}
	.grid-view .search-results.ksam li:nth-child(2n + 1) {
		clear:left;
	}
	.m-5 {
		width:637px;
	}
	.m-5.movie iframe {
		width:637px;
		height:621px;
	}
}
/* Narrow, iPhone-like screens */
@media screen and (max-width:660px) {
	h1,
	.h1 {
		font-size:36px; /* 36px */
	}
	h2 .h1 {
		font-size:36px; /* 36px */
	}
	.checkbox,
	.radio {
		white-space:normal;
	}
	form .col {
		float:none;
		width:100%;
		margin-bottom:12px;
		padding:0;
	}
	form .row {
		margin-bottom:16px;
		padding-bottom:0;
	}
	.row .small,
	.row .medium,
	.row .large {
		width:100%;
	}
	.row .submit-area {
		margin-top:16px;
	}

	.m,
	.mediaviewer {
		max-width:317px;
	}
	.slide figcaption {
		width:297px;
	}
	#header .wrap,
	#main,
	#footer .wrap,
	.museum-navigation__inner {
		max-width:320px;
	}
	.museum-navigation {
		border-top:none;
	}
	.museum-navigation ul {
		flex-wrap:wrap;
	}
	.museum-navigation li {
		width:calc(50% - 10px);
	}
	.museum-navigation li:nth-child(n + 3) {
		margin-top:10px;
	}
	#readspeaker_button1 {
		margin-top:5px;
	}
	#readspeaker_button1.rsexpanded {
		margin-bottom:5px;
	}
	.languages {
		float:right;
		margin-right:0;
		padding-top:6px;
		padding-right:5px;
	}
	#search-container {
		position:static;
		margin:0 5px;
	}
	#search {
		width:100%;
	}
	#searchtext,
	#searchtext:focus {
		width:273px;
		max-width:none;
		-ms-transition:none;
		-moz-transition:none;
		-o-transition:none;
		-webkit-transition:none;
	}
	#main-search {
		margin-right:0;
	}
	#main-search .text {
		width:75%;
	}
	#main-search .submit-area {
		width:25%;
		text-align:right;
	}
	table {
		width:auto;
	}
	#content-1,
	#content-2,
	#content-3 {
		float:none;
		width:320px !important;
	}
	.layout-1 #content-1 .article {
		padding-left:5px;
		padding-right:5px;
	}
	.layout-1 #content-2 {
		clear:left;
	}
	.article .video {
		width:310px;
		height:174px;
	}
	.article .mediaviewer {
		margin:0 -2px 0 -5px;
	}
	.mediaviewer {
		min-height:0;
	}
	.m .slides[aria-live] {
		height:153px;
	}
	.m-1 .slides[aria-live],
	.m-2 .slides[aria-live],
	.m-3 .slides[aria-live],
	.m-4 .slides[aria-live],
	.m-1b .slides[aria-live],
	.m-2b .slides[aria-live],
	.m-3b .slides[aria-live],
	.m-4b .slides[aria-live],
	.m-5 .slides[aria-live] {
		height:309px;
	}
	.layout-1 #content-1 .slides[aria-live] {
		height:153px;
	}
	/*.slides figcaption {font-size:0.928571428571429em;}*/
	.slides .slide img {
		width:auto;
	}
	.m-3,
	.m-3b,
	.m-4,
	.m-4b {
		width:317px;
	}
	.m-1b.image,
	.m-2b.image,
	.m-3b.image,
	.m-4b.image {
		height:309px;
		min-height:0;
		-moz-background-size:cover;
		-o-background-size:cover;
		-webkit-background-size:cover;
		background-size:cover;
	}
	.m-5.image {
		height:309px;
		min-height:0;
	}
	.m-4 img {
		float:none;
		width:317px;
	}
	.m-5.movie {
		height:317px;
		min-height:0;
	}
	.m-3.movie iframe,
	.m-5.movie iframe {
		width:317px;
		height:178px;
	}
	#nav-main {
		border-bottom:0;
	}
	#nav-main,
	#nav-main .submenu {
		float:none;
		position:static;
		width:auto;
		height:auto;
		padding-bottom:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	#nav-main .submenu .col {
		float:none;
		width:auto;
		margin:0;
	}
	#nav-main > ul > li,
	#nav-main > ul > li > a {
		display:block;
		float:none;
	}
	#nav-main > ul > li + li {
		border-right:0;
	}
	#nav-main > ul > li > a {
		padding-top:0;
		padding-bottom:0;
		border-bottom:1px solid #c9cacd;
		line-height:1.8;
	}
	#nav-main .logo {
		float:left;
	}
	#nav-main .logo a {
		padding-top:0;
		padding-right:10px;
		padding-left:10px !important;
		border-bottom:0;
	}
	#nav-main .logo + .logo + li,
	#nav-main .all + li {
		clear:both;
	}
	#nav-main .logo + .logo + li > a,
	#nav-main .all + li > a {
		border-top:1px solid #c9cacd;
	}
	#nav-main .all a {
		padding-top:5px;
		padding-bottom:4px;
	}
	#nav-main .all {
		float:none;
		border-right:0;
	}
	.kids .kids__text {
		position:static;
		width:auto;
		height:auto;
		overflow:visible;
		clip:auto;
	}
	.kids img {
		display:inline-block;
		width:60px;
		height:auto;
		margin-left:10px;
		vertical-align:middle;
	}
	#breadcrumbs {
		padding:2px;
		margin-right:0;
	}
	#breadcrumbs a {
		position:relative;
		display:block;
		float:none;
		margin-bottom:2px;
		background-image:none !important;
		white-space:normal;
	}
	#breadcrumbs > a {
		padding-right:0;
	}
	#breadcrumbs > a:before {
		position:absolute;
		z-index:10;
		bottom:-22px;
		right:10px;
		border-style:solid;
		border-color:#f0f0f0 transparent transparent;
		border-width:10px;
		content:"";
	}
	#breadcrumbs > a:after {
		position:absolute;
		z-index:20;
		bottom:-20px;
		right:10px;
		border-style:solid;
		border-color:#fff transparent transparent;
		border-width:10px;
		content:"";
	}
	#breadcrumbs .last:after {
		border-top-color:#fff;
	}
	#breadcrumbs a.current {
		margin-right:0;
		margin-bottom:0;
	}
	#breadcrumbs .current:before,
	#breadcrumbs .current:after {
		display:none;
	}
	#breadcrumbs .current:after {
		border-top-color:#000;
	}
	.theme-1 #breadcrumbs .current:after {
		border-top-color:#e9a30e;
	}
	.theme-2 #breadcrumbs .current:after {
		border-top-color:#00a0b6;
	}
	.theme-3 #breadcrumbs .current:after {
		border-top-color:#c72334;
	}
	.theme-4 #breadcrumbs .current:after {
		border-top-color:#ef7a22;
	}
	#breadcrumbs ul {
		display:block;
	}
	#breadcrumbs li {
		float:none;
		margin-right:0;
		padding:0;
		border-right:0;
	}
	#breadcrumbs li:first-child {
		border-left:0;
	}
	#breadcrumbs li.sel {
		padding-bottom:0;
		font-weight:bold;
	}
	#breadcrumbs li a {
		margin-bottom:0;
		padding:4px 8px;
		border-bottom:1px solid #ccc;
	}
	#breadcrumbs li + li a {
		margin-top:2px;
	}
	/* Compact breadcrumbs */
	.breadcrumbs-wrapper {
		position:relative;
	}
	.nav-menu-narrow #breadcrumbs {
		margin:0;
		list-style:none;
		font-size:16px;
	}
	.nav-menu-narrow #breadcrumbs > a,
	.nav-menu-narrow #breadcrumbs > ul {
		display:none;
	}
	.expanded.nav-menu-narrow #breadcrumbs > a,
	.expanded.nav-menu-narrow #breadcrumbs > ul {
		display:block;
	}
	.nav-menu-narrow button {
		position:relative;
		width:calc(100% - 4px);
		margin:0 2px;
		padding:6px 15px;
		text-align:left;
	}
	.expanded.nav-menu-narrow button {
		margin-bottom:10px;
	}
	.nav-menu-narrow button:after {
		position:absolute;
		top:50%;
		right:11px;
		width:16px;
		height:14px;
		margin-top:-7px;
		background:url(/gui/i/icons/hamburger.svg) no-repeat;
		content:"";
	}
	.services li {
		width:33.33333%;
	}
	#external-sites li {
		display:block;
		float:none;
		width:auto;
	}
	#external-sites,
	#nav-supp-1 {
		float:none;
		width:auto;
		padding-right:5px;
		padding-left:5px;
	}
	.nav-supp ul {
		float:none;
	}
	#nav-supp-1 {
		clear:both;
		padding-top:0;
	}
	#nav-supp-1 li {
		float:left;
		margin:0 0 0.5em;
	}
	#nav-supp-1 li + li {
		margin:0 0 0.5em;
	}
	#nav-supp-1 li:nth-child(odd) {
		clear:left;
	}
	#nav-supp-1 li:nth-child(even) {
		float:right;
	}
	#footer .wrap > a {
		margin-right:3px;
	}
	.tabs li {
		float:none;
		margin-right:0;
	}
	.program-list {
		padding-bottom:0;
	}
	.program-list li {
		min-height:0;
		padding-bottom:0;
		margin-bottom:20px;
	}
	.program-list img {
		width:100%;
	}
	.location img {
		width:auto;
	}
	.program-list .col-1 {
		width:15%;
	}
	.program-list .col-2,
	.program-list .col-3 {
		float:none;
		width:auto;
		margin-right:0;
	}
	.program-list .col-3 {
		margin-top:-15px;
	}
	.program-list .meta span {
		display:inline;
	}
	.program-list .date:after {
		margin-right:0.25ex;
		content:",";
	}
	.program-list .time {
		margin-right:1ex;
	}
	.article-list > li {
		margin-bottom:20px;
	}
	.article-list .col-1,
	.article-list .col-2 {
		float:none;
		width:auto;
	}
	.article-list .col-1 > *:last-child {
		margin-bottom:0;
	}
	.article-list .col-2 {
		margin-top:0;
	}
	.article-list .meta span {
		display:inline;
		margin-right:5px;
	}
	.article-list .meta img {
		vertical-align:text-bottom;
	}
	.search-options fieldset .alt {
		display:block;
		float:none;
		width:100%;
	}
	.grid-view .search-results.ksam {
		margin-left:0;
	}
	.grid-view .search-results.ksam li:nth-child(2n + 1) {
		clear:none;
	}
	.grid-view .search-results.ksam li {
		width:100%;
		float:none;
		margin-left:0;
	}
	.list-view .search-results.ksam .image {
		width:120px;
		min-height:120px;
	}
	.list-view .search-results.ksam .image::before {
		height:120px;
	}
	.list-view .search-results.ksam .info {
		margin-left:140px;
	}
}
/* iPad and similar */
/*@media screen and (max-width:768px) {*/
@media screen and (min-device-width:481px) and (max-device-width:1024px) {
}
/* iPad, landscape mode */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	/* 1.070010449320794 = 1024/957 */
	/*	#main {zoom:1.070010449320794;}*/
	/*	#main {
		-moz-transform:scale(1.070010449320794);
		-o-transform:scale(1.070010449320794);
		-webkit-transform:scale(1.070010449320794);
		transform:scale(1.070010449320794);
		-moz-transform-origin:50% 0;
		-o-transform-origin:50% 0;
		-webkit-transform-origin:50% 0;
		transform-origin:50% 0;
	}*/
}
/* iPad, portrait mode */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	/* 1.205651491365777 = 768/637 */
	/*	#main {zoom:1.205651491365777;}*/
	/*	#main {
		-moz-transform:scale(1.205651491365777);
		-o-transform:scale(1.205651491365777);
		-webkit-transform:scale(1.205651491365777);
		transform:scale(1.205651491365777);
		-moz-transform-origin:50% 0;
		-o-transform-origin:50% 0;
		-webkit-transform-origin:50% 0;
		transform-origin:50% 0;
	}*/
}