#slidepos {
	position: absolute;
	top: 150px;
	left: 0px;
}
#slidepos-textbox-links {
	position: absolute;
	top: 160px;
	left: 840px;
	width: 355px;
	height: 450px;
	background-color: #A9AE00;
	border-left: solid 5px #808080;
}
#slidepos-textbox-links h1 {
margin-top: 20px;
font-family: Arial;
font-weight: 200;
font-size: 22px;
color: #FFFFFF;
padding: 10px;
}
#slidepos-textbox-links p {
font-family: Arial;
font-weight: 200;
font-size: 20px;
color: #FFFFFF;
padding: 15px;
line-height: 2.5;
text-align: justify;
}
#uberschrift {
	position:absolute ;
	top: 120px;
	left: -75px;
	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: 600px;
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: 610px;
	left: 0px;
	width: 100%;
	max-width: 1200px;
	height: auto;
	border-top : solid 5px #808080;
	background-color: white;
}
#bilder-box p {
position: absolute;
top: -30px;
left: 20px;
width: 100%;
height: 30px !important;
text-align: left;
color: white !important;
font-family:'Helvetica Neue', helvetica;
font-size: 20px;

}
#bilder-box ul {
	width: 100%;
	height: auto;
	display: inline-block;
	margin: auto;
	padding: 0px;
}
#bilder-box ul li {
margin-right: 30px;
	display: inline-block;
	margin-top: 10px;
	overflow: hidden;
	width: 375px;
	height: 300px;
	border: solid 1px #808080;
	
}
#bilder-box ul li:nth-child(3n) {
margin-right: 0px !important;
}
#produkt-text {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 250px;
}
#produkt-text h6 {
	color: #000000 !important;
	padding: 10px;
	margin: 0px;
font-family:'Helvetica Neue', helvetica;
font-size: 17px;
font-weight: lighter;	
line-height: 1.7;
}
.bild {
width: 375px;
height: 300px;
overflow: hidden;
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,#bild10:hover p,#bild11:hover p,#bild12:hover p
 {
	color: #FFFFFF;
	background-color: #808080;
	-webkit-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}