html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, big, del, dfn, em, img, small, strike, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

BODY    { background: #FFF; font: normal 14px AudiTypeNormal, Verdana, sans-serif; color: #000; height: 100%; }
TABLE   { border: 0; border-spacing: 0; width: 100%; border-collapse: collapse; }
TD      { border-spacing: 0; }
H1 { font: normal 6vh Helvetica, Verdana, sans-serif; color: #FFF; }
H2 { font: normal 6vh Helvetica, Verdana, sans-serif; color: #FFF; padding-top: 100px; }
B   { font: normal 14px AudiTypeBold,Verdana,sans-serif; }
A   { text-decoration: none; color: #FFF; font: normal 3vh Helvetica, Verdana, sans-serif; }
A:HOVER { text-decoration: underline; }
P { font: normal 3vh Helvetica, Verdana, sans-serif; color: #FFF; line-height: 4vh; }


.dd { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background-image: linear-gradient(to top, #000 0%, #222222 50%); }
.picture { height: 50%; width: 100%; text-align: center; vertical-align: middle; }
.picture IMG { height: 90%; vertical-align: middle; margin-top: 2%; }
.pp {
  text-align: center;
  height: 50%;
}

.pp DIV { padding: 20px; }

.daten { position: fixed; bottom: 0px; z-index: 99; left: 30%; }
.impr { position: fixed; bottom: 0px; z-index: 99; right: 30%; }

.daten A { font-size: 1.5vh; }
.impr A { font-size: 1.5vh; }

@media only screen and (min-width: 0px) and (max-width: 499px){
	.daten { left: 1%; }
	.impr { right: 1%; }
	H1 { font: normal 3vh Helvetica, Verdana, sans-serif; }
	P { font: normal 2vh Helvetica, Verdana, sans-serif; line-height: 3vh; }
	A { font: normal 2vh Helvetica, Verdana, sans-serif; }
}

@media only screen and (min-width: 500px) and (max-width: 999px){
	.daten { left: 5%; }
	.impr { right: 5%; }
}

@media only screen and (min-width: 1000px) and (max-width: 2000px){
	.daten { left: 15%; }
	.impr { right: 15%; }
}