html {
	margin: 0;
	width:100%;
	height:100%;
}
body {	
	margin:0 4.1% 0 18.1%;
	font-family:"Segoe UI", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 99%;
	height:100.5%;
}
* html body {
	margin:0;
}
body#HEGER {
	margin:0;
	background:#e5e5e5 url(http://www.heger-gruppe.de/HEGER-img/metall-brushed-02b.jpg) 0 50px;
}
#bodywrap {
	width:100%;
	height:100%;
	position:relative;
	}
	* html #bodywrap {
		width:auto;
		padding: 0 4.1% 0 18.1%;
	}

/***************** layout objekte ****************/
#oben {
	border-top:#999 1px solid;
	position:relative;
	height:27%;
	background:#999/*#fff url(../HEGER-img/bg-02r-s.png) repeat-x bottom*/;
	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(http://www.heger-gruppe.de/HEGER-img/metall-brushed-02b.jpg) repeat-x;
	position:relative;
	min-width:1000px;
	height:73%;
}
	#unten #abstand {
		height:20%;
	}
#HG_links, #HG_rechts {
	position:fixed;
	background:#ccc url(http://www.heger-gruppe.de/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%;*/
	width:49.5%;
	left:0;
	top:0;
}
#HG_links.subsite { width:18.1% }
#HG_rechts {
	-moz-box-shadow: -1px 0px 4px #000;
	-webkit-box-shadow: -1x 0px 4px #000;
	box-shadow: -1px 0px 4px #000;
	/*width:4.1%;*/
	width:50%;
	right:0;
	top:0;
}
#HG_rechts.subsite { width:4.1% }
#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;
	}
img.hintergrund {
	position:absolute;
	width:100%;
	height:2000px;
	z-index:110;
	}
/***************** Logos ****************/
#logo {
	background:url(http://www.heger-gruppe.de/HEGER-img/HEGER-logo-s.png) no-repeat;
	width:319px;
	height:137px;
	margin:auto;
	position:relative;
}
	#logo h1 {
		text-indent:-2000px;
	}
#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(http://www.heger-gruppe.de/HEGER-img/HEGER-xxs.png) no-repeat bottom left;
	width:auto;
	height:146px;
	right: 3%;
	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:1000px;
	}

.rahmen {
	position:relative;
	width:268px;
	height:182px;
	padding:25px 26px 69px 25px;
	margin:0 7px;
	float:left;
	}
	.rahmen.hg {
		background:url(http://www.heger-gruppe.de/HEGER-img/rahmen-hg.png) no-repeat;
	}
	.rahmen.hf {
		background:url(http://www.heger-gruppe.de/HEGER-img/rahmen-hf.png) no-repeat;
	}
	.rahmen.hg2 {
		background:url(http://www.heger-gruppe.de/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(http://www.heger-gruppe.de/HEGER-img/metall-brushed-02b.jpg) 0 -170px\9; /*IE8*/
}
#slide_hf div {
	width:268px;
	height:182px;
	z-index:100;
	background /*\**/:url(http://www.heger-gruppe.de/HEGER-img/metall-brushed-02b.jpg) 0 -170px\9; /*IE8*/
}
#slide_hg2 div {
	width:268px;
	height:182px;
	top:0;
	z-index:100;
	background /*\**/:url(http://www.heger-gruppe.de/HEGER-img/metall-brushed-02b.jpg) 0 -170px\9; /*IE8*/
}