#uberschrift {
	position:absolute ;
	top: 120px;
	left: -45px;
	height: 180px;
	width: 100%;

}

#uberschrift h1 {
padding: 10px;
color: #808080;
text-align: left !important;
font-family:  Arial !important;
font-size: 22px;
font-weight:  lighter !important;
width: 370px;
text-align: center !important;

}
#geributton {
	position: absolute;
	top: 125px;
	right: 0px;
	width: 70px;
	height: 25px;
	background-color: #808080;
	border-radius: 3px;
}
#geributton:hover {
	background-color: #000000;
}
#geributton p {
	font-family: Tahoma;
	font-size: 19px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
}


#bilder-box {
	position: absolute;
	top: 150px;
	left: 30px;
	width: 96%;
	height: auto;
}
#bilder-box p {
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(255,255,255,0.7);
width: 100%;
height: 20px !important;
padding: 10px 10px;
color: #808080;
font-family:'Helvetica Neue', helvetica;
font-size: 19px;
	-webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;

}

.bild {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(1);


transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);

-webkit-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
img.bild:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
-webkit-filter: grayscale(0);

transform: rotate(0deg) scale(1.100) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
	
}
#bild1:hover p,#bild2:hover p,#bild3:hover p,#bild4:hover p,#bild5:hover p,
#bild6:hover p,#bild7:hover p,#bild8:hover p,#bild9:hover p
 {
	color: #FFFFFF;
	background-color: #808080;
	-webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}


#bild1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 250px;
	height: 200px;
	overflow: hidden;
}
#bild2 {
	position: absolute;
	top: 10px;
	left: 290px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild3 {
	position: absolute;
	top: 10px;
	left: 570px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild4 {
	position: absolute;
	top: 10px;
	left: 850px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild5 {
	position: absolute;
	top: 235px;
	left: 10px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild6 {
	position: absolute;
	top: 235px;
	left: 290px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild7 {
	position: absolute;
	top: 235px;
	left: 570px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild8 {
	position: absolute;
	top: 235px;
	left: 850px;
	width: 250px;
	height: 200px;
	overflow: hidden;	
}
#bild9 {
	position: absolute;
	top: 460px;
	left: 10px;
	width:250px;
	height: 200px;
	overflow: hidden;	
}
#bild9 h6 {
	color: #514753;
	background-color: white;
	font-size:25px;
	line-height:3;
	text-align: center;
	height: 400px;
}
#bild10 {
	position: absolute;
	top: 460px;
	left: 290px;
	width:250px;
	height: 200px;
	overflow: hidden;
}
#bild11 {
	position: absolute;
	top: 460px;
	left: 570px;
	width:250px;
	height: 200px;
	overflow: hidden;
}
#bild12 {
	position: absolute;
	top: 460px;
	left: 850px;
	width:250px;
	height: 200px;
	overflow: hidden;
}