/* 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(77, 77, 77);
	background-color: #000000;
}

#logo {
	height: 120px;
}

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

/* Überschriften */

h1, h2, h3, p {font-family: 'open_sanslight'; line-height:1;}
h1 {
  font-size : 2.0em;
  color : #4D4D4D;
  color : rgb(77, 77, 77);
  margin: 10px;
}
h2 {
  font-size : 1.5em;
  color : #93C01C;
  color : rgb(147, 192, 28);
  margin: 10px;
}
h3 {
  font-size : 1.0em;
  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,
.mouse_ani
{
  display: none;
}

#div_btn {
	position: absolute;
	bottom: 20px;
	right: 35px;
	color: #f8f8f8;
	line-height : 34px;
}

#btn1 {
	display:none;
}

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

#btn1arrow {
	display:none;  
}

#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: 300px;
	height: 80%;
	z-index:99;
	position: absolute;
}

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

.anfrage_form input{
	width: 99%;
	margin: 0px 0px 0.5em 0px;
	padding: 3px;
    font-family: 'open_sanslight';
    font-size : 0.9em;
}

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

.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;
}
#start {
	position: absolute;
	width:90%;
	height:90%;
	padding: 0px;
	margin: 20px;
	background-color: rgba( 255,255,255,0.9);
}

#start_info {
	margin: 15px;
}

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

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

.error {
	border:1px solid red;
}