/* CSS Document */

	

.abdecker{
		margin: 0px;
		padding: 0px;
		/*float: left;*/
		z-index: 10;
		position:absolute;
		left: -1px;
		bottom: 0px; /*runterschieben, 97-2px wegen abdecker 4px*/
		
		
			
	}
	.linklayer{
		margin: 0px;
		padding: 0px;
		/*float: left;*/
		z-index: 50;
		position:absolute;
		bottom: 0px; /*runterschieben, 97-2px wegen abdecker 4px*/
		
		
			
	}
	.caption-style-2{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: relative;	
		bottom: 0px; /*Bild hochschieben wegen abdecker 2px*/
			
	}

	.caption-style-2 li{
		float: left;
		
		 padding-top: 2px;
		  padding-bottom: 2px;
		   padding-left: 2px;
		    padding-right: 2px;
		margin: 0px;
		position: relative;		
		overflow: hidden;
		
		
	}
	.caption-style-2 li:hover .caption{
		opacity: 1;
		transform: translateY(-40px);
		-webkit-transform:translateY(-40px);
		-moz-transform:translateY(-40px);
		-ms-transform:translateY(-40px);
		-o-transform:translateY(-40px);
		/*72px Opera*/
		
	}
	.caption-style-2 img{
		margin: 0px;
		padding: 0px;
		/*float: left;*/
		z-index: 4;
		border-radius: 4px;
		
	}
	.caption-style-2 .caption{
		cursor: pointer;
		position: relative;
		opacity: 0.9;
		
		top:-25px; /*hoehe des sliders in das image hinein, negativ: Ragt in das Bild hinein*/
		-webkit-transition:all 0.50s ease-in-out;
		-moz-transition:all 0.50s ease-in-out;
		-o-transition:all 0.50s ease-in-out;
		-ms-transition:all 0.50s ease-in-out;
		transition:all 0.50s ease-in-out;

	}
	.caption-style-2 .blur{
		background-color: rgba(56,126,153,0.9);
		height: 97px;
		width: 97px;
		z-index: 5;
		position: absolute;
		
		
	}

	
	.caption-style-2 .caption-text{
		/*font-family: "Source Sans Pro",sans-serif;*/
		font-family: "Lato";
		font-size: 14px;
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 97px;
		height: 97px;
		text-align: center;
		top:5px;/*Abstand message*/
	}
	
	

	.caption-style-3{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: relative;	
		bottom: 0px; /*Bild hochschieben wegen abdecker 2px*/
			
	}

	.caption-style-3 li{
		float: left;
		
		 padding-top: 2px;
		  padding-bottom: 2px;
		   padding-left: 2px;
		    padding-right: 2px;
		margin: 0px;
		position: relative;		
		overflow: hidden;
		
		
	}
	.caption-style-3 li:hover .caption{
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-o-transform:translateY(0px);
		/*72px Opera*/
		
	}
	.caption-style-3 img{
		margin: 0px;
		padding: 0px;
		/*float: left;*/
		z-index: 4;
		border-radius: 4px;
		
	}
	.caption-style-3 .caption{
		cursor: pointer;
		position: relative;
		opacity: 0.9;
		
		top:-65px; /*hoehe des sliders in das image hinein, negativ: Ragt in das Bild hinein*/
		-webkit-transition:all 0.50s ease-in-out;
		-moz-transition:all 0.50s ease-in-out;
		-o-transition:all 0.50s ease-in-out;
		-ms-transition:all 0.50s ease-in-out;
		transition:all 0.50s ease-in-out;

	}
	.caption-style-3 .blur{
		background-color: rgba(56,126,153,0.9);
		height: 97px;
		width: 97px;
		z-index: 5;
		position: absolute;
		
		
	}

	
	.caption-style-3 .caption-text{
		/*font-family: "Source Sans Pro",sans-serif;*/
		font-family: "Lato";
		font-size: 14px;
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 97px;
		height: 97px;
		text-align: center;
		top:5px;/*Abstand message*/
	}