html { height:100%; overflow-x:hidden; position:relative }

	body { background:url('../style/img/foto-bg.jpg') 50% 50% fixed no-repeat #222222; min-height:101%; position:relative }
/*	body { background:#444444; min-height:101%; position:relative } */

/*	#bg { position:absolute; background:#222222; top:0px; left:0px;  width:100%; height:100%; z-index:-1; opacity:0.0 }*/

	#content { position:relative; min-height:200% }

	h1 { margin:0em; padding:1em 5em .2em 10em; font-family:'Linux Libertine','Palatino Linotype',serif; font-size:3em; font-weight:normal; color:#eeeeee; text-shadow:#000000 1px 1px 2px;  }

	p#intro { margin:0em; padding:0.5em 2.4em 0.5em 30em; color:#ffffff; text-shadow:#000000 1px 1px 1px; line-height:1.7em; max-width:50em; height:3.4em }

	p#photoCounter { margin:0em; padding:1em 18em 1.7em 33em; color:#ffffff; text-shadow:#000000 1px 1px 1px; line-height:1.7em; height:1.7em; text-align:center }

	#innavbar { float:left; position:relative; margin:40px 0px 50px 50px; padding:0px; max-width:14em; list-style:none; line-height:1 }
	#innavbar li { margin:0em; padding:0em }

	#innavbar li a { display:block; color:#ffffff !important; text-shadow:#000000 1px 1px 1px; margin:0em; padding:0.6em 0.5em; text-decoration:none }
	#innavbar li a:hover, #innavbar li a:focus { background:rgba(0,0,0,.3); text-decoration:underline; outline: none }
	#innavbar li a.current { background:rgba(0,0,0,.5) }
	#innavbar li.mainlink a:before { content:'«'; display:inline-block; width:1.2em }
	#innavbar li.mainlink a { font-weight:bold; margin-left:-1.2em }
	#innavbar li.mainlink a.current:before { display:none }
	#innavbar li.mainlink a.current { margin-left:0em }

	#closer { clear:both }

	#tagklammer { display:none; z-index:220 }

	#loadedPhotos { position:absolute; left:-1000px; top:-1000px; width:5px; height:5px; overflow:hidden }

	#albums, #albumContents { margin:0em 0em 0em 15em; padding:40px 30px 50px 70px }
	.photoGrid { margin:0px; padding:0px; min-height:10em; list-style:none; line-height:1 }

	.photoGrid li { padding:0em; margin:0px 20px 20px 0px; width:208px; background:#ffffff; display:inline-block;
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,1); box-shadow: 1px 1px 2px rgba(0,0,0,1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,1); vertical-align:bottom }

	#albumContents li a { height:150px } /* Verhindert Flackern beim Laden */

	.photoGrid a  { display:block; margin:4px; width:200px; position:relative; overflow:hidden; background:#cccccc; text-align:center; text-decoration:none !important; line-height:1 }
	.photoGrid img { height:150px; vertical-align:bottom }
	#content .photoGrid span { display:block; margin:0px; padding:8px 5px 5px 5px; background-color:#ffffff; height:1em; color:#000000; overflow:hidden }


	#photoArea { position:relative; margin:0em 0em 0em 15em; padding:30px 50px 50px 70px; text-align:center; z-index:10 }
	#photoAreaIn { display:inline-block; position:relative  }
	#photoAreaIn a { text-decoration:none }

	#currPhoto { display:block; background:#ffffff; padding:8px;
		-moz-box-shadow: 1px 1px 4px rgba(0,0,0,1); box-shadow: 1px 1px 4px rgba(0,0,0,1); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,1) }
	#currPhoto div { overflow-x:auto; max-width:550px }
	#currPhoto a, #currPhoto img { display:block }

	/*#prevPhoto:hover + div + #currPhoto, #nextPhoto:hover + #currPhoto { opacity:0.75 }*/

	#prevPhoto { left:-100px }
	#nextPhoto { right:-100px }
	#prevPhoto:hover { left:-110px }
	#nextPhoto:hover { right:-110px }
	#photoArea .prevNextPhoto:hover { opacity:1 }
	#photoArea .prevNextPhoto { display:block; position:absolute; z-index:-1; top:140px; margin:0px; opacity:.3;
		background:#ffffff; padding:4px;
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,1); box-shadow: 1px 1px 2px rgba(0,0,0,1); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,1) }
	#photoArea .prevNextPhoto a { display:block; width:200px; overflow:hidden; text-align:center; line-height:1 }
	#photoArea .prevNextPhoto img { height:150px; vertical-align:bottom }
	#photoArea a:focus { outline: none }

	/* Kleine Bildschirme */

	@media only screen and (max-width:750px) {

		#albums, #albumContents, #photoArea { margin-left:0em; padding:2em 1em 2em 2em }
		#innavbar { float:none; margin:0em 2em 0em 2em }
		#innavbar li a { display:none }
		#innavbar li a.current { display:block }
		#innavbar li.mainlink a { display:block }
		/* Platz für zwei Elemente reservieren, auch wenn keines da ist */
		#innavbar li.mainlink a.current { visibility:hidden; height: 3.2em }

		h1 { padding:1em 0.66em 0.66em 0.66em; text-align:center }

		p#intro { padding:0em 2em 2em 2em; height:auto }
		p#photoCounter { padding:0em 2em 2em 2em; height:auto }
	
	}