/* Beschreibung */

/* 
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}
*/
 
.photo {
	padding:0px;
	background:#333333;
	width:781px;
	height:82px;
	text-align:left;
	position: absolute;
	left: 0px;
	top: 530px;
	border: 1px solid #666666;
}

.photo h1 {
	font-size:1.4em;
	font-weight:normal;
	color:#DD0000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 2em;
}
.photo h2 {font-size:16px; font-weight:normal; color:#fc0; margin:4px 0px 0px 0px; padding:0px;}
.photo h3 {font-size:14px; font-weight:normal; color:#fc0; margin:8px 0px 2px 0px; padding:0px;}
.photo h4 {font-size:12px; font-weight:normal; color:#fc0; margin:8px 0px 2px 0px; padding:0px;}

.photo ul {
	list-style:none;
	width:773px;
	position:relative;
	height:60px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 6px;
	background-color: #333333;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.photo ul li {
	width:90px;
	height:60px;
	float:left;
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index:100;
	padding: 0px;
	display: block;
}

/* kleines Vorschaubild - Normalansicht */
.photo ul li a {
	display:block;
	width:90px;
	height:60px;
	cursor:default;
	text-decoration:none;
	background-color: #333333;
	border:0px solid #666666;
}

.photo ul li a.pfeil {
	display:block;
	width:93px;
	height:63px;
	cursor:default;
	text-decoration:none;
	background-color: #666666;
	margin-left: 0px;
}

.photo ul li a b {display:none;}

.photo ul li a img {
	display:block;
	width:90px;
	height:60px;
	border:3px solid #666666;

}

.photo ul li a.pfeil img {
	display:block;
	width:90px;
	height:60px;
	border:3px solid #666666;
	border-top-color:#cccccc;
	border-bottom-color:#cccccc;
	border-right-color: #9B9B9B;
	border-left-color: #9B9B9B;
}

.photo ul li a:hover {
	white-space:normal;
	position:relative;
	z-index:100;
	border:3px solid #cccccc;
	height: 60px;
	width: 90px;
}

/* Popup - Bild - hochformat */ 
.photo ul li a.vert:hover img {
    position:absolute; 
    left:-4px; 
    top:-153px; 
    width:96px; 
    height:144px; 
	border:1px solid #fc0;
}

/* Popup - Bild - querformat */
.photo ul li a.hor:hover img {
	position:absolute;
	left:-28px;
	top:-104px;
	width:144px;
	height:96px;
	border:1px solid #fc0;
}

/* Rahmen zu Pfeil bei hover */
.photo ul li a.pfeil:hover img {
	position:relative;
	left:-3px;
	top:-3px;
	width:90px;
	height:60px;
	background-color: #CCCCCC;
	border:3px solid;
	border-bottom-color: #525252;
	border-left-color: #9B9B9B;
	border-right-color: #9B9B9B;
	border-top-color: #525252;
}
 
/* Aussehen Platzhalter des aktiven Bildes - nicht hover, sondern aktiv angezeigt*/
.photo ul li a:active, .photo ul li a:focus {
	display:block;
	position:static;
	background-color: #333333;
	z-index: 90;
	width:92px;
	height:62px;
	border:2px solid #fc0;
}

.photo ul li a.pfeil:active, .photo ul li a:focus {
	display:block;
	position:static;
	background-color: #333333;
	z-index: 90;
	width:90px;
	height:60px;
	border:2px solid #333333;
}


/* grosses Bild hover - hochformat*/
/* .photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:300px; top:-400px; width:347px; height:520px; border:1px solid #fc0; padding:5px 45px;}*/
.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#000; position:absolute; left:0px; top:-531px; width:337px; height:508px; border:1px solid #fc0; padding:5px 221px; z-index: 90;}

/* grosses Bild hover - querformat*/
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#000; position:absolute; left:0px; top:-531px; width:770px; height:508px; border:1px solid #fc0; padding:5px 5px; z-index: 90;}
/* Bild hover - weiter-pfeil*/
.photo ul li a:focus.pfeil img {
	position:relative;
	left:0px;
	top:0px;
	width:90px;
	height:60px;
	background-color:#000;
	border:1px solid #fc0;
}

/* Textbox */
.photo ul li a:focus b, .photo ul li a:active b {
	display:block;
	position:absolute;
	width:216px;
	height:347px;
	border:1px solid #666;
	top:-278px;
	left:792px;
	color:#CECECE;
	font-weight:normal;
	padding:6px;
	background-color: #333333;
}