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


body {
	background: #ffffff url(../images/body_kachel.gif) repeat-x center 0px;
	height:100%;
}

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


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

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

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

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

#head {
	width:950px;
	height:280px;
	background: url(../images/head.jpg) no-repeat 0px 0px;
}


#spargel {
	position:absolute;
	top:-229px;
	right:-6px;

}


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

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


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

#content { 
	width:520px;
	min-height:350px;
	padding:13px 0 80px 310px;
}

* html #content  {
	height:350px;
}


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

div#footer {
	margin:0 auto;
	height:55px;	 
	width:950px;
	margin-top:-55px;
	z-index:30;
	position:relative;
	background:url(../images/footer.png) no-repeat  0 0;
}

div#footer a {
	float:right;
	right:100px;
	position:relative;
}

#baeume {
	width:289px;
	height:120px;
	background:url(../images/baeume.png) 0 0 no-repeat;
	top:-65px;
	left:30px;
	position:absolute;
}