body			{
			color: 			black; 
			background-color: 	#000000;
			font-family:		Helvetica, Arial, sans-serif;
			font-size:		14px;
			}
			#container
			{
			width:			980px;
			margin:			0 auto;
			border:			0;
			}
			#titel
			{
			padding:		0 0 0 0;
			background-image:	url(head.jpeg);
			height:			110px;
			width:			980px;
			text-align:		right;
			font-size:		46;
			color:			#0000ff;
			font-weight:		normal;
			text-shadow:		1px 1px #000000;
			}

			#navi
			{
			width: 			200px;
			float:			left;
			background-color:	#000066;
			color:			#ffffff;
			padding:		5px 5px 5px 5px;
			}
				#navi ul
				{
				list-style-type:	none;
				color:			white;
				font-size:		16;
				margin:			0;
				padding:		0;
				text-decoration:	none;
				}
				#navi li a
				{
				font-size:		14;
				color:			#33ccff;
				display:		block;
				}
				#navi li:hover
				{
				color:			#ffffff;
				width:			200px;
				}
				#navi li a:hover, #navi li a:active, #naci li a:focus
				{
				background-color:	#33ccff;
				color:			#000066;
				width:			200px;
				}

			#inhalt
			{
			padding:		5px 5px 5px 5px;
			margin:			0 0 0 210px;
			text-align:		justify;
			background-color:	#dbdbdb;
			width:			760px;
			position:		absolute;
			float:			right;
			}

			#text_hauptseite
			{
			padding:		5px 5px 5px 5px;
			margin:			1487px 0 0 0;
			text-align:		justify;
			background-color:	#ffffff;
			}

			#text
			{
			padding:		0 5px 5px 5px;
			text-align:		justify;
			background-color:	#ffffff;
			}

body, html, #navi, #inhalt
			{
			margin:			0:
			padding: 		0;
			}			
table			{
			border-collapse:	collapse;
			}
td, th			{
			padding:		10px;
			width:			750px;
			border:			none;
			font:			12px sans-serif;
			}
th			{
			font-weight:		bold;
			}
caption			{
			text-transform:		uppercase;
			margin-bottom:		10px;
			}
thead			{
			background-color:	#000066;
			color:			#ffffff;
			}
tbody tr.gerade		{
			background-color:	#c0c0c0;
			}
tbody tr		{
			background-color:	#ffffff;
			}
p			{
			margin:			10px 0 0 0;
			padding:		0;
			text-align:		justify;
			}
			#fusszeile 
			{
			font-size:		9px; 
			margin:			0 0 0 0;
			}
h1		 	{
			color: 			#000080; 
			font-size: 		x-large; 
			text-align: 		center;
			}
a:link, a:visited	{
			color: 			#000080;
			text-decoration:	none;
			}
a:hover, a:active	{
			color: 			#000080;
			text-decoration:	underline;
			}
ul			{
			list-style-type:	circle;
			}

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

