* {
	margin:0;
	padding:0;
}

/* ---------------------------------------------------- body / html ----------------------------------------------------- */
body, html {
	height:100%; /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	border: 0px;
	margin:0;
	padding:0;
	background:#ffffff url(../images/bg.gif) top repeat-y;
}
html {
	overflow-x:hidden;
	overflow-y:auto;
}

/* ----------------------------------------------------- wrapper ----------------------------------------------------- */
div#wrapper {
	min-height:100%;  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 960px;
	margin:0 auto; /*hierdurch richtet sich der wrapper horizontal in der mitte des Browserfensters aus*/
	z-index:1;
	background:url(../images/wrapper.gif) center repeat-y;
}

* html #wrapper {
	height:100%;
}

div#main {
  /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	position: relative;  /*hierduch richtet sich der footer horizontal am wrapper aus*/
	width: 960px;
	margin:0 auto;
	}
	
/* ----------------------------------------------------- head ----------------------------------------------------- */
#head {
	width:263px;
	margin:0 auto;
	padding:107px 0 0 697px;
	height:39px;
	background:url(../images/top.jpg) no-repeat;
	position:relative;
}
#grafik {
	width:960px;
	margin:0 auto;
	height:221px;
	background:url(../images/grafik.jpg) no-repeat;
	position:relative;
}
#headline {
	width:716px;
	margin:0 auto;
	padding-left:244px;
	height:58px;
	background:url(../images/ue.jpg) no-repeat;
	position:relative;
}
/* ----------------------------------------------------- main - inhalt ----------------------------------------------------- */
#navi {
	position:absolute;
	top: 1px;
	left: 0;  /*hat das erste div im main eine feste höhe, muss dieses floaten*/
	width:244px;
	height:auto;
	z-index:50;
	}
	
#content { /*ein div  welches sich ausdehnt darf nicht floaten (Mozilla) */
	padding: 0 37px 101px 244px;
	margin: 0 0 0 0;  /*padding-bottom ist nötig um den footer nach unten zu positionieren */
	width: 679px;
	z-index:20;
	min-height:255px;
}
*html #content {
	height:255px;
}
#left {
	width:350px;
	float:left;
	background:#fff;
	padding-right:21px;
}
#right {
	width:287px;
	padding-left:21px;
	float:left;
	background:url(../images/right.gif) repeat-y 0 0;
}
#unternavi {
	width:174px;
	float:left;
	background:url(../images/unternavi.gif) repeat-y 0 0;
}
#right2 {
	width:505px;
	float:left;
}
/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer {
	width:960px;
	height:47px;
	padding-top:24px;
	margin:0 auto;
	background:url(../images/bottom.jpg) top center no-repeat;
	margin-top:-71px;  /*  Wert muss negativer von height sein  */
	z-index:10;
	position:relative;
}
#clear {
	clear: both;
	float: none;
	height: 0;
	line-height: 0;
	font-size: 0.1px;
}
#suma {
	display:none;
}