html {margin:0px;padding:0px;height:100%;display: inline;}
body {margin:0px;padding:0px;height:100%;display: inline;}

.black-bg { height:298px; width:100%;
position:relative; margin-top:10%;
}
.logo {position:absolute; width:305px;top:-78px; left:50%; margin-left:-152px;}
.logo-img {width:305px;
	height: 156px;
	margin: 0;
	padding: 0;

	overflow: hidden;}
.logo-txt {margin:auto; width:398px;padding-top:100px;}
.logo-hr {width:624px;padding:0px 0px 0px; margin:auto; vertical-align:center; }
.main-txt {font-family:verdana; color:#fff;text-transform:uppercase;width:616px;  margin:auto;text-align:Center;}
.main-txt  p{text-shadow: 1px 2px 3px #000;}
.main-txt  b{font-weight:normal; font-size:22px;}
.main-txt  a{font-weight:bold; color:#0090eb;text-transform:uppercase;text-decoration:None; font-size:14px;}
.grey-bg{height:30%; background-color:#ccc;}

.small-nav{background:url('images/small-nav.jpg') #fff;height:55px; width:100%;font-family:verdana;font-size:14px;}
.small-nav ul{list-style:none; margin:0 auto; padding:0px; width:410px;}
.small-nav ul li{ display:inline-block;vertical-align:middle;padding:0px 10px;float:left; }
.small-nav ul .phone{background:url('images/snav-phone.jpg') no-repeat center left;padding-left:40px;padding:16px 0px 15px 40px;}
.small-nav ul .mobil{background:url('images/snav-mobil.jpg') no-repeat center left;padding-left:40px;padding:16px 0px 15px 40px;}



#wrapper{display: table; height:100%;width:100%;}

#w-child {
    display: table-cell;
    vertical-align: middle;height:100%;width:100%;

}
#w-child  .whitespace {
	position:absolute; height:50%;width:100%; top:0px;
	background-color:#fff;	z-index:0;
}
#w-child  .greyspace {
	position:absolute; height:50%;width:100%; top:50%;
	background-color:#ccc;	z-index:0;
}
#content {
	width:100%;position:relative;
	margin:0px auto;
}
#content .placeholder {min-height:78px;height:30%;background-color:#fff;}
#content .blackbg {height: 298px;background:url('images/black-bg.jpg') no-repeat center center #141414; width:100%;position:relative;}




.logo .logo-img{
	position: relative;
}
.logo .logo-img:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

.logo .logo-img:before {
	position: absolute;
	top: 0;
	left: -75%;
	
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	
	-webkit-animation: shine .95s;
	animation: shine .95s;


}

@-webkit-keyframes shine {


	100% {
		left: 125%;
	}
}
@keyframes shine {

	100% {
		left: 125%;
	}
}