/* CSS-Layout */

body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
} 

#außen {
	background-image: url('Hintergrund.JPG');
	background-repeat: no-repeat;
	position: fixed;
	z-index: 1;
	height: 100%;
	width: 100%;
}

#außenindex {
	background-image: url('Hintergrund3.JPG');
	background-repeat: no-repeat;
	position: fixed;
	z-index: 1;
	height: 100%;
	width: 100%;
}

#logo {
	position: absolute;
	height: 109px;
	width: 326px;
	text-align: center;
	left: 50%;
	margin-left: -148px;
	top: 55px;
	z-index: 2;
}

#haupt {
	border: thick #000000 ridge;
	position: absolute;
	height: 615px;
	width: 800px;
	text-align: center;
	left: 50%;
	margin-left: -400px;
	top: 160px;
	padding: 0px;
	font-family: "Comic Sans MS";
	font-size: 12pt;
	font-style: normal;
	color: #000000;
	z-index: 3;
}

#hauptindex {
	background-image: url('Hintergrund2.JPG');
	border: thick #000000 ridge;
	position: absolute;
	height: 615px;
	width: 800px;
	text-align: center;
	left: 50%;
	margin-left: -400px;
	top: 30px;
	padding: 0px;
	font-family: "Comic Sans MS";
	font-size: 12pt;
	font-style: normal;
	color: #000000;
	z-index: 3;
}

ul#navi {
				border: 0;
				position: absolute;
				padding-top: 10px;
				top: 160px;
				text-align: center;
				height: 30px;
				width: 800px;
				left: 50%;
				margin-left: -400px;
				margin-top: 0;
				padding-bottom: 0;
				margin-bottom: 0;
				z-index: 3;
				padding-left: 0px;
				padding-right: 0px;
}
  ul#navi li {
	list-style: circle;
	display: inline-block;
	margin: 0;
	padding: 0;
}

  ul#navi a, ul#navi span {
	font-weight: normal;
	font: 10pt Tahoma;
	float: left;
	width: 9em;
	padding: 0;
	text-decoration: none;
	border: 1px solid black;
	border-left-color: white;
	border-top-color: white;
	color: #000000;
}

  * html ul#navi a, * html ul#navi span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }

  ul#navi a:hover, ul#navi span {
	font-weight: normal;
	font: 10pt Tahoma;
	border-color: white;
	border-left-color: black;
	border-top-color: black;
	color: #000000;
}
    
  ul#navi div {
     clear: left;
}

#design {
	position: absolute;
	height: 10px;
	width: 800px;
	text-align: center;
	left: 50%;
	margin-left: -400px;
	top: 790px;
	padding: 7px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 6pt;
	font-style: normal;
	color: #000000;
	z-index: 2;
}

#hintergrund {
	
	position: absolute;
	width: 1154px;
	height: 820px;
	text-align: center;
	left: 50%;
	margin-left: -577px;
	top: 10px;
	z-index: 1;
	color: #000000;
}

.style1 {
	border-style: none;
	border-width: medium;
	text-align: left;
}
.style2 {
	text-align: right;
	border-left-style: none;
	border-left-width: medium;
}

.style3 {
	font-family: "Comic Sans MS";
	font-size: 20pt;
	color: #000000;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0;
	text-decoration: underline;
}

.style4 {
	font-size: small;
}

.style5 {
	color: #0000FF;
}
.style6 {
	color: #FF0000;
}