html {
	margin: 0;
	padding: 0;
	}
body { 
	font: normal 12px helvetica, arial, sans-serif;
	color: #000000;
	margin: 0; 
	padding: 0;
	text-align: left;
	background: #1f1f1f;
	width: auto;
	position: relative;
	border: none;
	}
p {
	margin: 0;
	padding: 0;
}
a {
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a:hover {
	color: #ffffff;
}
a:active {
	outline: none;
	border: none;
}
a:focus {
	outline: none;
	border: none;
}
span {
	color: #ffffff;
	font-weight: normal;
}
img	{
	border: none;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	display: block;
	}
table {
	border: 0;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-width: 0;
}
table td {
	vertical-align: top;
	text-align: left;
	padding: 0;
}
form {
	padding: 0;
	margin: 0;
	display: block;
	border: 0 solid #000;
	overflow: hidden;
	float: left;
}
form input {
	padding: 0;
	margin: 0;
	display: block;

}
/*form:hover {
	border-width: 7px;
}
form:hover input {
	margin: -7px;
}*/

/* *****************   Header   ***************** */

#header {
	position: fixed;
	width: 100%;
	top: 0;
	display: block;
	color: #000000;
	z-index: 4;
	padding: 18px 0 0 0;
	background-color: #a3392d;
	height: 70px;
	/*88px*/
}
#header-content {
	position: relative;
	margin: auto;
	width: 406px;
	height: 52px;
}
#header-table-1 {
	width: 406px;
	height: 38px;
}
#header-table-2 {
	width: 126px;
	height: 14px;
}
.header-btn a {
	display:block;
	margin: 0;
	padding: 0;
}
#overview a {
	width: 127px;
	height: 23px;
	background: url(../imgs/overview.png) no-repeat center;
	background-position: 0 0;
}
#overview a:hover {
	background-position: 0 -23px;
}
#overview-active p {
	width: 127px;
	height: 23px;
	background: url(../imgs/overview.png) no-repeat center;
	background-position: 0 -23px;
}
#reel a {
	width: 51px;
	height: 23px;
	background: url(../imgs/reel.png) no-repeat center;
	background-position: 0 0;
}
#reel a:hover {
	background-position: 0 -23px;
}
#reel-active p {
	width: 51px;
	height: 23px;
	background: url(../imgs/reel.png) no-repeat center;
	background-position: 0 -23px;
}
#about a {
	width: 133px;
	height: 23px;
	background: url(../imgs/about.png) no-repeat center;
	background-position: 0 0;
}
#about a:hover {
	background-position: 0 -23px;
}
#about-active p {
	width: 133px;
	height: 23px;
	background: url(../imgs/about.png) no-repeat center;
	background-position: 0 -23px;
}
#photo a {
	width: 42px;
	height: 14px;
	background: url(../imgs/photo.png) no-repeat center;
	background-position: 0 0;
}
#photo a:hover {
	background-position: 0 -14px;
}
#photo-active p {
	width: 42px;
	height: 14px;
	background: url(../imgs/photo.png) no-repeat center;
	background-position: 0 -14px;
}
#twod a {
	width: 20px;
	height: 14px;
	background: url(../imgs/2d.png) no-repeat center;
	background-position: 0 0;
}
#twod a:hover {
	background-position: 0 -14px;
}
#twod-active p {
	width: 20px;
	height: 14px;
	background: url(../imgs/2d.png) no-repeat center;
	background-position: 0 -14px;
}
#threed a {
	width: 20px;
	height: 14px;
	background: url(../imgs/3d.png) no-repeat center;
	background-position: 0 0;
}
#threed a:hover {
	background-position: 0 -14px;
}
#threed-active p {
	width: 20px;
	height: 14px;
	background: url(../imgs/3d.png) no-repeat center;
	background-position: 0 -14px;
}

#statusBox {
	width: 406px;
	height: 4px;
	border:  none;
	margin: 6px 0 0 0;
	padding: 0;
	display: none;
}
#boxColor {
	position: absolute;
	height: 4px;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#statusBar {
	background-color: #000;
	position: absolute;
	height: 4px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: none;
}
#progress {
	color: #fff;
}

/* *****************   Content   ***************** */

#content-overview {
	position: relative;
	top: 108px;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 812px;
	z-index: 1;
}
#content-photo {
	position: relative;
	top: 12px; /* wegen jumptag-Trick, damit das einheitlich ist */
	margin: 0 auto 0 auto;
	width: 1000px;
	z-index: 1;
}
#content-2d {
	position: relative;
	top: 12px; /* wegen jumptag-Trick, damit das einheitlich ist */
	margin: 0 auto 0 auto;
	/*width: 1000px;*/
	z-index: 1;
}
#content-reel {
	position: relative;
	top: 108px;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 1000px;
	z-index: 1;
}
#reel-download {
	position: absolute;
	top: 0px;
	left: 1022px;
}
#reel-download-link {
	display:block;
	margin: 19px 0 0 0;
	padding: 0;
	width: 25px;
	height: 12px;
	background: url(../imgs/reel-here.png) no-repeat center;
	background-position: 0 0;
	/*margin: 137px 0 45px 57px;*/
}
#reel-download-link:hover {
	background-position: 0 -12px;
}
#reel-text {
    margin-top: 20px;
}
.img_with_space {
	padding-top: 96px; /* 20px + 78px, damit die Bilder 78px unter den jumptags liegen.
	Headerhšhe = 88px.
	Zwischenraum = 20px.
	Firefox springt 10px Ÿber die Jumptags, andere mehr oder weniger ---> 12px.
	---> 88 + 20 - 12 = 100. */
	margin: 0 auto -76px auto; /* vergrš§erten oberen Zwischenraum der Bilder unten wieder ausgleichen. */
}
.img_with_space_left {
	padding-top: 96px; /* 20px + 78px, damit die Bilder 78px unter den jumptags liegen.
	Headerhšhe = 88px.
	Zwischenraum = 20px.
	Firefox springt 10px Ÿber die Jumptags, andere mehr oder weniger ---> 12px.
	---> 88 + 20 - 12 = 100. */
	margin: 0 auto -76px auto; /* vergrš§erten oberen Zwischenraum der Bilder unten wieder ausgleichen. */
	float: left;
}
.img_with_space_right {
	padding-top: 96px; /* 20px + 78px, damit die Bilder 78px unter den jumptags liegen.
	Headerhšhe = 88px.
	Zwischenraum = 20px.
	Firefox springt 10px Ÿber die Jumptags, andere mehr oder weniger ---> 12px.
	---> 88 + 20 - 12 = 100. */
	margin: 0 auto -76px auto; /* vergrš§erten oberen Zwischenraum der Bilder unten wieder ausgleichen. */
	float: right;
}
.clear {
	clear: both;
}
.infobox_with_space {
	padding-top: 96px;
	margin: 0 0 -76px 20px;
}
#info-2d-table {
	width: 1220px;
	margin: 0 auto 0 auto;
}
#table-wrapper {
	width: 1000px;
	margin: 0 auto;
}
#content-about {
	position: relative;
	top: 108px;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 752px;
	z-index: 1;
}
#about-table {
	width: 752px;
	background-color: #a3392d;
	margin: 0 auto 0 auto;
}
#about-txt {
	margin: 48px 0 0 57px;
}
#contact {
	display:block;
	padding: 0;
	width: 263px;
	height: 24px;
	background: url(../imgs/contact.png) no-repeat center;
	background-position: 0 0;
	margin: 75px 0 0px 57px;
}
#contact:hover {
	background-position: 0 -24px;
}


/* image heights for jump tag positions */


/*photo*/

#photo1 {
	height: 664px;
}
#photo2 {
	height: 753px;
}
#photo3 {
	height: 753px;
}
#photo4 {
	height: 664px;
}
#photo5 {
	height: 664px;
}
#photo6 {
	height: 753px;
}
#photo7 {
	height: 753px;
}
#photo8 {
	height: 664px;
}
#photo9 {
	height: 664px;
}
#photo10 {
	height: 753px;
}
#photo11 {
	height: 753px;
}
#photo12 {
	height: 664px;
}
#photo13 {
	height: 753px;
}
#photo14 {
	height: 753px;
}
#photo15 {
	height: 664px;
}
#photo16 {
	height: 664px;
}
#photo17 {
	height: 664px;
}


/*2D*/
#hitchhiker1 {
	height: 563px;
}
#bayer1 {
	height: 563px;
}
#elefantenreich1 {
	height: 1215px;
}
#expo1 {
	height: 563px;
}
#expo2 {
	height: 563px;
}
#puddingflyer1 {
	height: 725px;
}
#puddingbox1 {
	height: 600px;
}
#vwsymphony1 {
	height: 476px;
}
#logozwanzig1 {
	height: 664px;
}
#logometal1 {
	height: 860px;
}
#mysterion1 {
	height: 532px;
}
#mysterion2 {
	height: 813px;
}
#mysterion3 {
	height: 407px;
}
#mysterion4 {
	height: 625px;
}
#mysterion5 {
	height: 532px;
}
#mysterion6 {
	height: 532px;
}
#mysterion7 {
	height: 532px;
}
#impavidatape1 {
	height: 813px;
}
#impavidatape2 {
	height: 800px;
}
#vargnatt1 {
	height: 800px;
}
#vargnatt2 {
	height: 800px;
}
#impavidacd1 {
	height: 699px;
}
#impavidacd2 {
	height: 365px;
}
#impavidacd3 {
	height: 699px;
}
#impavidacd4 {
	height: 532px;
}
#lantlos1 {
	height: 532px;
}
#nachts1 {
	height: 813px;
}
#nachts2 {
	height: 532px;
}
#waldgefluester1 {
	height: 800px;
}
#waldgefluester2 {
	height: 397px;
}
#waldgefluester3 {
	height: 681px;
}
#brain1 {
	height: 476px;
}


/*3D*/

#spex1 {
	height: 563px;
}
#truck1 {
	height: 500px;
}
#truck2 {
	height: 500px;
}
#truck3 {
	height: 500px;
}
#truck4 {
	height: 478px;
}
#truck5 {
	height: 478px;
}
#truck6 {
	height: 563px;
}
#truck7 {
	height: 563px;
}
#truck8 {
	height: 563px;
}
#truck9 {
	height: 563px;
}
#truck110 {
	height: 563px;
}
#skull1 {
	height: 563px;
}
#skull2 {
	height: 563px;
}
#skull3 {
	height: 363px;
}
#nadia1 {
	height: 638px;
}
#pudding1 {
	height: 685px;
}
#pudding2 {
	height: 685px;
}
#pudding3 {
	height: 685px;
}
#pudding4 {
	height: 1128px;
}
#pudding5 {
	height: 1578px;
}
#pudding6 {
	height: 710px;
}
#countach1 {
	height: 563px;
}
#countach2 {
	height: 563px;
}
#countach3 {
	height: 563px;
}
#countach4 {
	height: 563px;
}
#panicride1 {
	height: 563px;
}
#panicride2 {
	height: 563px;
}
#aphex1 {
	height: 563px;
}
#bee1 {
	height: 563px;
}
#bee2 {
	height: 447px;
}
#vwapp1 {
	height: 685px;
}
#vweco1 {
	height: 343px;
}
#shining1 {
	height: 563px;
}
#usedom1 {
	height: 563px;
}
#kinderzimmer1 {
	height: 563px;
}
#bad1 {
	height: 563px;
}
#f501 {
	height: 563px;
}
#f502 {
	height: 563px;
}
#f503 {
	height: 563px;
}
#playmobil1 {
	height: 476px;
}
#playmobil2 {
	height: 476px;
}
#playmobil3 {
	height: 1020px;
}
#bibi1 {
	height: 476px;
}
#africanistion1 {
	height: 1000px;
}
#wfk1 {
	height: 476px;
}
#nva1 {
	height: 476px;
}