* {
  margin: 0;
  padding: 0; }

.center {
  position: relative;
  margin: 0 auto;
  width: 1000px; }

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

body {
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: #555555; }
  body #page {
    position: absolute;
    overflow-y: scroll;
    left: 0;
    top: 0;
    right: 0;
    bottom: 62px; }
    body #page #header {
      height: 147px;
      background: url(../images/bg_header.gif) repeat-x; }
      body #page #header a.logo {
        position: absolute; }
        body #page #header a.logo img {
          border: 0; }
      body #page #header #ticker {
        position: absolute;
        top: 79px;
        right: 10px;
        height: 30px;
        width: 449px;
        z-index: 1000;
        background: url(../images/ticker.png) no-repeat; }
      body #page #header #navigation_top {
        position: absolute;
        left: 0;
        top: 99px;
        right: 0;
        height: 48px;
        background: url(../images/bg_menu.gif) repeat-x; }
        body #page #header #navigation_top ul {
          list-style-type: none; }
          body #page #header #navigation_top ul li {
            float: left; }
            body #page #header #navigation_top ul li a {
              display: block;
              font-size: 0.9em;
              text-decoration: none;
              color: white;
              line-height: 38px;
              padding: 10px 10px 0; }
              body #page #header #navigation_top ul li a.current,
              body #page #header #navigation_top ul li a.section {
                font-weight: bold;
                margin-right: 3px;
                background: #7eb544; }
      body #page #header #mobile_navigation {
        display: none; }
    body #page #navigation_sub {
      height: 30px;
      background: #75ac35; }
      body #page #navigation_sub ul {
        list-style-type: none;
        background: #7eb544;
        height: 30px; }
        body #page #navigation_sub ul li {
          float: left; }
          body #page #navigation_sub ul li a {
            display: block;
            font-size: 0.9em;
            text-decoration: none;
            color: white;
            line-height: 30px;
            padding: 0 5px; }
            body #page #navigation_sub ul li a.current,
            body #page #navigation_sub ul li a.section {
              font-weight: bold; }
            body #page #navigation_sub ul li a.first {
              padding-left: 15px; }
            body #page #navigation_sub ul li a.last {
              padding-right: 15px; }
    body #page #bg_content {
      background: url(../images/bg_site.gif) repeat-x #a1a1a1;
      overflow: auto;
      min-width: 1000px; }
      body #page #bg_content #content {
        min-height: 400px;
        background: url(../images/bg_content.gif) repeat-x; }
        body #page #bg_content #content #content_left {
          float: left;
          width: 200px; }
          body #page #bg_content #content #content_left #page_navigation {
            border-bottom: 1px solid #b7b4b4;
            margin: 10px;
            padding-bottom: 10px; }
            body #page #bg_content #content #content_left #page_navigation ul {
              list-style-type: none;
              margin: 0; }
              body #page #bg_content #content #content_left #page_navigation ul li {
                margin: 0; }
                body #page #bg_content #content #content_left #page_navigation ul li a {
                  display: block;
                  font-size: 0.9em;
                  color: #616161;
                  font-weight: normal;
                  padding: 3px; }
                  body #page #bg_content #content #content_left #page_navigation ul li a.current,
                  body #page #bg_content #content #content_left #page_navigation ul li a.section {
                    color: #73a23d;
                    font-weight: bold; }
                  body #page #bg_content #content #content_left #page_navigation ul li a:hover {
                    text-decoration: none; }
                body #page #bg_content #content #content_left #page_navigation ul li ul {
                  margin-left: 30px; }
          body #page #bg_content #content #content_left #box {
            color: #616161;
            padding: 5px;
            line-height: 1.5em;
            font-size: 0.9em; }
            body #page #bg_content #content #content_left #box a {
              color: #616161;
              text-decoration: underline;
              font-weight: normal; }
        body #page #bg_content #content #content_main {
          float: left;
          width: 550px;
          padding-top: 10px; }
        body #page #bg_content #content #content_right {
          float: left;
          width: 230px;
          padding: 10px; }
          body #page #bg_content #content .box .box_shadow_l {
            padding-left: 8px;
            background: url(../images/shadow.png) repeat-y; }
            body #page #bg_content #content .box .box_shadow_l .box_shadow_r {
              padding-right: 8px;
              background: url(../images/shadow.png) repeat-y right center; }
              body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content {
                padding: 10px;
                background: white url(../images/bg_box.gif) repeat-x center bottom; }
                body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.news {
                  padding: 5px;
                  font-size: 0.9em;
                  min-height: 190px; }
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.news h2 {
                    font-size: 1em;
                    color: #368f2c;
                    margin: 5px 0; }
                body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.teaser {
                  height: 200px; }
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.teaser .teaser_entry {
                    margin: 10px; }
                body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.slide {
                  height: 100px; }
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.slide .slide_element {
                    display: block;
                    margin: 10px; }
                    body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.slide .slide_element a.sponsor {
                      display: block; }
                body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.pagination {
                  font-size: 0.9em; }
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.pagination a,
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.pagination span {
                    color: #368f2c;
                    padding: 2px 5px;
                    font-weight: bold; }
                    body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.pagination a.active,
                    body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content.pagination span.active {
                      background: none repeat scroll 0 0 #8bb53a;
                      color: white; }
                body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager {
                  text-align: right;
                  position: relative;
                  height: 30px; }
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager.left {
                    text-align: left; }
                  body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager div {
                    position: absolute;
                    right: 0;
                    top: 0;
                    height: 25px;
                    width: 90px;
                    line-height: 25px; }
                    body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager div span {
                      font-weight: bold; }
                    body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager div a {
                      background: url(../images/mehr.png) no-repeat;
                      height: 25px;
                      width: 25px;
                      position: absolute;
                      top: 0; }
                      body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager div a.left {
                        left: 0; }
                      body #page #bg_content #content .box .box_shadow_l .box_shadow_r .box_content #pager div a.right {
                        right: 0; }
              body #page #bg_content #content .box .box_shadow_l .box_shadow_r a.more {
                position: absolute;
                right: 10px;
                bottom: -10px;
                height: 25px;
                width: 25px;
                background: url(../images/mehr.png) no-repeat; }
              body #page #bg_content #content .box .box_shadow_l .box_shadow_r.news {
                position: relative; }
          body #page #bg_content #content .box.even,
          body #page #bg_content #content .box.odd {
            width: 50%;
            float: left; }
          body #page #bg_content #content .box .box_shine {
            height: 30px;
            margin: 0 8px;
            background: url(../images/shine_box.png) repeat-x center bottom; }
        body #page #bg_content #content .modul_box {
          border-bottom: 1px solid #9d9d9d;
          margin: 15px 0; }
          body #page #bg_content #content .modul_box .modul_box_head {
            padding: 5px 0;
            background: url(../images/bg_spielplan_head.gif) repeat-x; }
            body #page #bg_content #content .modul_box .modul_box_head span {
              color: white;
              font-weight: bold;
              padding: 5px;
              background: url(../images/bg_table_head.gif) repeat-x; }
          body #page #bg_content #content .modul_box .modul_box_body {
            padding: 10px;
            background: #d1d1d1 url(../images/bg_spielplan_content.gif) repeat-x; }
            body #page #bg_content #content .modul_box .modul_box_body.guestbook {
              overflow: hidden; }
            body #page #bg_content #content .modul_box .modul_box_body div {
              font-size: 1.1em;
              font-weight: bold;
              border-bottom: 1px solid #bababa;
              margin: 5px 0;
              padding: 5px 0; }
              body #page #bg_content #content .modul_box .modul_box_body div span.highlight {
                color: #7eb544; }
              body #page #bg_content #content .modul_box .modul_box_body div.guestbook_name {
                float: left;
                width: 120px;
                font-size: 1em;
                font-weight: normal;
                border-bottom: 0; }
              body #page #bg_content #content .modul_box .modul_box_body div.guestbook_comment {
                float: left;
                width: 370px;
                border-bottom: 0;
                font-size: 1em;
                font-weight: normal; }
  body #footer {
    position: fixed;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    text-align: center; }
    body #footer #footer_shadow {
      height: 8px;
      background: url(../images/shadow_footer.png) repeat-x; }
    body #footer #footer_content {
      height: 62px;
      background: url(../images/bg_footer.gif) repeat-x; }
      body #footer #footer_content a {
        text-decoration: none;
        padding: 0 5px; }
        body #footer #footer_content a img {
          margin: 15px 0 20px 0; }

.typography {
  &.left-text-align: left; }
  .typography h1,
  .typography h2,
  .typography h3,
  .typography h4,
  .typography h5,
  .typography h6 {
    margin: 10px 0; }
  .typography h1,
  .typography h3 {
    font-size: 1.2em;
    color: #368f2c; }
  .typography h2 {
    font-size: 1.1em; }
  .typography p {
    margin: 10px 0; }
  .typography a {
    text-decoration: none;
    color: #368f2c;
    font-weight: bold; }
    .typography a:hover {
      text-decoration: underline; }
  .typography img {
    border: 0; }
    .typography img.right {
      float: right;
      padding: 0 0 10px 10px; }
    .typography img.left {
      float: left;
      padding: 0 10px 10px 0; }
    .typography img.leftAlone {
      display: block;
      margin: 0 0 20px; }
    .typography img.center {
      float: none;
      margin: 0 auto;
      margin-bottom: 20px;
      display: block; }
  .typography.center {
    text-align: center; }
  .typography.right {
    text-align: right; }
  .typography hr {
    height: 1px;
    border: 0;
    background: #b7b4b4; }
  .typography ol,
  .typography ul {
    margin: 20px; }
    .typography ol li,
    .typography ul li {
      margin: 0 10px; }
  .typography table {
    border: 0;
    width: 100% !important;
    font-size: 0.9em; }
      .typography table tbody tr,
      .typography table thead tr {
        background: #e7e7e7; }
        .typography table tbody tr:nth-child(2n+1),
        .typography table thead tr:nth-child(2n+1) {
          background: #f9f9f9; }
        .typography table tbody tr.highlight,
        .typography table thead tr.highlight {
          background: url(../images/bg_table_team.gif) repeat-x;
          color: white; }
        .typography table tbody tr th,
        .typography table thead tr th {
          color: white;
          text-align: left;
          padding: 5px;
          background: url(../images/bg_table_head.gif) repeat-x; }
        .typography table tbody tr td,
        .typography table thead tr td {
          padding: 5px; }
        .typography table tbody tr.myteam,
        .typography table thead tr.myteam {
          background: url(../images/bg_table_team.gif) repeat-x;
          color: white; }

  form fieldset {
    border: 0; }