body {
  background: #fff url(../images/body_background.png) top left repeat-x;
  font-family: "Tahoma", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
  font-size: 15px;
  color: #000; }

a {
  color: #7ec006; }

#container {
  position: relative;
  background: url(../images/wave_new.png) 0 0 no-repeat;
  width: 66em;
  padding-top: 1em;
  margin: auto;
  margin-top: 0;
  margin-bottom: auto; }
  #container #header {
    position: relative;
    margin-bottom: 50px; }
    #container #header #logo {
      display: block;
      width: 337px;
      height: 111px;
      margin-left: 3.9em;
      margin-top: 1em;
      margin-bottom: 2em;
      background: url(../images/logo.png) top left no-repeat; }
      #container #header #logo span {
        display: none; }
    #container #header #gestruepp {
      position: absolute;
      top: 0;
      left: 61em;
      width: 50px;
      height: 63px;
      background: url(../images/tim_und_gestrueppi.png) top left no-repeat; }
    #container #header #banner {
      position: absolute;
      top: 4.7em;
      right: 5em; }
  #container #shadow_wrapper {
    background: url(../images/menu_gradient.png) 10.8em 0 repeat-y;
    margin-top: 10px; }
  #container #navigation {
    float: left;
    margin-top: 1.4em; }
    #container #navigation dl {
      list-style-type: none;
      padding-top: .3em; }
      #container #navigation dl dt, #container #navigation dl li {
        width: 10em;
        margin-bottom: .22em;
        padding-top: .1em; }
      #container #navigation dl dt {
        background: #238cb0 url(../images/menu_gradient.png) top right repeat-y;
        width: 10em;
        color: #fff;
        font-weight: bold;
        padding: 0;
        margin-top: .7em;
        padding: 0;
        padding-left: 1em;
        padding-bottom: .1em; }
        #container #navigation dl dt a {
          color: #fff;
          text-decoration: none; }
      #container #navigation dl dd p, #container #navigation dl dd label {
        width: 14.8em;
        text-align: center;
        font-size: .8em;
        margin: .5em 0; }
      #container #navigation dl dd ul, #container #navigation dl dd ol {
        list-style-type: none; }
        #container #navigation dl dd ul li, #container #navigation dl dd ol li {
          width: 10em;
          margin-left: 1em;
          padding: 0; }
          #container #navigation dl dd ul li a, #container #navigation dl dd ol li a {
            display: block;
            font-size: .8em;
            text-decoration: none;
            color: #000;
            background: red;
            width: 11.6em;
            height: 1.82em;
            margin: 0;
            background: #f3f3f3 url(../images/menu_gradient.png) top right repeat-y;
            padding: 0;
            padding-top: .2em;
            padding-left: 1em; }
      #container #navigation dl dd.form {
        width: 0; }
        #container #navigation dl dd.form form {
          display: block;
          width: 0;
          fieldset-margin: 0;
          fieldset-padding: 0; }
          #container #navigation dl dd.form form .submit {
            padding: .2em;
            font-size: 0.8em;
            margin-left: 1.25em;
            width: 12em; }
          #container #navigation dl dd.form form li {
            padding: 0;
            padding-right: 1em; }
            #container #navigation dl dd.form form li.string label, #container #navigation dl dd.form form li.password label {
              display: none; }
            #container #navigation dl dd.form form li #user_session_name {
              background: url(/images/icons/user.png) 2px 4px no-repeat;
              padding-left: 22px; }
            #container #navigation dl dd.form form li #user_session_password {
              background: url(/images/icons/key.png) 2px 4px no-repeat;
              padding-left: 22px; }
            #container #navigation dl dd.form form li input {
              margin: 0;
              font-size: .8em;
              width: 11.85em;
              background: white url(../images/menu_gradient.png) top right repeat-y; }
            #container #navigation dl dd.form form li label input {
              margin-right: .5em; }
            #container #navigation dl dd.form form li.commit {
              padding: 0;
              padding-left: 1em;
              margin: 0;
              margin-bottom: .22em; }
              #container #navigation dl dd.form form li.commit input {
                width: 12.5em;
                height: 2.2em;
                background-color: #f3f3f3;
                border: none;
                text-align: left;
                cursor: pointer;
                padding-top: .3em;
                padding-bottom: .7em;
                padding-left: .75em; }
  #container #titlebar {
    display: none;
    position: relative;
    background: #f3f3f3;
    width: 63.1em;
    height: 2.2em;
    margin-left: 3.2em;
    margin-right: 1.9em;
    margin-bottom: 1em; }
  #container #content {
    border: 1px solid #f3f3f3;
    border-bottom-width: 3px;
    background: #fafafa;
    font-size: .9em;
    float: left;
    width: 40em;
    padding: 1.5em;
    padding-top: 0;
    padding-bottom: 6em;
    margin-right: 10px; }
    #container #content .breadcrumbs.widget {
      padding-top: .7em;
      margin-bottom: .5em; }
      #container #content .breadcrumbs.widget ol {
        display: block;
        padding: 0;
        padding-bottom: .2em;
        margin: 0;
        border-bottom: #7ec006 1px solid; }
        #container #content .breadcrumbs.widget ol li {
          display: inline;
          padding: 0;
          padding-left: 1em;
          background: url(../images/widgets/breadcrumbs/seperator.png) 2px 5px no-repeat; }
          #container #content .breadcrumbs.widget ol li.first {
            background: none;
            padding-left: 0; }
          #container #content .breadcrumbs.widget ol li a {
            text-decoration: none; }
    #container #content .row {
      background: #fff;
      padding: 1em .5em;
      margin-top: 1em;
      border-bottom: 1px black dotted; }
      #container #content .row h2 {
        color: #7ec006;
        font-size: 1.3em;
        text-decoration: underline;
        margin-bottom: 1em; }
      #container #content .row .sourcesource {
        color: #f3f3f3;
        font-size: .8em; }
      #container #content .row p.left {
        float: left;
        margin-right: 1em;
        padding-top: .2em;
        clear: none; }
    #container #content table.index {
      width: 100%; }
      #container #content table.index th {
        font-weight: bold; }
  #container #sidebar {
    position: absolute;
    top: 12.7em;
    right: 7em;
    width: 120px; }

#footer {
  background: #666;
  padding: 1em;
  margin-top: 5em;
  min-height: 3em; }
  #footer .wrapper {
    width: 70%;
    margin: auto; }
    #footer .wrapper ul.sitemap {
      padding: 0;
      list-style-type: none;
      float: left;
      margin: auto; }
      #footer .wrapper ul.sitemap li {
        padding: 0;
        margin: 0; }
        #footer .wrapper ul.sitemap li a {
          color: #fff;
          text-decoration: none;
          font-size: .7em; }

.reply a {
  padding-left: 20px;
  background: url(../images/icons/page_add.png) top left no-repeat; }

.clear {
  clear: both; }

li.boolean label input {
  width: auto !important;
  margin-right: .5em; }

input, button, textarea, textarea {
  font-size: 1.1em;
  font-family: Arial, Verdana, sans;
  padding: .4em;
  background: #fff;
  border: 1px solid #d4d4d4; }

form#search {
  position: absolute;
  top: .3em;
  right: 1em; }
  form#search button {
    font-size: .85em; }

#content form.delete .buttons input {
  width: 10em;
  float: left; }
  #content form.delete .buttons input.no {
    margin-left: 1em; }
#content form ul.errors {
  margin-top: 1em;
  list-style-type: none; }
#content fieldset {
  margin-left: 1em; }
  #content fieldset label, #content fieldset legend {
    display: block;
    font-weight: bold; }
  #content fieldset ol {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    #content fieldset ol .preview ol {
      list-style-type: decimal; }
    #content fieldset ol .preview ul {
      list-style-type: circle; }
    #content fieldset ol li fieldset {
      margin: 0;
      padding: 0; }
      #content fieldset ol li fieldset.inputs {
        margin: .5em 0;
        padding: .5em;
        border: 1px dotted #999; }
    #content fieldset ol li.error input, #content fieldset ol li.error input:focus, #content fieldset ol li.error textarea {
      border-color: #cc0000; }
    #content fieldset ol li input, #content fieldset ol li textarea, #content fieldset ol li select {
      font-size: inherit;
      border: #cccccc 1px solid;
      background: #fff;
      width: 36em;
      padding: .5em;
      margin-bottom: 1em; }
      #content fieldset ol li input:focus, #content fieldset ol li textarea:focus, #content fieldset ol li select:focus {
        border-color: #7ec006; }
    #content fieldset ol li.commit input {
      width: 37.2em; }
    #content fieldset ol li textarea {
      font-size: inherit;
      height: 20em; }
    #content fieldset ol li.radio label, #content fieldset ol li.datetime label {
      font-weight: normal; }
    #content fieldset ol li.radio ol label {
      display: inline; }
    #content fieldset ol li.radio ol input {
      border: none;
      width: auto; }
    #content fieldset ol li.datetime ol {
      clear: both;
      margin: 0; }
      #content fieldset ol li.datetime ol li, #content fieldset ol li.datetime ol label, #content fieldset ol li.datetime ol select {
        width: 6em; }
      #content fieldset ol li.datetime ol li {
        float: left;
        margin-right: 1em; }

h1, h2, h3, h4, h5 {
  clear: both;
  margin-top: 1em;
  margin-bottom: .5em;
  font-family: Georgia, serif; }

h1 {
  font-size: 2.1em;
  line-height: 1em;
  margin-top: 0.5em;
  color: #083a5c;
  padding: 0;
  padding-bottom: .2em; }

h2 {
  font-size: 1.3em; }

#content p {
  margin-bottom: 1.5em; }
  #content p.published_at {
    font-style: italic;
    color: #666666; }
  #content p.center {
    text-align: center; }
#content ul {
  list-style-type: circle; }
#content ol {
  list-style-type: decimal; }
#content ul, #content ol, #content dl {
  list-style-position: auto;
  margin-bottom: 1em;
  margin-left: 1.5em; }
  #content ul li, #content ul dd, #content ol li, #content ol dd, #content dl li, #content dl dd {
    margin-bottom: .2em; }
#content img.left {
  float: left;
  clear: left;
  margin: 0.5em;
  margin-left: 0; }
#content img.right {
  float: right;
  clear: right;
  margin: 0.5em;
  margin-right: 0; }
#content code {
  font-family: monospace;
  background-color: #f3f3f3;
  margin-left: 1em;
  padding: .01em 1em !important; }
#content pre {
  margin-bottom: 1em;
  margin-top: 1em; }
  #content pre code {
    display: block; }
#content.page_type_bbs_topic pre {
  white-space: normal; }
#content blockquote, #content form .preview .wmd-preview blockquote {
  margin-left: 1em;
  text-indent: 1.5em;
  padding: .01em 1em !important;
  padding-bottom: 1em;
  background: #f3f3f3 url(../images/quote.png) 5px 5px no-repeat; }
  #content blockquote blockquote, #content form .preview .wmd-preview blockquote blockquote {
    background: none;
    text-indent: 0;
    padding-left: 1em;
    padding-top: 0;
    border-left: 1px dotted #333; }
#content em {
  font-style: italic; }
#content hr {
  clear: both;
  border: none;
  border-top: 1.5em solid transparent;
  border-bottom: 1px dotted #999;
  margin-bottom: 1.5em; }

#content .new_topic a {
  padding-left: 20px;
  background: url(../images/icons/page_add.png) top left no-repeat; }
#content div.bbs.topics ul.topics li {
  height: 4.8em; }
  #content div.bbs.topics ul.topics li .title {
    margin: 0;
    padding: 0; }
    #content div.bbs.topics ul.topics li .title a {
      line-height: 1em; }
  #content div.bbs.topics ul.topics li p.latest {
    font-style: italic;
    color: #999;
    margin-top: .3em;
    margin-bottom: 0; }
  #content div.bbs.topics ul.topics li p.replies {
    top: .5em; }
  #content div.bbs.topics ul.topics li a .teaser {
    display: block;
    margin: 0;
    margin-top: .2em;
    font-size: .75em !important;
    color: #666666;
    overflow: hidden;
    width: 36em; }
#content div.bbs.categories ul, #content div.bbs.topics ul {
  list-style-type: none;
  margin: 0; }
  #content div.bbs.categories ul li, #content div.bbs.topics ul li {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 4em;
    font-size: 1.1em;
    border-top: #33cadd 1px dotted; }
    #content div.bbs.categories ul li .title a, #content div.bbs.topics ul li .title a {
      display: block;
      font-size: 1.2em;
      padding: .3em;
      padding-bottom: 0;
      margin: 0;
      color: #083a5c;
      text-decoration: none; }
    #content div.bbs.categories ul li p.latest, #content div.bbs.topics ul li p.latest {
      margin: 0;
      margin-top: .2em;
      margin-left: .5em;
      font-size: .8em !important;
      font-style: italic;
      color: #666666; }
      #content div.bbs.categories ul li p.latest a, #content div.bbs.topics ul li p.latest a {
        text-decoration: none; }
    #content div.bbs.categories ul li p.threads, #content div.bbs.categories ul li p.replies, #content div.bbs.topics ul li p.threads, #content div.bbs.topics ul li p.replies {
      position: absolute;
      top: 1em;
      right: 2em; }
    #content div.bbs.categories ul li:hover, #content div.bbs.topics ul li:hover {
      background: #f3f3f3; }
#content div.bbs.categories table, #content div.bbs.topics table {
  width: 100%; }
  #content div.bbs.categories table .title, #content div.bbs.topics table .title {
    text-align: left;
    font-style: italic; }
    #content div.bbs.categories table .title a, #content div.bbs.topics table .title a {
      font-style: normal; }
  #content div.bbs.categories table .creator, #content div.bbs.topics table .creator {
    width: 5em; }
  #content div.bbs.categories table .answers, #content div.bbs.topics table .answers {
    width: 3em; }
  #content div.bbs.categories table .date, #content div.bbs.topics table .date {
    font-style: italic; }
  #content div.bbs.categories table tr td, #content div.bbs.topics table tr td {
    text-align: left;
    padding: .2em;
    padding-left: .4em; }
  #content div.bbs.categories table tr.title td, #content div.bbs.topics table tr.title td {
    border-top: #33cadd 1px dotted; }
#content .posting {
  margin-bottom: 1em;
  padding: .6em;
  border-top: #7ec006 1px dotted; }
  #content .posting .user_info {
    position: relative;
    width: 8em;
    float: left; }
    #content .posting .user_info .former_member, #content .posting .user_info .name {
      font-size: 1.2em !important;
      padding-bottom: 0;
      margin-bottom: .8em; }
    #content .posting .user_info .former_member {
      color: #666666;
      font-style: italic; }
    #content .posting .user_info .name {
      color: #238cb0; }
    #content .posting .user_info .message {
      border: none; }
      #content .posting .user_info .message a {
        margin: 0;
        padding: 0; }
    #content .posting .user_info .avatar {
      margin-top: 2em; }
  #content .posting .body {
    width: 30em;
    float: left; }
    #content .posting .body p {
      margin-top: .6em; }
    #content .posting .body p.date {
      padding: 0;
      margin: 0;
      margin-top: .5em;
      font-style: italic;
      text-align: right;
      font-size: .8em; }
    #content .posting .body p.edit {
      text-align: right; }
      #content .posting .body p.edit a {
        background: url(../images/icons/page_edit.png) top left no-repeat;
        padding-left: 20px; }
    #content .posting .body .content {
      overflow-x: auto; }
      #content .posting .body .content img {
        max-width: 30em; }
    #content .posting .body .signature {
      font-size: .8em;
      max-height: 20em;
      overflow: auto;
      border-top: 1px dotted #cccccc; }
#content.page_type_bbs_topic hr {
  display: none; }
#content.page_type_bbs_topic > .reply {
  padding-left: .6em;
  padding-right: 5.1em;
  padding-top: 1em;
  font-size: 1.1em; }
  #content.page_type_bbs_topic > .reply a {
    padding-left: 20px;
    background: url(../images/icons/page_add.png) top left no-repeat; }

#content .message {
  padding: .6em;
  border-bottom: #f3f3f3 1px solid;
  margin-bottom: 1em; }
  #content .message.recipient {
    background: #f3f3f3; }
  #content .message .name {
    font-size: 1.2em !important;
    font-style: normal;
    padding-bottom: 0;
    margin-bottom: .8em;
    color: #238cb0; }
  #content .message .date {
    display: inline-block;
    float: right;
    font-style: italic;
    text-align: right; }
  #content .message .body {
    padding-left: 8em; }
#content table#messages {
  width: 100%;
  margin-bottom: 1em; }
  #content table#messages tr.odd {
    background: #f3f3f3; }
  #content table#messages tr.recipient.unread .title {
    font-weight: bold; }
  #content table#messages td {
    padding: .3em;
    text-align: center; }
  #content table#messages td.title {
    text-align: left;
    width: 20em;
    font-size: 1.1em; }
    #content table#messages td.title a {
      padding-left: 24px;
      background: url(../images/icons/email.png) 0 3px no-repeat; }
  #content table#messages td.messages {
    width: 3em; }
  #content table#messages td.date {
    width: 10em;
    font-style: italic; }

#content.page_type_article_gallery ul.article_gallery {
  list-style-type: none;
  text-align: center;
  margin-left: 0 !important; }
  #content.page_type_article_gallery ul.article_gallery li {
    margin-bottom: 1em; }
    #content.page_type_article_gallery ul.article_gallery li img {
      max-width: 39em; }

#content.page_type_article_category ul.article_category {
  list-style-type: none;
  margin-left: 0 !important; }
  #content.page_type_article_category ul.article_category li.article_abstract {
    clear: both; }
    #content.page_type_article_category ul.article_category li.article_abstract h2 {
      background: #f3f3f3;
      border-bottom: #238cb0 1px solid; }
      #content.page_type_article_category ul.article_category li.article_abstract h2 a {
        text-decoration: none;
        color: #238cb0; }
    #content.page_type_article_category ul.article_category li.article_abstract p.published_at {
      text-align: right;
      padding-right: 1em; }
    #content.page_type_article_category ul.article_category li.article_abstract p a.thumb img {
      float: left;
      margin-right: 1em;
      margin-bottom: 1em; }

#content.page_type_article .contest_info, #content.page_type_article_submission .contest_info {
  padding-top: 1em; }
  #content.page_type_article .contest_info .title, #content.page_type_article_submission .contest_info .title {
    font-weight: bold; }
  #content.page_type_article .contest_info .description, #content.page_type_article_submission .contest_info .description {
    font-size: .9em; }
#content.page_type_article ul.article_gallery, #content.page_type_article_submission ul.article_gallery {
  list-style-type: none;
  display: block;
  width: 100%;
  height: 20em;
  overflow: scroll;
  margin-left: 0;
  margin-bottom: 1em; }
  #content.page_type_article ul.article_gallery li, #content.page_type_article_submission ul.article_gallery li {
    display: block;
    width: 9.8em;
    float: left; }
    #content.page_type_article ul.article_gallery li .buttons, #content.page_type_article_submission ul.article_gallery li .buttons {
      text-align: center; }
      #content.page_type_article ul.article_gallery li .buttons p, #content.page_type_article_submission ul.article_gallery li .buttons p {
        margin: 0; }
    #content.page_type_article ul.article_gallery li ul, #content.page_type_article_submission ul.article_gallery li ul {
      list-style-type: none; }

#ie_warn {
  text-align: center;
  z-index: 1001;
  width: 100%;
  padding-bottom: .2em;
  background: #fff;
  border-bottom: #238cb0 solid 1px; }

#content .flash {
  padding: .2em .4em;
  border-bottom: #238cb0 1px solid;
  padding-left: 25px;
  margin-top: 1.5em;
  margin-bottom: .4em; }
  #content .flash.notice {
    border-color: #7ec006;
    background: #f3f3f3 url(../images/icons/arrow_right.png) 3px 6px no-repeat; }
  #content .flash.warning {
    border-color: #fcdc01;
    background: #f3f3f3 url(../images/icons/warning.png) 3px 7px no-repeat; }
  #content .flash.failure {
    border-color: #b70e0e;
    background: #f3f3f3 url(../images/icons/error.png) 3px 7px no-repeat; }

.pagination {
  clear: both;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  text-align: center; }
  .pagination * {
    border: #f3f3f3 1px solid;
    padding: .2em .5em; }
    .pagination *.disabled {
      color: #999; }
    .pagination *.current {
      font-weight: bold; }

form .preview {
  margin-bottom: 3em; }
  form .preview h2 {
    margin: 0; }
  form .preview .wmd-preview {
    padding: 1em;
    border: #f3f3f3 1px solid;
    width: 38em; }

#content #http_error {
  position: relative;
  background: url(../images/http_error.png) 23em 3em no-repeat;
  height: 20em; }
  #content #http_error h1 {
    display: block;
    font-size: 2.5em;
    border-bottom: #33cadd 1px solid;
    width: 9em;
    margin-bottom: 0;
    padding-left: .2em; }
  #content #http_error p.code {
    padding-top: .2em;
    margin-left: 12.4em;
    font-size: 2.5em;
    font-weight: bold; }
  #content #http_error p.message {
    position: absolute;
    width: 25em;
    top: 4em; }

.ad.content-top {
  text-align: center;
  margin-top: 1em; }
.ad.bottom {
  margin-top: .5em;
  text-align: center; }

#content form li#page_article_attributes_abstract_input textarea, #content form li#page_content_attributes_abstract_input textarea {
  height: 7em; }
#content form li#page_content_attributes_body_input textarea, #content form li#page_article_attributes_body_input textarea {
  height: 40em; }

#content form li#user_profile_signature_input textarea {
  height: 7em; }

#content.page_type_global_gallery ul.galleries {
  list-style-type: none; }
  #content.page_type_global_gallery ul.galleries li {
    display: block;
    width: 33%;
    margin-bottom: 2em;
    float: left;
    text-align: center; }
    #content.page_type_global_gallery ul.galleries li img {
      padding: .5em;
      border: 1px dotted #cccccc; }
    #content.page_type_global_gallery ul.galleries li h2 {
      margin: 0;
      font-size: 1em; }