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


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

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


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

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


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

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

#head {
	width:980px;
	height:292px;
	background: url(../images/head.jpg) no-repeat 120px 4px;
}

#slogan {
	width:379px;
	height:42px;
	background: url(../images/slogan.gif) no-repeat 20px 22px;
}

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

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


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

#content { 
	width:476px;
	min-height:250px;
	margin:0px 0px 0 214px;
	padding-top:60px;
	padding-bottom:63px;
}

* html #content  {
	height:250px;
}



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

div#footer {
	margin:0 auto;
	background:url(../images/footer.gif) no-repeat  120px 0;
	height:33px;
	width:980px;
	margin-top:-63px;
	z-index:20 !important;
	position:relative;
	padding:30px 0 0 0;
}
div#footer a {
	padding:0 0 0 214px;
}

