* { margin: 0; padding: 0; }
a, a:link {
	text-decoration: none;
	color: #ff5000;
	border: none;
	outline: none;
}
a:hover { text-decoration: underline }

img, a img, a:link img { border: 0; outline: 0; }

html, body { height: 100%; height: 100%; }
body {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Verdana, sans-serif;
	line-height: 15px;
	background: black;
	overflow: hidden;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 779px;
	height: 506px;
	margin-top: -267px;
	margin-left: -392px;
	background: gray url(../img/container-std.jpg) top left no-repeat;
	border: 4px solid #080808;
}

h1 {
	position: absolute;
	right: 18px;
	bottom: 18px;
	background: transparent url(../img/logo-alpha.png) top left no-repeat;
	height: 250px;
	width: 56px;
}
h1 span { display: none }

#newsteaser {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 150px;
	height: 100px;
	padding: 25px 15px 10px 12px;
	background: transparent url(../img/tafel.jpg) top left no-repeat;
	color: #bbb;
}

a#agenda {
	position: absolute;
	left: 465px;
	top: 379px;
	width: 204px;
	height: 98px;
	background: transparent  top left no-repeat;
}
a#agenda:hover { background-image: url(../img/agenda-hilite.png); }

a#coffee {
	position: absolute;
	left: 302px;
	top: 262px;
	width: 181px;
	height: 140px;
	background: transparent  top left no-repeat;
}
a#coffee:hover { background-image: url(../img/coffee-hilite.png); }
a#bottles {
	position: absolute;
	left: 100px;
	top: 3px;
	width: 121px;
	height: 66px;
	background: transparent  top left no-repeat;
}
a#bottles:hover { background-image: url(../img/bottles-hilite.png); }

a#raphi {
	position: absolute;
	left: 264px;
	top: 15px;
	width: 98px;
	height: 79px;
	background: transparent  top left no-repeat;
}
a#raphi:hover { background-image: url(../img/raphi-hilite.png); }

a#mobile {
	position: absolute;
	left: 164px;
	top: 394px;
	width: 69px;
	height: 69px;
	background: transparent  top left no-repeat;
}
a#mobile:hover { background-image: url(../img/mobile-hilite.png); }

#agenda span, #bottles span, #coffee span, #raphi span, #mobile span, #close span { display: none; }

#navcontainer {
	position: absolute;
	top: 506px;
	left: 0;
	color: #333;
}
#navcontainer:hover #popnav { color:#555; }

#popnav {
	float: left;
	padding: 4px 6px;
	background: #0b0b0b;
}

ul#navmain {
	visibility: hidden;
	width: 650px;
	list-style: none;
}
#navmain li {
	float: left;
	padding: 5px 0 10px 0;
	margin-right: 3px;
}
#navmain a, #navmain a:link {
	padding: 5px 6px 10px 6px;
	color: #ff5500;
}

#copyright {
	position: absolute;
	top: 506px;
	right: 1px;
	padding: 5px 6px;
	color: #222;
	text-align: right;
}