/*@charset "utf-8";*/

*|*:-moz-any-link:focus {
	outline: none;
}
html { height:100%;}
img {border:0;}
body {
	font: 78% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	height:100%;
	background: url(../images_index/bg.jpg); 
	background-attachment:fixed;
	color:#7c7c7c;
	width:1024px;
}
#container {
	width: 990px;
	margin: 0 0;
	text-align: left;
	min-height:100%;
	position:relative;	
}
* html #container {
	width: 990px;
	margin: 0 0;
	text-align: left;
	height:100%;
	position:relative;
}
.thrColFixHdr #header {
	padding:0px;
	text-align:right;
	height:240px;
}
.thrColFixHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}
.thrColFixHdr #sidebar1 {
	width: 158px;
	padding: 30px 10px 15px 11px; /*top bottom right left   */
	position:absolute;
	left:10px;
	z-index:2;
	margin-top:12px;
}
.thrColFixHdr #mainContent {
	margin-left:200px;
	padding: 10px 60px;
	padding-right:20px;
	width:703px;
	position:relative;
	padding-top:0;
	margin-top:0;
	background-color:#fff;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	line-height:170%;
}

#topContent {
	padding: 0;
	margin:0;
	margin-left:200px;
	width:785px;
	position:relative;
	z-index:3;
	margin-top:26px;
}
#bottomContent {
	padding: 0;
	margin:0;
	margin-left:200px;
	width:785px;
	position:relative;
	z-index:3;
}
#footer {
	height:3em;
	margin-top:-3em;
	padding: 0px 10px 0px 0px;
	margin-left:220px;
	position:relative;
	z-index:2;
	color:#697375;
}
#footer a {
	text-decoration:none;
	color:#697375;	
}
#footer a:hover {
	text-decoration:underline;	
}
.thrColFixHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#white {
	width:210px; 
	height:170px; 
	margin-top:90px; 
	position:absolute; 
	margin-left:790px;
	z-index:3;
}
.nav {
	color:#7c7c7c;
	font-weight:bold;
	display:block;
	padding-left:12px;
	padding-top:2px;
	height:19px;
	background-image:url(../images_index/spacer.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:none;
	margin-top:-10px;
}
.nav:hover {
	background-image:url(../images_index/nav_hover.png);
	color:#fff;
	text-decoration:none;
}
.navactive {
	color:#fff;
	font-weight:bold;
	display:block;
	padding-left:12px;
	padding-top:2px;
	height:19px;
	margin-top:-10px;
	background-image:url(../images_index/nav_active.png);
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:none;
}

.navactive:hover {
	text-decoration:none;
}

.subnav {
	color:#7c7c7c;
	display:block;
	padding-left:16px;
	padding-top:3px;
	height:18px;
	cursor:pointer;
	margin-top:-10px;
	text-decoration:none;
}

.subnav:hover {
	background-color:#e4eff7;
	color:#7c7c7c;
	text-decoration:none;
}

.subnavactive {
	background-color:#7db8de;
	color:#fff;
	margin-top:-10px;
	display:block;
	padding-left:16px;
	padding-top:3px;
	height:18px;
	cursor:pointer;
	text-decoration:none;
}

.subnavactive:hover {
	text-decoration:none;
}
#navBackground {
	background-image: url(../images_index/nav_background.png); 
	width:180px; 
	margin-left:10px; 
	z-index:1; 
	height:100%; 
	position:absolute;
}
#iconL3 {
	top:119px; 
	position:absolute; 
	margin-left:65px; 
	z-index:2;
	height:104px;
	width:74px;
}
.logo {
	margin-top:18px; 
	margin-bottom:12px;
	width:244px;
	height:59px;
}
div.line {
	width:100%; 
	background-color:#697375; 
	height:1px; 
	margin-bottom:2px; 
	margin-top:2px;
}
#headImg {
	width:100%;
	height:150px;
}
table.teaser {
	width:720px;
}
td.corner {
	width:11px;
	height:9px;
}
td.top {
	height:9px; 
	background-image: url(../images_index/line_top.png); 
	background-repeat: repeat-x;
}
td.left {
	background-image:url(../images_index/line_left.png); 
	background-repeat:repeat-y
}
td.center {
	background-image:url(../images_index/box_background.png)
}
td.right {
	background-image:url(../images_index/line_right.png); 
	background-repeat:repeat-y;
}
td.bottom {
	height:9px; 
	background-image: url(../images_index/line_bot.png); 
	background-repeat:repeat-x;
}

h1 {
	color:#0072bc;
	font-size:110%;
	font-weight:bold;
	line-height:120%;
	margin:0;
	padding-top:4px;
	padding-bottom:16px;
	background-image: url(../images_index/nav_cubes.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	margin-left:-40px;
	padding-left:40px;
}
h1 .greycubeAlternative {
	padding-left: 16px;
	margin-top: -14px;
}

h2  {
	color:#0072bc;
	font-size:14px;
	font-style:italic;
}


.greycube { padding-left:16px; }
.imageContainer {position:relative; float:right; bottom:0; text-align:right; vertical-align:bottom; padding-left:10px;}
.imageContainer_2 {position:relative; float:right; bottom:0; text-align:right; vertical-align:bottom;}
.bildText {color:#c2c9ca; }
hr {border:1px solid #e4eff7;}
a {color:#0072bc; text-decoration:none;}
a:hover {text-decoration:underline;}
img.referenz {border:1px solid #c2c9ca; margin-right:24px;}
#hatra_logo  {position:absolute; top:-5px; left:525px; display:inline; z-index:99;}


#logo_printversion  {
 	display:none;
}

#footer_print  {
	display:none;
}

ul.margin  {
	margin-left:-22px;
}
.pic_description {
	visibility:visible;
}
.show_nav {
	visibility:hidden;
}
.page_break {
	/*page-break-before:always;*/
}