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

.thumbnail{
	padding: 3px 3px 3px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	}	

a img{border: none;}
a:hover img{border: 1px solid yellow;}


#Kopfzeile {
           background:url(bilder/headline.jpg);
           border-bottom:darkred 3px solid;
           color:white;
           font-family:Verdana,Arial,Hevetica,sans-serif;
           font-weight:bolder;
           font-size:15px;
           padding-bottom:5px;
           padding-left:1em;
           padding-right:5px;
           text-align:left;
           }

#sprache {
         font-family:Verdana,Arial,Helvetica,sans-serif;
         font-size:13px;
         float:right;
         }

form {
     text-align:left;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     font-size:13px;
     color:white;
     }

select {
     background:black;
     color:white;
     text-align:left;
     width:100px;
     }



body {
     background:black url(bilder/backgrounds/hintergrund.jpg) no-repeat;
     background-attachment:fixed;
     }

a:link {color:yellow; text-decoration:underline;}
a:visited {color:yellow; text-decoration:underline;}
a:focus {color:white; text-decoration:underline;}
a:hover {color:white; text-decoration:underline;}
a:active {color:white; text-decoration:underline;}

p {
  text-align:left;
  font-family:Calibri,Verdana, Arial, Helvetica,sans-serif;
  font-size:15px;
  color:#ffffff;
  width:98%;
  }



h1 {
	text-align:left;
	font-variant:small-caps;
	font-family:Century Gothic,Atlanta,Arial,sans-serif;
	font-size:36px;
	font-weight:bolder;
	letter-spacing:5px;
	color:#ffffff;
	border-bottom:2px solid darkred;
   }

h2 {
   font-size:20px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   color:#ffffff;
   border-top:10px solid #184A6D;
   border-left:10px solid #184A6D;
   width:98%;
   }

h3 {
   font-size:16px;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   color:#ffffff;
   }

#liste {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:13px;
   color:#ffffff;
   }


table {
      color:#ffffff;
      font-family:Verdana,Arial,Helvetica,sans-serif;
      font-size:13px;
      }


hr {
   color:darkred;
   width:80%;
   }
   
#CDtitel {
		 font-weight:bolder;
		 padding-left:5px;
		 padding-right:5px;
		 }

#important {border:2px dotted red; width:90%; padding:5px; background:#300D0D;}
#big {font-size:45px; font-weight:bolder; color:red; font-family:Times New Roman, Arial, Helvetica, sans-serif;}

/* hier der code für die navigation */

   #menu { width: 150px; background: #000; } 

#menu ul { list-style: none; margin: 0; padding: 0; } 

#menu a {
  font: 15px century gothic, atlanta, arial, helvetica, sans-serif;
  font-variant:small-caps;
  font-weight:bolder;
  display: block;
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #888
				#555 #bbb;
  margin: 0; padding: 2px 3px; }

#menu a { color: #fff; background: #000; text-decoration: none; } 

#menu a:hover { color: #FF0; background: #666; } 

#menu a:active { color:#F90; background:#333; font-size:14px;} 

#menu li { position: relative; }

#menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 

div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}



#Fusszeile {
         background:url(bilder/fuszeilenbg.png) repeat-x;
         border-top:black 3px solid;
         color:white;
         font-family:Verdana,Arial,Helvetica,sans-serif;
         font-size:13px;
         padding-bottom:1px;
         text-align:center;
         padding-right:5px;
         padding-left:5px;
         margin-top:10px;
         }

#Fusszeile a:link    {color:white; text-decoration:none; }
#Fusszeile a:visited {color:white; text-decoration:none; }
#Fusszeile a:focus   {color:yellow; text-decoration:none; }
#Fusszeile a:hover   {color:yellow; text-decoration:underline; }
#Fusszeile a:active   {color:yellow;  text-decoration:none; }