@charset "utf-8";
/* CSS Document */

.foto {						/* wir verwenden eine Klasse ".foto". Diese kann im Gegensatz zu einem ID mehrmals je Seite eingesetzt werden. */
	margin: 0;
	padding: 0;
}

.foto img {
	margin-right:20px;
	margin-top:4px;
	z-index:1;
}

#gewerbekunden .foto a img {
	border: #999999 solid 1px;
	margin-right:40px;
	z-index:1;
}

.foto a img {
	margin-right:40px;
	z-index:1;
}

.foto li {
	list-style: none;
	position: relative;
} 

a .gross {
	display: none;			/* bewirkt, dass die vergrößerten Bilder im Normalzustand nicht sichtbar sind. */
	z-index:2;
} 

a:hover .gross {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	z-index:3;
}

/**** Fotos ohne Rahmen ***/
.foto2 {						/* wir verwenden eine Klasse ".foto". Diese kann im Gegensatz zu einem ID mehrmals je Seite eingesetzt werden. */
	margin: 0;
	padding: 0;
}

.foto2 img {
	margin-right:20px;
	margin-top:4px;
	z-index:1;
}

.foto2 a img {
	border: none;
	margin-right:20px;
	margin-top:4px;
	z-index:1;
}

.foto2 li {
	list-style: none;
	position: relative;
} 

a .gross {
	display: none;			/* bewirkt, dass die vergrößerten Bilder im Normalzustand nicht sichtbar sind. */
	z-index:2;
} 

a:hover .gross {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	z-index:3;
}