/* Basis-Einstellungen */
body 
	{
	padding-top: 10px;
	background-color: #000000;
	
	background-image: url("hintergrund.jpg"); 
	background-repeat:no-repeat;
	background-position: 10px 10px;
	
	font-family: "Comic Sans MS"; 
	font-size: 16px; 
	color: #984807;
	}

.gallery 
  {
	border:1px solid #984807;
	max-width: 450px;
	max-height: 290px;
	}

/* Textbereich */	
.container 
	{
	position: absolute;
	top: 330px;
	left: 380px;
	width: 490px;
	height: 420px;
	overflow: auto;
	scrollbar-base-color: #f8e299; 
	}	
.container h1
	{
	text-align: center;
	font-family: "Comic Sans MS"; 
	font-size: 17pt; 
	font-weight: bold;
	color: #984807;
	}
.container h2
	{
	font-family: "Comic Sans MS"; 
	font-size: 15pt; 
	font-weight: bold;
	color: #984807;
	ytext-align: center;
	}
.container ul
	{
	color: #984807;
	}
.container a, a:hover, .container a.highlighted:hover, .container a:focus 
	{
	color: #984807;
	}
.container textarea
	{
	width: 450px;
	}

/* Textbereich: Box */
.container code
	{
	margin: 10px;
	float: right;
	border: solid #c9a478 2px;
	border-style: outset;
	}
.container code em
	{
	padding: 10px 10px 10px 10px;
	border: solid #b9895a 2px;
	background: white;
	}
.container em div a
	{
	color: #984807;
	}

/* Bilderleiste */
.image
	{
	position: absolute;
	top: 194;
	left: 875;
	height: 555px;
	width: 155px;
	overflow: auto;
	scrollbar-base-color: #f8e299; 
	}
.oben
	{
	position: relative;
	left: -10px;
	padding-top: 15px;
	}
.oben-indent
	{
	position: relative;
	left: 10px;
	padding-top: 15px;
	}
.image em
	{
	border-style: outset;
	border: solid #c9a478 2px;
	margin: 10px 10px 10px 10px;
	}
.image img
	{
	border: solid #b9895a 2px;
	margin-right: -5px;
	margin-bottom: -5px;
	}

/* Menu */
.level1
	{
	position: absolute;
	left: 248;
	top: 215;
	}
.level2
	{
	position: absolute;
	left: 65;
	top: 270;
	}
.level3
	{
	position: absolute;
	left: -75;
	top: 325;
	}
.level4
	{
	position: absolute;
	left: -210;
	top: 390;
	}
.menu
	{
 	margin: 0;
 	list-style: none;
	}
.menu ul
	{
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	display: none;
 	position: absolute;
 	top: 1.5em; margin-top: 13px; 
 	left: -1px;
 	width: 400px;
	}
.menu ul ul 
	{
 	top: -1px; margin-top: 0;
 	left: 148px;
	}
.menu li 
	{
 	float: left;
 	display: block;
 	position: relative;
 	background: #f8e299;
 	margin-right: -1px;
	}
.menu ul li 
	{
 	float: none;
 	margin-right: 0;
 	margin-bottom: -1px;
	border: 1px solid black;
	}
.menu ul>li:last-child 
	{
 	margin-bottom: 1px; /* Mozilla fix */
	}
.menu a 
	{
	font-family: "Comic Sans MS"; 
	font-size: 17pt; 
	font-weight: bold;
 	color: #984807;
 	display: block;
 	padding: 3px;
 	text-decoration:  none;
	}
.menu a:hover, .menu a.highlighted:hover, .menu a:focus 
	{
 	color: #000000;
 	background-color: #f8e299;
	}
.menu a.highlighted 
	{
 	color: #000000;
	}

/* Footer */
.footer
	{
	position: absolute;
	left: 130;
	top: 760;
	font-family: "Comic Sans MS"; 
	font-size: 12px; 
	color: #984807;
	font-weight: normal;
	background-color: transparent;
	}
.footer a, .footer a:hover, .footer a.highlighted:hover, .footer a:focus
	{
	color: #984807;
	}