body
{
	background:white;
	background-image: url(../gfx/design/background.gif);
	background-repeat: repeat-y;
}
#d01 /* Adler */
{
  position: absolute;
  left:0px;
  top:0px;
  background-image: url(../gfx/design/adler.gif);
  background-repeat: no-repeat;
  height:122px;
  width:202px;
}
#d02 /* graue Menüleiste */
{
  position: absolute;
  left:0px;
  top:125px; 
  height:22px;
  width:650px;
  background-color: #C8C8C8;
  border-style:solid;
  border-width:1px 0px 1px 0px;
  border-color:black; 
}
/* HACK | graue Menüleiste*/
html>body #d02{
	  height:20px;
}
#d03 /* Fader rechts */
{
  position: absolute;
  left:649px;
  top:125px;
  background-image: url(../gfx/design/fader.jpg);
  background-repeat: no-repeat;
  height:23px;
  width:308px;
}
#d04 /* Logo */
{
  position: absolute;
  left:650px;
  top:0px; 
  height:121px;
  width:231px;
  background-image: url(../gfx/design/logo.gif);
  background-repeat: no-repeat;
}
#d05 /* Schatten */
{
  position: absolute;
  left:0px;
  top:147px; 
  height:15px;
  width:170px;
  background-image: url(../gfx/design/schatten.jpg);
  background-repeat: no-repeat;
}
#d06 /* Menü */
{
  position:absolute;
  left:170px;
  top:128px;
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  COLOR: #00000;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: bold;	
}
#d06 a:link {Color:rgb(00,00,00); Text-Decoration: none}    
#d06 a:visited {Color:rgb(00,00,00); Text-Decoration: none}    
#d06 a:hover {Color:rgb(00,68,141); Text-Decoration: none}

#d07 /* Navigatoins Slider */
{
  position: absolute;
  left:180px;
  top:160px; 
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 08pt;
  FONT-WEIGHT: none;  
}
#d07 a:link {Color:rgb(00,00,00); Text-Decoration: none}    
#d07 a:visited {Color:rgb(00,00,00); Text-Decoration: none}    
#d07 a:hover {Color:rgb(00,68,141); Text-Decoration: none}

#d08 /* Content */
{
  position: absolute;
  left:180px;
  top:180px; 
  width:750px;
  /*
  border-style:dashed;
  border-width:1px 1px 1px 1px;
  border-color:black;
  */
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: none;
  padding-left:5px;
  padding-top:1px;
}  
/* HACK | graue Menüleiste*/
html>body #d08{
  list-style-image: url(../gfx/design/list.gif);
}
#d08 a:link {Color:rgb(00,00,00); Text-Decoration: none}    
#d08 a:visited {Color:rgb(00,00,00); Text-Decoration: none}    
#d08 a:hover {Color:rgb(00,68,141); Text-Decoration: none}


#submenu /* Box Positionierung */
{
  width:162px;
  position: absolute;
  top:180px;
  left:2px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:black;   
}
html>body #submenu{
	width:160px;
}

#toolbox_header /* Box oben */
{
  width:162px;
  height:15px;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:black;
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: bold;  
  color:white;
  background-color: #1B60A1;
  padding-left:2px;
}
html>body #toolbox_header{
	width:160px;
}
#toolbox_content /* Box Mittelteil */
{
  width:162px;
  border-style:solid;
  border-width:0px 1px 0px 1px;
  border-color:black;
  background-color: white;
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: none;
  padding-left:2px;    
}
#toolbox_content a:link {Color:rgb(00,00,00); Text-Decoration: none}    
#toolbox_content a:visited {Color:rgb(00,00,00); Text-Decoration: none}    
#toolbox_content a:hover {Color:rgb(00,68,141); Text-Decoration: none}

html>body #toolbox_content{
	width:160px;
}
#toolbox_footer /* Box unteres Ende */
{
  width:162px;
  height:20px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:black;
  background-image: url(../gfx/design/toolbox_footer.gif);
  background-repeat: no-repeat;
}
/* HACK | Toolbox Footer IE*/
html>body #toolbox_footer{
	background-image: url(../gfx/design/toolbox_footer_ff.gif);
	width:163px;
}

#subheadline /* Subtext Überschriften */
{
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 22pt;
  FONT-WEIGHT: bold;
  font-style: italic;
  COLOR:#1960A4;  
  text-align: center;
}
#headline /* Content Überschriften */
{
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 12pt;
  FONT-WEIGHT: bold;
  COLOR:#1960A4;  
}
#head /* Überschriften im Text */
{
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: bold;
  COLOR:#1960A4;  
}
hr /* Grauer Strich */
{
	border-width:1px;
	border-color:#D1D1D1; 
	border-style:solid;
	width:730px;
}
#copyright /* Copyright Formatierung */
{
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: none;
  COLOR:gray;
  padding-top:20px;  
}
.team /* Team */
{
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: none;
}  
.team a:link 
{
  Color:rgb(00,00,00);
  Text-Decoration: none;
}    
.team a:visited 
{
  Color:rgb(00,00,00); 
  Text-Decoration: none;    
}    
.team a:hover 
{
  Color:rgb(00,68,141); 
  Text-Decoration: none;
}
.img_sign /*Alle Bilder */
{
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:red;
}
img /*Alle Bilder */
{
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:black;
}
img.subpic /*Alle Bilder */
{
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:black;
}
#back /* Zurück */
{
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: 10pt;
  FONT-WEIGHT: none;
  font-style: italic;
}  
#back a:link 
{
  Color:rgb(00,68,141);
  Text-Decoration: none;
}    
#back a:visited 
{
  Color:rgb(00,68,141); 
  Text-Decoration: none;    
}    
#back a:hover 
{
  Color:rgb(00,00,00); 
  Text-Decoration: none;
}

#referenzen /* Boxen für Referenzen */
{
  width:730px;
  border-style:solid;
  border-width:0px 0px 0px 0px;
  border-color:black;
  background-color: rgb(243,243,243);
}
#ref_header
{
  background-color: rgb(226,226,226);
}
#filelist
{
  padding-left:20px;
  margin-bottom:10px;
}
#pdfli
{
  
  list-style-image: url(../gfx/design/pdf.gif);
  
}
#jpgli
{
  
  list-style-image: url(../gfx/design/jpg.gif);
  
}
#docli
{
  
  list-style-image: url(../gfx/design/doc.gif);
  
}
#xlsli
{
  
  list-style-image: url(../gfx/design/xls.gif);
  
}
#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:gfx/lightbox/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(../gfx/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../gfx/lightbox/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; }