html {

scrollbar-arrow-color:#FFFFFF;

scrollbar-track-color:grey;

scrollbar-face-color:#EC9FAB;

scrollbar-highlight-color:#9D2032;

scrollbar-3dlight-color:grey;

scrollbar-darkshadow-color:#9D2032;

scrollbar-shadow-color:#9D2032;

}

td { color:#FFFFFF;
      font-family:arial;
      font-size:8pt;
      }

.initial { background-color: #A73646;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}

.normal { background-color: #A73646;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}

.highlight { background-color: #B24847; color:#FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}


.headline { background-image:url(../images/heading.gif);
            background-repeat:repeat-x;
            font-size:8pt;
}

.headline2 { width:660px; 
             background-color:#880042;
             background-repeat:repeat-x;
             font-size:8pt;
             color:#FFBF00;
             font-family:arial;
}

.heading { color:#FFBF00;
           font-size:8pt;
           font-weight:bold;
           font-family:arial;
           }


a:link {        color: #FFFFFF;

}



a:visited {  color: #0000FF;

}



a:hover {        text-decoration: underline;

}



a:active {        color: #FF0000;

}

.pad {padding: 2px 0px 0px 30px;}

.pad1 {padding: 3px 0px 0px 7px;}

.pad2 {padding: 5px 0px 0px 5px;}

.pad-left {padding: 0px 0px 0px 15px;}



.borderTable {        padding: 0px 0px 0px 0px; border: 1px solid #EC9FAB

}

.borderTable1 {        padding: 0px 0px 0px 0px; border: 1px solid #B24847

}



.border1{        padding: 0px 0px 0px 0px;border-top: 1px solid #A73646;border-bottom: 1px solid #A73646;

}

.header {color:orange; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:100

}

.small-text {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:10px

}

.small-texty {color:#F0AE4D; font-family: Arial, Helvetica, sans-serif; font-size:10px

}

.text {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:11px

}

.texta {color:maroon; font-family: Arial, Helvetica, sans-serif; font-size:11px

}

.texty {color:#F0AE4D; font-family: Arial, Helvetica, sans-serif; font-size:11px

}

.text1 {color:#F0AE4D; font-family: Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold;

}



.text2 {color:#FAE4E8; font-family: Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold;

}



.text3 {color:Teal; font-family: Arial, Helvetica, sans-serif; font-size:10px

}



.links {font-color:#FAE4E8;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none

}



.links:hover {color:#FAE4E8;font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline

}



.links:visited {color:#FAE4E8;font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none

}

.inp {background-color:#9D2032;border: 1px solid #B24847;color:#FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px

}



.but {border: 1px solid #B24847;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px

}

#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: #FFF;

        border: 5px solid #9D2032;

        width: 250px;

        height: 250px;

        margin: 0 auto;

        }

.image { padding: 10px;
         background-color:#A73646;
         color:white;
         border:2px solid #E06060;
         border-color:#E06060;
         }

#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;

        }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: normal;color:#9D2032;        }

#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;

        filter:alpha(opacity=60);

        -moz-opacity: 0.6;

        opacity: 0.6;

        }





.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 */

        }


 /* Anfang Bildvergrößerung rechte Seite */
#bildhover_r {      margin: 0;
                    padding: 0;

               }

.bildhover_r * {
  margin: 0;
  padding: 0;

  }

.bildhover_r {
  border: 0px solid #E06060;
  color:#FFFFFF;
  font-size:8pt;
  width:150px;
  height:100px;
  }

  .bildhover_r ul {
  border: 1px solid #C00040;
  list-style-type: none;
  background-color:#A73646;
  height:100px;
 }

  .bildhover_r li {
  border: 1px solid #C00040;
  list-style-type: none;
  height:100px;
  }


  .bildhover_r li ul {
  border: 2px solid #E00060;
  position:relative; top:-100px; left:-410px;
  width:400px;
  height:100px;
  display:none;
  }




  .bildhover_r li ul li {

  }


  .bildhover_r a {
  display: block;
  background-color:#A73646;
}

 .bildhover_r a:hover {
 display: block;
 color:#FFFFFF;
 background-color:#A73646;
 position:absolute;

 }



 .bildhover_r li:hover ul {
 display: block;
 width:400px;
 height:300px;


}



/* ENDE Bildvergrößerung rechte Seite */