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


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

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


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

div#wrapper {
	width:800px;
	margin:0 auto;
	z-index:1;
	position:relative;
	min-height:100%;

}

html>body div#wrapper {
	background: url(../images/wrapper_kachel.png) repeat-y center 0px;
}

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


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

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


#galerie {
	width:444px;
	height:169px;
	position:absolute;
	top:156px;
	right:91px;

}

#collage {
	widht:493px;
	height:263px;
	float:right;
	padding:43px 18px 0 0;

}

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

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


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

#content { 
	width:330px;
	min-height:230px;
	padding:22px 0 64px 380px;
}

* html #content  {
	height:230px;
}

#spalte_links {
	position:absolute;
	top:71px;
	left:75px;
	width:250px;
	z-index:50;

}


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

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