
	/* ===== steuert auch den Gallerieschriftzug ===== */
html	{ 
	padding: 0;
    	margin: 0;				
    	background: #10110C url(../_images/backgrounds/galleria-gross-dkl.png) no-repeat fixed 6px 120px;
  	}

	/* ===== Hintergrund  im Thumbnailfeld ===== */
body {						
  	background: #10110C  url('../_images/backgrounds/back.jpg');
	padding: 3em 2em 2em 2em;
  	margin:  0 2em 0 5em;  	/* == schafft links Platz für gallery-schriftzug == */
	border: 2px inset #818181;
  	text-align: center;
	font: 0.9em normal, Arial, sans-serif;          /* == z.B. Bildunterschrift auf Uebersichtsseite == */
  	color: #B3B3B3;
	/*text-transform: lowercase;*/
  	}

#hoehe {
	min-height:900px;
  	height:auto !important;  /* für moderne Browser */
  	height:900px;  /*für den IE */
	}

h1, h2, h3 {
	text-align: center;
	font: normal 2.5em "Palatino Linotype", Palatino, serif;
	color:#999;
    	margin: 2em auto 0em;
	letter-spacing: 0.2em;
    	font-variant: small-caps;
  	}
h3 {
	font: normal 1.5em "Palatino Linotype", Palatino, serif;
	margin: 0em auto 2em;
	}

* html h1, html h1*  {
    	margin: 2em auto 0em;
  	}

#blau	{
	color: #70809F;
	}

h1 img {
	width: 390px;
	height: 50px;
	border: 0;
	}

img {
	border: 0;
	}

	/* ===== positioniert die thumbnails innerhalb des rahmens  ====*/

div.thumbs { 
	margin: auto 3em; 
	text-align: center;      	
	}

	/* ========== Hintergrund um thumbnails  herum ==========*/

div.thumbs ul { font-variant: small-caps;	
	float: left; 
	width: 200px; 
	height: 200px; 
	padding: 2.8em 0 2.8em 0; 
	margin: 1em; 
	border: 1px solid #999; 
	list-style: none; 
	} 

	/* ========== Hintergrund hinter thumbnails ==========*/

* html div.thumbs ul { 
	padding: 2.8em 0 2.8em 0; 
	} 

div.thumbs ul img {		 		
	display: block;
	border: 1px inset #ddd;
	margin: 0 auto 1em;
	}

	 /* ===== bestimmt Rahmenfarbe um Originalbild herum ===== */
#original img {background: #000;			          
	display: block;
  	padding: 0.2em;
  	border: 1px solid;
  	border-color: #B3B3B3 #666 #666 #B3B3B3;
  	margin: 0em auto 2.5em;		/*=== Abstand nach unten zum copyright ===*/
  	}

	/*===== show-seite: navigationspfeile =====*/
#pager img {				
	margin: 0em auto 0.5em;
	border: 0;
	}

#gross {
	clear: both;
	margin: 1.5em auto 1.5em;
	color: #999;
	}

#index {
	position: absolute;
    	top: 1em;
    	left: 6.5em;
	font: normal 1.2em "Palatino Linotype", Palatino, serif;
	text-transform: none;
    	}

#index a {
    	float: left;
    	display: block;
    	width: auto;
   	padding: 0 0.5em;
    	border: solid #5f5050;  		/*== balken rechts und links ==*/
    	border-width: 0 1em;
    	font-style: italic;
	color: #B3B3B3;
font-weight: bold;
font-size: 1em; 
	}

#index a:hover  { 
	padding: 0 0.5em;
    	border-color: #A0706F;		/* == balken rechts und links ==*/
	color: #A0706F; 		
	background: transparent;
	text-decoration: none;		
    	}
	
/*====== fuer Zusatzinfos====== */

div#info {	
	clear: both;
	width: 400px;
	padding: 2em;  	/*== wichtig fuer Abstand nach oben, reagiert nur im IE auf margin-top :-( ==*/
	margin: 3em auto 1em;
	border: 1px dotted #eee;
	}

#info h2	{
	margin-bottom: -0.5em;
	font: 1.2em  "Palatino Linotype", Palatino, serif;	
	color: #808FA0;
	}

#back,
#links  {	
	clear: both;		/* == wichtig,damit link nicht nach oben rutscht == */
	padding-top: 3em;      /*== wichtig fuer Abstand nach oben, reagiert nicht auf margin :-( ==*/
	font: 0.8em;
	color: #999;
	letter-spacing: 0.1ex;
	}

#back a {
	color: #999;
	text-decoration: underline;
	}
#links a {	
	color: #999;
	text-decoration: none;
	}

#back a:hover,
#links a:hover{
	color: #A0706F;
	text-decoration: underline;
	}

#copyright  {
	display: block;
    	clear: both;
    	width: 33ex;
    	border-top: 1px dotted #818181;
    	padding: 0.5em 0 0 0;
    	margin: auto;
    	font-size: 0.9em;
    	color: #999;
	letter-spacing: 0.1ex;
	text-align: center;
	}

#copyright a {
	font: 1em sans-serif;
	color: #B09FA0;
	text-decoration: none;
	}

#copyright a:hover {
	font: 1em sans-serif ;
	color: #A0706F;
	text-decoration: underline;
	}
#clear {
	clear: both;
	}
#pagerank img {
	display: none;
	}

