/* CSS Document Bildvergr. MAGNIFY */

/* Grosse Bilder: */
.magnify {
	float: right;
	width: 20px;
	background-color: #C6C1C1;
	z-index: 101;  /*ueber #menu*/
}

.magnify a img {
	border: 0px;
}

/*kleiner Pfeil*/
.magnify a:link.pf, .magnify a:visited.pf {
	display: block; 
	width: 20px; 
	height: 20px; 
	text-decoration: none; 
	background: #C6C1C1; 
	margin-top: 0px; 
	margin-left: 0px; 
	border: 0px;
	z-index:5;
	background-image:url(../pics/rechtspfeil.gif);
	background-repeat:no-repeat;
	background-position:5px 4px;
}
.magnify a:hover.pf {
	text-decoration: none; 
	color: #000000;
	z-index: 6;
	/*border:1px solid #6C0;*/
	background-color: #DDFFB4;
}

/*Querformat-Grossbild = .large*/
.magnify a .large {
	display: block; 
	position: absolute;
	width:  0px; 
	height: 0px; 
	border: 0px; 
	margin-top:0px; 
	margin-left:0px;
	z-index: 101;  /*ueber #menu*/
}

.magnify a.pf:hover .large {
	display: block; 
	position: absolute;
	top:100px;
	left:280px;
	z-index: 120; 
	/*margin-top: -150px; 
	margin-left: 90px;*/ 
	width: 300px; 
	height:195px; 
	padding:10px;
	border: 1px solid #999999;
	background-color:#CCCCCC;
}



/*Bildvergr. kleine Bilder*/
.smallmag {
	float: right;
	width: 20px;
	background-color: #C6C1C1;
	z-index: 60;
}

.smallmag a.pf, .smallmag a.pf:visited {
	display: block; 
	width: 20px; 
	height: 20px; 
	text-decoration: none; 
	background: #C6C1C1; 
	margin-top: 0px; 
	margin-left: 0px; 
	border: 0px;
	z-index:5;
}

.smallmag a img {
	border: 0px;
}

.smallmag a.pf:hover {
	text-decoration: none; 
	background-color: #8C97A3; 
	color: #000000;
	z-index: 6;
}

.smallmag a .large{
	float:right;
	display: block; 
	width:  0px; 
	height: 0px; 
	border: 0px; 
	margin-top:0px; 
	margin-left:0px;
	z-index: 60;
}

.smallmag a.pf:hover .large {
	display: block; 
	position: absolute; 
	margin-top: -80px; 
	margin-left: -160px; 
	width: 180px; 
	height: 130px; 
	border: 1px solid #FFFFFF;
	z-index: 120;
}

/*Hochformat-Grossbild = .hochlarge*/
.magnify a .hochlarge {
	display: block; 
	position: absolute; 
	width:  0px; 
	height: 0px; 
	border: 0px; 
	margin-top:0px; 
	margin-left:0px;
	z-index:101; /*ueber menu*/
}

.magnify a.pf:hover .hochlarge {
	display: block; 
	position: absolute;
	top:60px;
	left:280px;
	z-index: 120; 
	/*margin-top: -150px; 
	margin-left: 90px;*/ 
	width: 195px; 
	height:300px; 
	padding:10px;
	border: 1px solid #999999;
	background-color:#CCCCCC;
}

.smallmag a .hochlarge {
	float:right;
	display: block; 
	width:  0px; 
	height: 0px; 
	border: 0px; 
	margin-top:0px; 
	margin-left:0px;
	z-index: 60;
}

.smallmag a.pf:hover .hochlarge {
	display: block; 
	position: absolute; 
	margin-top: -80px; 
	margin-left: -160px; 
	width:195px;
	height:278px; 
	border: 1px solid #FFFFFF;
	z-index: 120;
}