/* ---------------------------------------------------- body / html ----------------------------------------------------- */
* {
	border:0;
	margin:0;
	padding:0;
	
}


body {
	background: #fafcfe url(../images/body_kachel.jpg) center 0 repeat-x;
	height:100%;

}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	height:100%;
}


/* ----------------------------------------------------- wrapper ----------------------------------------------------- */

div#wrapper {
	width:980px;
	margin:0 auto;
	z-index:1;
	min-height:100%;
	background: url(../images/wrapper_kachel.png) repeat-y center 0px;
	position:relative;
}


* html div#wrapper {
	height:100%;
}



/* ----------------------------------------------------- head ----------------------------------------------------- */

#head {
	width:980px;
	height:312px;
	background: url(../images/head.jpg) no-repeat 0px 0px;
	position:relative;
}



/* ----------------------------------------------------- main----------------------------------------------------- */

#main {
 	width:980px;
	background: url(../images/main.jpg) no-repeat 0 0;
}

/* ----------------------------------------------------- content ----------------------------------------------------- */

#content { 
	width:542px;
	min-height:320px;
	padding:54px 0 180px 110px;
}

* html #content  {
	height:320px;
}

#spalte01 { float:left; width:190px; margin-right:32px;} 

#spalte02 { float:left; width:320px; } 

#spalte03 { width:392px; margin:0 0 0 150px; } 


/* ----------------------------------------------------- footer ----------------------------------------------------- */

div#footer {
	margin:0 auto;
	z-index:60;
	width:980px;
	height:123px;
	margin-top:-162px;
	background:url(../images/footer.jpg) 0px 0px repeat-x;
	position:relative;
	padding:38px 0 0 0;
}

div#footer p {
	float:left;
	left:331px;
	position:relative;
	margin:0 32px 0 0;
}