body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300; }

.header {
  background-color: white;
  margin-top: 70px;
  margin-bottom: 30px; }

.buttons {
  position: fixed;
  z-index: 100;
  background-color: white;
  border-bottom: 1px solid #cccccc;
  height: 25px;
  padding-top: 7px; }
  .buttons .link {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer; }
    .buttons .link.hover {
      background-color: white;
      color: #999999; }
  .buttons .info {
    position: absolute;
    top: 5px;
    right: 15px;
    text-align: right;
    width: 300px;
    font-size: 11px;
    color: gray; }
    .buttons .info a {
      color: gray; }
      .buttons .info a:hover {
        color: black; }

.header_side {
  overflow-y: scroll;
  background-color: #eeeeee;
  height: 410px; }
  .header_side .agenda {
    margin: 20px;
    padding: 5px;
    cursor: pointer; }
    .header_side .agenda a {
      color: gray; }
      .header_side .agenda a:hover {
        color: black; }
    .header_side .agenda.hover {
      background-color: white;
      color: #999999; }
    .header_side .agenda .date {
      font-size: 13px;
      color: #999999; }
    .header_side .agenda .short {
      font-size: 13px;
      color: #999999;
      margin-top: 0.5em; }
  .header_side .info {
    margin: 20px;
    padding: 5px;
    color: #cccccc;
    font-size: 13px; }

.footer, .content {
  color: #999999; }
  .footer a, .content a {
    color: inherit; }
    .footer a:hover, .content a:hover {
      color: black; }

.footer {
  margin-top: 2em;
  font-size: 12px;
  padding-bottom: 80px;
  line-height: 1.3em; }

.content {
  font-size: 14px;
  color: #666666;
  line-height: 1.4em; }
  .content h1 {
    font-size: 30px; }
  .content h2, .content h3, .content h4 {
    font-size: 18px; }
  .content h1, .content h2, .content h3, .content h4 {
    font-weight: inherit;
    margin-bottom: 0.5em; }
  .content p {
    margin-bottom: 1em; }
  .content .grid_2 img {
    max-width: 140px; }
  .content .grid_3 img {
    max-width: 220px; }
  .content .grid_4 img {
    max-width: 300px; }
  .content .grid_6 img {
    max-width: 460px; }
  .content .grid_8 img {
    max-width: 620px; }
  .content .comments {
    margin-top: 2em; }

.item {
  position: relative;
  background-color: #eeeeee;
  height: 300px;
  margin-bottom: 20px; }
  .item.hover .title .background {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  .item.link {
    cursor: pointer; }
  .item.opened .title .text {
    font-size: 30px; }
  .item.large {
    height: 410px; }
    .item.large .image img {
      height: 410px;
      width: 620px; }
  .item .image {
    position: absolute;
    top: 0px;
    left: 0px; }
    .item .image img {
      width: 300px;
      height: 300px; }
  .item .title {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px; }
    .item .title .text {
      position: relative;
      padding: 5px;
      padding-left: 10px;
      z-index: 1;
      font-size: 22px; }
    .item .title .background {
      position: absolute;
      bottom: 0px;
      top: 0px;
      left: 0px;
      right: 0px;
      background-color: white;
      opacity: 0.8;
      filter: alpha(opacity=80); }
  .item .short {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70); }
    .item .short .text {
      padding: 5px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 1.3em; }