.porbr  {
		background-image: url(images/portrait-brennweite-a.jpg); 
		background-repeat: no-repeat; 
		background-size: 300px;
		height: 200px;
		
	}
.porbr:hover {
		background-image: url(images/portrait-brennweite-b.jpg);
		background-repeat: no-repeat;
	}
.wurbr  {
			background-image: url(images/wuerfel-brennweite-a.jpg); 
			background-repeat: no-repeat; 
			background-size: 300px;
			height: 200px;
			
		}
.wurbr:hover {
			background-image: url(images/wuerfel-brennweite-b.jpg);
			background-repeat: no-repeat;
		}
.porss  {
		background-image: url(images/portrait-blende-1-8.jpg); 
		background-repeat: no-repeat; 
		background-size: 300px;
		height: 200px;
		
	}
.porss:hover {
		background-image: url(images/portrait-blende-16.jpg);
		background-repeat: no-repeat;
	}
.fokus  {
		background-image: url(images/fokus_a.jpg); 
		background-repeat: no-repeat; 
		background-size: 300px;
		height: 200px;
		}
.fokus:hover {
		background-image: url(images/fokus_b.jpg);
		background-repeat: no-repeat;
		}
.fahrt  {
	background-image: url(images/fahrt.jpg); 
	background-repeat: no-repeat; 
	background-size: 300px;
	height: 200px;
	}
.fahrt:hover {
	background-image: url(images/fahrt.gif);
	background-repeat: no-repeat;
	}
.zoom  {
	background-image: url(images/zoom.jpg); 
	background-repeat: no-repeat; 
	background-size: 300px;
	height: 200px;
	}
.zoom:hover {
	background-image: url(images/zoom.gif);
	background-repeat: no-repeat;
	}
.vertigo  {
	background-image: url(images/vertigo.jpg); 
	background-repeat: no-repeat; 
	background-size: 300px;
	height: 200px;
	}
.vertigo:hover {
	background-image: url(images/vertigo.gif);
	background-repeat: no-repeat;
	}