@font-face {
	font-family: DINWebMedium;
	src: url(../fonts/DINWeb-Medium.eot);
	src: local("DINWebMedium"), url(../fonts/DINWeb-Medium.woff) format("woff");
}
@font-face {
	font-family: DINWebBold;
	src: url(../fonts/DINWeb-Bold.eot);
	src: local("DINWebBold"), url(../fonts/DINWeb-Bold.woff) format("woff");
}
@font-face {
	font-family: DINWebBlack;
	src: url(../fonts/DINWeb-Black.eot);
	src: local("DINWebBlack"), url(../fonts/DINWeb-Black.woff) format("woff");
}

html, button, input, select, textarea { color: black; }
body { background: #f0f0ec url(../img/background-repeat.png) repeat-x top; }

a { text-decoration: none; color: #408fb1; }
sup { font-size: 22px; top: -13px; margin: 0 1px; }
ul { list-style: none; margin: 0; padding: 0; }

.wrapper { width: 980px; margin: 0 auto; }
.page { height: 990px; position: relative; background: url(../img/background.png) no-repeat; font: 25px/30px DINWebMedium, sans-serif; }

.logo { padding-top: 60px; margin: 0 0 81px 38px; }

.hotline { position: absolute; top: 58px; right: 54px; background: url(../img/hotline.png) no-repeat top left; padding-left: 50px;
	font: 14px/1.5em arial, sans-serif; }
.number span { font-size: 25px; padding-left: 6px; }
.number-info { font-size: 10px; color: #acaeaf; }

.flash { position: absolute; top: 140px; left: 14px; width: 952px; height: 530px; }

.video-teaser { position: absolute; bottom: 74px; font: 18px/42px DINWebBold, sans-serif; }
.video-1 { left: 42px; }
.video-2 { left: 349px; }

.product-teaser { position: absolute; top: 765px; right: 44px; width: 260px; font: 18px/22px DINWebBold, sans-serif; }
.product-teaser ul { margin-top: 8px; }
.product-teaser li { background: url(../img/arrow-right.png) no-repeat 0 5px; padding-left: 12px; font: 14px/22px DINWebMedium, sans-serif; }

.footer { padding: 7px 17px 6px; margin: 0 12px 12px; position: relative; background: white; -webkit-border-radius: 20px; border-radius: 20px; font: 12px/22px arial, sans-serif;}
.footer a { font-weight: bold; }
.legal-toggle { background: url(../img/arrow-down.png) no-repeat right center; padding: 2px 26px 2px 0; margin-left: 35px; }
.legal-close { background-image: url(../img/arrow-up.png); display: none; }

.imprint { background: url(../img/arrow-right.png) no-repeat 0 6px; padding-left: 9px; position: absolute; top: 7px; right: 17px; }
.legal { font: 11px/14px arial, sans-serif; color: #8f8f8f; margin-top: 20px; }