a:link
{
	           color: #660033;
	           font-weight: normal;
  	           text-decoration: none; 
  	           
}
a:active
{
               color: #662233;
               font-weight: normal;
  	           text-decoration: none; 
 
}
a:visited
{
               color: #664433;
               font-weight: normal;
  	           text-decoration: none; 
}

a:hover      
{
               text-decoration: underline; 
               font-weight: normal;
               color: #CC9966; 
}

img 
{              ncursor: pointer;
               margin-left: 0px;
               margin-right: 0px;
               margin-top: 0px;
               margin-bottom: 0px;
}
              


body
{
               topmargin: 0 ;
               leftmargin: 0 ;
               background-color:#FFFFFF;
               color: #000000;
               text-align: left;
               vertical-align: top;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-size: 14pt;
               scrollbar-face-color:#999999;                
               scrollbar-track-color: #ffffff;                
               scrollbar-highlight-color: #ffffff;                
               scrollbar-shadow-color: #CCCCCC;                
               scrollbar-3dlight-color: #EEEEEE;                
               scrollbar-darkshadow-color: #BBBBBB;                
               scrollbar-arrow-color: #FFFFFF  
}


table.table-tabelle
{
               width: 1000px;
               height: 10%; 
               background-color:#FFFFFF;
               color: #000000;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-weight: normal;                
               font-style: normal;                
               font-size: 14pt;
               vertical-align: top;               
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               text-align: left; 
}
table.table-Form
{
               width: 100%;
               height: 100%;               
               color: #000000;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-weight: normal;                
               font-style: normal;                
               font-size: 14pt;
               vertical-align: top;
               margin-left: 20px;
               margin-right: 0;               
               text-align: left; 
}

tr.tr_ContentHead
{
               background-color: #FFFFFF;
               color: #000000;
               margin-top: 0;
               margin-bottom: 0;
               width: 100%;
               height: 90px;               
               margin-left: 20px;
               margin-right: 0; 
               text-align: left; 

               
}               
td.td_ContentHead
{
               background-color: #FFFFFF;
               color: #000000;
               margin-top: 0;
               margin-bottom: 0;
               width: 700px;
               height: 145px;               
               margin-left: 20px;
               margin-right: 0; 
               text-align: left; 

               
}               

tr.tr_NavBody
{
               background-color: #c0c0c0;
               color: #000000;
               height: 40px;   
               font-weight: bold;
               margin-top: 0;
               margin-bottom: 0;
               margin-left: 20px;
               margin-right: 0; 
               vertical-align: middle; 
               text-align: left; 
}               


td.td_NavBody
{
               background-color: #c0c0c0;
               color: #000000;
               width: 194px;
               height: 40px;   
               font-weight: bold;
               margin-top: 0;
               margin-bottom: 0;
               margin-left: 20px;
               margin-right: 0; 
               vertical-align: middle; 
               text-align: left; 
}               

td.td_ContentBody
{
               width: 100%;
               height: 100%;  
               background-color:#FFFFFF;
               color: #000000;
               font-size: 14pt;
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               text-align: left; 
}               



p
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               color: #000000;
               text-align: left;
               font-size: 14pt;

}               

td
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               text-align: left;
               background-color:#FFFFFF;
               color: #000000;
 

}               


h1
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               font-weight: normal;                
               color: #333333;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-size: 48;
               letter-spacing: 0; 
               text-align: left; 
}
h2
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               color: #333333;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-weight: normal;                
               font-size: 8mm;
               text-align: left; 
}
h3
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               text-align: left; 
               color: #333333;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-weight: normal;                
               font-size: 8mm;
               text-align: left; 
}
h4
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               font-weight: normal;  
               text-transform: uppercase;                  
               color: #eeeeee;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-size: 4mm;
               letter-spacing: 0; 
               text-align: left; 
}
h5
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               color: #eeeeee;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               font-size: 14pt;
               font-weight: normal;
               font-style: italic;
               text-align: left; 
}

h6
{
               margin-top: 2px;
               margin-bottom: 3px;
               margin-left: 20px;
               margin-right: 10px;
               color: #FFCC00;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
               letter-spacing: 0; 
               text-transform: uppercase;                  
               font-weight: bold;                
               font-size: 14pt;
	           text-align: left; 
}
hr
{
               color: #777777;
               font-family:  Calibri Light, Helvetica, Tahoma, Verdana, sans-serif;
}

#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: 0px; }

#loading{ position: absolute; top: 100%; left: 0%; height: 25%; width: 25%; 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: 100%; float: center;  padding-bottom: 1.0em; outline: none;}	 	

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