/* general styles */
body{
  font-size: 14px;
  line-height: 20px;
}

div.centerContent{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

/*      HEADER      */
header{
  width: 100%;
  height: auto;
}
header div.centerContent{
  width: 100%;
  padding: 0px;
}
header div.logoHolder{
  width: 80%;
  max-width: 327px;
  padding-top: 20px;
  padding-bottom: 20px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

div.menuHolder{
  float: none;
  margin-right: 0px;
}
div.menuHolder nav>ul{
  margin-bottom: 20px;
  margin-top: 0px;
}
nav ul li{
  display: none;
  font-size: 1.2em;
  height: auto;
  line-height: 1.2em;
  padding-left: 20px;
  padding-right: 20px;
  color: #FFF;
  border: none;
  background-color: #0075be;
}

nav ul li:last-child{
  border: none;
}
div.menuHolder nav ul li:hover{
  color: #FFF;
}
nav ul li a{
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #FFF;
}
nav ul li:last-child a{
  border: none;
}

nav ul li.menuButton{
  display: block;
  background: none;
  color: #000;
  background-color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.menuHolder nav ul li.menuButton:hover{
  color: #000;
}

nav ul li.menuButton span{
  padding-right: 15px;
}

/*      CONTENT      */
div.headerHolder{
  height: 65px;
}

div.icon{
  margin-top: 10px;
  width: 45px;
  height: 45px;
  margin-left: 0px;
  margin-right: 15px;
}

article h1,
section h1{
  padding-top: 17px;
  line-height: 1em;
  font-size: 1.2em;
}
article h2,
section h2{
  font-size: 1.2em;
  margin-bottom: 20px;
}


/*    TEXT & CONTACT   */
div.centerText{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
div.centerText.contact img{
  width: 80%;
  max-width: 410px;
  margin-bottom: 15px;
}


/*    PLAY    */
div.textCol{
  width: 100%; 
  float: none;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
div.textCol:first-child{
  margin-right: 0px;
}

div.iframeHolder{
  width: 100%;
  margin-left: 0px;
  margin-bottom: 15px;
}


/*    AGENDA    */
div.agendaHolder{
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  background: none;
  padding-top: 0px;
}
div.agendaHolder div{
  margin-left: 30px;
  margin-right: 30px;
  font-size: 0.9em;
}
div.agendaHolder.overview{
  width: 100%;
}
div.agendaHolder.overview div.agendaItem{
  min-height: 80px;
}
div.agendaHolder.overview div.agendaItem{
  width: 100%;
  min-height: 0px;
  margin-left: 0%;
  margin-right: 0%;
  float: none;
}

div.agendaHolder a.fa{
  top: 50%;
}
div.agendaHolder a.fa-chevron-left{
  left: 0px;
}
div.agendaHolder a.fa-chevron-right{
  right: 0px;
}


/*    TIMELINE    */
div.timelineHolder{
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
div.timelineHolder div.step{
  padding-right: 0px;
  width: 220px;
  margin-bottom: 20px;
  margin-right: 0px;
  background: none;
}


/*    LOCATIONS    */
div.locationHolder{
  margin-top: 20px;
  margin-bottom: 20px;
}

div.locationOverview a span, div.locationOverviewStatic a span{
  width: 120px;
  height: 90px;
}


/*      TYPEN   */
div.typenHolder img{
  margin-right: 0px;
  margin-top: 20px;
  margin-bottom: 25px;
  width: 100%;
}
div.typenHolder div.textCol{
  width: 100%;
  text-align: center;
  margin-top: 0px;
}

/*      GALLERY   */
div.galleryOverview{
  margin-top: 20px;
  margin-bottom: 20px;
}
div.galleryOverview a{
  width: 120px;
  height: 90px;
}


/*      DOWNLOADS   */
div.downloadOverview{
  margin-top: 20px;
  margin-bottom: 20px;
}
div.downloadOverview a{
  margin-bottom: 50px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}


/*      FOOTER      */
footer nav{
  padding-top: 20px;
}
footer nav ul li{
  display: block;
  border: none;
}
footer nav ul li:hover{
  color: #b8cfe6;
}

div.copyright{
  text-align: center;
  line-height: 1em;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
}