body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	scrollbar-3dlight-color:silver;
    scrollbar-arrow-color:silver;
    scrollbar-base-color:grey;
    scrollbar-darkshadow-color:grey;
    scrollbar-face-color:#660000;
    scrollbar-highlight-color:silver;
    scrollbar-shadow-color:silver;
}

h1           {
				   font-family:  Verdana, Arial, Helvetica, sans-serif;
				   font-size: 8pt;
				   color: #CCCCCC;
				   font-weight: bold;
				   
			 }
			 
			 
table       {
				 font-family:  Verdana, Arial, Helvetica, sans-serif;
				 font-size: 10px;
				 border-style: solid;
				 border-width:0pt;
				 color: #000000;
				 text-align:left;
				 vertical-align:top;
			}



TH			{
				 font-family:  Arial, Helvetica, sans-serif;
				 font-size: 8pt;
				 color: #CCCCCC;
		 	}



		
TD			{
				 font-family:  Arial, Helvetica, sans-serif;
				 font-size: 8pt;
				 color: #CCCCCC;
		 	}
			
TD.product {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				color: #6A6A6A;
			}
			
TD.productname 
			{
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 10pt;
				font-weight: bold;
				color: #6A6A6A;
			}
TD.producername 
			{
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #6A6A6A;
			}
			
TD.fettweiss
			{
				font-family:  Arial, Helvetica, sans-serif;
			    font-size: 8pt;
			    font-weight: bold;
				color: #FFFFFF;
			}

TD.info			{
				 font-family:  Arial, Helvetica, sans-serif;
				 font-size: 8pt;
				 color:maroon;
		 	}
			


			
TR.gerade			{
background-color: #FFFFFF;
			}			

TR.ungerade			{
background-color: #EEEEEE;
			}			
			

b.fettweiss	{
				 font-family:  Arial, Helvetica, sans-serif;
				 font-size: 8pt;
				 color: #FFFFFF;
			}			

b.fettgrau	{
				 font-family:  Arial, Helvetica, sans-serif;
				 font-size: 8pt;
				 color: #CCCCCC;
			}	

a:link      {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color:#CCCCCC;
				text-decoration: none;
				border:0;

            }
			
      
a:visited { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt;
            color:#CCCCCC;
            text-decoration:none;
          }
          
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	text-decoration: none;

        }
        
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#CCCCCC;
	text-decoration: none;

        }

a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#CCCCCC;
	text-decoration: none;

        }

a.subnav:link {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #CCCCCC;
				text-decoration: underline;
				}
	
a.subnav:visited {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #CCCCCC;
				text-decoration: underline;
				}

a.subnav:active {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #CCCCCC;
				text-decoration: underline;
				}

a.subnav:focus {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #CCCCCC;
				text-decoration: underline;
				}


a.highlight:link {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
				}
a.highlight:visited {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
				}
				
a.highlight:active {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
				}
						
a.highlight:focus {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
				}


a.product:link {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #6A6A6A;
				text-decoration: underline;
				}
a.product:visited {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #6A6A6A;
				text-decoration: underline;
				}
				
a.product:active {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #6A6A6A;
				text-decoration: underline;
				}
						
a.product:focus {
			 	font-family:  Arial, Helvetica, sans-serif;
			 	font-size: 8pt;
				font-weight: bold;
				color: #6A6A6A;
				text-decoration: underline;
				}


form    {
        }

.Feld
        {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #EFEFEF;
        }
		
.Button
        {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
	background-color: #EFEFEF;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
        }
        
        
#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; }