/* CSS Document */
body {
	font-family: Arial, Calibri, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

#container {
	position: relative;
	top:0px;
	left:0px;
	width: 800px;
	/*min-height: 700px;*/
	top:0px;bottom:0px;left:0px;right:0px;
	margin-left: auto; /* auto center */
	margin-right: auto;
	/*border: 1px #fdd solid;*/
	z-index:-1;
}

#head{
	position: relative;
	width: 800px;
	height: 147px;
}

#tophatchures{
	position: relative;
	top:0px;
	left: 0px;
	width: 800px;
	height: 8px;
	background: url('../img/line_hatchures.gif');
	background-repeat: no-repeat;
}

#toplogo{
	position: relative;
	top: 56px;
	left: 0px;
	width: 266px;
	height: 47px;
	background: url('../img/logo.gif');
	background-repeat: no-repeat;
}

#topclaim{
	position: relative;
	float: right;
	clear: both;
	top: 36px;
	width: 302px;
	height: 10px;
	background: url('../img/claim.gif');
	background-repeat: no-repeat;
}

#content {
	position: absolute;
	background-color: #fff;
	top: 148px;
	left: 0px;
	width:800px;
	/*min-height: 600px;*/
	overflow: hidden;
	border: 0px solid #f08;
	z-index:0;
	/*border:1px dotted #0ff;*/
}

#mainregion{
	position: relative;
	top: 0px;
	left: 0px;
	width:800px;
	height: 400px;
	overflow: hidden;
	z-index:-10;
}

#mainimg{
	position: absolute;
	top: 0px;
	left: 0px;
	width:800px;
	height: 400px;
	overflow:hidden;
	z-index:1;
}

#mainoffscreen1{
	position: absolute;
	top: 0px;
	left: -3200px;
	width:800px;
	height: 400px;
	overflow:hidden;
	z-index:2;
}

#mainoffscreen2{
	position: absolute;
	top: 0px;
	left: -3200px;
	width:800px;
	height: 400px;
	overflow:hidden;
	z-index:3;
}

#mainoffscreen3{
	position: absolute;
	top: 0px;
	left: -3200px;
	width:800px;
	height: 400px;
	overflow:hidden;
	z-index:4;
}

#mainteaser{
	position: absolute;
	float: left;
	top: 61px;
	left: 25px;
	width:420px;
	height: 61px;
	overflow:hidden;
	z-index:300;
}

#mainleft{
	position: absolute;
	top: 158px;
	left: -60px;
	width: 34px;
	height: 84px;
	background-image: url('../img/button_bwd.png');
	z-index:10;
}

#mainright{
	position: absolute;
	top: 158px;
	left: 834px;
	width: 34px;
	height: 84px;
	background-image: url('../img/button_fwd.png');
	z-index:10;
}

#mainleftmask{
	position: absolute;
	width: 100px;
	left: 0px;
	height: 400px;
	top: 0px;
	z-index:10;
	background-color:transparent;
	overflow:hidden;
}
#mainrightmask{
	position: absolute;
	width: 100px;
	left: 700px;
	height: 400px;
	top: 0px;
	z-index:10;
	background-color:transparent;
	overflow:hidden;
}
#mainleftarea{
	position: absolute;
	width: 100px;
	left: 0px;
	height: 400px;
	top: 0px;
	border: 1px solid #0f0;
	z-index:12;
	background-color:#fff;
	opacity: 0.0;
	filter:alpha(opacity=0);
	overflow:hidden;
}

#mainrightarea{
	position: absolute;
	width: 100px;
	left: 700px;
	height: 400px;
	top: 0px;
	border: 1px solid #0f0;
	z-index:12;
	background-color:#fff;
	opacity: 0.0;
	filter:alpha(opacity=0);
	overflow:hidden;
}

#pagingregion{
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 52px;
	border-bottom: 1px solid #ccc;
	z-index:30;
}

.breadcrumbregion{
	position: relative;
	float:left;
	top: 20px;
	left: 0px;
	width: 580px;
	height: 50px;
	overflow: hidden;
	z-index:30;
}

.breadcrumb{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999;
	font-weight: bold;
	z-index:30;
	
}

#pageindicatorregion{
	position: relative;
	float: right;
	width: 200px;
	top:  20px;
	left: 0px;
	height: 12px;
	text-align: right;
	z-index:30;
}
.pagedot{
	float: right;
	width: 23px;
	height: 12px;
	background-image: url('../img/button_dot_off.gif');
}
.pagedotselected{
	float: right;
	width: 23px;
	height: 12px;
	background-image: url('../img/button_dot_on.gif');
}
#inforegion{
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 177px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	z-index:40;
}

#infotextregion{
	position: relative;
	float: left;
	width: 500px;
	top: 30px;
	z-index:40;
}

.infotext{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	color: #999;
	z-index:40;
}

#infotextregion a:link ,  #infotextregion a:hover,  #infotextregion a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	color: #999;
	z-index:40;
	text-decoration: none;
	color: #C67A3B;
	font-weight: bold;
}


#portfoliobtnregion{
	position: relative;
	float: right;
	width: 280px;
	top:  30px;
	left: 0px;
	height: 12px;
	text-align: right;
	z-index:50;
}


#footer{
	border-top: 1px solid #ccc;
	position: absolute;
	top: 840px;
	left: 0px;
	width: 800px;
	height: 40px;
	z-index: 60;
}
.adressbar{
	position: relative;
	top: 10px;
	left: 0px;
	width: 600px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.4em;
	color: #999;
	z-index:70;
}
.imprint{
	position: relative;
	top: 10px;
	left: 0px;
	width: 199px;
	float: right;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.4em;
	color: #999;
	z-index:70;
}

.imprint a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.4em;
	color: #999;
	z-index:70;
	text-decoration: none;
}
 .imprint a:hover{
	color: #C67A3B;
	text-decoration: none;
}
.clear{
	clear: both;
}