div.menue {
	border: 0px solid #990099;
	position: absolute;
	top: 15px;
	width: 500px;
	height: 70px;
	z-index: 9; }

.uhr{ 
	position: absolute;
	border: 0px solid #990099;
	top: 40px;
	left:50px;
	font-size: 11px; 
	font-family: Courier, Verdana, sans-serif; 
	}
	
.head{ 
	position: absolute;
	border: 0px solid #990099;
	top: 25px;
	right:20px;
	z-index: 29;
	}
	
div.kopf {
  background-image: url(buttons/bkgnd.gif); /* oben weiss, drunter sw balken */
  background-color: #FFFFFF;
	border: 0px solid #990099;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
	z-index: 8;
}

div.container{
/*position: relative; stūrt beim Ex 6 das scrollen*/
	border: 0px solid #993399;
	text-align: left;
	margin-top: 150px;
	margin-left: 50px;
	padding-right: 80px;
	padding-bottom: 80px;
}

div.volleBreite{
	text-align: left;
	margin-top: 130px;
	margin-bottom: 80px;
}

#scrollbereich {
	border: 0px solid #993399;
	margin: 0;
	padding: 0;

}
    html>body .kopf {  /* nur fuer moderne Browser! */
    position: fixed;
  }
    html>body .menue {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  
/*---- ““““ --->*/


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/hauptmenus/iframe-shim.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#huelle{ 
	position:relative;
	top:109px;
	left:40px;
	border: 0px solid #333;
	width:950px;
	height:21px;
	text-align:left;
	background:#1a1a1a;
	}

.hauptmenu {padding:0;margin:0; list-style:none; height:16px; position:relative; z-index:100; }
.hauptmenu li.top {display:block; float:left; color:#fff; background:#1a1a1a;}
.hauptmenu li a.top_link {display:block; float:left; height:21px; line-height:21px; text-decoration:none; padding:0 0 0 12px; cursor:pointer; }
.hauptmenu li a.top_link span {float:left; display:block; padding:0 4px 0 2px; height:2px; color:#999;  font-size:16px; font-family:courier, verdana, sans-serif; background:#1a1a1a;}
.hauptmenu li a.top_link span.down {float:left; display:block; padding:0 4px 0 2px; height:21px;}
.hauptmenu li a.top_link span.select {float:left; display:block; padding:0 4px 0 2px; height:21px;  color:#fff;}
.hauptmenu li a.top_link:hover {color:#fff; }
.hauptmenu li a.top_link:hover span {background:#1a1a1a;}
.hauptmenu li a.top_link:hover span.down {background:#1a1a1a; color:#fff;}

.hauptmenu li:hover > a.top_link {color:#fff; }
.hauptmenu li a.spaeter:hover  {color:#1a1a1a; }
.hauptmenu li:hover > a.top_link span {}
.hauptmenu li:hover > a.top_link span.down {}


.hauptmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

.hauptmenu a:hover {visibility:visible; position:relative; z-index:200;}
.hauptmenu li:hover {position:relative; z-index:200;  background:#1a1a1a;}
.hauptmenu li {background:#1a1a1a; height:21px; }

/* keep the 'next' level invisible by placing it off screen. */
.hauptmenu ul, 
.hauptmenu :hover ul ul, 
.hauptmenu :hover ul :hover ul ul,
.hauptmenu :hover ul :hover ul :hover ul ul,
.hauptmenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.hauptmenu :hover ul.sub {left:10px; top:19px; background: #1a1a1a; padding:3px; white-space:nowrap; width:120px; height:auto; z-index:300;}
.hauptmenu :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:120px; font-weight:normal; border-top:1px solid #333; }
.hauptmenu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#999; text-decoration:none;}
.hauptmenu :hover ul.sub li a.fly {background:#1a1a1a url(arrow-right.gif) 110px 7px no-repeat;}
.hauptmenu :hover ul.sub li a:hover {color:#fff;}
.hauptmenu :hover ul.sub li a.spaeter:hover {color:#333;}
.hauptmenu :hover ul.sub li a.fly:hover {color:#fff;}
.hauptmenu :hover ul li:hover > a.fly {color:#fff;} 

.hauptmenu :hover ul :hover ul,
.hauptmenu :hover ul :hover ul :hover ul,
.hauptmenu :hover ul :hover ul :hover ul :hover ul,
.hauptmenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:-4px; background: #1a1a1a; color:#fff; padding:3px; border:0px solid #3a93d2; white-space:nowrap; width:120px; z-index:400; height:auto;}




/* die links in der chronologie auf andere materialien/quellen */
.quellen {height:20px; width:20px; margin-left:-27px; margin-top:7px; z-index:4; position:absolute;}

.quellen ul {margin:0; padding:0; list-style:none; text-align:left; white-space:nowrap; background:#999;}

.quellen li {margin:0; padding:0; list-style:none; }
.quellen li {display:inline;}
.quellen ul ul {position:absolute; left:-99999px;}
.quellen ul.toplevel {position:absolute; left:0; top:0; width:24px; text-align:center; background:#999;}

.quellen a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none;} 
.quellen li a.fly {}

.quellen ul li ul li a{padding:0 20px 0 10px;}

.quellen li a:hover {background-color:#666; color:#fff;} 
.quellen li:hover > a {background-color:#666; color:#fff;}

.quellen ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

.quellen a:hover ul,
.quellen a:hover a:hover ul, 
.quellen a:hover a:hover a:hover ul {left:100%;}
.quellen a:hover ul ul, 
.quellen a:hover a:hover ul ul {left:-99999px;}

.quellen table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}