* {
	margin:0;
	padding:0;
}
html, body, #wrapper {
	height: 100%;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
}
#top-quote {
	background-color: transparent;
	margin: 0 auto;
}
#header {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	background-image: url(bilder/header.jpg);
	background-size: cover;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
#text {
	width: 60%;
	font-family: Oxygen;
	margin: 0 auto;
	background-color: #FFF;
	font-size: 12pt;
	line-height: 15pt;
	font-style: normal;
}
#text-wrapper {
	background-color: #FFF;
	width: 100%;
	height: 850px;
}


#logo {
	background-image: url(bilder/logo-head.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	width: 100%;
	background-size: contain;
	height: 12em;	
}
#start-quote {
	background-color: transparent;
	margin: 0 auto;
}
#pfeil {
	background-image: url(bilder/pfeil.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	width: 100%;
	background-size: contain;
	height: 5em;	
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-align: center;
	color: #00F;
}
h1 {
	font-family: "Roboto Slab", Courier, monospace;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: #444;
	letter-spacing: normal;
	word-spacing: normal;
	display: block;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-align:center;
	color: #000;
}
link {
	color: #000;
}

h3 {
	font-family: Oxygen;
	font-size: 20pt;
	font-style: normal;
	line-height: normal;
	text-align: center;
	color: #000;
}
#video {
	z-index: 5;
	color: #F00;
	height: 350px;
	width: 750px;
}

#news {
	width: 50%;
	display: block;
	min-height: 100%;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 100px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}
h4 {
	position:absolute;
	left:10%;
	top:-100px;
	width:275px;
	padding:25px 15px 15px 15px;
	margin:0;
	color: rgb(255,255,255);
	background-color: rgb(0,158,224);
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px;
	-moz-transform: rotate(-1.25deg);
	-webkit-transform: rotate(-1.25deg);
	-o-transform: rotate(-1.25deg);
	transform: rotate(-1.25deg);
	font-family: "Yanone Kaffeesatz", Arial, serif;
	font-size: 24px;
	font-weight: bold;
}
h4 span {
	display:block;
	padding:100px 0 0 0;
	font-size:18px;
	border-width:1px;
	border-top-style: dashed;
	border-color: #f0f0f0;
}
h4 {
	-webkit-animation-name:slidingHeadline;
  	-webkit-animation-duration:2s;
  	-webkit-animation-iteration-count:1;
  	-webkit-animation-direction:normal;  	
	-moz-animation-name:slidingHeadline;
  	-moz-animation-duration:2s;
  	-moz-animation-iteration-count:1;
  	-moz-animation-direction:normal;  	
}
@-webkit-keyframes slidingHeadline{
 		from {
  			margin:0 0 0 -35%;
  			background-color: rgba(0,158,224,0);
  		}
   	to {
   		margin:0;
   		  background-color: rgb(0,158,224);
   	}
}
@-moz-keyframes slidingHeadline{
 		from {
  			margin:0 0 0 -35%;
  			background-color: rgba(0,158,224,0);
  		}
   	to {
   		margin:0;
   		  background-color: rgb(0,158,224);
   	}
}
#sliders {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	background-image: url(bilder/slides1.jpg);
	background-size: cover;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
#footer {
	font-family: oxygen;
	font-size: 12pt;
	font-style: 15pt;
	background-color: #30C;
	width: 100%;
	position: absolute;
}