/* Styles IMMOMENTO Rundgang*/

* {padding:0; margin:0;}

body {
	height:100%;
	overflow:hidden;
	
    font-family: 'open_sanslight';
    font-size : 1em;
	line-height : 29px;
	color : #4D4D4D;
	color : rgb(200, 200, 200);
	background-color: #000000;
}

#logo {
	height: 120px;
}

#logo img  {
	margin-top: 20px;
	overflow: hidden;
}

/* Überschriften */

h1, h2, h3, p {font-family: 'open_sanslight'; line-height:1;}
h1 {
  font-size : 2.5em;
  color : #4D4D4D;
  color : rgb(200, 200, 200);
  margin: 10px;
}
h2 {
  font-size : 2.5em;
  color : #93C01C;
  color : rgb(147, 192, 28);
  margin: 10px;
}
h3 {
  font-size : 1.5em;
  color : #4D4D4D;
  color : rgb(77, 77, 77);
  margin: 10px;
}

p {
	margin: 10px;
}

/* Objektbezeichnung */
#object
{
  background : #93C01C;
  background : rgba(147, 192, 28, 1);
  opacity : 0.8;
  position : relative;
  left : 0px;
  top : 0;
  padding:1em;
  width : auto;
  height : auto;
  filter: alpha(opacity=80) progid:DXImageTransform.Microsoft.Alpha(opacity=80) ;
}
#objekt h1, #objekt h2 {padding:0; margin:0;}
#object h1 {
   font-size : 2em;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}
#object h2 {
  font-size : 1.5em;
  color : #FFFFFF;
  color : rgb(255, 255, 255);
}


/* Farben */
.grau {
  background : #808080;
  background : rgba(128, 128, 128, 1);
}
.green {
  background : #93C01C;
  background : rgba(147, 192, 28, 1);
}

/* Menü */

.level-1 a {
  background : #93C01C;
  background : rgba(147, 192, 28, 1);
  opacity : 0.8;
  width : 212px;
  height : 45px;
}
.level-2 a {
  background : #333333;
  background : rgba(51, 51, 51, 1);
  opacity : 0.8;
  width : 212px;
  height : 45px;
}
.level-3 a {
  background : #4D4D4D;
  background : rgba(77, 77, 77, 1);
  opacity : 0.7;
  width : 212px;
  height : 180px;
}


/* Socialmedia Sprites */

.facebook
{
  background :url(images/imagesprite_socialmedia.png);
  left : 55px; /* left und top überall gegen "background-position" tauschen*/
  top : 0px;
  width : 55px;
  height : 55px;
}
.twitter
{
  background :url(images/imagesprite_socialmedia.png);
  left : 110px;
  top : 0px;
  width : 55px;
  height : 55px;
}
.whatsapp
{
  background :url(images/imagesprite_socialmedia.png);
  left : 165px;
  top : 0px;
  width : 55px;
  height : 55px;
}
.kontakt
{
  background :url(images/imagesprite_socialmedia.png);
  left : 0px;
  top : 0px;
  width : 55px;
  height : 55px;
}

/* Menu Flyout */

.fly-out
{
  background :url(images/imagesprite_menufly.png);
  left : 45px;
  top : 0px;
  width : 45px;
  height : 45px;
}
.fly-in
{
  background :url(images/imagesprite_menufly.png);
  left : 0px;
  top : 0px;
  width : 45px;
  height : 45px;
}



/* Menu Sprites */

.innen
{
  background :url(images/imagesprite_menu.png);
  left : 30px;
  top : 0px;
  width : 30px;
  height : 30px;
}
.plan
{
  background :url(images/imagesprite_menu.png);
  left : 60px;
  top : 0px;
  width : 30px;
  height : 30px;
}
.aussen
{
  background :url(images/imagesprite_menu.png);
  left : 0px;
  top : 0px;
  width : 30px;
  height : 30px;
}
.close
{
  background :url(images/imagesprite_menu.png);
  left : 90px;
  top : 0px;
  width : 30px;
  height : 30px;
}
.menu-arrow {
  background :url(images/imagesprite_menu.png);
  left : 120px;
  top : 0px;
  width : 30px;
  height : 30px;
}

/* Arrow Sprites */

.arrow_bottom
{
  background : url(images/imagesprite_object.png);
  left : 160px;
  top : 0px;
  width : 80px;
  height : 80px;
}
.arrow_left
{
  background : url(images/imagesprite_object.png);
  left : 240px;
  top : 0px;
  width : 80px;
  height : 80px;
}
.arrow_top
{
  background : url(images/imagesprite_object.png);
  left : 0px;
  top : 0px;
  width : 80px;
  height : 80px;
}
.arrow_right
{
  background : url(images/imagesprite_object.png);
  left : 80px;
  top : 0px;
  width : 80px;
  height : 80px;
}
.object_info
{
  background : url(images/imagesprite_object.png);
  left : 320px;
  top : 0px;
  width : 80px;
  height : 80px;
}
.object_info_close
{
  background : url(images/imagesprite_object.png);
  left : 400px;
  top : 0px;
  width : 80px;
  height : 80px;
}


/* Info Sprites */

.sound
{
  background : url(images/imagesprite_info.png);
  left : 100px;
  top : 0px;
  width : 50px;
  height : 50px;
}
.sound:hover
{
  background : url(images/imagesprite_info.png);
  left : 100px;
  top : 50px;
  width : 50px;
  height : 50px;
}
.contact
{
  background : url(images/imagesprite_info.png);
  left : 150px;
  top : 0px;
  width : 66px;
  height : 50px;
}
.contact:hover
{
  background : url(images/imagesprite_info.png);
  left : 150px;
  top : 50px;
  width : 66px;
  height : 50px;
}
.info
{
  background : url(images/imagesprite_info.png);
  left : 50px;
  top : 0px;
  width : 50px;
  height : 50px;
}
.info:hover
{
  background : url(images/imagesprite_info.png);
  left : 50px;
  top : 50px;
  width : 50px;
  height : 50px;
}
.socialmedia
{
  background : url(images/imagesprite_info.png);
  left : 0px;
  top : 0px;
  width : 50px;
  height : 50px;
}
.socialmedia:hover
{
  background : url(images/imagesprite_info.png);
  left : 0px;
  top : 50px;
  width : 50px;
  height : 50px;
}
.close-default
{
  background : url(images/imagesprite_info.png);
  left : 215px;
  top : 0px;
  width : 50px;
  height : 50px;
}
.close_contact
{
  background : url(images/imagesprite_info.png);
  left : 215px;
  top : 50px;
  width : 66px;
  height : 50px;
}


/* Contact Form Sprites */

.email
{
  background : url(images/imagesprite_contact.png);
  left : 40px;
  top : 0px;
  width : 20px;
  height : 20px;
}
.web
{
  background : url(images/imagesprite_contact.png);
  left : 20px;
  top : 0px;
  width : 20px;
  height : 20px;
}
.tel
{
  background : url(images/imagesprite_contact.png);
  left : 0px;
  top : 0px;
  width : 20px;
  height : 20px;
}

/* Maus */
.mouse
{
  background : -moz-linear-gradient(50% 100% 90deg,rgba(230, 230, 230, 1) 0%,rgba(255, 255, 255, 1) 48.23%,rgba(230, 230, 230, 1) 100%);
  background : -webkit-linear-gradient(90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 48.23%, rgba(230, 230, 230, 1) 100%);
  background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(230, 230, 230, 1) ),color-stop(0.4823,rgba(255, 255, 255, 1) ),color-stop(1,rgba(230, 230, 230, 1) ));
  background : -o-linear-gradient(90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 48.23%, rgba(230, 230, 230, 1) 100%);
  background : -ms-linear-gradient(90deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 48.23%, rgba(230, 230, 230, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#E6E6E6' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 48.23%, rgba(230, 230, 230, 1) 100%);
  width : 178px;
  height : 343px;
  border-radius : 74px;
  -moz-border-radius : 74px;
  -webkit-border-radius : 74px;
  box-shadow : 0px 0px 8.97px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000') progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6',endColorstr='#E6E6E6' , GradientType=0);
  position: absolute;
  top: 155px;
  margin-left:50px;  
}

.mouse_ani
{
	position: absolute;
	top:135px;
  	background-color: red;
}

.mouse_ani img {
	position: absolute;
	top:-10px;
	left:10px;
	width:170px;
}

#div_btn {
	position: absolute;
	bottom: 30px;
	color: #f8f8f8;
	line-height : 34px;
	min-width: 420px;
}

#btn1 {
	font-size : 0.8em;
  	background : #808080;
  	background : rgba(128, 128, 128, 1);
  	height:36px; 
  	padding: 0 10px 0 3px;
  	margin-right: 5px;
}

#btn2 {
  	background : #93C01C;
  	background : rgba(147, 192, 28, 1); 
  	height:36px;
  	padding: 0 20px 0 10px;
  	font-weight: bold;
}

#btn1arrow {
	width: 0; 
	height: 0;   
	border-style: solid;
	border-width: 18px 12px 18px 0;
	border-color: transparent #808080 transparent transparent;  
}

#btn2arrow {
	width: 0; 
	height: 0;   
	border-style: solid; 
	border-width: 18px 0px 18px 11px; 
	border-color: transparent transparent transparent #93C01C ;
}

.tr:before,
.tr:after {
content: " ";
display: table;
}
.tr:after {
clear: both;
}
.tr {
*zoom: 1;
}

.td {
float: left;
}

#anfrage {
	width: 650px;
	z-index:9999;
	position: fixed;
}

.anfrage_form {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 15px 20px 15px 15px;
	width: 300px;
	line-height: 20px;
	padding: 0;
}

.anfrage_form input{
	width: 99%;
	margin: 0px 0px 4px 0px;
	padding: 5px;
    font-family: 'open_sanslight';
    font-size : 1em;
}

.anfrage_form textarea{
	width: 99%;
	margin: 0px 0px 4px 0px;
	padding: 5px;
    font-family: 'open_sanslight';
    font-size : 1em;    
}

.anfrage_form #send {
	background-color: #93C01C;
    font-family: 'open_sanslight';
    font-size : 1.2em;
    font-weight: bold;
    color: #ffffff;
    border: none;  
    padding: 5px 10px 5px 5px;
}

.anfrage_form #send span {
	background :url(dreieck.png) no-repeat;
	background-size: 20px 22px;
	background-position: 1px 4px;
}

#start {
	background-color: rgba( 255,255,255,0.9);
	padding: 0 10% 0 15%;
	min-height:530px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}

#start_info {
	margin-left:270px;
	min-width: 420px;
}

#start_info p{
	margin-top: 25px;
}

.error {
	border:1px solid red;
}