body { 
		font-family: Arial; 
		font-size: 12px; 
		color: #000000; 
		background-color: #7f7e77; 
}

#all  { 
		position: absolute; 
		width: 1010px; 
		height: 630px;
		top: 0px; 
		left: 50%; 
		margin-left: -505px;
		top: 50%;
		margin-top: -315px; 
		background-image: url("images/bg.jpg");
		z-index: 1;
	 }
	 
	 #inhalt  {
	 	display: none;
		position: absolute; 
		z-index: 99;
	 }	 
	 
a:link     { color: #ffffff; font-size: 12px; text-decoration: underline; }
a:active   { color: #ffffff; font-size: 12px; text-decoration: underline; }
a:visited  { color: #ffffff; font-size: 12px; text-decoration: underline; }
a:hover    { color: #ffffff; font-size: 12px; text-decoration: none; }

a.menue { color: #ffffff; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue:link     { color: #ffffff; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue:active   { color: #ffffff; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue:visited  { color: #ffffff; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue:hover    { color: #ffffff; font-size: 12px; text-decoration: none; cursor:pointer; cursor:hand }

a.menue-black { color: #000000; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue-black:link     { color: #000000; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue-black:active   { color: #000000; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue-black:visited  { color: #000000; font-size: 12px; text-decoration: underline; cursor:pointer; cursor:hand }
a.menue-black:hover    { color: #000000; font-size: 12px; text-decoration: none; cursor:pointer; cursor:hand }

.demoDiv{
			width: 500px; 
			overflow: hidden;
			background-color: #000000;
			padding-left: 10px;
			padding-right: 3px;
			color: #ffffff;
			padding-top: 15px;
			font-size: 12px;
			z-index: 99;
		}
.hiddenElement{
			display:none;
			/* Fix IE floating bug */
			position: absolute;
			top: 125px;
			left: 35px;
			z-index: 99;

}


.demoDiv-interaction{
			width: 600px; 
			overflow: hidden;
			background-color: #000000;
			padding-left: 0px;
			padding-right: 0px;
			color: #ffffff;
			padding-top: 0px;
			font-size: 12px;
			z-index: 99;
		}
.hiddenElement-interaction{
			display:none;
			/* Fix IE floating bug */
			position: absolute;
			top: 245px;
			left: 42px;
			z-index: 99;

}


.demoDiv-map{
			 
		}

.hiddenElement-map{
			visibility: hidden; 			/* Fix IE floating bug */
			position: absolute;
			background-color: #ffffff;
			top: 15px;
			left: 29px;
			z-index: 99;

}

.hiddenElement-tennis{
			visibility: hidden; 			/* Fix IE floating bug */
			position: absolute;
			background-color: #ffffff;
			top: 15px;
			left: 29px;
			z-index: 99;

}

.hiddenElement-imageflow{
			display:none; 			/* Fix IE floating bug */
			position: absolute;
			background-color: #ffffff;
			top: 15px;
			left: 30px;
			z-index: 99;

}


.demoDiv-closed{
			width: 1px; 
			height: 1px; 
			overflow: hidden;
			background-color: #000000;
			z-index: 99;
		}
.hiddenElement-closed{
			display:none;
			/* Fix IE floating bug */
			position: absolute;
			top: 15px;
			left: 30px;
			z-index: 99;

}

#video {
		position: absolute;
		top: 14px;
		left: 29px;
		height: 483px;
		width: 951px;
		z-index: 2;
	 }

#logo {
		position: absolute;
		top: 508px;
		left: 42px;
		z-index: 90;
	 }
	 
#slogan {
		position: absolute;
		top: 51px;
		left: 52px;
		z-index: 90;
	 }

#dinologic {
		position: absolute;
		top: 330px;
		right: 34px;
		z-index: 90;
	 }
	 
#arnsberg {
		position: absolute;
		top: 420px;
		right: 34px;
		z-index: 90;
	 }	 
	 
 #facts {
		position: absolute;
		top: 93px;
		right: 34px;
		z-index: 90;
	 }
	 
#contact {
		position: absolute;
		top: 259px;
		right: 34px;
		z-index: 90;
	 }
#interaction {
		position: absolute;
		top: 17px;
		right: 34px;
		z-index: 90;
	 }	
#callback {
		position: absolute;
		top: 514px;
		left: 681px;
		z-index: 90;
	 }	 
	 
#textlayer-e {
		position: absolute;
		top: 526px;
		left: 303px;
		z-index: 90;
	 }	
	 
#textlayer-c {
		position: absolute;
		top: 526px;
		left: 601px;
		z-index: 90;
	 }
	
#gallerie-headline {
		position: absolute;
		top: 172px;
		right: 34px;
		z-index: 90;
	 }	
	 
#gallerie {
		position: absolute;
		top: 256px;
		left: 603px;
		z-index: 80;
	 }	

#gallerie-text {
		position: absolute;
		top: 614px;
		left: 718px;
		z-index: 80;
	 }	
	 
#projects {
		position: absolute;
		top: 50px;
		left: 47px;
		z-index: 80;
	 }
	 
#close {
		position: absolute;
		top: 462px;
		left: 46px;
		z-index: 80;
	 }	 
	 
	 #footer {
		position: absolute;
		top: 517px;
		right: 34px;
		z-index: 80;
	 }