*
{
	padding: 0;
	margin: 0;
}
html, body
{
	height: 100%;
}
body
{
	font: 100.01%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #4C4C4C!important;
	background: url(../images/bg.gif);
	text-align: center;
}
#distance
{ 
	width: 1px;
	height: 50%;
	background-color: transparent;
	margin-bottom: -275px;
	float: left;
}
#content
{
	margin: 0 auto;
	position: relative;
	text-align: left;
	clear: left;
	width: 800px; 
	height: 552px;
	border-width: 3px;
	border-style: solid;
	border-color: #666;
	background: url(../images/bg.jpg) no-repeat;
}
#index
{
	margin: 0 auto;
	position: relative;
	text-align: center;
	clear: left;
	width: 539px; 
	height: 552px;
	border-width: 2px;
	border-style: solid;
	border-color: #666;
	background: #fbfbfb;
}
a
{
	text-decoration: none;
	font-weight: bold;
	color: #ff9900;
	outline: none;
}
a:visited
{
	color: #ff9900;
}
a:active
{
	color: #ff9900;
}
a:hover
{
	color: #4C4C4C;
	text-decoration: underline;
}
img
{
	border: 0;
}
#menu a 
{
	position: absolute;
	text-decoration: none;
}
#menu a img 
{ 
	visibility: hidden;
}
a#menugb	{top: 324px;}
a#menudate	{top: 24px; left: 8px;}
a#menudown	{top: 192px; left: 280px;}
a#menuinfo	{top: 179px; left: 421px;}
a#menumusik	{top: 197px; left: 527px;}
a#menunews	{top: 269px; left: 191px;}

a#menugb:hover		{background-image: url(../images/gb-l.jpg);}
a#menudate:hover	{background-image: url(../images/date-l.jpg);}
a#menudown:hover	{background-image: url(../images/down-l.jpg);}
a#menuinfo:hover	{background-image: url(../images/info-l.jpg);}
a#menumusik:hover	{background-image: url(../images/musik-l.jpg);}
a#menunews:hover	{background-image: url(../images/news-l.jpg);}

a#menugb:hover,
a#menudate:hover,
a#menudown:hover,
a#menuinfo:hover,
a#menumusik:hover,
a#menunews:hover	{border: none;}

#dates ul
{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#dates ul li
{
	padding: 0 0 0 18px;
	margin: 0;
	background: transparent url("../images/pfeil.gif") no-repeat 0 4px;
}

#dates h2
{
	font: 4em/1.5 "Century Gothic", "Avant Garde", Futura, Helvetica;
	font-weight: normal;
	clear: left;
	padding-bottom: 0.4em;
	line-height: 1.2;
	color: #f90;
}
