html {
          background: rgb(51, 51, 51) url(../img/bg_html.jpg) no-repeat fixed left top;
        }
        body {
          /*background: rgb(255,51,153) url(../img/bg_body.png) no-repeat 50% 10%;*/
          color: white;
          font-family: Lucida Grande, Verdana, Sans, Arial;
          font-size: 0.9em;
        }
        #noscript {
          color: rgb(255, 204, 0);
          border: thick solid rgb(255, 204, 0);
          font-size: larger;
          font-weight: bolder;
          margin: auto;
        }
        #outer-container {
          margin-top: 50px;
        }
        #container {
          border: 1px solid #CCC;
          border-radius: 20px;
        }
        header#top {
          margin: 0 0 0 0;
        }
        #nav {}
        #nav-top {
          padding: 20px 0px 30px 30px;
        }
        nav ul {
          list-style: none;
          padding: 20px 0 25px 0;
          /*font-weight: bolder;*/
          font-size: 1.35em;
        }
        nav ul li {
          float: left;
          list-style: none;
          margin: 10px 32px 10px 0px;
        }
        nav ul li:last-child {
          margin-right: 0;
        }
        nav ul li a {
          font-size: 1.1em;
          text-decoration: none;
          color: rgb(0, 0, 0);
          font-family: 'Passion One', cursive;
        }
        ul li a:hover {
          color: rgb(255, 204, 0);
        }
        nav ul li a.hit {
          color: rgb(255, 204, 0);
        }
        article {}
        #nav-bottom {
          padding: 25px 0px 0px 20px;
        }
        #nav-bottom li a {
          font-size: 0.95em;
        }
        footer {}
        .tab-content {
          display: none;
        }
        .clear {
          clear: both;
        }
        #content {
          /* width:960px; */
          line-height: 130%;
          background: url(../img/3bg_content.png) repeat;
          margin: 0 0 0 0;
          /* border:thick solid white; */
        }
        .text {
          /* width: 650px; */
          width: 70%;
          padding: 27px 0px 27px 20px;
        }
        .footertext {
          margin: 20px 0px 0px 20px;
          color: rgb(255, 204, 0);
        }
        .textimages {
          padding: 30px;
        }
        .text_auszeichnung {
          /* width: 650px; */
          font-family: 'Passion One', cursive;
          font-size: 1.38em;
          color: rgb(255, 255, 153);
          margin: 20px 0 0 0;
        }
        .text a {
          font-family: 'Passion One', cursive;
          color: rgb(255, 204, 0);
          text-decoration: underline;
          font-size: 1.35em;
        }
        .text a:hover {
          color: rgb(255, 204, 0);
        }
        a.liste {
          color: rgb(255, 255, 255);
          text-decoration: underline;
        }
        a.liste:hover {
          color: rgb(204, 0, 102);
          text-decoration: underline;
        }
        h1 {
          font-size: 1.35em;
          font-family: 'Passion One', cursive;
          margin-bottom: 20px;
        }
        h2 {
          font-size: 1.0em;
          font-family: 'Passion One', cursive;
          margin: 20px 0 5px 0;
        }
        h3 {
          font-size: 0.9em;
          font-family: 'Passion One', cursive;
          margin: 10px 0 5px 0;
        }
        h4 {
          font-size: 0.8em;
          font-family: 'Passion One', cursive;
          margin: 10px 0 5px 0;
        }
        p {
          margin: 5px 0 5px 0;
        }
        .mt20 {
          margin: 20px 0 0 0;
        }
        .mb5 {
          margin-bottom: 5px;
        }
        .mb0 {
          margin-bottom: 0px;
        }
        .ou10 {
          margin: 10px 0 10px 0;
        }
        .o20 {
          margin-top: 20px;
        }
        .o50 {
          margin-top: 50px;
        }
        #hint {
          background: url(../img/bg_content_s.png);
          margin: 0 0 0 0;
          /* padding: 0 0 0 0; */
          height: 80px;
          border-radius: 20px 20px 0 0;
          /*   -moz-border-radius-topleft: 10px; */
          /* -moz-border-radius-topright: 10px; */
          /* -moz-border-radius-bottomright: 0px; */
          /* -moz-border-radius-bottomleft: 0px; */
          /* -webkit-border-radius: 10px 10px 0px 0px; */
          /* border-radius: 10px 10px 0px 0px;  */
        }
        #hint img {
          padding: 20px 0 0 20px;
        }
        #logo {
          margin: -80px 10px 0 0;
          float: right;
          /* background:url(../img/logo_musik.png) no-repeat top left;*/
        }
        ul.optionen {
          padding: 0px 0 0px 0;
          margin-bottom: 25px;
        }
        ul.text li {
          margin-left: 0px;
          list-style: square inside;
          color: rgb(204, 204, 204);
        }
        ul.optionen li {
          padding: 5px 0 5px 20px;
          list-style: square inside;
          text-indent: -12px;
        }
        ul.optionen a {
          color: rgb(29, 151, 195);
        }
        .start-tab {
          background: url(../img/bg_start.png) no-repeat;
          color: rgb(51, 51, 51);
        }
        .vorstand-tab {
          background: url(../img/bg_vorstand.png) no-repeat;
          color: rgb(204, 204, 204);
        }
        .anlage-tab {
          background: url(../img/bg_anlage.png);
          color: rgb(204, 204, 204);
        }
        .liga-tab {
          background: url(../img/bg_liga.png);
          color: rgb(153, 0, 102);
        }
        .rangliste-tab {
          background: url(../img/bg_rangliste.png);
          color: rgb(153, 0, 102);
        }
        .events-tab {
          color: rgb(255, 153, 0);
        }
        .kontakt-tab {
          color: rgb(102, 0, 0);
        }
        .impressum-tab {
          background: url(../img/bg_impressum.png) no-repeat;
          color: rgb(102, 0, 0);
        }
        /* Foto Galerie aka events */
        
        .album_description {
          font-size: 1.0em;
          padding-top: 10px;
          padding-bottom: 10px;
        }
        .album_name {
          font-size: 1.5em;
          padding-top: 10px;
        }
        div.pager {
          margin: 20px 0 0 0;
          /* border: thin solid #908f8f; */
        }
        span.page-number {
          margin: 2px 2px 2px 2px;
          padding: 2px 2px 2px 2px;
          /* Sinà loves padding !*/
          border: thin solid #908f8f;
        }
        span.clickable {
          cursor: pointer;
          color: rgb(255, 191, 0);
          font-weight: bolder;
        }
        span.active {
          color: #908f8f;
        }
        .rtg {
          height: auto;
          width: 100%;
        }
        .yellow {
          /*background-color: rgb(255, 204, 0);*/
          background: url(../img/bg-verlauf.png) repeat-x;
          border-radius: 10px 10px 0 0;
          /*border-left: 1px solid white;*/
          /*border-right: 1px solid white;*/
          z-index: -1;
        }
        .fsb {
          font-family: 'Passion One', cursive;
          font-size: 3.0em;
          padding: 10px;
        }
        .lila {
          color: rgb(153, 0, 102);
        }
        .lh {
          line-height: 180%;
        }
        /* Media Queries */
        
        @media screen and (max-width: 768px) {
          #nav-top {
            display: none;
          }
          .slicknav_menu {
            display: block;
          }
          html {
            background: rgb(51, 51, 51);
          }
        }
        @media screen and (min-width:769px) {
          #nav-top {
            display: block;
          }
          .slicknav_menu {
            display: none;
          }
        }