body {
	background-color:#fff;
	margin-top:0px;

	background-repeat: repeat;
	


}
.ym-wrapper {
	width: 980px;
	margin: 0 auto;
}

.balken_gruen_top{
	background-color:#94C01E;
	height:10px;
	width:100%;
	z-index: 2;
position: relative;
}
.dreieck_top{
	background-image:url(../../../../../upload/page_elemente/dreieck.png);
	width:auto;
	height: 73px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index: 2;
}
.logo {
	background-image:url(../../../../../upload/page_elemente/logo.png);
	width: 313px;
	height: 81px;
	background-repeat:no-repeat;
	margin-top:35px;
	margin-left: 346px;
margin-right: auto;
	position:relative;
	z-index:4;
	
}

.header {
	height:280px;
	margin-top:0px;
	border-bottom:solid 1px #ccc;
	z-index:2;
	position:relative;
	background-color:#fff;
}

#nivo_slider{
	z-index:2;
}

#teaser{
	height:250px;
/*	background-image:url(../../../../../upload/page_elemente/teaser.jpg);*/
	width:900px;
	height:428px;
	z-index:999;
}


nav {
margin-top: 0px;
position: relative;
margin-left: auto;
margin-right: auto;
width:auto;
display: table;
}
.nav_blaken_links{
	background-color: transparent;
	border-right:solid 1px #ccc;

}
.nav_bg{
	background-color: transparent;	
}

.nav_bereichwahl_inhalt{
	border-top:solid 0px #fff;
	border-bottom:solid 0px #fff;
	height:70px;
}
.nav_main_inhalt{
	border-top:solid 0px #fff;
	border-bottom:solid 0px #fff;
}

@keyframes mymove
{
from {
	display:none;
	top:-1500px;}
to {
	display:block;
	top:300px;
}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{


  from {
		top:-1500px;
  }
  to {
		top:300px;
  }
}

#main {
top: 50px;
position: absolute;
width: 980px;

}

.content {

}
.layout_1_main{

}
.layout_2_main{

}
.layout_3_main{

}
.layout_4_main{
	margin-top:290px;	
	padding-bottom: 20px;
	min-height:450px;
}
footer {
}
.textalgin_footer_right {
	text-align:right;
}
.textalgin_footer_left {
	text-align:left;
}
img {
	width:100%;
	height:auto;
}
.img_no_100 {
	width:inherit;
	height:auto;
}
.img_reflect{
	-webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.6, transparent), to(white));
-webkit-border-radius: 0px;
}

.kunden_logos_rahmen{
width: 21%;
border: solid 1px #ccc;
height: 130px;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 4px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
transition: 1s;
opacity: 0.4;
   filter: alpha(opacity=40);
	} 
	.kunden_logos_rahmen:hover{

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1;
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
		opacity: 1;
   filter: alpha(opacity=100);
	} 
	
	.referenzen_webdesign{
width: 29%;

float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 4px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: grayscale(50%);
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(50%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
transition: 1s;
opacity: 0.4;
   filter: alpha(opacity=40);
	} 
	.referenzen_webdesign:hover{

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    zoom:1;
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
		opacity: 1;
   filter: alpha(opacity=100);
	}