html {
	margin: 0;
	width:100%;
	height:100%;
}
body {	
	margin:0 4% 0 18%;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 99%;
}
* html body {
	margin:0 54px 0 200px;
	}
body#HEGER {
	margin:0;
	background:#e5e5e5 url(../HEGER-img/metall-brushed-02b.jpg) 0 50px;
	height: 100.2%;
}
#bodywrap {
	width:100%;
	height:100%;
	position:relative;
	}
	
/***************** layout objekte ****************/

#wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
}
#oben {position:relative;
	height:27%;
	/*
	background:#999#fff url(../HEGER-img/bg-02r-s.png) repeat-x bottom
	border-top:#999 1px solid;
	*/;
	min-width:1000px;
	min-height:146px;
}
#oben table {
	width:100%;
	height:100%;
}
	#oben table td {
		vertical-align:middle;
		text-align:center;
	}
#unten {
	/*border-top:#666 2px solid;
	background:#ccc url(../HEGER-img/metall-brushed-02b.jpg) repeat-x;*/
	position:relative;
	min-width:1000px;
	height:73%;
}
* html #unten {
	width:expression(document.body.clientWidth < 1000px? "1000px": "100%" );
}
	#unten #abstand {
		height:20%;
	}
#HG_links, #HG_rechts {
	position:fixed;
	background:#ccc url(../HEGER-img/metall-brushed-02b.jpg) 0 50px;
	height:100%;
	z-index:1000;
	border: #666 1px solid;
	}
* html #HG_links, * html #HG_rechts {
	position:absolute;
	overflow:hidden;
	top: -1px;
	}
#HG_links {
	-moz-box-shadow: 2px 0px 4px #000;
	-webkit-box-shadow: 2x 0px 4px #000;
	box-shadow: 2px 0px 4px #000;
	width:18.1%;
	left:0;
	top:0;
}
#HG_rechts {
	-moz-box-shadow: -1px 0px 4px #000;
	-webkit-box-shadow: -1px 0px 4px #000;
	box-shadow: -1px 0px 4px #000;
	width:4.1%;
	right:0;
	top:0;
}
#HG_links {
	border-right /*\**/:#666 2px solid\9; /*IE8*/
	}
#HG_rechts {
	border-left /*\**/:#666 2px solid\9; /*IE8*/
	}
*+html #HG_links {
	border-right:#666 2px solid; /*IE7*/
	}
*+html #HG_rechts {
	border-left:#666 2px solid; /*IE7*/
	}
* html #HG_links { /*IE6*/
	width:200px;
	}
* html #HG_rechts { /*IE6*/
	width:54px;
	}
/**#HG_oben {
	-moz-box-shadow: 0px 2px 4px #000;
    -webkit-box-shadow: 0x 2px 4px #000;
    box-shadow: 0px 2px 4px #000;
	top:0;
	}
#HG_unten {
	-moz-box-shadow: 0px -1px 4px #000;
    -webkit-box-shadow: 0x -1px 4px #000;
    box-shadow: 0px -1px 4px #000;
	bottom:0;
	right:50px;
	left:50px,
	}**/
img.hintergrund {
	position:absolute;
	width:100%;
	height:2000px;
	z-index:110;
	}
/***************** Logos ****************/
#logo {
	background:url(../HEGER-img/HEGER-logo-s.png) no-repeat;
	width:319px;
	height:137px;
	margin:auto;
	position:relative;
}
	* html #logo {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='HEGER-img/HEGER-logo-s.png'),sizingMethod='scale');
}
	#logo h1 {
		text-indent:-2000px;
	}
	#HEGER #logo img {
		width:100%;
		height:100%;
		top:0;
		left:0;
		position:absolute;
	}
#logoHG, #logo_hegerguss, #logo_hegerferrit, #logo_hg2 {
	position:absolute;
	z-index:120;
	}
	#logoHG img, #logo_hegerguss img, #logo_hegerferrit img, #logo_hg2 img {
		border:none;
		}
#logoHG {
	bottom:2%;
	background:url(../HEGER-img/HEGER-xxs.png) no-repeat bottom left;
	width:auto;
	height:146px;
	right:4%;
	white-space:nowrap;
	}
#logoHG img {
	border:none;
	margin-left:0;
	}
	/*#HEGER #logoHG {
		left:auto;
		right:5%;
		}*/
	#logoHG img#img_HG {
		margin-right:4%;
		}
#logo_hegerguss {
	bottom:186px;
	width:18px;
	height:119px;
	left:31px;
	}
	#HEGER #logo_hegerguss {
		left:auto;
		right:31px;
		}
#logo_hegerferrit {
	bottom:325px;
	width:28px;
	height:129px;
	left:24px;
	}
	#HEGER #logo_hegerferrit {
		left:auto;
		right:24px;
		}
#logo_hg2 {
	bottom:468px;
	width:34px;
	height:60px;
	left:23px;
	}
	#HEGER #logo_hg2 {
		left:auto;
		right:23px;
		}
a img {
border:none;
}
	
/********************* Raehmchen *************************/	

#rahmenwrap {
	margin:auto;
	z-index:200;
	position:relative;
	height:auto;
	width:1008px;
	}

.rahmen {
	position:relative;
	width:268px;
	height:182px;
	padding:25px 26px 69px 25px;
	margin:0 7px;
	float:left;
	}
	.rahmen.hg {
		background:url(../HEGER-img/rahmen-hg.png) no-repeat;
	}
	.rahmen.hf {
		background:url(../HEGER-img/rahmen-hf.png) no-repeat;
	}
	.rahmen.hg2 {
		background:url(../HEGER-img/rahmen-hg2.png) no-repeat;
	}	
	.rahmen p {
		font-size:100%;
		margin:22px 3px 0.3em 12px;
		text-align:left;
		color:#000;
		line-height:1.4em;
		}
	.rahmen p.titel {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		font-size:100%;
	}	
	.rahmen .klick {
		position:absolute;
		width:100%;/*267px*/
		height:69px;
		left:0;
		bottom:0;
		z-index:1000;
	}
	.rahmen img {
		width:100%;
		height:100%;
	}
	

/********************* slider ********************/

#slide_hg, #slide_hf, #slide_hg2 {
	width:268px;
	height:182px;
	position:relative;
	z-index:100;
}
#slide_hg div {
	width:268px;
	height:182px;
	top:0;
	z-index:100;
	background /*\**/:url(../HEGER-img/metall-brushed-02b.jpg) 0 -170px\9; /*IE8*/
}
#slide_hf div {
	width:268px;
	height:182px;
	z-index:100;
	background /*\**/:url(../HEGER-img/metall-brushed-02b.jpg) 0 -170px\9; /*IE8*/
}
#slide_hg2 div {
	width:268px;
	height:182px;
	top:0;
	z-index:100;
	background /*\**/:url(../HEGER-img/metall-brushed-02b.jpg) 0 -170px\9; /*IE8*/
}
	
/***************** Firmenseiten **************
#subbody {
	position:relative;
	width:100%;
	height:100%;
	z-index:50;
	}
	#hg2 #subbody img, #hegerguss #subbody img {
		margin:8% 0 0 12%;
		overflow:hidden;
		}**/