html, body{ height:100%; margin:0; padding:0; background-color: #9c9c9c;}
img {border: none;}

#box  { background-color: #e9e7dd; padding:0; width: 980px; height: 590px; position:absolute; top:50%; left:50%; margin: -295px 0 0 -490px; }
#header { height: 100px; width: 980px; background-image: url(../images/header.jpg); border: 1px solid black;}
#nav { height: 485px; width: 150px; display: block;}
#pics { position: absolute; height: 485px; width: 200px; margin: -485px 0 0 780px;}
#content { position: absolute; height: 470px; width: 580px; background-color: #f4eeba; margin: -485px 0 0 175px; overflow: auto;}
#text {margin: 5px; font-size: 0.8em; font-family:Verdana; }


#nav ul,#nav ul ul,#nav li,#nav a { margin: 0 0 0 8px; margin-left: -5px; }
#nav  li>a { width: auto; } /* !kaputte Browser */		
#nav ul { list-style-type: none; }
#nav ul ul { background-color: #e9e7dd; margin-top: 1px; margin-left: -1px; height: auto; width: auto;}
#nav ul ul li { margin-left: -35px; }
#nav  li { position: relative; z-index: 9; }
#nav li.top ul { position: absolute; left: 120px; top: -1px; }		
#nav  a:hover { }
#nav li.top:hover { z-index:10; }	
#nav ul ul,#nav  li:hover ul ul { display: none; }
#nav  li:hover ul,#nav li:hover li:hover ul { display: block; }
#pics ul {
	margin-top: 5px;
	list-style-type: none;
	margin-left: -50px;
}

#pics ul li {
	padding-bottom: 25px;
}