

body {
  margin:0px;
  overflow: hidden;
}


.nb-menu a {
  color:#fefefe;
  text-decoration: none;
  }

.nb-cover {
  position:absolute;
  top:0px;  left:0em;  right:0em;  bottom:0px;

  background-color: #171717;
  background-size: cover, cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.nb-cover.map {
  right:42%;
  border-right: 1px solid #6E48B4;
}


.nb-content {
  position:absolute;
  top:0px;
  bottom:0px;
  right:0px;
  width:0px;
  display:none;
}





.nb-logo {

  width: 140px;
  height: 150px;
  background-image: url('../media/images/logowhite.png');
 /* background-color: #df5c28;*/
/*#bd2e1e*/
/*#4c50a5*/

  bottom: 0px;
  position: absolute;
  left:5em;
  background-repeat: no-repeat;
  background-position: center;
}


/* -------------- Navigation ----------------- */
.nb-menu {
  position: absolute;
  top: 0em;
  right: 5em;
}

.nb-menu > div {
  padding-left:3em;
  padding-top:1.7em;
}

.nb-menu-item {
  font-family: Verdana;
  font-size: 1em;
  color: #fefefe;
  transition: background-color 1s;
  transition: border 1s;
  cursor:pointer;
  border:1px solid #fefefe;
  display:inline-block;
  padding:1em; padding-top:0.5em; padding-bottom:0.5em;
}

/* ------------- Text content --------------- */
.nb-body {
  position: absolute;
  top: 0em; bottom:0em;
  left:0%;
  width: 40em;
  color: #fefefe;
  font-family: Arial;
  font-size: 1em;
  text-align: left;
  min-width: 36em;  max-width: 40em;
  overflow:hidden;
  }

.nb-body > div {
  padding:5em;  padding-top:5em;
}

.nb-body  div.sizer {
  font-size:1em;
}

.nb-body .line{
  background-color: rgba(22,22,22,0.5);
  padding-left:9px;
  padding-right:9px;
}

/* ------------ Content Footer -------------- */
.nb-footer {
    position: absolute;
    left: 0px; right:0px; bottom: 0px;  height: 150px; width:40em;

    min-height:150px;   min-width: 36em;  max-width: 40em;

    overflow:hidden;
}

.nb-copyright {
  position: absolute;
  margin-right: 2em;
  font-family: Verdana;
  font-size: 0.6em;
  color: #fefefe;
  bottom: 3em;
  right: 5em;
}

.nb-social {
text-align: right;
}
.nb-social img {
  width:3em;  height:3em;
}

.nb-address {
  position: absolute;
  font-family: Arial;
  font-size: 10px;
  left: 24em;
  color: #fefefe;
  white-space: nowrap;
  bottom: 3em;
}

.nb-page-intro {
  padding-left: 5em;
  padding-right: 5em;
  padding-top: 4em;
  padding-bottom:4em;
}

#map {
  position: absolute;
      top: 0em;
      left: 58%;
      bottom: 0em;
      right:0em;
      min-width: 500px;
}

#map-container {
  position:absolute;
  left:0em; top:0em; bottom:0em; right:0em;
}


.nb-story-tile .nb-visual {
  background-color: #cecece;
  background-size: cover, cover;
  background-repeat: no-repeat;
  background-position:center;
  width:100%;
  /*cursor:pointer;*/

}

.nb-story-tile .nb-caption {
  padding-left:5em;
  padding-top:3em;
  padding-bottom:3em;
  font-family: Verdana;
}

.nb-accent-1 {
  /*color:rgb(233, 230, 0);*/
}
.nb-accent-2 {
  /*
  color:rgb(162, 42, 246);
*/
}
.nb-accent-3 {
/*
  color: rgb(233, 107, 0);
*/
}

#fullscreen {
  position:absolute;
  left:10px;
  right:10px;

}



td.time {
    padding-left:10px;
    background-color:#df8b28;
    font-size:0.85em;
    padding:0.5em;
}

td.day {
    background-color:#6E48B4;
    font-size:0.85em;
    padding:0.5em;
}