/* ---------------------------------------------------- body / html ----------------------------------------------------- */
body, html {
	height:100%; 
	border: 0px;
	margin:0;
	padding:0;
}

body {
	background: #eebd7b url(../images/body_kachel.jpg) repeat-x center 0px;
}

html {
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	SCROLLBAR-FACE-COLOR: #DDDDDD;
	SCROLLBAR-HIGHLIGHT-COLOR: #D2D2D2;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	scrollbar-3d-light-color: #ffffff;
}


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

* html #wrapper {
	height:100%;
}


/* ----------------------------------------------------- head ----------------------------------------------------- */
#head {
	width:849px;
	height:170px;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
	position:relative;
	z-index:2;
}


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

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

#content { 
	width: 500px;
	min-height:340px;
	padding:18px 0 99px 215px;
}

* html #content  {
	height:340px;
}

#spalte01 {
	width:270px;
}

#spalte02 {
	position:absolute;
	top:17px;
	right:32px;
	width:300px;
}


/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer {
	margin:0 auto;
	width:802px;
	margin-top:-99px;
	height:151px;
	z-index:100;
	background: url(../images/footer.jpg) no-repeat left bottom;
	padding-left:47px;
	position:relative;
}

div#footer p {
	padding-top:33px;
    width:142px;
	height:38px;
	float:left;
	font-size:0.9em;
}
.p-groesser {
	padding-top:33px;
    width:240px !important;
	height:38px;
	float:left;
	font-size:1em;
}

#ring {
	position:absolute;
	top:-50px;
	right:28px;
	height:182px;
	width:145px;
	background:url(../images/ring.gif) 0 0 no-repeat;
}