body        {color:#000033; background:#CCCFFF;}

#mitte      {margin: 0px 25% 0px 25%;}

a           {text-decoration:none; color:#000033;}
a:link      {text-decoration:none; color:#000033;}
a:visited   {text-decoration:none; color:#000033;}
a:hover     {text-decoration:underline; color:#000033;}

a.m         {text-decoration:none; color:#CCCFFF;}
a.m:link    {text-decoration:none; color:#CCCFFF;}
a.m:visited {text-decoration:none; color:#CCCFFF;}
a.m:hover   {text-decoration:underline; color:#CCCFFF;}

a.b         {text-decoration:none; color:#000033;}
a.b:link    {text-decoration:none; color:#000033;}
a.b:visited {text-decoration:none; color:#000033;}
a.b:hover   {text-decoration:underline; color:#CCCFFF; background:#000033;}

input       {font-family:Arial,sans serif; font-size:12px;  font-weight:normal; color:#000033;}
.login      {width:60px; height:12px; font-size:10px; border:1px inset #CCCFFF;
             background:#C0C0C0;}

.button {
  width:60px;
  height:19px;
  border:0px solid;
  font-size:10px;
}

img         {border:0px solid;}

.img_float_left {
  float: left;
  margin-right: 5px;
}
.img_float_right {
  float: right;
  margin-left: 5px;
}

td          {font-family:Arial,sans serif; font-weight:normal; color:#CCCFFF;}
.text       {font-size:14px; font-weight:normal; color:#000033; background:#CCCFFF; text-align:justify;}
.kopf       {font-size:16px; font-weight:bold; color:#000033; background:#CCCFFF; text-align:center;}
.name       {font-size:16px; font-weight:bold; color:#CCCFFF; background:#000033; text-align:center;}
.opener     {font-size:22px; text-align:center; font-weight:bold;}
.menu       {width:150px; height:35px;}
.menu1      {width:150px; height:20px;}
.menu2      {width:150px; height:15px;}
.menu3      {width:150px; height:52px;}

h1 {
  font-size:20px;
  font-weight:bold;
  text-align:center;
  padding-bottom: 20px;
}
h2 {
  font-size:16px;
  font-weight:bold;
  text-align:left;
}

div         {font-family:Arial,sans serif; font-size:14px;  font-weight:normal; color:#000033;}
.bt_tipp    {float:left; text-align:center; font-size:12px;
             border-left:1px solid #CCCFFF; background:#FFFF80;}
.rot        {color:#FF0000; font-weight:bold; text-align:left;}
.hl1        {font-size:18px; font-weight:bold; text-align:center;}
.hl2        {font-size:16px; font-weight:bold; text-align:left;}
.navi       {color:#CCCFFF; margin-top:11px; text-align:center;}
.navi1      {margin-left:17px; font-size:14px; color:#000033;}
.bild       {margin-left:20px; font-size:14px; color:#000033;}
.fett {
  font-weight:bold;
}
.kl         {font-size:10px;}
.bl         {text-align:justify;}
.ul         {text-decoration:underline;}
.li         {text-align:left;}
.re         {text-align:right;}
.ce         {text-align:center;}
.clear      {clear:both;}

.werbung {
  text-align: center;
  padding-bottom: 15px;
}
/* Saisonauswahl Beginn */

.saison_select {
  text-align: right;
  padding-bottom: 15px;
}
.bt_saison_select {
  width: 40px;
  height; 19px;
  background-color: #CCCFFF;
  border: 1px solid #000033;
  font-size: 12px;
}

/* Saisonauswahl Ende */
/* Tippformular Beginn */

.design {
  width:12px;
  text-align:center;
  border:1px inset #CCCFFF;
  background:#FFFF80;
}
.design_readonly {
  width:12px;
  text-align:center;
  border:1px solid #FFFF80;
  background:#FFFF80;
}
.em_design {
  width:12px;
  text-align:center;
  border:1px inset #FFF;
  background:#FFF;
}
.em_design_readonly {
  width:12px;
  text-align:center;
  border:1px solid #CCCFFF;
  background:#CCCFFF;
}
.bt_tippedit {
  width:60px;
  height:19px;
  background-color: #00FF40;
  border:1px solid #000;
  font-size:12px;
}
.bt_tippnew {
  width:60px;
  height:19px;
  background-color: #FF0000;
  border:1px solid #000;
  font-size:12px;
}

/* Tippformular Ende */
/* Tippanalyse Beginn*/

.bt_analyseform {
  width: 60px;
  height; 19px;
  background-color: #CCCFFF;
  border: 1px solid #000033;
  font-size: 12px;
}

.analyseform {
  background-color: #CCCFFF;
  border: 1px solid #000033;
  font-size: 14px;
}
/* Lightbox Style Beginn */

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

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #CCCFFF;
        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(../scripte/lightbox/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(../scripte/lightbox/images/prevlabel1.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../scripte/lightbox/images/nextlabel1.gif) right 15% no-repeat; }


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

#imageData{
        padding:0 10px;
        }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 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: #000033;
        filter:alpha(opacity=20);
        -moz-opacity: 0.2;
        opacity: 0.2;
        }


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

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

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

/* Lightbox Style Ende */