body,td

 {

 font-family: arial;

 font-size: 12px;

 color: #FFFFFF;

 }



.text

 {

 font-family: arial;

 font-size: 12px;

 color: #FFFFFF;

 }



form

 {

 margin:0px;

 padding:0px;

 }



p

 {

 margin:0px;

 padding:0px;

 }



#pad_text

 {

 padding-left: 50px;

 padding-right: 50px;

 text-align: justify;

 font-family: arial;

 font-size: 12px;

 color: #666666;

 }



img

{

border:0px;

}





table

{

margin: 0px;

}



.radio

{

height: 10px;

 font-family: Arial;

 font-size: 9pt;

 color:#999999;

 border-width:0px;

}



 a

 {

  font-size: 12px;

 text-decoration: none;

 font-weight: normal;

 color: #FFFFFF;

 border:0px

 }



 a:hover

 {

 color: #C35819;

}



 .on

 {

 color: #000000;

 }



 .on:hover

 {

 color: #C35819;

 }



 .off

 {

 color: #FFFFFF;

 }





a.b

{

text-decoration: none;

color: #999999;

font-size: 10px;

 border:0px

}  a.b:hover

{

text-decoration: none;

color: #666666;

font-size: 10px;

font-weight: normal;

}



a.einfach           { display:block;

                     background-image:url(../images/zoom_1x_off.gif);

                     width:8px; height:9px; border=0;  background-repeat: no-repeat;}

a.einfach:hover     { background-image:url(../images/zoom_1x_on.gif); }



a.zweifach           { display:block;

                     background-image:url(../images/zoom_2x_off.gif);

                     width:12px; height:9px; border=0; background-repeat: no-repeat;}

a.zweifach:hover     { background-image:url(../images/zoom_2x_on.gif); }



a.text

{

    font-family: arial;

text-decoration: none;

color: #999999;

font-size: 11px;

border:0px

}

a.text:hover

{

text-decoration: none;

color: #666666;

font-size: 11px;

}



a.index

{

text-decoration: none;

color: #FFFFFF;

font-size: 11px;

border:0px

}

a.index:hover

{

text-decoration: none;

color: #999999;

font-size: 11px;

}





a.c

{

text-decoration: none;

 color: #CC9933;

font-size: 10px;

 border:0px

}



a.c:hover

{

text-decoration: none;

color: #DDDDDD;

font-size: 10px;

font-weight: normal;

}

 .headline

 {

 font-size: 13px;

 color: #FFFFFF;

 font-weight: bold;

 }



.small

 {

 font-size: 9px;

 color: #FFFFFF;

 }



 .orange

 {

 font-size: 11px;

 color: #f37751;

 }



.onsmall

{

 font-size: 10px;

 color: #CC9933;

}







.right

{

text-align:right;

margin:0px;

padding:0px;

}



.bgcolor

{

 color: #F8DCB4;

}





.formular

{

 height: 16px;

 font-family: Arial;

 font-size: 8pt;

 color:#444444;

 background:#F6D09A;

 border-style:solid;

 border-color:#BBBBBB;

 border-width:1px;

}



.rahmen

{

 border-style:solid;

 border-color:#EEEEEE;

 border-width:1px;

}



.rahmen_l_0

{

 border-style:solid;

 border-color:#996633;

 border-width:1px;

 border-left-width:0px;

}





/* scrollbar settings for IE 5.5+ */



.rulesshortscroll, .rulesmedscroll, .rulestallscroll, .largescroll, .rulesventiscroll, .rulesukreviewscroll, .rulesukinvoicescroll   {

        scrollbar-base-color: #06113f;

        scrollbar-track-color: #06113f;

        scrollbar-face-color: #101f56;

        scrollbar-highlight-color: #325098;

        scrollbar-3dlight-color: #555;

        scrollbar-darkshadow-color: #1E1E1E;

        scrollbar-shadow-color: #313469;

        scrollbar-arrow-color: #FFFFFF;

}







.rulesshortscroll, .rulesmedscroll, .rulestallscroll, .rulesventiscroll, .ruleselastic, .rulebelowelastic, .rulesukreviewscroll, .rulesukinvoicescroll, .rulesukreviewaddress {

        border-top: 0px;

        border-right:  0px;

        border-bottom: 0px;

        border-left:  0px;

        border-color: #3a3a3a;

        border-style: solid;

        }



/* now the specifics for each size of scrollable region*/



.rulesshortscroll {

        width: 230px;

        height: 100px;

        overflow: auto;

        padding-top: 5px;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

         }

.rulesmedscroll {

        width: 230px;

        height: 161px;

        overflow: auto;

        padding-top: 5px;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

         }

.rulesukreviewscroll {

        width: 230px;

         height: 120px;

        overflow: auto;

        padding-top: 5px;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

         }

.rulesukinvoicescroll {

        width: 230px;

         height: 116px;

        overflow: auto;

        padding-top: 5px;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

         }

.rulestallscroll {

        width: 380px;

        height: 140px;

        overflow: auto;

        padding-top: 5px;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

         }

.rulesventiscroll {

        width: 230px;

        height: 260px;

        overflow: auto;

        padding-top: 5px;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

         }

.largescroll {

        width: 360px;

        overflow: auto;

        height: 454px;

        margin: 30px -15px 15px 0;

         padding-right: 16px; /* value for Mac IE, real value for other browsers below */

          }



/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.rulesshortscroll { padding-right: 0px; width: 230px; }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.rulesmedscroll { padding-right: 0px; width: 230px; }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.rulestallscroll { padding-right: 0px; width: 380px; }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.rulesventiscroll { padding-right: 0px; width: 230px; }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.rulesukreviewscroll { padding-right: 0px; width: 230px; }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.rulesukinvoicescroll { padding-right: 0px; width: 230px; }

.largescroll { padding-right: 0px; width: 100%; }

/* \ real value for all browsers except Mac IE, which will ignore the following rule */

.forcebottom { padding-right: 0px; width: 230px; }





/* Add padding so that paragraphs don't crash into the scrollbar */



.rulesshortscroll p, .rulesmedscroll p, .rulestallscroll p , .rulesukreviewscroll p, .rulesukinvoicescroll p, .rulesventiscroll p, .rulesventiscroll p.new {

        padding-right: 5px;

        }

.largescroll p {

        padding: 0 15px 0 0;

        }



/* non-scrolling regions */



.noruleselastic {

        width: 230px;

        padding: 6px 0 0 0;

        }

.ruleselastic {

        padding-top: 5px;

        padding-bottom: 10px;

        width: 230px;

        }

.rulebelowelastic {

        border-top: 0;

        border-right: 0;

        border-left: 0;

        border-bottom: 1px;

        border-color: #3a3a3a;

        border-style: solid;

        padding: 5px 0;

        width: 230px;

        }

.ruleaboveelastic {

        border-top: 1px;

        border-right: 0;

        border-left: 0;

        border-bottom: 0;

        border-color: #3a3a3a;

        border-style: solid;

        padding: 5px 0;

        width: 230px;

        }

.rulebelowshort {

        border-top: 0px;

        border-right:  0px;

        border-bottom: 1px;

        border-left:  0px;

        border-color: #3a3a3a;

        border-style: solid;

        padding: 5px 0;

        width: 230px;

        height: 93px;

         }

 .rulesukreviewaddress {

         padding-top: 5px;

         padding-bottom: 0px;

         width: 230px;

         height: 120px;

         }



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

#lightbox img{ width: auto; height: auto;}

#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-image: url(data:image/gif;base64,AAAA); /* 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; overflow: auto; width: 100%        ; }



#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; outline: none;}



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