/* Angaben für alle standardkonformen Browser */

body {
	margin:0;
	padding:0;
	background:#ffffff;
}

#content_container {
	padding-top:4.8em;
	padding-bottom:3em;
	padding-left: 20em;
}

#header {
	position:fixed;
	top: -10px; left:0px; right:0px;
	text-align:left;
	padding: 10px;
	padding-bottom: 0px;
	background-color:#000;
	background-repeat: repeat-x;
	color:#DA9F43;
}

#footer {
	position:fixed;
	bottom:0px; left:0px; right:0px;
	background-color:#000000;
	text-align:center;
	padding:0px;
	padding-top:0px;
	color:#DA9F43;
}

/* Angaben nur für den Internet Explorer mit Star HTML Hack */

* html, * html body {
	height:100%;
	overflow:hidden;
}

* html #header {
	margin:0;
	height:50px;
	background-image:url(header.jpg);
}

* html #content_container  {
	padding:0.5em;
	height:82%;
	overflow:auto;
}

* html #footer  {
	height:8%;
	padding-top:3.5%;
	background-image:url(footer.jpg);
}

/* Kleines Extra für den IE */

* html #menu {
	margin:0.2em;
}

/* Formatierung des Seiteninhaltes */

#menu {
	border: 3px dotted #5E1600;
	margin:0;
	margin-left:0.5em;
	padding:0.5em;
	float:left;
	width:9em;
}

/* Der IE soll das Element breiter darstellen, da margin und
   padding hier von der Breite abgezogen werden! */

* html #menu {
	width:20.5em;
}

#menu li {
	list-style: none;
	margin:0;
	padding:0.3em;
}

#menu li#active {
	padding:0.5em;
	text-decoration:underline;
}

#menu a:link, #menu a:visited {
	display:block;
	background:#DA9F43;
	color:#5E1600;
	text-decoration:none;
	margin:0;
	padding:0.2em;;
}

#menu a:hover {
	background:#5E1600;
	color:#DA9F43;
	text-decoration:underline;
}

#content {
	
	background-image:url(../img/opal.png)
	border: 0px dotted #5E1600;
	padding: 0 1 1 1em;
	margin-left:11.5em;
	margin-right:0.5em;
	margin-top:13%;
}

* html div#content {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	padding-top:15em;
}