html,body{
	width:100%
	padding:0px;
	text-align:center;
	background-color:#999999;
	margin: 0 auto;
	width:1024px;
}

div#content{
	position:absolute;
	background:#CCCCCC;
	width:1024px;
	top:215px;
	margin: 30px auto;
	margin-bottom:20px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius:18px;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	box-shadow: 2px 2px 2px #666;
	
}
div#header{
	position:absolute;
	width:1024px;
	margin:0 auto;
}
a img {
	border:0px;
}


.clear{
	clear:both;
}
.tab {
	text-indent:50px;		
}

ul#menu {

	z-index:2;
	position:absolute;
	width:984px;
	height:auto;
	top:180px;

	margin: 30px auto;
	border-top-right-radius:18px;
	border-top-left-radius:18px;
	background: url(pic/background.png) no-repeat;
	-moz-box-shadow: 2px 0px 2px #666;
	-webkit-box-shadow: 2px 0px 2px #666;
	box-shadow: 2px 0px 2px #666;
	
}
#menu li{
	display: inline; 
	list-style-type:none;
	float:left;    
	margin:0px auto;
	width:123px;
}
#menu li a {display:block;height:50px;}

#home {background: url(pic/buttons/home_unpressed.png) no-repeat;}
#home:hover {background: url(pic/buttons/home_pressed.png) no-repeat;}

#anfahrt {background: url(pic/buttons/bilder_unpressed.png) no-repeat;}
#anfahrt:hover {background: url(pic/buttons/bilder_pressed.png) no-repeat;}

#besucher {background: url(pic/buttons/besucher_unpressed.png) no-repeat;}
#besucher:hover {background: url(pic/buttons/besucher_pressed.png) no-repeat;}

#tickets {background: url(pic/buttons/tickets_unpressed.png) no-repeat;}
#tickets:hover {background: url(pic/buttons/tickets_pressed.png) no-repeat;}

#zeitplan {background: url(pic/buttons/zeitplan_unpressed.png) no-repeat;}
#zeitplan:hover {background: url(pic/buttons/zeitplan_pressed.png) no-repeat;}

#teilnehmer {background: url(pic/buttons/info_unpressed.png) no-repeat;}
#teilnehmer:hover {background: url(pic/buttons/info_pressed.png) no-repeat;}

#sponsor {background: url(pic/buttons/sponsoren_unpressed.png) no-repeat;}
#sponsor:hover {background: url(pic/buttons/sponsoren_pressed.png) no-repeat;}

#presse {background: url(pic/buttons/presse_unpressed.png) no-repeat;}
#presse:hover {background: url(pic/buttons/presse_pressed.png) no-repeat;}

#cheerleading {background: url(pic/buttons/cheerleading_unpressed.png) no-repeat;}
#cheerleading:hover {background: url(pic/buttons/cheerleading_pressed.png) no-repeat;}

#current1 { background: url(pic/buttons/home_pressed.png) no-repeat;}
#current2 { background: url(pic/buttons/bilder_pressed.png) no-repeat;}
#current3 { background: url(pic/buttons/tickets_pressed.png) no-repeat;}
#current4 { background: url(pic/buttons/zeitplan_pressed.png) no-repeat;}
#current5 { background: url(pic/buttons/info_pressed.png) no-repeat;}
#current6 { background: url(pic/buttons/sponsoren_pressed.png) no-repeat;}
#current7 { background: url(pic/buttons/presse_pressed.png) no-repeat;}
#current8 { background: url(pic/buttons/cheerleading_pressed.png) no-repeat;}


.mail {
	border:1px solid black;
	background-color:grey;
	z-index:5;
	position:fixed;
	top:300px;
	right:200px;
}
.bilder_zoom:hover{
background:transparent;
z-index: 50;

}
.bilder_zoom span{
position: absolute; float: right;
visibility: hidden;
color: black;
text-decoration: none;
}
.bilder_zoom span img{ /*Abstand zum evtl. Text setzen*/
border-width: 0;
padding: 2px;

}
.bilder_zoom:hover span{
visibility: visible; position: fixed; display: block;
 top: 1em;  /* Ausrichtung des gezoomten Bildes  */
left: 1em; /* Ausrichtung horizontal */   }

th {
    text-align: inherit;
}
#footer {

   position:fixed;
   bottom:0px;
   left:0;
   width:100%;
   z-index:4;
   color:red;
   background-color:white;
  font-size:1.4em;
}