/*____________________________________________________________________________
  GALLERIES STYLE SHEET
  author: Jens Brueckmann:    http://www.j-a-b.net
  modifiziert verwendet z.B. in: 	http://www.c-mmm.de/galleria/staedte/
				http://www.c-mmm.de/galleria/pflanzen/
				http://www.c-mmm.de/galleria/seen/
				http://www.c-mmm.de/galleria/berge/
				http://www.c-mmm.de/galleria/landschaften/
				http://www.c-mmm.de/galleria/privat/familie/
				http://www.c-mmm.de/galleria/privat/hochzeit/
  ____________________________________________________________________________
*/

	/*========== steuert auch den Gallerieschriftzug ========== */

html	{
	padding: 0;
  	margin: 0;			
    	background: #DEDDE3 url(../_images/backgrounds/galleria-gross-hell.png) no-repeat fixed 6px 60px;
  	}

	/* ========== Hintergrund  im Thumbnailfeld und show-seite  ==========*/

body {	
	background: #DEDDE3 url(../_images/backgrounds/back-light-1.jpg) fixed;
  	padding:2em 0em 2em 0em;
	margin: -4em 4em -4em 5em;    /* == schafft links Platz für gallery-schriftzug  == */
	border-left: 1px solid #818181;
	border-right: 1px solid #818181;
  	text-align: center;
	font: 0.8em normal, Arial, sans-serif;          /* ==  z.B. Bildunterschrift auf Uebersichtsseite == */		
	color: #818181;
  	 }

#hoehe {
	min-height:900px;
  	height:auto !important;  /* für moderne Browser */
  	height:900px;  /*für den IE */
	}

a:link {
	color:#818181;
	} 

a:visited {
	color:#818181;
	} 

a:hover {
	color:#A0706F;
	} 

h1, h2, h3 {
	text-align: center;
	font: normal 2.5em "Palatino Linotype", Palatino, serif;
	color:#999;
    	margin: 4em auto 0;
	letter-spacing: 0.3em;
    	font-variant: small-caps;
  	}

h3 {
	font: normal 1.5em "Palatino Linotype", Palatino, serif;
	margin: 0em auto 2em;
	}

h1 img {
	width: 390px;
	height: 50px;
	border: 0;
	}

	/* ===== positioniert die thumbnails innerhalb des rahmens  ====*/

div.thumbs { 
	margin: auto 3em; 
	text-align: center;      	
	}

	/* ========== Hintergrund um thumbnails  herum ==========*/

div.thumbs ul { 
float: left; 
width: 200px; 
height: 200px; 
padding: 2.8em 0 2.8em 0; 
margin: 1em; 
border: 1px solid #999; 
list-style: none; 
} 

* html div.thumbs ul { 
padding: 2.8em 0 2.8em 0; 
} 
	/* ========== Hintergrund hinter thumbnails ==========*/

div.thumbs ul img { 			 		
	background: #DEDDE3; 
	display: block;
	border: 1px inset #ddd;
	margin: 0 auto 1em;
	}

	/* ====== bestimmt Rahmenfarbe um Originalbild herum ======*/

#original img {				
	background: #DEDDE3;
	display: block;
	padding: 0.7em;
	border: 2px inset #eee;
	margin: 0em auto 2.5em; /*=== Abstand nach unten zum copyright ===*/
	}

	/*====== show-seite: navigationspfeile ==========*/

#pager img {				
	margin: 0em auto 0.5em;
	border: 0;
	}

.abstand {
	margin-top: 4em;
	}

#gross {
	clear: both;
	margin: 1.5em auto 1.5em;
	}
		
	/*====== 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;
	}

#index {
	position: absolute;
    	top: 1em;
    	left: 6.5em;
	font: normal 1.2em "Palatino Linotype", Palatino, serif;
	}

#index a {
    	float: left;
    	display: block;
    	width: auto;
   	padding: 0 0.5em;
    	border: solid #ccc;  		/*== balken rechts und links ==*/
    	border-width: 0 1em;
    	font-style: italic;
	}

#index a:hover  { 
	padding: 0 0.5em;
	border-color: #B0B0B0;	 /* == balken rechts und links ==*/
    	background: transparent;
	text-decoration: none;	
	}

#back  {	
	clear: both;		/* == wichtig,damit link nicht nach oben rutscht == */
	padding-top: 3em;      /*== wichtig fuer Abstand nach oben, reagiert nicht auf margin :-( ==*/
	margin-bottom: 1.5em;
	font: 0.8em;
	color: #818181;
	letter-spacing: 0.1ex;
	}

#back a {
	color: #818181;
	text-decoration: underline;
	}

#back a:hover{
	color: #A0706F;
	text-decoration: underline;
	}

#copyright  {
	display: block;
    	clear: both;
    	width: 37ex;
    	border-top: 1px dotted #818181;
    	padding: 0.5em 0 0 0;
    	margin: auto;
    	font-size: 0.9em;
    	color: #818181;
	letter-spacing: 0.1ex;
	text-align: center;
	}

#copyright a, #info a {
	font: 1em sans-serif;
	color: #B09FA0;
	text-decoration: none;
	}

#copyright a:hover, #info a:hover {
	font: 1em sans-serif ;
	color: #A0706F;
	text-decoration: underline;
	}
#clear {
	clear: all;
	}

#pagerank img {
	display: none;
	}