html, body {
  text-align:left;
  background:url('dinpattern-stripe.gif');
  font-family: 'Magra',  sans-serif;
  font-size: 105%;
	margin:0em;
	padding:0em;
  width:100%;
	height:100%;
  color: white;
  text-shadow: black 2px 2px 8px;
}

.content{
   z-index:100;
}

h1{
  font-size:4em;
margin:0px;
}

a {
color:white;
 	text-decoration:none;
}

header {
  position:absolute;
  top:7%;
  left: 2em;
}

.slogans {
  position:absolute;
  top:50%;
  left: 20px;
	width: 40%;
	font-size: 200%;
	text-align:center;
  font-weight:bold;
}

#imprint {
  position:absolute;
  bottom:1em;
  right: 2em;
	width: 250px;
  height:30px;
  overflow:hidden;
  font-size: 80%;
 	text-align:right;
}


#bg { position: fixed; bottom: 0; left: 0; z-index:10;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


#poster{
  position:absolute;
  right:0px; top:0px;
  border: none;
  width:100%;
  height:100%;
  overflow: hidden;
  -moz-box-shadow: -5px 0px 8px #black;
	-webkit-box-shadow: -5px 0px 8px black;
	box-shadow: -5px 0px 8px black;

}

#details {
  position:absolute;
  top:0px;
  left:0px;
  width:0px;
  height: 100%;
  padding:0px;
  margin:0px;
  overflow-y:hidden;
  overflow-x:hidden;
}

#details h2 {
  margin-left:20px;
  margin-bottom:0.5em;
  padding:0px;
}

#details .video {
  margin-left:20px;
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding:0px;

  -moz-box-shadow: 0px 0px 8px #black;
	-webkit-box-shadow: 0px 0px 8px black;
	box-shadow: 0px 0px 8px black;
}

#details .space {
  margin-left:1em;
}

#details p {
  padding:0px;
  margin:0px;
  margin-right:20px;
  margin-left:20px;
}

.right{
  text-align:right;
}

#details a:after {
  content: url(external_link.png);
}