/**
 *
 * n8.nl/2011
 * Basic stylesheet - provides fundamentals for both small and large screen agents
 * @author Harmen Janssen | grrr.nl
 * @see http://goo.gl/4L9Of for more info on this technique
 *
 * Note; ems and percentage values are used throughout these stylesheets.
 * Calculations are always in a comment after the rule, for reference. The calculations are 
 * listed in the order their results appear in the CSS rule.
 * (for brevity, % values omit the fact that the result must be multiplied by 100)
 *
 * The basic formula is (target / context) = value. Taken from Responsive Web Design, 
 * by Ethan Marcotte.
 *
 * Color guide:
 * -------------------------------------------------
 * #0096FF     Blue
 * #283C5A     Marine
 * #BEBEBE     Grey
 */

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html, body { height: 100% }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; background: url('img/backgrounds/bg.png') top left repeat #283C5A; font-size: 13px; line-height: 1.538461538em; } /* 13/16, 20/13 */
body, button, input, select, textarea { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000; }

::-moz-selection { background-color: #0096FF; text-shadow: none; }
::selection { background-color: #0096FF; text-shadow: none; }

.lead ::-moz-selection, .alt2 ::-moz-selection { background-color: #283C5A; }
.lead ::selection, .alt2 ::selection { background-color: #283C5A; }

.alt2 ::-moz-selection { color: #FFF; }
.alt2 ::selection { color: #FFF; }

a { color: #283C5A; outline: 0 none; text-decoration: underline; }
a:hover, a:focus { color: #0096FF; }
a:active { color: #0096FF; }

.continue { display: inline-block; font-family: 'n8narrow', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; font-weight: bold; line-height: 1em; text-decoration: none; } /* 20/13, 20/20 */
.ie7 .continue { display: inline; zoom: 1; }
.box .continue { color: #BEBEBE; }
.box .continue:hover, .box .continue:focus { color: #0096FF; }
.box.alt1 .continue { color: #FFF; }
.box.alt1 .continue:hover, .box.alt1:focus { color: #283C5A; }
.box.alt2 .continue { color: #283C5A; }
.box.alt2 .continue:hover, .box.alt2 .continue:focus { color: #FFF; }

a.block-link { color: #000; display: block; text-decoration: none; }
a.block-link:hover, a.block-link:focus { background-color: #0096FF; color: #283C5A; }
a.block-link:hover time, a.block-link:focus time, a.block-link:hover .time, a.block-link:focus .time { color: #283C5A; }
a.block-link > span { background: url('img/icons/block-link-arrow-grey.png') no-repeat 100% 50%; display: block; padding-right: 30px; }
a.block-link:hover > span, a.block-link:focus > span { background-image: url('img/icons/block-link-arrow-marine.png'); }

.pagination { color: #BEBEBE; margin-top: 20px; overflow: hidden; position: relative; text-align: center; }
.blogpost .pagination { margin-top: 40px; overflow: visible; }
.pagination .continue, .blog .pagination .continue { margin-top: 0; padding: 0; }
.pagination a { display: inline-block; padding: 0 5px; }
.ie7 .pagination a { display: inline; zoom: 1; }
.pagination .next, .pagination .prev { bottom: 0; position: absolute; }
.pagination .next { right: 0; }
.pagination .prev { left: 0; }
.pagination a.current { color: #BEBEBE; text-decoration: none; }

/* stars for liking/unliking events and exhibitions */
/* Note that since this is more of a "state-indicator" the like-unlike stars might look unintuitive, e.g. the "like" star is transparent, because when you like
 * something, the current state is that you do not like it. And vice versa.
 */
.like, .unlike { background: url('img/icons/stars.png') no-repeat; display: block; height: 40px; position: absolute; text-indent: -999em; top: 0; width: 42px; }
.like { background-position: 0 0; }
.like:hover, .like:focus { background-position: -42px 0; }
.unlike { background-position: 0 -40px; }
.unlike:hover, .unlike:focus { background-position: -42px -40px; }
/* account for the padding */
.event .like, .event .unlike { top: 40px; }

h1, h2 { margin: 0; text-transform: uppercase; }
h1 { font-family: 'n8bold', Helvetica, Arial, sans-serif; font-size: 4.615384615384615em; font-weight: normal; line-height: 0.833333333333333em; word-wrap: break-word; } /* 60/13, 50/60 */
h2 { color: #0096FF; font-family: 'n8cond', Helvetica, Arial, sans-serif; font-size: 2em; font-weight: bold; line-height: 1em; } /* 26/13, 28/36 */ 
.fontface h2{ font-size: 2.769230769em; line-height: .777777778em; font-weight:normal;}
h3 { font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; font-weight: normal; line-height: 1em; margin: 0; } /* 26/13, 26/26 */


time { color: #BEBEBE; }

p { margin: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol, dl { margin: 0; padding: 0; }
li { list-style-position: outside; }
dd { margin: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; color: #CCC; font-style: italic; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== primary styles ===================================================== */

/* rich content from the CMS */
.rich * + p, .rich * + ul, .rich * + ol, .rich * + blockquote { margin-top: 1em; }
.rich blockquote { background: #EEE; margin-left: 0; margin-right: 0; padding: 1em; }
.box .rich blockquote { padding: 20px 3.03030303%; } /* 20/660 */
.rich iframe, .rich .figure { margin-bottom: 20px; margin-top: 20px; /* width: 45.454545455% */ } 
.rich iframe + i { margin-top: -20px; display: block; }
.rich .figure[style*="float:left"], .rich .figure[style*="float: left"] { margin-right: 6.060606061%; } /* 40/660 */ 
.rich .figure[style*="float:right"], .rich .figure[style*="float: right"] { margin-left: 6.060606061%; } /* 40/660 */
.rich + p { margin-top: 1em; }
.rich p:first-of-type img:first-child { margin-top: 0; }
.figure dd { color: #BEBEBE; font-style: italic; }
.box img[src*="full_width"] { margin-left: -6.060606061%; max-width: none; width: 112.121212121%; } /* 740/660 */

.lead { color: #BEBEBE; font-family: 'n8cond', Verdana, Helvetica, Arial, sans-serif; font-size: 2.307692307692308em; line-height: 1em; } /* 30 / 13, */
#home .lead, #info .lead{ color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.5);}

#flashMessage { background: rgba(40, 60, 90, 0.6); left: 50%; margin-left: -175px;  position: absolute; top: 180px; width: 350px; z-index: 999999; }
#flashMessage p { color: #fff; font-family: 'n8bold',Verdana,Helvetica,Arial,sans-serif; font-size: 1.53846em; line-height: 2em; padding: 1em 0; text-align: center; text-transform: uppercase; }
.no-rgba #flashMessage { background: #283C5A;}

/* forms */
input[type="text"], input[type="email"], input[type="password"] { border: 1px solid #000; padding: 5px 10px; }
input.placeholder { color: #000; text-indent: 10px; }
input::-webkit-input-placeholder { color: #000; text-indent: 10px; }
input::-moz-placeholder { color: #000; text-indent: 10px; }

button.continue { background: transparent; border: 0; color: #000; cursor: pointer; display: inline-block; padding-top: 5px; }
.ie7 button.continue { display: inline; zoom: 1; }
.box button.continue { color: #000; }
button.continue:hover, button.continue:focus { color: #0096FF; }

/* general layout blocks */

/* branding */
#branding { height: 110%; left: 0; overflow: visible; position: absolute; top: 0; width: 100%; }
.slideshow-element.current { position: fixed; max-width: 100%; }
.slideshow-element.current img, #branding > .full{ width:100%; position: fixed; top: 0; z-index:-1;}

#branding .slideshow-element { opacity: 0; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; -moz-transition: opacity .7s ease-in; -webkit-transition: opacity .7s ease-in; -o-transition: opacity .7s ease-in; transition: opacity .7s ease-in; }
#branding .slideshow-element[class~="current"] { opacity: 1; top: 0; left: 0; -moz-transition: opacity .7s ease-out; -webkit-transition: opacity .7s ease-out; -o-transition: opacity .7s ease-out; transition: opacity .7s ease-out; }
.no-opacity #branding .slideshow-element { display: none; }
.no-opacity #branding .slideshow-element[class~="current"] { display: block; }
#branding .slideshow-element a { display: none; text-decoration: none; }
#branding .slideshow-element a:hover h1 { color: #0096ff; }
#branding .slideshow-element.current a { cursor: pointer; display: block; }
#branding .slideshow-element.current { cursor: default; }

#home .branding-wrapper{ margin-top:40px;}
.branding-content { display: table; width: 100%; margin: 0 auto; height: 200px; padding: 0 8.108108108%; } /* 60/740 */ 
#home .branding-content{ height:500px;}
#home .branding-content, #info .branding-content { text-shadow: 0px 0px 3px rgba(0,0,0,.5); }
#museum .branding-content { text-shadow: 2px 2px 2px rgba(0,0,0,.5); }
.ie7 .branding-content { display: inline-block; zoom: 1; }
.branding-content .vcenter{ display: table-cell; vertical-align: middle; }
.branding-content .box { background: transparent; padding: 0; }
.branding-content h1 { color: #FFF; }
.branding-content h2.shortname { color: #FFF; font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 7.692307692em; font-weight: normal; line-height: .9em; word-wrap: break-word; } /* 100/13, 90/100 */
.branding-content .lead { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
#museum .branding-content .lead { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); } /* <-- 'cause of the detailed images, text is otherwise illegible */

header, .branding-content, #main, #main-footer { position: relative; z-index: 2; }
.content-wrapper { width: 100%; }
#main, #main-footer { max-width: 740px; margin: 0 auto; padding: 0 8.108108108%; } /* 60/740 */

.box { background: #FFF; padding: 40px 5.405405405%; } /* 40/740 */
.ie7 .box { zoom: 1; }
.box + .box, .programme + .box { margin-top: 40px; }
.box.alt1 { background: #878787; color: #FFF; }
.box.alt1 h2 { color: #FFF; }
.box.alt2 { background: #0096FF; color: #283C5A; }
.box.alt2 h2 { color: #283C5A; }
.box.alt2 a:hover, .box.alt2 a:focus { color: #FFF; }
.programme { background: #FFF; zoom: 1; }
.meta > div + div { margin-top: 20px; }
img, iframe, object, embed { max-width: 100%; }
/* Facebook comments box does not load with max-width */
.ie7 iframe[src*="facebook"], .ie8 iframe[src*="facebook"] { max-width: none; }

/* main navigation */
#main-navigation { background: #283C5A; padding-left: 70px; position: relative; z-index: 1000; }
.rgba #main-navigation { background: rgba(40,60,90,.6); }
#main-navigation li { float: left; }
.ie7 #main-navigation li { display: inline; zoom: 1; }
#main-navigation img { display: block; }
#main-navigation a { color: #FFF; display: block; float: left; font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; line-height: 2em; padding: 0 10px; text-decoration: none; text-transform: uppercase; } /* 20/13 */
.ie7 #main-navigation a { display: inline; zoom: 1; }
#main-navigation .active a, #main-navigation a:hover, #main-navigation a:focus { color: #0096FF; }
#main-navigation .alt-nav, .ie7 #main-navigation .alt-nav{ display:none;}


#main-navigation .home { left: 40px; position: absolute; top: 0; padding:0; }
#main-navigation .home { background: url('img/logos/n8logo-hover.gif') no-repeat 0 0; height: 60px; padding: 0; width: 60px; }
#main-navigation .home:hover img, #main-navigation .home:focus img { visibility: hidden; }
#main-navigation .home img { display: block; max-width: none; }
#main-navigation a.twitter, #main-navigation a.facebook { background: url('img/logos/nav-social-header.png') no-repeat; height: 20px; margin-top: 10px; padding: 0; text-indent: -999em; width: 20px; }
#main-navigation a.facebook { background-position: 0 0; margin: 10px 10px 0 20px; }
#main-navigation a.facebook:hover, #main-navigation a.facebook:focus { background-position: 0 -20px; }
#main-navigation a.twitter { background-position: -20px 0; }
#main-navigation a.twitter:hover, #main-navigation a.twitter:focus { background-position: -20px -20px; }

/* museum */

#musea h1 { color:#000; }

/* neighbour navigation */
.neighbour-navigation { position: relative; z-index: 1000; }
.neighbour-navigation li { list-style: none; position: fixed; top: 300px; }
.slider .neighbour-navigation li { position: absolute; }
.neighbour-navigation a { background: url('img/icons/neighbour-navigation.png') no-repeat; display: block; height: 60px; text-indent: -999em; width: 37px; }
.neighbour-navigation .prev a { background-position: 0 0; }
.neighbour-navigation .prev a:hover, .neighbour-navigation .prev a:focus { background-position: 0 -60px; }
.neighbour-navigation .next a { background-position: -37px 0; }
.neighbour-navigation .next a:hover, .neighbour-navigation .next a:focus { background-position: -37px -60px; }

.museum-id { color: #0096FF; display: block; font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 4.615384615384615em; line-height: 0.833333333333333em; }

/* n8 tips */
#n8tips h1 { color: #000; }
.n8tips { margin-bottom: 40px; padding-bottom: 20px; }
.n8tips header { margin-bottom: 30px; }
.n8tips header p { font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; font-weight: normal; line-height: 1em;  } /* 26/13, 26/26 */
.n8tips .excerpt { border-top: 1px solid #BEBEBE; }
.n8tips .first { border-top: 0; padding-top: 0; }
.n8tips .first .block-wrapper { padding-top: 0; }

/* blog */
#blog h1, #blog-single h1{ color:#000;}

.blog .continue { margin-top: 1em; }
.blog .excerpt{ border-top:0;}

.blog-filter { border-bottom: 1px solid #BEBEBE; padding-bottom: 20px; }

.blogpost .banner { margin-top: -40px; margin-bottom: 20px; }

.blogpost .intro { font-family: 'n8narrow', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; line-height: 1em; margin-bottom: 20px; } /* 20/13, 20/20 */
.blogpost .category { float: right; margin: 0 -15.151515152% 20px 3.03030303%; width: 48.484848485%; background: #283C5A; } /* 100/660, 20/660, 320/660 */
.ie7 .blogpost .category { display: inline; zoom: 1; }
.blogpost object, .blogpost iframe, .blogpost embed { margin-left: -6.060606061%; width: 112.121212121%; max-width: 112.121212121%; } /* 740/660 */
.blogpost object embed { margin: 1em 0 0 0; }

.blogpost .museumkaart { border-top: 1px solid #BEBEBE; margin-top: 40px; overflow: hidden; padding-top: 20px; text-transform: lowercase; }
.blogpost .museumkaart img { float: left; margin-right: 20px; }
.ie7 .blogpost .museumkaart img { display: inline; zoom: 1; }
.blogpost .museumkaart a { color: #0096FF; }
.blogpost .museumkaart a:hover, .blogpost .museumkaart a:focus { color: #0096FF; }

.blogpost .sharing { font-size: 0; }
.blogpost .sharing a { background: url('img/logos/blogpost-sharing.png') no-repeat; display: inline-block; height: 40px; margin-right: 20px; margin-top: 20px; text-decoration: none; text-indent: -999em; width: 40px; }
.ie7 .blogpost .sharing a { display: block; zoom: 1; }
.blogpost .sharing .facebook { background-position: 0 0; }
.blogpost .sharing .facebook:hover, .blogpost .sharing .facebook:focus { background-position: -40px 0; }
.blogpost .sharing .twitter { background-position: 0 -40px; }
.blogpost .sharing .twitter:hover, .blogpost .sharing .twitter:focus { background-position: -40px -40px; }
.ie7 .blogpost .sharing .facebook:hover, .ie7 .blogpost .sharing .facebook:focus { background-position: 0 0; }
.ie7 .blogpost .sharing .twitter:hover, .ie7 .blogpost .sharing .twitter:focus { background-position: 0 -40px; } 

#jaarverslag .blogpost .sharing .facebook { background-position: -40px 0; }
#jaarverslag .blogpost .sharing .facebook:hover, #jaarverslag .blogpost .sharing .facebook:focus { background-position: -80px 0; }
#jaarverslag .blogpost .sharing .twitter { background-position: -40px -40px; }
#jaarverslag .blogpost .sharing .twitter:hover, #jaarverslag .blogpost .sharing .twitter:focus { background-position: -80px -40px; }

.blog-meta h2 { margin-bottom: 10px; }
.blog-meta .venues { overflow: visible; }
.blog-meta .venues ul { float: none; width: auto; }
.blog-meta .venues a { color: #FFF; }
.blog-meta .venues a:hover, .blog-meta .venues a:focus, .blog-meta .venues a span { color: #283C5A; }

.blog-categories { margin-top: 20px; }
.blog-categories li { list-style: none; }
.blog-categories a { color: #FFF; font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; line-height: 1.5em; text-decoration: none; } /* 20/15, 30/20 */
.blog-categories a:hover, .blog-categories a:focus { color: #283C5A; }

.blog-comments h2 { margin-bottom: 10px; }

.people li { float: left; list-style: none; margin-top: 10px; margin-right: 1.515151515%; width: 20.303030303%; } /* 10/660, 67/330 */
.ie7 .people li { display: inline; zoom: 1; }
.people img { display: block; height: auto; width: 100%; }
.people a { display: block; position: relative; text-decoration: none; }
.people p { background: #FFF; color: #000; font-weight: bold; left: 100%; margin-left: 10px; padding: 7px 10px; position: absolute; top: -999em; white-space: nowrap; z-index: 1000;
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.75); box-shadow: 0 5px 5px rgba(0,0,0,.75); }
.people p span { display: block; font-weight: normal; }
.people a:hover p, .people a:focus p { top: 10px; z-index: 2000; }
.ie7 .people a:hover p, .ie7 .people a:focus p { top: -999em; }
.people p:before { content: url('img/icons/tooltip-arrow.png'); left: -8px; position: absolute; top: 0; }

.post-info time { color: #FFF; display: block; font-family: 'n8cond', Helvetica, Arial, sans-serif; font-size: 2em; font-weight: bold; line-height: 1em; margin-bottom: 10px; text-transform: uppercase; } /* 36/13, 28/36 */
.fontface .post-info time{ font-size: 2.769230769em; line-height: .777777778em; font-weight: normal;}
.post-info img { float: left; margin-right: 20px; }
.ie7 .post-info img { display: inline; zoom: 1; }

/* excerpts */
.excerpt { padding: 20px 0; position: relative; }
.excerpt:last-child { border-bottom: 0; padding-bottom: 0; }
/* Note; block-links are deliberately made too wide and pulled back to the left so that the border between excerpts can be 660px but the hover block of 
 * the block-link can be 740px.
 */
.excerpt .block-link, .excerpt .block-wrapper { left: -6.060606061%; padding: 20px 6.060606061%; position: relative; width: 100%; } /* 40/660 */
/* this layout is a little too complex for IE7. So let's simplify it a little. */
.ie7 .excerpt .block-link, .ie7 .excerpt .block-wrapper { left: 0; padding: 20px 0; width: auto; zoom: 1; } 
.excerpt .featured-star { background: url('img/icons/featured-star.png') no-repeat; display: block; height: 40px; left: 0; position: absolute; top: -1px; width: 40px; }
.excerpt.highlight .block-wrapper { background: #F6E0E0; }

/* musea */
#map { position: relative; zoom: 1; }
#map .embed { display: block; height: 440px; background: transparent; }
#map .museumoverlay { margin-left: -16px; margin-top: -33px; position: relative; z-index: 2; }
#map .museumoverlay a { position:absolute; background: transparent url('img/icons/map-pointer.png') no-repeat; color: #0096FF; cursor: default; display: block; font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size: 1.230769231em; height: 36px; line-height: 36px; text-align: center; text-decoration: none; width: 31px; } /* 16/13 */
#map .museumoverlay.afterparty a { background-position: -31px 0; color: #283c5a; }
#map .museumoverlay span { background: #FFF; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.25em; font-weight: bold; left: 100%; line-height: 1.5em; margin-left: 5px; margin-top: -.75em; padding: 0 10px; position: absolute; text-transform: uppercase; top: -999em; white-space: nowrap; /* 20/16, 30/20, 15/20 */
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.75); box-shadow: 0 5px 5px rgba(0,0,0,.75); }
#map .museumoverlay.active span, #map .museumoverlay a:hover span, #map .routes a:focus span { top: 50%; cursor: pointer; z-index: 4; }
#map .museumoverlay.active { z-index: 5; }
#map .museumoverlay:hover { z-index: 3; }
#map .museumoverlay span:before { content: url('img/icons/tooltip-arrow.png'); left: -8px; position: absolute; top: 0; }

#maplink { display: none; }

.venues li { list-style: none; }
.venues a { color: #000; font-family: 'n8narrow', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538em; font-weight: bold; line-height: 1.5em; text-decoration: none; }
.venues a:hover, .venues a:focus, .venues a span { color: #0096FF; }
.venues a.not-applicable { opacity: .2; }

/* community actions */
#community h2 { margin-bottom: 1em; }
#community iframe { display: inline-block; vertical-align: middle; }
.ie7 #community iframe { display: inline; zoom: 1; }
#community .rich { margin-bottom: 1em; }
.facepile { margin-bottom: 40px; }

.twitter-info .continue { color: #000; margin-bottom: 10px; }
.twitter-info .continue i { background: url('img/icons/twitter-bird.png') no-repeat; display: inline-block; height: 29px; margin-right: 10px; vertical-align: middle; width: 30px; }
.ie7 .twitter-info .continue i { display: inline; zoom: 1; }
.twitter-info .continue:hover i, .twitter-info .continue:focus i { background-position: 0 -29px; }

.twitter-info, .twitter-stream { margin-bottom: 30px; }
.twitter-stream article { display: none; }
.twitter-stream article.current { display: block; }

.twitter-stream section.slider { position: relative; }
.twitter-stream nav { position: relative; top: 0; padding: 1.53846em; }
.csstransitions .twitter-stream article {display: block; opacity: 0; left: -20px; width: 100%; position: absolute; -moz-transition: left .6s, opacity .5s; -webkit-transition: left.6s, opacity .5s; z-index: 0;}
.csstransitions .twitter-stream article.current { display: block; opacity: 1; left: 0px; -moz-transition: opacity .3s, left .5s ease-out; -webkit-transition: opacity .3s, left .5s ease-out;z-index: 1;}

.twitter-stream .author { display: block; }
.twitter-stream time { background: url('img/icons/tiny-twitter-bird.png') no-repeat 0 4px; padding-left: 24px; }

.slider nav { position: relative; text-align: center; z-index: 10; }
.slider nav li { display: inline-block; }
.ie7 .slider nav li { display: inline; zoom: 1; }
.slider nav a { background: url('img/icons/slider-nav-dots.png') no-repeat; display: inline-block; height: 11px; text-decoration: none; text-indent: -999em; width: 11px; }
.ie7 .slider nav a { display: inline; zoom: 1; }
.slider nav a:hover, .slider nav a:focus, .slider nav a.current { background-position: -11px 0; }

.auth-form { margin-top: 1em; }
.auth-form[class~="facebook"] button i { background: url('img/logos/facebook-login-button.png') no-repeat 0 0; display: inline-block; height: 29px; margin-right: 10px; vertical-align: middle; width: 29px; }
.ie7 .auth-form[class~="facebook"] button i { display: inline; zoom: 1; }
.auth-form[class~="facebook"] button:hover i, .auth-form[class~="facebook"] button:focus i { background-position: 0 -29px; }

.auth-form[class~="twitter"] button i { background: url('img/logos/twitter-login-button.png') no-repeat 0 0; display: inline-block; height: 29px; margin-right: 10px; vertical-align: middle; width: 30px; }
.ie7 .auth-form[class~="twitter"] button i { display: inline; zoom: 1; }
.auth-form[class~="twitter"] button:hover i, .auth-form[class~="twitter"] button:focus i { background-position: 0 -29px; }

.auth-form button span { display: inline-block; vertical-align: middle; }
.ie7 .auth-form button span { display: inline; line-height: 30px; white-space: nowrap; zoom: 1; }
.error { color: #F00; font-style: italic; }

#newsletter-signup { border-top: 1px solid #0096FF; padding: 6.060606061% 0 0; } /* 40/660 */
#newsletter-signup p { margin-bottom: 1em; }
#newsletter-signup input { width: 37.575757576%; } /* 248/660 */
#newsletter-signup #name-field { margin-right: 2.272727273%; } /* 15/660 */
.ie7 #newsletter-signup button { display: block; text-align: left; }

.social-sharing .continue { margin-top: 10px; }
.social-sharing .continue i { background: url('img/logos/social-ticket-sharing.png') no-repeat; display: inline-block; height: 29px; margin-right: 10px; vertical-align: middle; width: 30px; }
.ie7 .social-sharing .continue i { display: inline; zoom: 1; }
.social-sharing .twitter i { background-position: 0 0; }
.social-sharing .twitter:hover i, .social-sharing .twitter:focus i { background-position: 0 -29px; }
.social-sharing .facebook i { background-position: -30px 0; width: 29px; }
.social-sharing .facebook:hover i, .social-sharing .facebook:focus i { background-position: -30px -29px; }

/* info page */
.info-list { overflow: hidden; padding-bottom: 10px; padding-right: 1.351351351%; } /* 10/740 */
.info-list ul { margin-top: 5px; }
.info-list li { list-style: none; margin-bottom: 30px; overflow:hidden;}
.info-list img { float: left; margin-right: 5%; } /* 10/200 */
.ie7 .info-list img { display: inline; zoom: 1; }
.info-list div { overflow: hidden; }
.info-list p { text-transform: lowercase; }

.n8-happenings h2 { margin-bottom: 5px; }
.n8-happenings img { float: left; margin-right: 6.25%; height: auto; width: 31.25%; } /* 20/320, 100/320 */
.ie7 .n8-happenings div { clear: left; overflow: hidden; }
.ie7 .n8-happenings div div { clear: none; }
.ie7 .n8-happenings img { display: inline; zoom: 1; }
.n8-happenings div + div + div { margin-top: 20px; }

/* faq - note that this is for small-screen clients and desktop-clients Javascript disabled. See desktop.css for more. */
.faq dt { color: #0096FF; }
.faq dd { margin-bottom: 20px; }

/* footer */
#footer-container{ display: block; background: #283C5A; }

#main-footer { color: #FFF; padding-bottom: 40px; padding-top: 40px; }
#main-footer a { color: #FFF; text-decoration: none; }
#main-footer a:hover, #main-footer a:focus { color: #0096FF; }
#main-footer h3, .vcard .fn { color: #0096FF; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; line-height: 1.538461538em; } /* 13/13, 20/13 */
#main-footer li { list-style-position: outside; }
#main-footer nav, #main-footer .vcard { float: left; width: 34.459459459459459%; } /* 255/740 */
#main-footer .vcard{ width: 29.72972972972973%;} /* 220 / 740 */
.ie7 #main-footer nav, .ie7 #main-footer .vcard { zoom: 1; }
#main-footer .social-navigation { width: auto; }

/* the following line makes sure partners and sponsors end up underneath the social nav */
.ie7 .social-navigation ul { display: block; min-height: 100px; min-width: 240px; } 
.social-navigation li { float: left; margin-right: 10px; margin-top: 4px; }
.social-navigation .spotify { margin-right: 0; }
.social-navigation a { background: url('img/logos/nav-social-footer.png') no-repeat; display: block; height: 29px; text-indent: -999em; width: 29px; }
.social-navigation .twitter a { background-position: 0 0; width: 30px; }
.social-navigation .twitter a:hover, .social-navigation .twitter a:focus { background-position: 0 -29px; }
.social-navigation .facebook a { background-position: -30px 0; }
.social-navigation .facebook a:hover, .social-navigation .facebook a:focus { background-position: -30px -29px; }
.social-navigation .hyves a { background-position: -59px 0; }
.social-navigation .hyves a:hover, .social-navigation .hyves a:focus { background-position: -59px -29px; }
.social-navigation .flickr a { background-position: -88px 0; }
.social-navigation .flickr a:hover, .social-navigation .flickr a:focus { background-position: -88px -29px; }
.social-navigation .youtube a { background-position: -117px 0; }
.social-navigation .youtube a:hover, .social-navigation .youtube a:focus { background-position: -117px -29px; }
.social-navigation .vimeo a { background-position: -146px 0; }
.social-navigation .vimeo a:hover, .social-navigation .vimeo a:focus { background-position: -146px -29px; }
.social-navigation .spotify a { background-position: -175px 0; }
.social-navigation .spotify a:hover, .social-navigation .spotify a:focus { background-position: -175px -29px; }

.museum-info .social-navigation a { background-image: url('img/logos/nav-social-museum.png'); }

.partners { clear: left; margin-right: 15px; }
.partners, .sponsors { float: left; padding-top: 40px; }
.ie7 .partners, .ie7 .sponsors { clear: left; display: block; float: none; width: 660px; zoom: 1; }
.partners h3, .sponsors h3 { margin-bottom: 4px; }
.partners a, .sponsors a { float:left; display:block; height:40px; margin-right:20px; background-image:url('img/logos/partners.png'); text-indent:-999em;}
.ie7 .partners a, .ie7 .sponsors a { display: inline; zoom: 1; }
.partners img, .sponsors img { margin-right: 15px; }

.metro{ width:90px; background-position:0 0;}
.muka{ width:109px; background-position:-95px 0;}
.gvb{ width:92px; background-position:-208px 0;}
.ams{ width:50px; background-position:-307px 0;}
.voda{ width:37px; background-position:-361px 0;}
.rabo{ width:35px; background-position:-405px 0;}
.bgl{ width:48px; background-position:-443px 0;}
.afk{ width:76px; background-position:-495px 0;}

/* fancybox fix */
#fancybox-overlay { z-index: 10000 !important; }
#fancybox-wrap { z-index: 10001 !important; }
#fancybox-content { z-index: 10002 !important; }
#fancybox-close { z-index: 10003 !important; }
#fancybox-loading { z-index: 10004 !important; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==!== media queries ====================================================== */
/** Small screen styles - mostly mobile phones. */

@media screen and (max-width: 400px) {
	html body#home .content-wrapper { top: 240px; }
}

@media screen and (max-width: 500px) {

	a.continue{ display:none; }
	body .blogpost .category{ float:none; width:93.75%; margin-left:0; }	
	body#home .content-wrapper { top: 280px; }
}

@media screen and (max-width: 640px) {
	/* Drop the font-size. Since everything is in ems, everything will resize proportionally */
	body { line-height:1.25em;}

	header{ z-index:10000; }
	body > header{ padding-top:60px;}
	
	.fontface h2{ margin-bottom: 10px; font-size: 2em;}
	
	/* main navigation */
	#main-navigation { position:absolute; top:0; width:100%; padding-left: 0px; overflow: hidden; }
	.rgba #main-navigation { background: rgba(40,60,90,.75); }
	#main-navigation .alt-nav { float:none; display:block; width:100%; height: 60px; padding:0; background:url('img/backgrounds/nav-bg.png') center center no-repeat; text-indent:-999em; -moz-transition: .6s; -webkit-transition: .6s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform:rotate(-180deg);}
	#main-navigation .alt-nav.fold-up { -moz-transition: .6s; -webkit-transition: .6s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform:rotate(0deg);}
	#main-navigation .home { position: absolute; left: 3.125%; top:0; float:none; border:0;}
	#main-navigation ul { position: relative; height: 100%; overflow: hidden; -moz-transition: .6s; -webkit-transition: .6s ease-out;}
	#main-navigation ul.fold-up { height: 0; -moz-transition: .6s; -webkit-transition: .6s ease-out; }
	#main-navigation li a{ float:none; width:93.75%; padding: 0 3.125%; border-top:1px solid #fff; font-size:2.5em; } /* 30 / 12, no clue why */
	#main-navigation li { float:none; }
	#main-navigation li a:after{ content:'\00a0\203a'; }
	#main-navigation a { padding: 0 5px; }
	#main-navigation .active a { color: #fff; }
	#main-navigation .social{ display:none;}

	#branding{ height:300px;}
	.slider nav{ display:none; }
	
	#home .neighbour-navigation{ display:none;}
	.neighbour-navigation{ position:absolute; top:50px; left:3.125%; width:93.75%;}
	.neighbour-navigation li{ position:absolute; top:0;}
	.neighbour-navigation a{ background-image:url('img/icons/neighbour-navigation-small.png'); width:15px; height:23px; }
	html body .neighbour-navigation .prev { left: -5px; }
	html body .neighbour-navigation .next { right: -5px; }
	.neighbour-navigation .next a{ background-position:-15px 0;}
	.neighbour-navigation .prev a:hover, .neighbour-navigation .prev a:focus{ background-position:0px -24px;}
	.neighbour-navigation .next a:hover, .neighbour-navigation .next a:focus{ background-position:-15px -24px;}

	.jaarverslag.neighbour-navigation li { list-style: none; position: fixed; top: 300px; }
	.jaarverslag .slider .neighbour-navigation li { position: absolute; top: 300px; }
	.jaarverslag .neighbour-navigation a { background: url('img/icons/neighbour-navigation.png') no-repeat; display: block; height: 60px; text-indent: -999em; width: 37px; }
	.jaarverslag .neighbour-navigation .prev a { background-position: 0 0; }
	.jaarverslag .neighbour-navigation .prev a:hover, .neighbour-navigation .prev a:focus { background-position: 0 0; }
	.jaarverslag .neighbour-navigation .next a { background-position: -37px 0; }
	.jaarverslag .neighbour-navigation .next a:hover, .jaarverslag .neighbour-navigation .next a:focus { background-position: -37px 0; }


	.map-only #main{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0;}
	.map-only #map{ height:100%; }
	.map-only #map .embed { display: block; height:100%; }
	#map .embed{ display:none;}
	#map .routes{ display:none;}
	#maplink { display: block; width:93.75%; margin: 0 auto; } /* 620 / 540, 40 / 540 */
	.twitter-stream { display: none; }

	#home .content-wrapper { z-index: 9999; margin-top: 200px;}

	/* Make input fields full width */
	input[type="text"], input[type="email"], input[type="password"] { display: block; margin-bottom: 1em; padding: 5px 0; width: 100%; }

	/* branding */
	.branding-content{ height: 100px; margin: 20px auto; padding: 3.125%;}

	.branding-content h2.shortname { display: block; font-size:3em; line-height:0.871794871794872em; text-shadow:none;} /* 39/13, 34/39 */
	.branding-content h1 { font-size:3em; text-shadow:none;}
	#home .branding-content h1{ margin-top:80px;}
	#museum .branding-content h1{ display:none;}

	.rich.lead{ display:none;}
	.museum-id{ display:none;}

	.venues li{ margin-bottom:0.769230769230769em;}
	.venues a{ font-family: 'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size:1.538461538461538em; line-height:1.25em; } /* 20/13, 25/20, 10/13 */
	#locations{ display:inline-block;}

	#main, #main-footer { margin: 0 auto; padding: 0 3.125%; }
	#main-footer { margin-top: 20px; padding: 3.125%;}

	.box{ padding:6.25%;}
	.box + .box, .programme + .box { margin-top: 20px; }
	.box img[src*="full_width"]{ width:114.2857142857142%; margin-left:-7.1428571428571%;}

	/* excerpts */
	.excerpt{ padding: 0;}
	.excerpt:last-child{ margin-bottom:0;}
	.most-recent{ margin-top:-7.1428571428571%;}
	.blog .excerpt .block-link, .excerpt .block-wrapper { left: -7.1428571428571%; padding: 20px 7.1428571428571%; } /* 20/280 */ 
	.excerpt.highlight .block-wrapper{ padding-bottom:40px;}
	.excerpt.highlight .like, .excerpt.highlight .unlike{ bottom:33px;}
	.excerpt .block-link{ padding: 20px 7.1428571428571%;}
	
	.blog time{ display:block; margin-bottom:1.25em;}
	.fontface .post-info time{ font-size: 2em; line-height: .777777778em; font-weight: normal;}
	.blogpost .banner{ margin-top:-7.1428571428571%;}
	.excerpt figure{ float:left; max-width: 30%; margin-right: 20px; margin-bottom: 0;} /* 40/660 (660 = 740 - 2x40 padding) */
	.blog .most-recent figure{ margin-bottom: 6.060606061%; }
	.blog .most-recent figure img{ max-width:100%; margin-left:0;}
	.people p{ display:none;}
	.blogpost .category{ margin-right:-10px; padding:3.125%;}
	
	.continue{ font-size:1em; line-height:1.25em; font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:bold;}
	
	/* mijn n8 printing */
	.take-it-away .continue { display: none; }
	
	.programme .block-link div{ float:left; width:62%; margin:0; padding:0;}
	.programme .excerpt:last-child{ padding-bottom:0;}
	.event .like, .event .unlike{ position:relative; top:auto; bottom:13px; width:auto; height:24px; padding-left:30px; background-image:url('img/icons/stars-small.png'); color:#0f0; font-family:'n8narrow', Verdana, Helvetica, Arial, sans-serif; font-size:1.538461538em; line-height:1.5em; font-weight:bold; text-indent:0; text-decoration:none;}
	.programme .like, .programme .unlike{ display:none;}
	.event .unlike{ background-position:0 -23px; }
	.event .like:hover{ background-position:0 -47px; color:#0096FF;}
	.event .unlike:hover{ background-position:0 -71px; color:#0096FF;}
	
	html body .info-list li { width: 100%; } /* 660/690 */

	#community{ display:none; }
	.fb-likebox { display: none; }

	.partners, .sponsors { float: none; padding-top: 20px; }

	.toplink{ display:block; width:100%; margin:20px 0; font-family:'n8bold', Verdana, Helvetica, Arial, sans-serif; font-size:1.538461538em; line-height:1.5em; font-weight:bold; text-transform:uppercase; text-align:center;}
}

/** Jaarverslag 2011 **/
#jaarverslag { background: url(img/backgrounds/bg-jaarverslag-2011.gif); }
.jaarverslag { position: relative; min-width: 768px; line-height: 1em; }
.jaarverslag h1, .jaarverslag h2 { color: #fff; text-align: center; font-family: 'n8cond', Verdana, Helvetica, Arial, sans-serif; line-height: 1em; }
.jaarverslag .center { text-align: center; }
.jaarverslag h1 { font-size: 2em; line-height: 1em; padding: 20px; } /* 26 / 13 */

.jaarverslag a:hover .overlay { display: block; }
.jaarverslag .overlay { display: none; position: absolute; background: url('img/backgrounds/rollover-jaarverslag-2011.png') no-repeat center; z-index: 11; top: 50%; left: 50%; margin: -100px 0 0 -100px; width: 200px; height: 200px; }
.jaarverslag article { z-index: 1; }
.jaarverslag #branding { position: relative; height: 720px; }
.jaarverslag .branding-wrapper h1 { color: #fff; font-size: 17.665em; margin-bottom: 20px; } /* 290 / 13 */ 
.jaarverslag .branding-wrapper h1 .small { display: block; font-size: 0.25172em; color: #004b80; line-height: .5em; }/* 73 / 290 */
.jaarverslag .branding-wrapper p { text-align: center; color: #fff; line-height: 2em; margin-bottom: 2em; }
.jaarverslag #branding[class~="slider"] nav { top: 520px; }
.jaarverslag #branding .slideshow-element { z-index: 0; overflow: hidden; }
.jaarverslag #branding .slideshow-element.current { z-index: 10;}
.jaarverslag #branding .slideshow-element a { cursor: pointer; display: block; }
.jaarverslag #branding .slideshow-element.current h2 { margin-top: 0; -moz-transition: 1.2s; -webkit-transition: 1.2s; -o-transition: 1.2s; transition: 1.2s;}
.jaarverslag #branding .slideshow-element h2 { margin-top: -100px; -moz-transition: 1.2s; -webkit-transition: 1.2s; -o-transition: 1.2s; transition: 1.2s; }
.jaarverslag #branding .slideshow-element a h1 { color: #fff; }
.jaarverslag .branding-content { width: auto; }

.jaarverslag .factboxes { max-width: 740px; margin: 0 auto;}
.jaarverslag dl.factbox { float: left; clear: none; width: 155px; margin-right: 40px; padding-top: 10px; border-top: 1px #fff solid; font-size: 2em; line-height: 1em; font-family: 'n8cond', Verdana, Helvetica, Arial, sans-serif; } /* 26 / 13 */
.jaarverslag dl.factbox {  text-align: left; width: 145px; margin-right: 20px; font-size: 1.8em; } /* 26 / 13 */

.jaarverslag dl.factbox:last-child { margin: 0; }
.jaarverslag .factbox dt { color: #004b80; text-transform: uppercase; }
.jaarverslag .factbox dd { color: #fff; font-size: 2em; line-height: 1em; }
.jaarverslag i{ font-style: normal; }
.jaarverslag p { color: #004b80; line-height: 1.5em; }

#jaarverslag #footer-container { margin-top: 50px; }
.jaarverslag .slider nav a { background: url('img/backgrounds/selector-jaarverslag.png'); width: 17px; height: 17px; }
.jaarverslag .slider nav a:hover, .jaarverslag .slider nav a:focus, .jaarverslag .slider nav a.current { background-position: -31px 0; }

.jaarverslag .neighbour-navigation .prev a { background-position: 0 0; }
.jaarverslag .neighbour-navigation .prev a:hover, .neighbour-navigation .prev a:focus { background-position: 0 0; }
.jaarverslag .neighbour-navigation .next a { background-position: -37px 0; }
.jaarverslag .neighbour-navigation .next a:hover, .jaarverslag .neighbour-navigation .next a:focus { background-position: -37px 0; }


@media screen and (max-width:840px) {
	.lead{ font-size:2em;}

	body .neighbour-navigation .prev { left: 8px; }
	body .neighbour-navigation .next { right: 8px; }
	
	body .info-list li { width: 45.833333333333333%; } /* 330/720 */
}

/** Large screens, desktop browsers and tablets */
@media screen and (min-width: 641px) {
	/* branding */
	.content-wrapper{ margin-bottom: 40px; }
	#home .content-wrapper { margin-top: 440px; z-index: 9999; }	
	#branding[class~="slider"] nav { position: absolute; top: 410px; width: 100%; }	
	.map-only #main{ margin-top:40px;}
	.branding-wrapper{ display: block; max-width:860px; margin: 0 auto;}
	.branding-content h2.shortname { display: none; }
	#info .branding-content{ height: 440px; }
	#museum .branding-content h1 { padding-left:90px; }
	
	/* main navigation */
	#main-navigation { padding: 0 40px 0 110px; }

	.museum-id { margin-bottom:-0.833333333333333em; }
	.neighbour-navigation .prev { left: 20px; }
	.neighbour-navigation .next { right: 20px; }

	/* excerpts */
	.excerpt img { float: left; margin-right: 6.060606061%; } /* 40/660 (660 = 740 - 2x40 padding) */
	.ie7 .excerpt img { display: inline; zoom: 1; }
	.excerpt div { overflow: hidden; }
	.excerpt .featured-star { left: -6.060606061%; } /* 40/660 */

	/* blog */
	.most-recent img { float: none; margin: -80px 0 20px -6.060606061%; max-width: none; width: 112.121212121%; } /* 740/660 */
	.ie7 .most-recent img { margin-left: 0; width: 100%; }
	.most-recent h3 { font-size: 3.076923077em; line-height: 1em; } /* 40/13, 40/40 */
	.most-recent .block-link span { background-image: none; padding-right: 0; }
	.most-recent .block-link div { background: url('img/icons/block-link-arrow-grey.png') no-repeat 100% 50%; display: block; padding-right: 30px; }
	.most-recent .block-link:hover div, .most-recent .block-link:focus div { background-image: url('img/icons/block-link-arrow-marine.png'); }

	.blogpost { position: relative; }
	.blogpost .sharing { left: -8.108108108%; position: absolute; top: 0; } /* 60/740 */
	.ie7 .blogpost .sharing { left: 0; position: static; }
	.blogpost .sharing a { display: block; margin: 0; }
	.blogpost .sharing .facebook { margin-bottom: 20px; }

	/* community actions */
	.twitter-info, .twitter-stream { float: left; width: 45.454545455%; }
	.ie7 .twitter-info, .ie7 .twitter-stream { display: inline; zoom: 1; }
	.twitter-stream { float: right; }
	#newsletter-signup { clear: both; }

	/* musea */
	.description p{ margin-top: 10px; font-family: 'n8narrow', Verdana, Helvetica, Arial, sans-serif; font-size: 1.538461538461538em; line-height: 1em;}
	
	.like, .unlike { left: -15.151515152%; } /* 100/660 */
	.programme .like, .programme .unlike { left: -8.108108108%; top: 0; } /* 60/740 */
	.programme .exhibition .like, .programme .exhibition .unlike { top: 20px; }

	.venues { overflow: hidden; }
	.venues ul { float: left; width: 50%; }
	.ie7 .venues ul { display: inline; zoom: 1; }
	.ie7 .venues li { list-style-position: outside; }

	.meta { overflow: hidden; }
	.meta > div { float: left; width: 48.484848485%; } /* 310/660 */
	.ie7 .meta > div { display: inline; zoom: 1; }
	.meta > div + div { margin-left: 3.03030303%; margin-top: 0; } /* 20/660 */
	.meta .odd { clear: left; margin-left: 0; }

	/* info page */
	.info-list ul{ margin-left:-4.347826086956522%; width:104.347826086956522%; }
	.info-list li { display:inline-block; vertical-align:top; margin-left: 4.166666666666667%; width: 29.166666666666667%; } /* 30/690, 210/740 */
	.ie7 .info-list li { display: inline; zoom: 1; }

	/* faq */
	.js .faq { background: #FFF url('img/backgrounds/faq-bg.gif') 50% 0 repeat-y; overflow: hidden; position: relative; zoom: 1; } /* 370/740 */
	.ie7 .faq { background-position: 0 0; }
	.js .faq dt { color: #000; margin-top:10px; margin-bottom: 20px; min-height: 40px; padding-right: 5%; width: 45.454545455%; zoom: 1; } /* 300/660 */
	.js .faq dt.open { background: url('img/icons/faq-open-item.gif') no-repeat 100% 50%; }
	.js .faq dd { background: #878787; color: #FFF; margin-bottom: 0; padding: 4.054054054%; position: absolute; right: -50%; top: 0; width: 41.891891892%; } /* 30/740, 310/740 */
	.js .faq dd { -webkit-transition: .3s right ease-out; -moz-transition: .3s right ease-out; -o-transition: .3s right ease-out; transition: .3s right ease-out; }
	.js .faq dd.open { right: 0; }
	.js .faq a { display: block; text-decoration: none; }
	.js .faq dt.open a, .js .faq dt a:hover, .js .faq dt a:focus { color: #0096FF; }

	/* tickets */
	#ticket-iframe { display: block; width: 100%; } /* 470/660 */

	/* forms */
	.auth-form div { width: 50%; }
	#main > #login-container { padding-bottom: 400px; }
	
	.jaarverslag #branding { height: 600px; }
}

/* iPad landscape */
@media screen and (min-width: 1025px) {
	.neighbour-navigation .prev { left: 40px; }
	.neighbour-navigation .next { right: 40px; }
	#main-footer { padding: 40px 5.405405405%; } /* 40/740 */
	.branding-content { padding-left: 0; padding-right: 0; }
	#main-navigation li.social { float: right; }
	.ie7 #main-navigation li.social { display: inline; zoom: 1; }
	.jaarverslag #branding { height: 560px; }
	.jaarverslag dl.factbox {  width: 155px; margin-right: 40px; font-size: 2em; } /* 26 / 13 */
}

/** Big-ass monitor adjustments */
@media screen and (min-width: 1280px) {
	#branding .full { width: 100%; left: 0; margin: 0;}
	#newsletter-signup button { float: right; }
	.ie7 #newsletter-signup button { display: inline; zoom: 1; }
}

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}