body {
background-color: #2A2A2A;
text-align: center;
background-image: url(body-bg.gif);
}
#webseite {
width: 980px;
margin: 0 auto;
}
#header {
width: 980;
height: 100px;
background: #3A8BFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
#header h1 {
padding-top: 20px;
font-size: 50px;
font-weight: bold;
color: white;
font-family: Courier;
}
#main {
width: 980px;
}
#menu {
	width: 270px;
	height: 512px;
	margin-top: 10px;
	background: gray;
	font-family: Verdana;
	line-height: 1.5;
	float: left;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}

#menu h2 {
	font-size: 2em;
	text-align: center;
}

#menu ul {
width: 192px;						/* Listenbreite */
/*margin: 0px;*/
list-style-type: none; 	/* Keine Anzeige von Ordnungszeichen */
}

#menu ul h3 {						/* Überschriften in der ersten Liste */
font-size: 1em;
text-align: center;
margin-bottom: 5px;
color: #000;
border: 1px solid white;
background: lightgray;
}

/*--definiert die "Ausklapp-Links" im Normalzustand--*/
#menu a {
text-decoration: none;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #3A8BFF;
color: #003366;
}

/*--definiert die "Ausklapp-Links" im Hoverzustand--*/
#menu a:hover {
color: #ff9224;
background: #003366;
}

/*--versteckt die "Ausklapp-Links", solange nicht gehovert wird--*/
#menu ul ul {
	position: absolute;
	top: 0px; left: 166px; z-index: 2;
	display: none;
}

/*--lässt die Ausklapp-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
	display: block;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
	position: relative;
}
/* ------------------------------------------------------*/

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
	float: left;
	width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
	float: left;
	width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

/* ----------------------------------------------------------*/

*html #menu ul li a {
height: 1%;
}

#menu a.direkt:link {
font-size: 1em;
text-align: center;
font-weight: bold;
margin-bottom: 5px;
color: #000;
border: 1px solid white;
background: lightgray;
}
/*--definiert einen Einzellink im Hoverzustand, wenn kein Ausklappen erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background: #3A8BFF;
border: 1px solid #ccc;
}

#inhalt {
	float: right;
	width: 698px;
	height: 512px;
	background: #EAEAEA;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}

#inhalt h3 {
  margin: 20px 30px 10px 30px;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	color: #3A8BFF;
  font-family: Helvetica;
}

#text {
  margin: 0px 30px 10px 30px;
	text-align: justify;
	font-size: 16px;
	color: black;
  font-family: Arial;
}

#unterschrift {
	float: left;
  margin: 0px 30px 10px 30px;
  font-family: Helvetica;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	color: #3A8BFF;
}

#footer {
	width: 980px;
	height: 30px;
	background: #575757;
	border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
	margin-top: 20px;
	clear: both;
}

ul#fusszeile {
        margin: 0px;
        padding: 5px;
        list-style-type: none;
    }

    ul#fusszeile li {
        padding: 5px;
        margin: 0px;
        display: inline;
    }

    ul#fusszeile li a:link {
        border: 1px solid #000;
        background-color: #CCCCCC;
        padding: 2px 5px 2px 5px;
        font-size: 12px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight: bold;
    }

    ul#fusszeile li a:hover {
        border: 1px solid #000;
        background-color: #333333;
        padding: 2px 5px 2px 5px;
        color: #fff;
    }