body{background: ghostwhite;}


p.dat{padding-left:120px; font-size:0px; color: ghostwhite;}

#container{position: absolute; top: 30px; left: 20px; width: 800px; height: 115px;  z-index: 2;  color: black;  font: 0.9em Verdana, Arial, sans-serif;}

#container2{position: absolute; top: 100px; left: 0px; width: 800px; height: 115px;  z-index: 1;}

#container3{position: absolute; top: 30px; left: 20px; width: 790px; height: 8000px;  z-index: 1;  }

#info{position:absolute; left:150px; top:73px; padding:2px;}

/* entfernt die Punkte und Seitenabstände der Listen: */
.menu ul{list-style-type:none; padding:0; margin:0;}

/* ordnet die Toplinks horizontal an und positioniert die Sublinks vertikal: */
.menu li{float:left; position:relative; z-index:2;}

/* Sonderfall IE: Positionierung der Sublinks mit Tabellen: */
.menu table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:19px;}

/* für alle Links: */
.menu a, .menu :visited {display:block; width:105px; padding:5px 20px; color:#000; background:#f8f8ff; text-align:center; font:12px Verdana, Arial, sans-serif;}

/* für Links Mausover */
.menu :hover{color:#000; background:#f8f8f8;text-decoration:none;}

/* verbirgt die Sublinks, wenn nicht benötigt: */
.menu ul ul {visibility:hidden; position:absolute; width:105px; height:0;}

/* macht die Sublinks sichtbar bei Mausover */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}


#ort {position:absolute; top:-73px; left:8px; z-index:3; color:#CC3333; font:bold 0.8em Verdana, Arial, sans-serif; padding-top:82px; }

#mehr {position: absolute; top:-36px; left:600px; z-index:4; color:black; font:0.8em Verdana, Arial, sans-serif; padding-top:82px;}
#mehr a { color: black; }

#date {position: absolute; top: -5px; left: 3px; width: 88px; height: 82px;  z-index: 1; color:#333333; background: darkgray; text-align:left; padding:38px 8px; font: bold 0.8em Verdana, Arial, sans-serif; line-height:20px;}

#logo {position:absolute; top:9px; left:3px; width:96px; height: 84px;  z-index: 2; color: #333333; background: darkgray;  text-align: center; padding: 4px; font: 0.9em Arial, sans-serif; }

#head{position: absolute; top: -4px; left: 77px; width: 290px; z-index: 4; padding: 5px; color: white; background: #330000; font: bold 1.1em Verdana, Arial, sans-serif; }

#event{position: absolute; top: 3px; left: 77px; width: 240px;  z-index: 5; padding: 5px; color: white; background: #330000; font: bold 0.9em Verdana, Arial, sans-serif; }

#fact{position:absolute; top:19px; left:133px; width:600px; height:30px; border:1px solid #330000; z-index:3; color:black; background:#FF9933; padding:14px 200px 10px 10px; font:0.8em Verdana, Arial, sans-serif;}
#fact a {position:absolute; top:23px; left:463px; color:black; text-decoration:underline;}
#fact a:hover {background:#FF9933; text-decoration:none;}
#fact a span {display: none;}
#fact a:hover span {position:absolute; top:-24px; left:-464px; width:500px; height:212px; z-index:3; padding:14px 300px 30px 10px; display:block; color:black; background:#FF9933; border:1px solid #330000;}
#fact a img {height: 0; width: 0; border-width: 0;}
#fact a:hover img {position:absolute; top:-0px; left:80px; width:220px; height:220px; z-index:5;}

#fix{position:absolute; top:22px; left:135px; width:785px; border:1px solid #330000; z-index:3; color:black; background:#FF9933; padding:10px; font:0.9em Verdana, Arial, sans-serif;}
#fix a {color:#CC3333; text-decoration:underline;}
#fix a:hover {color:#CC3333; text-decoration:none;}
#fix td {font:0.9em Verdana, Arial, sans-serif;}
#fix img {position:absolute; top:5px; left:533px; height:65px;}