* {
	margin:0;
	padding:0;
}
/* ---------------------------------------------------- body / html ----------------------------------------------------- */
body, html {
	height:100%; /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
}
html {
	overflow-x:hidden;
	overflow-y:auto;
}
/* ----------------------------------------------------- wrapper ----------------------------------------------------- */
div#wrapper {
	min-height:100%;  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 864px;
	margin:0 auto; /*hierdurch richtet sich der wrapper horizontal in der mitte des Browserfensters aus*/
	z-index:1;
	background:url(../images/wrapper.gif) 0 278px repeat-y;
}
* html #wrapper {
	height:100%;
}
div#main {
  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	position: relative;  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 902px;
	margin:0 auto;
	}
/* ----------------------------------------------------- head ----------------------------------------------------- */
#logo {
	width:864px;
	margin:0 auto;
	height:85px;
	position:relative;
	background: url(../images/logo.gif) 0 0 no-repeat;
	z-index:5;
}
#head {
	width:864px;
	margin:0 auto;
	height:193px;
	position:relative;
	background: url(../images/head.gif) 0 0 no-repeat;
	z-index:10;
}
	#headline {
		width:58px;
		height:193px;
		float:left;
	}
	#navi1 {
		width:174px;
		height:167px;
		padding-top:26px;
		background:url(../images/navi1.gif) 0 0 no-repeat;
		float:left;
	}
	#slide {
		width:422px;
		height:193px;
		background:url(../images/slide/slide_1.jpg) 0 0 no-repeat;
		float:left;
	}
#left {
	position:absolute;
	background:url(../images/left.gif) 0 0 no-repeat;
	top: 0;
	left: 0; 
	width:232px;
	min-height:132px;
	z-index:30;
}
	#anschrift {
		width:232px;
		height:103px;
		background:url(../images/anschrift.jpg);
		float:left;
	}
	#katalog {
		width:232px;
		height:auto;
		background:url(../images/katalog.gif) no-repeat 0 0;
		float:left;
	}
#navi2 {
	width:552px;
	height:84px;
	padding-top:30px;
	padding-left:52px;
	background:url(../images/navi2.jpg);
	float:right;
}
/* ----------------------------------------------------- main - inhalt ----------------------------------------------------- */	
#content { /*ein div  welches sich ausdehnt darf nicht floaten (Mozilla) */
	padding: 22px 26px 136px 26px; /*padding-bottom ist nötig um den footer nach unten zu positionieren */
	margin: 0 0 0 232px;  
	width: 378px;
	position:relative;
	background:url(../images/content.gif) 0 0 no-repeat;
	min-height:220px;
	height:auto;
	z-index:40;
}
html* #content {
	min-height:220px;
}
*html #content {
	height:220px;
}

/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer {
	margin:0 auto;
	width:864px;
	margin-top:-118px;
	height:118px;
	z-index:50 !important;
	background:url(../images/footer.jpg) top center no-repeat;
	position:relative;
	clear: both;
	float: none;
}
	#left2 {
		width:191px;
		height:237px;
		padding: 0 16px 0 25px;
		position:absolute;
		background:url(../images/left2.gif) 0 0 no-repeat;
		top:-119px;
		left:0;
		z-index:60;
	}
	#right {
		width:202px;
		height:284px;
		position:absolute;
		background:url(../images/weizen.jpg) 0 0 no-repeat;
		top:-284px;
		left:662px;
		z-index:70;
	}
#clear {
	clear: both;
	float: none;
	height: 0;
	line-height: 0;
	font-size: 0.1px;
}
#suma {
	display:none;
}