body {
	background: #EFEAE7 url(bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	font: 1em "Courier New", Courier, monospace;
}

a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF;
}

a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

#header {
	position: absolute;
	top: 0px; left: -3px;
	height: 472px;
	width: 100%;
	background: url(header.jpg) no-repeat left;
	z-index: 1;
}

#logo {
	width: 400px;
	height: 120px;
}

#logo a {
	position: absolute;
	width: 400px;
	height: 120px;
	text-decoration: none;
}

#logo a i { visibility: hidden; }

#content {
	position: absolute;
	top: 410px;
	left: 36px;
	width: 730px;
	height: 388px;
	font: 0.8em "Courier New", Courier, monospace;
	z-index: 2;
}

#menubox {
	position: absolute;
	top: 0px; left: 0px;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#menu {
	list-style: none;
}

#menu a {
	position: absolute;
	height: 20px;
	width: 100px;
	text-decoration: none;
}

#menu a i { visibility: hidden; }

a#Startseite  { left: 654px; top: 145px; }
a#Filminfo    { left: 555px; top: 178px; width: 182px; }
a#Drehteam    { left: 691px; top: 207px; }
a#Trailer     { left: 592px; top: 221px; width: 70px; }
a#Pressefotos { left: 645px; top: 240px; width: 110px; }
a#Produkte    { left: 538px; top: 271px; width: 170px; }
a#Danksagung  { left: 636px; top: 300px; height: 25px; }
a#Kontakt     { left: 499px; top: 310px; width: 70px; height: 15px; }
a#Links       { left: 591px; top: 330px; width: 50px; }
a#Impressum   { left: 700px; top: 326px; height: 33px;}

a#Startseite:link { background: url(menu1.jpg) no-repeat 500px; }
a#Filminfo:link { background: url(menu2.jpg) no-repeat 500px; }
a#Drehteam:link { background: url(menu3.jpg) no-repeat 500px; }
a#Trailer:link { background: url(menu4.jpg) no-repeat 500px; }
a#Pressefotos:link { background: url(menu5.jpg) no-repeat 500px; }
a#Produkte:link { background: url(menu6.jpg) no-repeat 500px; }
a#Danksagung:link { background: url(menu7.jpg) no-repeat 500px; }
a#Kontakt:link { background: url(menu8.jpg) no-repeat 500px; }
a#Links:link { background: url(menu9.jpg) no-repeat 500px; }
a#Impressum:link { background: url(menu10.jpg) no-repeat 500px; }

a#Startseite:hover { background: url(menu1.jpg) no-repeat; }
a#Filminfo:hover { background: url(menu2.jpg) no-repeat; }
a#Drehteam:hover { background: url(menu3.jpg) no-repeat; }
a#Trailer:hover { background: url(menu4.jpg) no-repeat; }
a#Pressefotos:hover { background: url(menu5.jpg) no-repeat; }
a#Produkte:hover { background: url(menu6.jpg) no-repeat; }
a#Danksagung:hover { background: url(menu7.jpg) no-repeat; }
a#Kontakt:hover { background: url(menu8.jpg) no-repeat; }
a#Links:hover { background: url(menu9.jpg) no-repeat; }
a#Impressum:hover { background: url(menu10.jpg) no-repeat; }

a#Startseite:hover,
a#Filminfo:hover, 
a#Drehteam:hover, 
a#Trailer:hover, 
a#Pressefotos:hover,   
a#Produkte:hover, 
a#Danksagung:hover, 
a#Kontakt:hover,
a#Links:hover, 
a#Impressum:hover { border: none; } 

#menu a:link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

#menu a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

#menu a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:active {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

i {
	font-style: normal;
	color: #999999;
}