@charset "utf-8";
/* CSS Document for the picture sections in Pfarrmission_2011 documentation /kn */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

/* a {cursor:hand;} */
/*a:hover {text-decoration:none;}
a:visited {color:#000;} */

/* slides styling */

.photo {width:580px; height:1px; text-align:center; position:relative; margin:0 auto;}

/*.photo ul.topic {padding:0; margin:0; list-style:none; width:600px; /*height:auto; position:absolute; z-index:10;}*/

/*.photo ul.topic li {display:block; width:100%; height:1px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:1px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}*/

.photo /*ul.topic li.active*/ ul
{display:block; position:relative; /*left:0;*/ top:31px; list-style:none; padding:0; margin:auto; cursor:hand;} 

/* 375 bei 4 Zeilen -> 95 je Zeile  - ACHTUNG !! auch unten ändern!*/
/*height:300px; */

background:#ddd; width: 464px;  /* 800px; width verändert wieviele Fotos in einer Zeile stehen*/
padding:20px 30px; border:5px solid #59a83e;} /*z-index:1;*/

.photo /*ul.topic*/ li a:hover ul, 
.photo /*ul.topic*/ li:hover ul
{display:block; position:relative; /*left:0;*/ top:31px; list-style:none; padding:0; margin:auto; /* height:600px; */ background:#ddd; width: 464px;  /* 800px;  verändert wieviele Fotos in einer Zeile stehen*/
padding:20px 30px; border:5px solid #59a83e; /*z-index:100;*/}

.photo /*ul.topic li*/ ul li
{display:inline; width:112px; height:84px; float:left; border:0px solid #fff; margin:1px;}

.photo /*ul.topic li*/ ul li.text
{display:inline;  width:460px; text-align:center /* height:87px; float:left;  border:1px solid #fff;  margin:1px; */}

.photo /*ul.topic li*/ ul li a
{display:block; width:112px; height:84px; cursor:default; float:left; text-decoration:none; background:#ccc; border:1px solid #888; cursor:hand;}

.photo /*ul.topic li*/ ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee; cursor:hand;}
.photo /*ul.topic li*/ ul li a img.hochformat
{display:block; width:51px; height:68px; border:5px solid #eee; margin-left:25px; cursor:hand;}

.photo /*ul.topic li*/ a:hover ul li a:hover, 
.photo /*ul.topic li:hover*/ ul li a:hover 
{white-space:normal; position:relative; cursor:hand;}

.photo/*ul.topic li*/ a:hover ul li a:hover img, 
.photo /*ul.topic li:hover*/ ul li a:hover img 
{position:absolute; left:-420px; top:-300px; width:452px; height:339px; border-color:#fff; cursor: ne-resize; cursor:hand;}

.photo /*ul.topic li*/ a:hover ul li a:hover img.hochformat, 
.photo /*ul.topic li:hover*/ ul li a:hover img.hochformat 
{position:absolute; left:-270px; top:-410px; width:339px; height:452px; border-color:#fff;cursor:hand;}

#text_unterhalb {
	margin:30px auto 0px auto;
	width: 620px;
	/*background-color:navy;*/
}