html, body
{
      color: #8A6B4C;
      background-color: #F4EBC7;
      scrollbar-base-color: #ECD781;
      font-size:10px;
      font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
}

 div.c1 {text-align: left}
 div.c3 {text-align: center}
 div.c4 {text-align: right}

table
{
        border-right: #8A6B4C 1px outset;
        padding-right: 2px;
        border-top: #8A6B4C 1px outset;
        padding-left: 2px;
        font-size: medium;
        padding-bottom: 5px;
        margin: 5px;
        vertical-align: baseline;
        border-left: #8A6B4C 1px outset;
        padding-top: 5px;
        border-bottom: #8A6B4C 1px outset;
        font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
        border-collapse: collapse;
        width: 90%;
}

#table2
{
        width: 90%;
        border-right: #F4EBC7;
        padding-right: 20px;
        border-top: #F4EBC7;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: #F4EBC7;
        padding-top: 5px;
        border-bottom: #F4EBC7;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableSh
{
        width: 60%;
        border-right: #F4EBC7;
        padding-right: 20px;
        border-top: #F4EBC7;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: #F4EBC7;
        padding-top: 5px;
        border-bottom: #F4EBC7;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableErg
{
        width: 90%;
        border: solid 1px #FFFFFF;
        border-collapse: collapse;
        border-right: solid 1px #FFFFFF;
        padding-right: 20px;
        border-top: solid 1px #FFFFFF;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: solid 1px #FFFFFF;
        padding-top: 5px;
        border-bottom: solid 1px #FFFFFF;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableAT
{
        width: 90%;
        border-collapse: collapse;
        border-right: solid 1px #F4EBC7;
        padding-right: 20px;
        border-top: solid 1px #F4EBC7;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: solid 1px #F4EBC7;
        padding-top: 5px;
        border-bottom: solid 1px #F4EBC7;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableTitel
{
        width: 70%;
        border-collapse: collapse;
        border-right: solid 1px #F4EBC7;
        padding-right: 20px;
        border-top: solid 1px #F4EBC7;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: solid 1px #F4EBC7;
        padding-top: 5px;
        border-bottom: solid 1px #F4EBC7;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableTitel tr
{
        background-color: #ffffff;
}

#tableTitel thead tr
{
        background-color: #8A6B4C;
}

#tableTitel thead td
{
        color: #F4EBC7;
}

#tableMales
{
        width: 70%;
        border-collapse: separate;
        border-right: solid 0px #F4EBC7;
        padding-right: 20px;
        border-top: solid 0px #F4EBC7;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: solid 0px #F4EBC7;
        padding-top: 5px;
        border-bottom: solid 0px #F4EBC7;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableMales #tm
{
         border: 1px solid #8A6B4C;
}

#tableKalender
{
        background-color: #ffffff;
        border-collapse: collapse;
        border: 1px solid #ecd781;
        font-size: x-small;
        vertical-align: baseline;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        text-align: center;
        width: 95%;

}

#tableKalender th
{
 border: 2px solid #ecd781;
 font-size:16px;
 padding: 5 5 5 5;
}

#tableKalender td
{
 border: 2px solid #ecd781;
 padding: 2 5 2 5;
}

#tableTricks
{
        width: 650;
        border: solid 1px #FFFFFF;
        border-collapse: collapse;
        border-right: solid 1px #FFFFFF;
        padding-right: 20px;
        border-top: solid 1px #FFFFFF;
        padding-left: 20px;
        font-size: x-small;
        padding-bottom: 5px;
        vertical-align: baseline;
        border-left: solid 1px #FFFFFF;
        padding-top: 5px;
        border-bottom: solid 1px #FFFFFF;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
        background-color: #ecd781;
        text-align: center;
}

#tableBlanc
{
        border: 0px;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #F4EBC7;
}

#table3
{
        border: 1px;
        padding: 0;
        width: 100%;
        height: 100%;
}

#table3 td
{background-color: #ffffff;}

#tableInfo {
        border: 0px solid #8A6B4C;
        height: 100%;
        border-collapse: collapse;
}

#tdMainLeft {
        border-left: 1px solid #8A6B4C;
        border-top: 1px solid #8A6B4C;
        border-bottom: 1px solid #8A6B4C;
}

#tdMain {
        border-right: 1px solid #8A6B4C;
        border-top: 1px solid #8A6B4C;
        border-bottom: 1px solid #8A6B4C;
}

#tdInActive {
        border: 1px solid #8A6B4C;
}

#tdBackground {
        border-right: 1px solid #8A6B4C;
}

#Container {
   margin-top: -250px;
   margin-left: -300px;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 600px;
   height: 500px;
   text-align: left;
   overflow: hidden;
   padding: 0px;
   background-color: #CCCCCC;
   z-index: 10;
}

/* Tooltip Design */
.tooltip {
  border: 1px solid #8A6B4C;
  position: absolute;
  width: 175px;
  display: none;
  background-color: #FFFFFF;
  margin: 20px;
  padding: 10px;
  color: #8A6B4C;
  }

fieldset {
  align: center;
  width: 600px;
  border: 1px solid #FFFFFF;
  text-align: left;
  padding: 10px;
  color: #8A6B4C;
}

ul#navigation li
{ /* Selektor für einen Listenpunkt in unserer Navigationsliste */
  display: inline;
  margin: 10px; /* Ein wenig horizontaler Abstand */
  padding: 1px; /* Platz um die Links */
  background: #F4EBC7;
  line-height:1.0em;
}

h1 {background-color: transparent; font-size: 1.8em; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif}
h2 {background-color: transparent; font-size: 1.4em; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif}
h3 {background-color: transparent; font-size: 1.2em; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif}
p  {background-color: transparent; font-size: 0.9em; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif}

td
{
        padding-right: 3px;
        padding-left: 3px;
        font-size: 12px;
        padding-bottom: 5px;
        margin: 3px;
        color: #8A6B4C;
        padding-top: 5px;
        font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}

#th
{
      background-color: #8A6B4C;
      color: #F4EBC7;
}

#ö
{
      background-color: #ffffff;
      border-color: #ecd781;
}

#ch
{
      background-color: #EFE889;
}

a
{
          text-decoration: none;
          color:#5C4904;
}

a:link
{
          color:#5C4904;
}

a:visited
{
        text-decoration: none;
        color:#87651D;
}

a:hover
{
        text-decoration: underline, overline;
        background-image: none;
        color:#5C4904;
}

#a2:hover
{
        text-decoration: underline, overline;
        background-color: #ecd781;
        background-image: none;
        color:#5C4904;
}

#a3:hover
{
        text-decoration: underline, overline;
        background-color: #F4EBC7;
        background-image: none;
        color:#5C4904;
}

#aInfo:hover
{
        background: #FFFFFF;
        background-image: none;
        color:#5C4904;
}

a:active
{
        text-decoration: none;
        color:#BA9916;
}

#img1
{
        border-right: #8A6B4C 1px outset;
        border-top: #8A6B4C 1px outset;
        border-left: #8A6B4C 1px outset;
        border-bottom: #8A6B4C 1px outset;
}

#show1
{
  color: #B00000;
}

#show2
{
  color: black;
}

/* Lightbox */

#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer > #hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }


/* Min-Width */
.lbWidth { /* most browsers */
        position: absolute;
        top: 0px; left: 0px;
        width: 100%;
        min-width: 790px;
        }

* html .lbContent { /* IE6 */
        margin-left: -790px;
        position:relative;
        }

* html .lbMinWidth { /* IE6 */
        padding-left: 790px;
        }


/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */