body			{
			color:			    #0a102a;
			background-color:	#0a102a;
			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(bilder/sonstiges/header.png);
			height:			110px;
			width:			980px;
			text-align:		right;
			font-size:		44;
			color:			white;
			font-weight:		normal;
			text-shadow:		1px 1px #d8d8d8;
			}

			#navi
			{
			width:			150px;
			float:			left;
			background-color:	#0a102a;
			color:			#ffffff;
			}

				#navi ul
				{
				list-style-type:	none;
				color:			#00bfff;
				font-size:		16;
				margin:			0;
				padding:		0;
				text-decoration:	none;
				}

				#navi li a
				{
				font-size:		14;
				color:			#ffffff;
				display:		block;
				}

				#navi li:hover
				{
				background-color:	#00bfff;
				width:			150px;
				}

				#navi li a:hover, #navi li a:active, #navi li a:focus
				{
				background-color:	#00bfff;
				color:			#ffffff;
				width:			150px;
                text-decoration: none;
				}

			#inhalt
			{
			padding:			0px 20px 5px 20px;
			margin:				0 0 0 150px;
			text-align:			justify;
			background-color:	#ffffff;
            color:              #000000;
			width:				790px;
			position:			absolute;
			float:				right;
			}

                #inhalt a
                { 
                color:          #0000ff;
                }

                #inhalt b.company
                {
                color:          #0000ff;
                }

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

			table
			{
			border-collapse:	collapse;
			font-size:			14;
			}

			td, th
			{
			padding:			5px;
			width:				780px;
			border:				none;
			}

			th
			{
			font-weight:		bold;
			}

            td.japan
            {
            font-family:        serif;
            font-weight:        bold;
            }

			caption
			{
			text-transform:		uppercase;
			margin-bottom:		5px;
			}

			thead
			{
			background-color:		#00bfff;
			color:				#ffffff;
			}

			tr.gerade
			{
			background-color:		#dbdbdb;
			}

			p
			{
			margin:				10px 0 0 0;
			padding:			0;
			text-align:			justify;
			}

			#fusszeile
			{
			font-size:			9px;
			margin:				0 0 0 0;
			}

			h1
			{
			color:				#0a102a;
			font-size:			24;
			text-align:			center;
			font-weight:			bold;
			text-shadow:			2px 2px #c0c0c0;
			}

			a:link, a:visited
			{
			color:				#0040ff;
			text-decoration:	none;
			}

			a:hover, a:active
			{
			color:				#0040ff;
			text-decoration:		underline;
			}

			ul
			{
			list-style-type:		none;
			}

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

.button {
    backface-visibility: hidden;
  position: relative;
  width: 152px;
  height: 030px;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  background: linear-gradient(110deg,#eee 0%,#e3e3e3 10%,#fff 20.1%,#fff 25%,#f0f0f0 26%,#fff 28.000000000000004%,#ddd 55.00000000000001%,#eee 100%);
  border-radius: 10px;
  border: 1px solid #999;
  border-width: 1px 1px 1px 1px;
  padding: 5px 20px 7px 20px;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.5),0px 0px 5px rgba(0,0,0,0.25),0px 0px 2px 4px rgba(0,0,0,0.1);
    color: #444;
  font-size: 20;
  font-family: Helvetica Neue;
  font-weight: 900;
  font-style: normal;
  text-shadow: 0px 2px 1px rgba(0,0,0,0.3);
      text-align: center;
    vertical-align: center;
  }
  .button > div {
    color: #999;
  font-size: 10px;
  font-family: Helvetica Neue;
  font-weight: initial;
  font-style: normal;
  text-align: center;
  margin: 0px 0px 0px 0px
  }
  .button > i {
    font-size: 1em;
  border-radius: 0px;
  border: 0px solid transparent;
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position: static
  }
  .button > .ld {
    font-size: initial
  }