/* CSS Document */
*, html, body, table, td, div, p, h1, h2, h2, h4, h5, ul, ol, 
table, td, tr, form, img, li, map, area, object, map,navi {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	line-height: 18px;
}

/* ---------------------------------------------------- body / html ----------------------------------------------------- */
body, html {
	height:100%; /*hierdurch richtet sich der footer vertical am Browserfenster aus*/
	border: 0px;
	margin:0;
	padding:0;
	background-repeat: repeat-x;
	background-position: top;
}

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: 100%;
	margin:0 auto; /*hierdurch richtet sich der wrapper horizontal in der mitte des Browserfensters aus*/
	z-index:1;
		background-image: url(images/layout/bg.gif);
	background-repeat: repeat-y;
	background-position: 50%;
}

* 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: 780px;
	margin:0 auto;

	}
/* ----------------------------------------------------- head ----------------------------------------------------- */
#head {
	width:780px;
	margin:0 auto;
	height:217px;
	position:relative;
	background-image: url(images/layout/head.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



/* ----------------------------------------------------- main - inhalt ----------------------------------------------------- */
#navi {
	position:absolute;
	top: -217px;
	left: 0px;  /*hat das erste div im main eine feste höhe, muss dieses floaten*/
	width:232px;
	height:auto;
	z-index:50;
	
	}	

#content { /*ein div  welches sich ausdehnt darf nicht floaten (Mozilla) */
	padding: 0 70px 50px 280px;
	margin: 0 0 0 0;  /*padding-bottom ist nötig um den footer nach unten zu positionieren */
	width: 430px;
	z-index:20;
	min-height:200px;
	background-image: url(images/layout/main.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	min-height:350px;
}
* html #content { /*ein div  welches sich ausdehnt darf nicht floaten (Mozilla) */
	height:350px;
}
#inhalt {
	padding:0;
}	


/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer {
	width:780px;
	height:37px;
	margin:0 auto;
	margin-top:-37px;
	z-index:10;
	position:relative;
	background-image: url(images/layout/footer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#addi {
	position:absolute;
	top:-190px;
	left:0;
	background:url(images/layout/adresse.jpg);
	width:232px;
	height:198px;
}


a:link,a:active,a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b615c;
	text-decoration: none;
	line-height: 21px;
	font-weight: bold;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	line-height: 21px;
	font-weight: bold;
}

ul {
	padding-left:10px;
	line-height:24px;
	list-style-type: none;
	font-weight: bold;
	color: #6b615c;
}
li {
background-image:url(images/layout/point.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 25px;
}

h1 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 21px;
	color: #6b615c;
	text-decoration: none;
	line-height: 28px;
	font-weight: bold;
	margin-bottom:30px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
.padding{
margin-left:-48px;
}