*, img, html, body, div, object {
	margin:0px;
	padding:0px;
	border:0px;
	left:0px;
	top:0px;
}

html {
	height:100%;
	width:100%;
	overflow:auto; /*KEEP OUT FOR RESIZE!*/
}

body {
	margin: 0px;
	padding: 0px;
  height:100%;
	width:100%;
	 /*overflow:auto; auto NEEDED FOR RESIZE!*/
	background-color: #89898a;
	background-image: url('background.jpg');
	background-repeat: repeat-x;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px
}

#distanceError, #distanceNoscript, #distance { 
	width:100%;
	height:50%;
	margin-bottom:-275px; /* half of container's height */
	float:left;
}

noscript, #noFlash, #noResolution {
	margin:0px auto 0px auto;
	height:550px;
	width:855px;
	clear:left;
}

#container {
	margin:0px auto 0px auto;
	position:relative; /* puts container in front of distance */
	height:550px;
	width:855px;
	clear:left;
}

#container #swfContent {
	position: absolute; 
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:100%;
	overflow:visible;
}

#container #errorResolution {
	display:none;
	width:100%;
}

#container img.logo {
	padding:15px;
}

#errorResolution, #errorFlash {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}

#outerBox {
	position: relative;
	width: 855px;
	height: 550px;
	border: 1px solid #cccccc;
}
#innerBox {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 825px;
	height: 480px;
	background-image: url('teaser_img_01.jpg');
	background-repeat: no-repeat
}
#innerBoxHBP {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 825px;
	height: 480px;
	background-image: url('teaser_img_02.jpg');
	background-repeat: no-repeat
}
#textBox {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 404px;
	height: 464px;
	background-color: #ffffff;
}
#topBox {
	position: absolute;
	top: 18px;
	left: 9px;
	width: 372px;
	height: 230px;
	padding-left: 13px;
	border-bottom: 1px solid #cccccc;
}
#bottomBox {
	position: absolute;
	top: 267px;
	left: 9px;
	width: 372px;
	height: 172px;
	padding-left: 13px;
}
#footerBox {
	position: absolute;
	top: 438px;
	left: 0px;
	width: 395px;
	height: 26px;
	border-top: 1px solid #000000;
	padding-left: 9px;
	overflow: hidden;
}
#headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
#logoBox {
	position: absolute;
	top: 495px;
	left: 15px;
	width: 825px;
	height: 54px;
}
a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}
a.downloadLink:link, a.downloadLink:visited, a.downloadLink:hover, a.downloadLink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
#footerBox a:link, #footerBox a:visited, #footerBox a:hover, #footerBox a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
#menubottom {
  float: right;
  margin-right: 5px !important;
  margin-top: 444px !important;
}
.cssmenu a, .menu a:visited {
background:0 0;
border:0px solid red;
color:#333333 !important;
display:block;
font-size:11px !important;
font-weight:normal;
line-height:16px;
margin:0;
padding-bottom:1px;
padding-top:0px !important;
text-decoration:none;
text-indent:5px;
width:70px
}
.cssmenu ul ul {
background:#AEB0AF none repeat scroll 0 0 !important;
border:2px solid #9A9C97;
bottom:35px;
height:402px;
left:0px !important;
overflow:auto;
position:absolute;
visibility:hidden;
width:270px !important;
z-index:1001 !important;
}

/*AUSWAHLSEITE*/

#hbDistanceError{ 
	width:100%;
	height:50%;
	margin-bottom:-295px; /* half of container's height */
	float:left;
}

#hbNoFlash {
	margin:0px auto 0px auto;
	width: 934px;
	height:590px;
	clear:left;
}

#hbOuterContainer {
	margin:0px auto 0px auto;
	position:relative; /* puts container in front of distance */
	width: 934px;
	height:590px;
	clear:left;
}

#hbOuterContainer #errorFlash{
	display: none;
}

#hbContainer{
	border: #ffffff solid 1px;
	width: 934px;
	height:590px;
}

#hbContent{
	margin: 17px;
	width: 900px;
	height:556px;
	background-repeat: no-repeat;
	background-color:#fff;
}

#hbFooter{
	padding:5px 0px 0px 0px;
	text-align:center;
	width: 900px;
}

#hbLinks, #hbLinksEn{
	width:290px;
	margin-left:320px;
	text-align:left;
	float:left;
	display:block;
	position:relative;
}

#hbLinksEn{
	width:250px;
	margin-left:340px;
}

#hbLinks #menubottom{
	top:0px;
	left:200px;
	position:absolute;
	margin-top:0px !important; 
}

#hbLinksEn #menubottom{
	top:0px;
	left:180px;
	position:absolute;
	margin-top:0px !important; 
}

#hbLinks .cssmenu a, #hbLinks .menu a:visited, #hbLinksEn .cssmenu a, #hbLinksEn .menu a:visited{
	font-size:10px !important;
}

#hbLinks .glossary, #flashPlugIn, #hbLinksEn .glossary, #flashPlugIn{
	text-decoration: underline !important;
	line-height:18px;
	background: url('../img/arrow.gif') no-repeat 0px 3px;
	padding-left:10px;
}

#hbLinks .glossary, #hbLinksEn .glossary{
	background-position:0px 5px;
	padding-left:4px;
}

#hbLinks .cssmenu ul ul, #hbLinksEn .cssmenu ul ul{
	margin-top:-382px;
}