@charset "UTF-8";
html {
  height: 100%; }

html, body {
  font-size: 10px;
  font-family: "Arial Regular", Gadget, sans-serif;
  overflow-x: hidden;
  overflow-y: visible; }

img:-moz-loading {
  visibility: hidden; }

a:focus {
  outline: none; }

.site {
  min-height: 100%;
  padding: 13px 13px 13px 13px; }
  .site .site-inner {
    top: 0;
    width: 100%; }
  .site .site-inner.offscreen {
    top: 0;
    left: 0;
    z-index: 101;
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%; }
    .site .site-inner.offscreen.offscreen-right {
      -webkit-transform: translate(100%, 0);
      -moz-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
      -o-transform: translate(100%, 0);
      transform: translate(100%, 0);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      /* Changed here */
      -moz-transition: -moz-transform 0.4s ease-in-out;
      -o-transition: -o-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out; }
    .site .site-inner.offscreen.offscreen-left {
      -webkit-transform: translate(-100%, 0);
      -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
      -o-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      /* Changed here */
      -moz-transition: -moz-transform 0.4s ease-in-out;
      -o-transition: -o-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out; }
    .site .site-inner.offscreen.offscreen-center {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: -webkit-transform 0.4s ease-in-out;
      /* Changed here */
      -moz-transition: -moz-transform 0.4s ease-in-out;
      -o-transition: -o-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out; }
    .site .site-inner.offscreen.template-index {
      top: 25px;
      margin-left: 13px;
      margin-right: 13px;
      width:: -moz-calc(100% -  26px);
      width:: -o-calc(100% -  26px);
      width:: -webkit-calc(100% -  26px);
      width:: calc(100% -  26px); }
    .site .site-inner.offscreen .content {
      margin-left: 13px; }
    .site .site-inner.offscreen .header-line-detail {
      position: absolute; }

p {
  margin: 0 0; }

.left, .right {
  position: fixed;
  width: 50%;
  height: 100%;
  top: 0; }

.right {
  right: 0; }

.left {
  left: 0; }

a {
  color: black; }

.menu-container {
  min-height: 12px;
  max-height: 40px; }

.menu-second-container {
  margin-top: 60px; }

.menu {
  position: absolute;
  width: -webkit-calc(100% - 26px);
  min-height: 12px;
  max-height: 40px;
  white-space: nowrap;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis; }
  .menu a {
    text-decoration: none; }
  .menu a.active {
    text-decoration: underline; }
  .menu.fixed {
    top: 13px;
    position: fixed;
    z-index: 200; }
  .menu.single-line {
    height: 1.6em; }
  .menu h1 {
    font-size: 1em;
    font-weight: normal;
    display: inline; }
  .menu > .link:before {
    content: ' → '; }
  .menu .link-path, .menu .link-path-inner {
    display: inline; }
  .menu .link-path .link-path-inner:before {
    content: ' → '; }
  .menu .hover-dummy {
    display: none; }

.post-navigation {
  z-index: 1;
  position: fixed;
  height: 90%;
  min-height: -moz-calc(100% -  30px);
  min-height: -o-calc(100% -  30px);
  min-height: -webkit-calc(100% -  30px);
  min-height: calc(100% -  30px);
  width: 100%;
  bottom: 0;
  left: 0; }
  .post-navigation .nav-links {
    position: relative;
    height: 100%;
    width: 100%; }
    .post-navigation .nav-links div {
      position: absolute;
      height: 100%;
      width: 50%;
      top: 0; }
      .post-navigation .nav-links div a {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
    .post-navigation .nav-links .nav-previous {
      right: 0; }
      .post-navigation .nav-links .nav-previous a {
        cursor: e-resize;
        cursor: url(../img/cursor_right.svg), auto; }
    .post-navigation .nav-links .nav-next {
      left: 0; }
      .post-navigation .nav-links .nav-next a {
        cursor: w-resize;
        cursor: url(../img/cursor_left.svg), auto; }

.content {
  margin-right: -5px; }

.content-first {
  margin-top: -20px;
  margin-bottom: 0; }

.content-big {
  margin-right: -60px; }

.header-line-detail {
  position: fixed;
  width: 100%;
  font-size: 12px;
  font-family: 'Arial Black';
  white-space: nowrap;
  overflow: hidden;
  z-index: 100;
  top: 26px;
  left: 0; }
  .header-line-detail .title {
    margin-right: 9px;
    margin-left: 13px; }
  .header-line-detail .year {
    margin-right: 18px; }
  .header-line-detail .pdf-link {
    text-decoration: none;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    padding-left: 10px;
    box-shadow: -2px 0px 5px 2px white;
    margin-right: 13px; }

.content-page {
  position: absolute;
  top: 28px; }
  .content-page .big {
    font-size: 12px;
    line-height: 13px;
    font-family: 'Arial Black'; }
  .content-page h2 {
    margin: 0;
    font-size: 1em;
    text-decoration: underline;
    font-weight: normal;
    margin-top: 20px; }
  .content-page .attachement a {
    text-decoration: none; }

.series-small-container {
  margin-top: 0px; }

.content-detail {
  top: 80px;
  position: absolute;
  width: 100%;
  width: -moz-calc(100% -  26px) !important;
  width: -o-calc(100% -  26px) !important;
  width: -webkit-calc(100% -  26px) !important;
  width: calc(100% -  26px) !important;
  min-height: -moz-calc(100% -  80px) !important;
  min-height: -o-calc(100% -  80px) !important;
  min-height: -webkit-calc(100% -  80px) !important;
  min-height: calc(100% -  80px) !important; }
  .content-detail .images {
    min-height: -webkit-calc(100% - 80px);
    margin: 0px 0 100px 62px; }
    .content-detail .images .detail-image {
      z-index: 2;
      position: relative;
      margin-bottom: 73px;
      display: inline-block;
      margin-right: 60px; }
      .content-detail .images .detail-image a {
        z-index: 2;
        position: relative; }
      .content-detail .images .detail-image img {
        height: 300px;
        width: auto;
        display: block; }
  .content-detail .series-description {
    font-size: 12px;
    line-height: 13px;
    font-family: 'Arial Black';
    bottom: 23px;
    padding-bottom: 0;
    position: absolute; }
    .content-detail .series-description p {
      margin: 0; }

.hoverable-hide {
  opacity: 1.0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.non-focus {
  opacity: 0.85;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.series {
  word-break: break-all;
  margin-right: 45px; }
  .series .help {
    display: inline-block;
    height: 62px; }
  .series .preview-image {
    margin-top: 20px;
    margin-bottom: 18px;
    display: inline-block;
    padding-right: 5px; }
    .series .preview-image img {
      height: 62px; }

.series-big-container .series {
  margin-right: 92px;
  display: inline-block;
  margin-bottom: 46px; }
  .series-big-container .series .preview-image {
    margin-bottom: 0;
    padding-right: 60px;
    vertical-align: top; }
    .series-big-container .series .preview-image a {
      text-decoration: none; }
    .series-big-container .series .preview-image img {
      height: 300px; }

.gallery {
  z-index: 300;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: white; }
  .gallery .close {
    position: fixed;
    z-index: 2222;
    top: 0;
    left: 0;
    padding: 13px 30px 30px 13px;
    cursor: pointer; }
  .gallery .slide {
    margin: 0 auto;
    text-align: center;
    height: 100%;
    width: 100%;
    margin: 0; }
    .gallery .slide .slide-inner {
      padding: 13px 13px;
      position: relative;
      vertical-align: middle;
      height: -moz-calc(100% -  26px);
      height: -o-calc(100% -  26px);
      height: -webkit-calc(100% -  26px);
      height: calc(100% -  26px); }
      @media only screen and (max-width: 480px) {
        .gallery .slide .slide-inner {
          padding: 35px 13px;
          height: -moz-calc(100% -  70px);
          height: -o-calc(100% -  70px);
          height: -webkit-calc(100% -  70px);
          height: calc(100% -  70px); } }
      .gallery .slide .slide-inner .helper {
        position: relative;
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .gallery .slide .slide-inner a {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        max-height: 100%;
        width: auto;
        height: auto;
        max-width: 100%; }
      .gallery .slide .slide-inner img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        vertical-align: middle;
        cursor: pointer; }
  .gallery .load-dummy {
    height: 100%; }
    .gallery .load-dummy .load-dummy-inner {
      height: 100%; }
  .gallery .load-next-dummy {
    top: -100%; }

/*# sourceMappingURL=main.css.map */