@font-face {
  font-family: FrutigerNext;
  src: url("../font/FrutigerNextLT-Regular.otf") format("opentype"); }
@font-face {
  font-family: FrutigerNext;
  font-weight: bold;
  src: url("../font/FrutigerNextLT-Bold.otf") format("opentype"); }
body {
  font-size: 14px;
  font-family: FrutigerNext;
  margin: 0;
  padding: 0; }
  body .nwd {
    width: 90%;
    margin-left: 5%; }
    body .nwd .top-navigation {
      margin-bottom: 30px;
      margin-top: 20px;
      padding: 10px 20px 10px 20px; }
      body .nwd .top-navigation .glyphicon {
        margin-right: 20px; }
    body .nwd .top-navigation {
      border: 2px solid #000000;
      cursor: pointer; }
    body .nwd #bundleContainer {
      width: 100%;
      height: 750px; }
    body .nwd .navigation {
      font-size: 12px; }
      body .nwd .navigation #objectList .object {
        display: none; }
        body .nwd .navigation #objectList .object.active {
          display: block; }
        body .nwd .navigation #objectList .object.idle {
          display: block; }
      body .nwd .navigation #categoryList:hover,
      body .nwd .navigation #objectList:hover {
        cursor: pointer; }
      body .nwd .navigation #categoryList {
        padding: 10px 10px 10px 10px;
        width: 210px; }
        body .nwd .navigation #categoryList .best-practice {
          color: #f39100; }
        body .nwd .navigation #categoryList .normierung {
          color: #cd1316; }
        body .nwd .navigation #categoryList .bildung-und-forschung {
          color: #009ee3; }
        body .nwd .navigation #categoryList .fachbereich {
          color: #253482; }
        body .nwd .navigation #categoryList .sia-phase {
          color: #957b27; }
        body .nwd .navigation #categoryList .art-des-bauwerks {
          color: #e5007d; }
        body .nwd .navigation #categoryList .standardisierung {
          color: #009ee3; }
        body .nwd .navigation #categoryList .bestellung {
          color: #3da434; }
        body .nwd .navigation #categoryList .sub-theme.active {
          margin-bottom: 5px;
          padding: 6px 6px 4px 11px; }
          body .nwd .navigation #categoryList .sub-theme.active .glyphicon {
            display: block; }
        body .nwd .navigation #categoryList .sub-theme.best-practice.active {
          background: rgba(243, 145, 0, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.normierung.active {
          background: rgba(205, 19, 22, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.bildung-und-forschung.active {
          background: rgba(0, 158, 227, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.fachbereich.active {
          background: rgba(37, 52, 130, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.sia-phase.active {
          background: rgba(149, 123, 39, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.art-des-bauwerks.active {
          background: rgba(229, 0, 125, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.standardisierung.active {
          background: rgba(0, 158, 227, 0.2); }
        body .nwd .navigation #categoryList .sub-theme.bestellung.active {
          background: rgba(61, 164, 52, 0.2); }
        body .nwd .navigation #categoryList .glyphicon {
          float: right;
          color: gray;
          display: none; }
        body .nwd .navigation #categoryList .sub-theme {
          font-size: 11px;
          height: 0;
          visibility: hidden;
          opacity: 0;
          transition: visibility 0s, opacity 0.3s linear;
          display: list-item;
          list-style-type: disc;
          list-style-position: inside;
          padding-left: 11px; }
          body .nwd .navigation #categoryList .sub-theme.selected {
            height: auto;
            visibility: visible;
            opacity: 1;
            line-height: 13px; }
          body .nwd .navigation #categoryList .sub-theme.last {
            margin-bottom: 20px; }
        body .nwd .navigation #categoryList .main-theme {
          border: 2px solid #000000;
          padding: 5px 5px 5px 5px;
          font-weight: bold;
          margin-top: -2px; }
          body .nwd .navigation #categoryList .main-theme.selected {
            margin-bottom: 19px; }
            body .nwd .navigation #categoryList .main-theme.selected .glyphicon {
              display: block; }
      body .nwd .navigation .objectTitle {
        border-bottom: 2px solid #000000;
        margin-bottom: 20px; }
        body .nwd .navigation .objectTitle h2 {
          font-weight: 600;
          font-size: 12px;
          line-height: 2px; }
    body .nwd #bundleContainer .link {
      stroke: #f2f2f2;
      stroke-opacity: .4;
      fill: none;
      pointer-events: none;
      stroke-width: 1px; }
    body .nwd #bundleContainer .link--fadeout {
      stroke-opacity: 0;
      stroke-width: 1px; }
    body .nwd #bundleContainer .link--source,
    body .nwd #bundleContainer .link--target {
      stroke-opacity: 0.6;
      stroke-width: 1px; }
    body .nwd #bundleContainer .link--source {
      stroke: black; }
    body .nwd #bundleContainer .link--target {
      stroke: black; }
    body .nwd #bundleContainer .node:hover {
      opacity: 0.9; }
    body .nwd #bundleContainer .node {
      cursor: pointer; }
    body .nwd #bundleContainer .node:hover,
    body .nwd #bundleContainer .node--source,
    body .nwd #bundleContainer .node--target {
      cursor: pointer;
      font-weight: 500; }
    body .nwd #bundleContainer .node--fadeout {
      fill: rgba(187, 187, 187, 0.1); }
    body .nwd #bundleContainer .node--fadeout .unit {
      fill: rgba(230, 34, 57, 0.1); }
    body .nwd #bundleContainer .node--fadeout .material {
      fill: rgba(20, 82, 89, 0.1); }
    body .nwd #bundleContainer .node--fadeout .theme {
      fill: rgba(39, 161, 161, 0.1); }
    body .nwd #bundleContainer .node--fadeout .partner {
      fill: rgba(173, 158, 128, 0.1); }
    body .nwd #bundleContainer .node--fadeout .tour {
      fill: rgba(204, 204, 204, 0.1); }
    body .nwd #bundleContainer .best-practice {
      fill: #f39100; }
    body .nwd #bundleContainer .normierung {
      fill: #cd1316; }
    body .nwd #bundleContainer .bildung-und-forschung {
      fill: #009ee3; }
    body .nwd #bundleContainer .fachbereich {
      fill: #253482; }
    body .nwd #bundleContainer .sia-phase {
      fill: #957b27; }
    body .nwd #bundleContainer .art-des-bauwerks {
      fill: #e5007d; }
    body .nwd #bundleContainer .standardisierung {
      fill: #009ee3; }
    body .nwd #bundleContainer .bestellung {
      fill: #3da434; }
    body .nwd #bundleContainer .object text {
      font-size: 10px;
      display: none; }
    body .nwd #bundleContainer .selected text {
      display: block; }
    body .nwd #bundleContainer .sub-theme text {
      display: none;
      font-size: 10px; }
    body .nwd #bundleContainer .sub-theme.active text {
      display: block; }

#contentContainer {
  display: none;
  /**width: 90%;
  margin-left: 10%;
  height: 200px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  overflow: hidden;
  overflow-y: scroll;*/
  background-color: black;
  position: fixed;
  /* Sit on top of the page content */
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; }
  #contentContainer .navigation i {
    float: right;
    font-size: 40px;
    color: white;
    margin-top: 80px;
    margin-right: 80px; }
  #contentContainer .navigation i:hover {
    cursor: pointer; }
  #contentContainer .content {
    margin-top: 122px;
    margin-left: 20%;
    margin-right: 20%;
    background-color: white;
    padding: 20px 20px 20px 20px; }

rect {
  fill: none;
  pointer-events: all; }

pre {
  font-size: 18px; }

line {
  stroke: #000;
  stroke-width: 1.5px; }

.string, .regexp {
  color: #f39; }

.keyword {
  color: #00c; }

.comment {
  color: #777;
  font-style: oblique; }

.number {
  color: #369; }

.class, .special {
  color: #1181B8; }

a:link, a:visited {
  color: #666;
  text-decoration: none; }

a:hover {
  color: #666; }

path.arc {
  cursor: move; }

.navigationContainer {
  background-color: black; }

.nodeItem {
  float: left;
  min-width: 20%;
  text-align: center; }

.nodeHeader {
  min-height: 40px;
  padding-top: 10px; }

.nodeItem li {
  border-top: thin solid #ffffff; }

.nodeUnit .nodeHeader {
  background-color: #e62239; }

.nodeUnit li {
  background-color: rgba(230, 34, 57, 0.5); }

.nodeTheme .nodeHeader {
  background-color: #27a1a1; }

.nodeTheme li {
  background-color: rgba(39, 161, 161, 0.5); }

.nodeMaterial .nodeHeader {
  background-color: #145259; }

.nodeMaterial li {
  background-color: rgba(20, 82, 89, 0.5); }

.nodePartner .nodeHeader {
  background-color: #ad9e80; }

.nodePartner li {
  background-color: rgba(173, 158, 128, 0.5); }

.nodeTour .nodeHeader {
  background-color: #cccccc; }

.nodeTour li {
  background-color: rgba(204, 204, 204, 0.5); }

.nodeItem ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }

.nodeObject {
  cursor: pointer;
  text-align: center;
  height: 100%;
  padding-bottom: 10px;
  padding-top: 10px; }

.nodeObject img {
  width: 40px;
  padding-top: 0px;
  top: 12px;
  left: 2px;
  position: relative; }

#back {
  cursor: pointer; }

#nodeSelect {
  position: absolute;
  top: 800px;
  left: 45px; }

.objectInformation h3 {
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 7px;
  font-size: 14px;
  display: inline-block; }

.objectInformation #objectName {
  font-size: 25px;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  margin-bottom: 5px;
  display: inline-block;
  font-weight: lighter; }

.objectInformation .container {
  margin-top: 5px; }

#objectInformationContainer {
  position: absolute;
  color: white;
  width: 400px;
  top: 45px;
  right: 45px; }

#objectInformationText {
  font-style: italic;
  font-weight: bold;
  font-size: 40px; }

#objectInformationTeaser {
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 7px;
  font-size: 11px;
  display: inline-block; }

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