  /* Schriftart und -farbe definieren */

  body {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.428571429;
      color: #333333;
      background-color: #ffffff;
      margin: 0;
  }

  h1 {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 500;
      line-height: 1.1;
      color: inherit;
      margin-top: 20px;
      margin-bottom: 10px;
  }

  /* --- */
  
  .container {
      margin-right: auto;
      margin-left: auto;
      width: 1170px;
  }
  
  .row {
      margin-right: -15px;
      margin-left: -15px;
  }

  .row:after {
      clear: both;
  }

  .row:before,
  .row:after {
      display: table;
      content: " ";
  }

  .navbar {
      min-height: 50px;
      margin-bottom: 20px;
      border: 1px solid;
      border-radius: 4px;
  }

  .navbar:before,
  .navbar:after {
      display: table;
      content: " ";
  }

  .navbar:after {
      clear: both;
  }  
  .navbar-nav {
      margin: 0px;
      float: left;
  }
  
  #bs-example-navbar-collapse-2
  {
    width:13em;
  }
  
  .navbarS
  {
    margin: 0px;
    padding: 0;
    float: left;
    width: 100%;
  }

  .navbar-nav > li {
      float: left;
  }
  
  .navbar-nav > li > a {
      line-height: 20px;
  }

  .navbar-default {
      border-color: #395a69;
  }

  .navbar-collapse {
      max-height: 740px;
      padding-right: 15px;
      padding-left: 15px;
      overflow-x: visible;
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
      -webkit-overflow-scrolling: touch;
  }

  .navbar-collapse-gal {
      max-height: 840px;
      padding-right: 2px;
      padding-left: 15px;
  }

  .nav {
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
      margin: 7.5px -15px;
  }

  .nav > li {
      position: relative;
      display: block;
  }

  .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px;
  }

  .col-md-1 {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
  }
  
  .col-md-2 {
      min-height: 750px;
      margin-top: 15px;
      color: #000000;
      padding-right: 15px;
      padding-left: 15px;
      float: left;
  }

  .pic-mar-1 {
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 10px;
      margin-top: 10px;
  }
  
  .panel-footer {
      position: relative;
      padding: 10px 15px;
      color: #000000;
      font-size: 12px;
      border-top: 1px solid #395a69;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
  }

  a {
      background: transparent;
      color: #428bca;
      text-decoration: none;
  }

  a:link {
      color: #395a69;
  }
  
  a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  
  a:hover,
  a:focus {
      color: #2a6496;
      text-decoration: underline;
  }
  
  b {
      margin-left: 15px;
  }

  span.tab {
      display:block;
      width: 200px;
      float: left;
  }
  span.tabpostdet {
      display:block;
      width: 70px;
      float: left;
  }