@charset "UTF-8";
/* debug red */
/* Website Hintergrund helles grau */
/* Website(body) Hintergrund dunkles grau */
/* Textfarbe dunkles Grau  #222222*/
/* border/shadow color 1 */
/* border color 2 */
/* Textbox  helles Grau #F0F0E8 */
/* Textfarbe  Grau #555555 */
/* Textfarbe  Grau #888888 */
/* original kotz grün */
/* helles grün für hover hintergrund */
/* normale link text color */
/* hover für menü und links */
/* weiss für während des ladens */
* {
  margin: 0px;
  padding: 0px; }

html {
  /*height: 100%;*/
  /*width: 100%;*/
  overflow: -moz-scrollbars-vertical;
  overflow: scroll;
  /*  overflow-x: hidden; */ }

body {
  /*width: 100%;*/
  /*height: 100%;*/
  background-color: #e0e0e0; }

/*@font-face {*/
/*font-family: LiberationSans;*/
/*src: url( ../fonts/LiberationSans-Regular-webfont.eot ); [> IE <]*/
/*src: local("Liberation Sans"), url(../fonts/LiberationSans-Regular-webfont.ttf) format("truetype");*/
/*}*/
@font-face {
  font-family: 'LiberationSansRegular';
  src: url("../fonts/LiberationSans-Regular-webfont.eot");
  src: url("../fonts/LiberationSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Regular-webfont.woff") format("woff"), url("../fonts/LiberationSans-Regular-webfont.ttf") format("truetype"), url("../fonts/LiberationSans-Regular-webfont.svg#LiberationSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*b {*/
/*font-family: LiberationSansBold;*/
/*src: url( ../fonts/LiberationSans-Bold-webfont.eot ); [> IE <]*/
/*src: local("Liberation Sans Bold"), url(../fonts/LiberationSans-Bold-webfont.ttf) format("truetype");*/
/*}*/
strong {
  font-family: 'LiberationSansBold';
  src: url("../fonts/LiberationSans-Bold-webfont.eot");
  src: url("../fonts/LiberationSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/LiberationSans-Bold-webfont.woff") format("woff"), url("../fonts/LiberationSans-Bold-webfont.ttf") format("truetype"), url("../fonts/LiberationSans-Bold-webfont.svg#LiberationSansBold") format("svg");
  font-weight: normal;
  font-style: normal; }

.site {
  width: 1000px;
  margin: 0 auto;
  /* center content */
  font-family: "LiberationSans", Arial, sans-serif;
  /*@if $handheld {font-size: 200%;}*/
  color: red;
  background-color: white;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 2px #cccccc;
  background-image: url(../img/hsvnoise2.jpg);
  overflow: auto; }
  .site a {
    text-decoration: none;
    color: #080808; }
    .site a:hover {
      background-color: #e0e0e0; }
  .site .header {
    /*overflow: auto;*/
    overflow: hidden;
    color: #080808;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 3%;
    /*width: $elementswidthfull; */
    /* TODO sauber machen */ }
    .site .header .topheader {
      overflow: auto;
      display: block;
      width: 100%;
      margin-top: 5px;
      padding-bottom: 5px; }
      .site .header .topheader .languageheader {
        float: right;
        display: block;
        color: #080808;
        background-color: #F8F8F8; }
    .site .header img.logo {
      width: 25%;
      position: relative;
      top: 0px;
      right: 0px;
      float: right;
      margin-right: 0%; }
  .site .loginheader {
    overflow: auto;
    display: inline;
    /*width: $elementswidthfull; */
    margin-top: 5px;
    padding-bottom: 5px;
    font-size: 70%;
    /*line-height: 16px;*/
    color: #080808;
    /*float: left;*/ }
    .site .loginheader a:link {
      border-bottom: 1px solid #AAAAAA;
      border-right: 1px solid #AAAAAA;
      color: #080808;
      background-color: #F8F8F8; }
    .site .loginheader a:visited {
      border-bottom: 1px solid #AAAAAA;
      border-right: 1px solid #AAAAAA;
      color: #080808;
      background-color: #F8F8F8; }
    .site .loginheader a:active {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      color: #00FF00; }
    .site .loginheader a:focus {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      color: #00FF00; }
    .site .loginheader a:hover {
      border-bottom: 1px solid #000000;
      border-right: 1px solid #000000;
      color: #080808;
      background-color: #e0e0e0; }
    .site .loginheader a.right {
      text-align: right;
      background-color: whitesmoke; }
  .site .content {
    color: #080808;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3%; }
    .site .content .pagetitle {
      width: 100%; }
      .site .content .pagetitle img.title {
        display: block;
        margin: 0 auto;
        border: 1px solid #CCCCCC;
        box-shadow: 6px 6px 6px #CCCCCC;
        width: 80%; }
      .site .content .pagetitle .titletext {
        width: 80%;
        margin: 0 auto;
        /*  align center */ }
    .site .content .centered {
      /*      text-align: center; */
      font-size: 90%;
      width: 80%;
      margin: 0 auto;
      /*  align center */
      margin-bottom: 3%; }
      .site .content .centered .ltext {
        vertical-align: top;
        display: inline-block;
        width: 55%;
        /*text-align: justify;*/
        text-align: left;
        background-color: #f0f0e8;
        border: 1px solid #CCCCCC;
        box-shadow: 2px 2px 2px #CCCCCC; }
        .site .content .centered .ltext p {
          line-height: 120%;
          margin: 2%; }
        .site .content .centered .ltext h1 {
          line-height: 120%;
          margin: 2%; }
        .site .content .centered .ltext h2 {
          margin: 2%; }
      .site .content .centered .stext {
        vertical-align: top;
        display: inline-block;
        width: 100%;
        /*text-align: justify;*/
        text-align: left;
        background-color: #f0f0e8;
        border: 1px solid #CCCCCC;
        box-shadow: 2px 2px 2px #CCCCCC; }
        .site .content .centered .stext p {
          margin: 2%; }
        .site .content .centered .stext h1 {
          margin: 2%; }
        .site .content .centered .stext h2 {
          margin: 2%; }
      .site .content .centered .rtext {
        vertical-align: top;
        float: right;
        display: inline-block;
        width: 300px;
        background-color: #f0f0e8;
        border: 1px solid #CCCCCC;
        box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
        margin-left: 1%; }
        .site .content .centered .rtext .foto {
          width: 100%;
          margin: 0;
          /* center content */
          border: 0;
          position: relative;
          top: 0px;
          left: 0px;
          display: inline-block; }
        .site .content .centered .rtext p {
          margin: 4%; }
    .site .content h1 {
      font-size: 120%;
      color: #080808;
      margin-top: 3%;
      /*margin-bottom: 3%;*/ }
    .site .content h2 {
      font-size: 110%;
      color: #080808;
      /*font-size: 14px;*/
      padding-bottom: 3px; }
  .site .footer {
    overflow: auto;
    color: #080808;
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-top: 5px;
    margin-bottom: 2%; }
    .site .footer .topfooter {
      overflow: auto;
      display: block;
      width: 100%;
      margin-top: 25px;
      padding-bottom: 5px; }
    .site .footer p {
      font-size: 70%;
      float: right; }
  .site .navigation {
    width: 74%;
    float: left;
    font-size: 0;
    color: #080808;
    /*    word-wrap: break-word; */
    /*display: inline-block;*/
    /*margin-top: 45px;*/ }
    .site .navigation a {
      /*@if $handheld {display: inline-block;}*/
      /*font-weight: bold;*/
      font-size: 20px;
      /*@if $handheld {font-size: 60px;}*/
      line-height: 200%;
      /*@if $handheld {font-size: 60px;}*/
      color: #555555;
      text-decoration: none;
      /*border: 1px solid $color006;*/
      border-top: 1px solid #AAAAAA;
      padding: 6px; }
      .site .navigation a#active {
        border: 1px solid #AAAAAA;
        border-top: 0px; }
      .site .navigation a#active:hover {
        color: #080808;
        border-bottom: 1px solid #000000; }
      .site .navigation a:hover {
        color: #000000;
        background-color: #e0e0e0;
        border-top: 1px solid #000000; }
    .site .navigation p {
      font-size: 20px;
      font-weight: bold;
      padding: 1%;
      /*width: 500px;*/
      color: #888888;
      margin-top: 3%; }
  .site div.tab:not(:target)
  div.content1, .site div.tab:target div.show, .site div.tab div.hide {
    display: none; }
  .site div.tab:target div.content1, .site div.tab:target div.hide {
    display: block; }
  .site form table {
    border: 1px solid #666;
    /*font-size: 12;*/ }
  .site form.feedbackform a {
    text-decoration: none; }
  .site form.feedbackform textarea {
    border: 1px solid #666;
    background: #F8F8F8;
    margin: 5px;
    padding: 5px;
    width: 400px;
    height: 100px; }
  .site form.feedbackform input[type=text] {
    border: 1px solid #666;
    background: #F8F8F8;
    margin: 5px;
    padding: 5px;
    width: 200px; }
  .site form.feedbackform input[type=checkbox] {
    border: 1px solid #666;
    background: #F8F8F8;
    margin: 5px;
    padding: 2px;
    width: 15px;
    height: 15px; }
  .site form.feedbackform input[type=submit] {
    border: 1px solid #666;
    background: #F8F8F8;
    margin: 5px;
    padding: 5px; }
  .site form.feedbackform h1 {
    padding-bottom: 5px; }