.bild {
	width:300px;
	height:250px;
	
}
.schatten {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);	
}
#dreierbox {
	width: 100%;
    margin-top: 0px;
   margin-left: -50%;
   /*top: 0%;*/
   
   position: absolute;
	top: 130px;
   left: 50%;
   text-align: center;
	display:inline-block;
	width:100%;
	height:auto;
	background:grey;
	padding-bottom:30px;
}
#dreierbox h1 {
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size:20px;
	color:white !important;
	text-align:left;
	padding-top:25px;
	padding-left:40px;
}
#dreierbox ul {
	display:inline-block;
	width:100%;
	margin-left:0px;
	margin-top:20px;
	height:350px;
	padding:0px;
	
}
#dreierbox ul li {
	display:inline-block;
	margin:10px 10px 50px 10px;
	overflow:visible;
	width:300px;
	height:250px;
	
}
#dreierbox ul li:last {
padding-bottom:50px;
}
#dreierbox ul li:hover {
	opacity:0.8;
	
}
#dreierbox p {
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size:20px;
	color:white !important;
	width:300px;
	height:30px !important;
	text-align:center;
	padding-top:5px;
}



.sephia img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
-webkit-filter: grayscale(0);


transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;

-webkit-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}

.sephia img:hover  {
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
-webkit-filter: grayscale(50%);

	
}