@import url("reset.css");


#page {
	width: 907px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 20px; */
}

#footer {
	background: #000;
	border-top: 10px solid black;
}

#header {
	background: #808080 url("../images/elements/hintergrundpattern.png") repeat;
	border-bottom: 1px solid black;
	height: 150px;
} 


#header h1 {
	display: inline;
	float: left;
	background: url(../images/elements/grease-logo-kontur.gif) no-repeat;
	width: 394px;
	height: 120px;
	text-indent: -9999px;
	margin-left: 20px;
	margin-top: 15px;
}


#nav li {
	display: inline;
	float: right;
	width: 93px;
	height: 110px;
	list-style-type: none;
	text-indent: -9999px;
	margin-right: 40px;
	margin-top: 25px;
}


#nav li a {
	background-image: url(../images/elements/knob-sprites.gif);
	width: 93px;
	height: 94px;
	display: block;
}

#nav li a:hover {
	background-position: left -188px;
}

#info li.nav-info a,
#bands li.nav-bands a,
#flyer li.nav-flyer a {
	background-position: left 188px;
}


.nav-flyer {
	background: url(../images/elements/nav-text-flyer.gif) bottom no-repeat;
}

.nav-info {
	background: url(../images/elements/nav-text-info.gif) bottom no-repeat;
}

.nav-bands {
	background: url(../images/elements/nav-text-bands.gif) bottom no-repeat;
}

#counter {
	position: absolute;
	left: -9999px;
}

#footnav {
	text-align: right;
}

#footnav li {
	display: inline;
}

#footnav li a:Link, #footnav a:visited {
	color: #909080;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	background-color: #000;
}

#impressum #footnav li a:Link, #impressum #footnav a:visited,
#footnav li a:Hover {
	color: #f7ac15;
}