@charset "utf-8";

#img { 
behavior: url("http://www.in-akustik.com/scripts/iepngfix.htc") 
}



/* ================================================================ 
Design
=================================================================== */



#backgndcontainer{
	position: absolute;
	top: 50%; 
	left:0px;
	right:0px;
	width: 100%;
	height: 600px;
	margin-left:0px;
	margin-right:0px;
	margin-top:-300px;
	background-image: url('http://www.in-akustik.com/images/backgnd_verlauf.jpg');
   z-index:5
  }

#topcontainer_schatten {
    position: absolute;
    top: 50%; 
    left: 50%;
    width: 943px;
    height: 550px;
    margin-left:-472px;
    margin-top:-275px;

  	background:url('http://www.in-akustik.com/images/hintergrund_mit_schatten_ge.png')  no-repeat;
    z-index:7;
  }


#topcontainer {
    position: absolute;
    top: 8px; 
    left: 7px;
    width: 824px;
    height: 533px;
    background-color: white;
    z-index:100;
  }


#navicontainer00 {
	position:absolute;
	left:0px;
	top:0px;
	width: 453px;
	height:92px;
  background-color: white;
	float: right;
	z-index: 20;
 }	

#navicontainer01 {
	position:absolute;
	left:455px;
	top:0px;
	width: 91px;
	height:92px;
  Background-color: white;
	float: right;
	z-index: 20;
 }
 
 #navicontainer02 {
	position:absolute;
	left:548px;
	top:0px;
	width: 91px;
	height:92px;
	background-color: white;
	float: right;
	z-index: 20;
 }
 
 
 #navicontainer03 {
	position:absolute;
	left:641px;
	top:0px;
	width: 91px;
	height: 92px;
	background-color: white;	
	float: right;
	z-index: 20;
 }
 
 #navicontainer04 {
	position:absolute;
	left:734px;
	top:0px;
	width: 90px;
	height: 92px;
	background-color: white;
	float: right;
	z-index: 20;
 }
 

 #imagecontent {
	position:absolute;
	left: 0px;
	top: 94px;
	width: 824px;
	height:440px;
	background-color:white;	
	z-index:20;
 }	  
 
 
 #bannercontainer_links {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 246px;
	height:440px;
	background-color:transparent;

	z-index:20;
 }	 
 
 
 #maincontent {
	position:absolute;
	left: 251px;
	top: 0px;
	width: 573px;
	height:440px;
	background-color:#CFCFCF;
	z-index:0;
 }	  

 #inmaincontent {
	position:absolute;
	left: 3px;
	top: 3px;
	width: 567px;
	height:434px;
	background-color:white;
	z-index:0;
	
 }	  

#inhalt {
position:absolute;
left:0px;
top:20px;
width:567px;  
height:414px; 
border:0px solid; 
color:#CFCFCF; 
overflow: auto;
}

 #ambientone_backgnd {
	position:absolute;
	left: 3px;
	top: 23px;
	width: 567px;
	height:414px;
	background-color:#FFFFFF;	
	background-image:url("../../img/ambientech/no4_backgnd.jpg");
	background-repeat:no-repeat;

	z-index:500;
 }	  
 
 #ambientone3_backgnd {
	position:absolute;
	left: 3px;
	top: 23px;
	width: 567px;
	height:414px;
	background-color:#FFFFFF;
	background-image:url("../../img/ambientech/no3_backgnd.jpg");
	background-repeat:no-repeat;

	z-index:500;
 }	
 
  
 #ambientone3_backgnd_en {
	position:absolute;
	left: 3px;
	top: 23px;
	width: 567px;
	height:414px;
	background-color:#FFFFFF;
	background-image:url("../../img/ambientech/no3_backgnd_en.jpg");
	background-repeat:no-repeat;

	z-index:500;
 }	
 
 
  #ambientone2_backgnd {
	position:absolute;
	left: 3px;
	top: 3px;
	width: 567px;
	height:434px;
	background-color:#FFFFFF;
	background-image:url("../../img/ambientech/no2_backgnd.jpg");
	background-repeat:no-repeat;

	z-index:500;
 }	  
 
  #TVKabelKanal_backgnd {
	position:absolute;
	left: 3px;
	top: 23px;
	width: 567px;
	height:414px;
	background-color:#FFFFFF;
	background-image:url("../../img/ambientech/TVKabelKanal_anim.gif");
	background-repeat:no-repeat;

	z-index:500;
 }	  
 
	
 
  #TVKabelKanal_einsicht_backgnd {
	position:absolute;
	left: 3px;
	top: 23px;
	width: 567px;
	height:414px;
	background-color:#FFFFFF;
	background-image:url("../../img/ambientech/einsichten_backgnd.jpg");
	background-repeat:no-repeat;

	z-index:500;
 }	  
	
	  #merchandise_backgnd {
	position:absolute;
	left: 3px;
	top: 23px;
	width: 567px;
	height:414px;
	background-color:#FFFFFF;
	background-image:url('../../de/h-portal/img/merchandise_backgnd.jpg');
	background-repeat:no-repeat;
		z-index:500;
}
	
	
	
	
	
	
	
 #bannercontainer_rechts {
	position:absolute;
	left: 837px;
	top: 5px;
	width: 100px;
	height:540px;
	background-color:transparent;
	z-index:20;
 }	
 




/* ================================================================ 
ende design
=================================================================== */



/* ================================================================ 
Navigation
=================================================================== */

#menu_position {
	left:254px;
	top:94px;	
	width:570px;
	height:23px;
	position:absolute;
	background-color:#000000; 
	z-index:1000;
}

	
	
/* style the outer div to give it width */
.menu {
	font-family:Verdana,Arial,Helvetica; 
	font-size:10px;
	color:#FFFFFF; 
	font-weight:normal;  
	text-decoration:none; 
	background-color:transparent;	
	height:23px;
	width:570px;
	z-index:2000;
	
	}







/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none; 
	height:23px; 
	background:transparent;
	}
	
	
	
/* style the sub-level lists */
.menu ul ul {
	width:12em;
	}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	height:23px;
	line-height:23px; 
	display:block;
	border-bottom:2px solid transparent;
	
	}



/* style the sub level list items */
.menu ul ul li {
	display:block;
	width:100px;
	height:auto; 
	line-height:1em;
	border-right:2px solid transparent;
	border-bottom:0px;
	}



/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:23px; 
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
	background:transparent;
	
	}


/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {

	}


/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background:#9C9EA0; 
	color:#FFFFFF; 
	width:12em; 
	height:1em; 
	line-height:1em; 
	padding-left:1em; 
	padding-top:0.5em; 
	padding-bottom:0.5em
	
	}

* html .menu ul ul a, * html .menu ul ul a:visited  {
	width:12em; 
	}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	border-collapse:collapse; 
	padding:0; 
	margin:-1px; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:1;
	}


/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background:#9C9EA0 ;
	
	} 


/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
	background:#9C9EA0 ;
	
	}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#9C9EA0 ;
	
	height:auto;
	}

/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background:#9C9EA0 ;
	
	}




/* style active toplevel*/
.menu li a.top {
	color:#FFFFFF;
	background: url('http://www.in-akustik.com/images/naviblack_over_.gif') center; 
	background-repeat:no-repeat;
	position:relative; 
	z-index: 10;
	
	}


/* style the level hovers */

/* first */
* html .menu a:hover {
	color:#FFFFFF;
	background: url('http://www.in-akustik.com/images/naviblack_over_.gif') center;
	background-repeat:no-repeat;
	position:relative; 
	height:23px;
	z-index:10;
	
	}
	
.menu li:hover {
	color:#FFFFFF;
	background:   url('http://www.in-akustik.com/images/naviblack_over_.gif') center; 
	background-repeat:no-repeat;	 
	position:relative; 
	height:23px;	
	}
	
.menu :hover > a {
	color:#FFFFFF;
	background:  url('http://www.in-akustik.com/images/naviblack_over_.gif') center; 
	background-repeat:no-repeat;	
	height:23px;	
	}


/* second */
* html .menu ul ul a:hover{
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	height:auto;
	
	position:relative;  
	z-index:11;
	}
.menu ul ul li:hover {
	color:#FFFFFF;
	background:#9C9EA0  url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	height:auto;
	
	position:relative;
	}
.menu ul ul :hover > a {
	color:#FFFFFF;
	background:#9C9EA0  url('http://www.in-akustik.com/images/navigrey_over.gif') left;  
	height:auto;
	
	position:relative;}


/* third */
* html .menu ul ul ul a:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
   
	z-index:12;
	}
.menu ul ul ul li:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	
	}
.menu ul ul ul :hover > a {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	
	}


/* fourth */
.menu ul ul ul ul a:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative; 
	
	z-index:13;
	}
.menu ul ul ul ul li:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	
	}
.menu ul ul ul ul :hover > a {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px; 
	left:0; 
	width:10em;
	}

/* position the third level flyout menu */
.menu ul ul ul{
	left:12em;
	top:0;
	width:10em;
	}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
	visibility:visible; 
	height:auto; 
	background:url('http://www.in-akustik.com/images/trans.gif') ;  
	left:-1em; 
	padding-left:1em; 
	padding-right:1em; 
	
	}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
	}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
	}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	visibility:visible; 
	left:12.3em;
	border-right:2px solid #FFFFFF
	}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
	}




/* ================================================================ 
Navigation ende
=================================================================== */



/* ================================================================ 
Navigation_image
=================================================================== */
#menu_position_image {
	left:254px;
	top:94px;	
	width:570px;
	height:23px;
	position:absolute;
	background-color:#000000; 
	z-index:30;
}

	
	
/* style the outer div to give it width */
.menu_image {
	font-family:Verdana,Arial,Helvetica; 
	font-size:10px;
	color:#FFFFFF; 
	font-weight:normal;  
	text-decoration:none; 
	background-color:#transparent;	
	height:23px;
	z-index:10;
	
	}







/* remove all the bullets, borders and padding from the default list styling */
.menu_image ul {
	padding:0;
	margin:0;
	list-style-type:none; 
	height:23px; 
	
	background:#transparent;
	
	}
	
	
	
/* style the sub-level lists */
.menu_image ul ul {
	width:12em;
	}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu_image ul li {
	float:left;
	height:23px;
	
	line-height:23px; 
	display:block;
border-bottom:2px solid transparent;
	
	}



/* style the sub level list items */
.menu_image ul ul li {
	display:block;
	width:100px;
	height:auto; 
	line-height:1em;
	border-right:2px solid #FFFFFF;
	border-bottom:0px;
	}



/* style the links for the top level */
.menu_image a, .menu_image a:visited {
	display:block;
	float:left;
	height:23px; 
	font-size:10px;
	text-decoration:none;
	color:#FFFFFF;
	background:#transparent;
	
	}


/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu_image a, * html .menu_image a:visited {
	width:11em;
	}


/* style the sub level links */
.menu_image ul ul a, .menu_image ul ul a:visited {
	display:block;
	background:#9C9EA0; 
	color:#FFFFFF; 
	width:12em; 
	height:1em; 
	line-height:1em; 
	padding-left:1em; 
	padding-top:0.5em; 
	padding-bottom:0.5em
	
	}

* html .menu_image ul ul a, * html .menu_image ul ul a:visited  {
	width:20px; 
	}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu_image table {
	border-collapse:collapse; 
	padding:0; 
	margin:-1px; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:1;
	}


/* style the third level background */
.menu_image ul ul ul a, .menu_image ul ul ul a:visited {
	background:#9C9EA0 ;
	height:auto;
	}

/* style the fourth level background */
.menu_image ul ul ul ul a, .menu_image ul ul ul ul a:visited {
	background:#9C9EA0 ;
	}

/* style the sub level 1 background */
.menu_image ul :hover a.sub1 {
	background:#9C9EA0 ;
	} 

/* style the sub level 2 background */
.menu_image ul ul :hover a.sub2 {
	background:#9C9EA0 ;
	}




/* style active toplevel*/
.menu_image li a.top {
	color:#transparent;
	background: url('http://www.in-akustik.com/images/naviblack_over.gif') center; 
	background-repeat:no-repeat;
	position:relative; 
	
	}





/* style the level hovers */

/* first */
* html .menu_image a:hover {
	color:#transparent;
	background:   url('http://www.in-akustik.com/images/naviblack_over.gif') center; 
	background-repeat:no-repeat;
	position:relative; 
	height:23px;
	z-index:10
	
	}
.menu_image li:hover {
	color:#transparent;
	background:   url('http://www.in-akustik.com/images/naviblack_over.gif') center; 
	background-repeat:no-repeat;	 
	position:relative; 
	height:23px;	
	
	}
.menu_image :hover > a {
	color:#transparent;
	background:  url('http://www.in-akustik.com/images/naviblack_over.gif') center; 
	background-repeat:no-repeat;	
	height:23px;	
	
	}



/* second */
* html .menu_image ul ul a:hover{
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	height:auto;
	position:relative;  
	z-index:11;
	}
.menu_image ul ul li:hover {
	color:#FFFFFF;
	background:#9C9EA0  url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	height:auto;
	position:relative;
	}
.menu_image ul ul :hover > a {
	color:#FFFFFF;
	background:#9C9EA0  url('http://www.in-akustik.com/images/navigrey_over.gif') left;  
	height:auto;
	position:relative;}


/* third */
* html .menu_image ul ul ul a:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative; 
	z-index:12;
	}
.menu_image ul ul ul li:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	}
.menu_image ul ul ul :hover > a {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	}


/* fourth */
.menu_image ul ul ul ul a:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative; 
	z-index:13;
	}
.menu_image ul ul ul ul li:hover {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	}
.menu_image ul ul ul ul :hover > a {
	color:#FFFFFF;
	background:#9C9EA0   url('http://www.in-akustik.com/images/navigrey_over.gif') left; 
	position:relative;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_image ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px; 
	left:0; 
	width:10em;
	}

/* position the third level flyout menu */
.menu_image ul ul ul{
	left:12em;
	top:0;
	width:10em;
	}


/* make the second level visible when hover on first level list OR link */
.menu_image ul :hover ul{
	visibility:visible; 
	height:auto; 
	background:url('http://www.in-akustik.com/images/trans.gif') ;  
	left:-1em; 
	padding-left:1em; 
	padding-right:1em; 
	
	}

/* keep the third level hidden when you hover on first level list OR link */
.menu_image ul :hover ul ul{
	visibility:hidden;
	}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu_image ul :hover ul :hover ul ul{
	visibility:hidden;
	}

/* make the third level visible when you hover over second level list OR link */
.menu_image ul :hover ul :hover ul{
	visibility:visible; 
	left:12.3em;
	border-right:2px solid #FFFFFF
	}

/* make the fourth level visible when you hover over third level list OR link */
.menu_image ul :hover ul :hover ul :hover ul {
	visibility:visible;
	}



/* ================================================================ 
Navigation_image ende
=================================================================== */





  #imagecontentunternehmen {
	position:absolute;
	left: 6px;
	top: 101px;
	width: 830px;
	height:442px;
	background-color:yellow;
	background:  no-repeat;
	z-index:20;
 }	 
 
 #imagecontentmum {
	position:absolute;
	left: 6px;
	top: 101px;
	width: 830px;
	height:442px;
	background: url('../../img/MuM/MuM_image.jpg') no-repeat;
	overflow: hidden;
	z-index:20;
 }	 

  #imagecontentKuZ {
	position:absolute;
	left: 6px;
	top: 101px;
	width: 830px;
	height:442px;
	background-color:yellow;
	background:  no-repeat;
	z-index:20;
 }	 
 
  #imagecontentAmbienTech {
	position:absolute;
	left: 6px;
	top: 101px;
	width: 830px;
	height:442px;
	background:  no-repeat;
	z-index:20;
 }	  

#footer {
    position: absolute;
    top: 538px; 
    left: 0px;
    width: 825px;
    height: 25px;
    z-index:20;
  }   
  
#header {
    position: absolute;
    top: -25px; 
    right: 0px;
    width: 605px;
    height: 25px;
    z-index:20;	
  }
  
  #social  {
      position: absolute;
      top:-23px; 
      left: 0px; 
      width: 220px ;
      height: 20px;
      z-index:20;
}      
  
  .codedirection { 
  	unicode-bidi:
  	bidi-override; 
  	direction: rtl; 
  	} 


 
 

/* ================================================================ 
Lightbox2
=================================================================== */

#lightbox{	
  position: absolute;	
  left: 0; 
  margin-top: -30px;
  width: 100%; 
  z-index: 100; 
  text-align: center; 
  line-height: 0;}
  
#lightbox img{ 
  width: auto; 
  height: auto;}

#lightbox a img{ 
border: none; }

#outerImageContainer{ 
  position: relative; 
  background-color: #fff; 
  width: 250px; 
  height: 250px; 
  margin: 0 auto; }
#imageContainer{ 
  padding: 10px; }

#loading{ 
  position: absolute; 
  top: 30%; 
  left: 0%; 
  height: 25%; 
  width: 100%; 
  text-align: center; 
  line-height: 0; }

#hoverNav{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  height: 100%; 
  width: 100%; 
  z-index: 10; }

#imageContainer>#hoverNav{ 
  left: 0;}

#hoverNav a{ 
  outline: none;}

#prevLink, #nextLink{ 
  width: 49%; 
  height: 100%; 
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
  display: block; }

#prevLink { 
  left: 0; 
  float: left;}

#nextLink { 
  right: 0; 
  float: right;}

#prevLink:hover, #prevLink:visited:hover { 
  background: url("http://www.in-akustik.com/img/prevlabel.gif") left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { 
background: url("http://www.in-akustik.com/img/nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ 
  font-family:Verdana,Arial,Helvetica;  
  font-size:10px; 
  background-color: #fff; 
  margin: 0 auto; 
  line-height: 1.4em; 
  overflow: auto; 
  width: 100%	; }

#imageData{	
  padding:0 10px; 
  color: #666; }

#imageData #imageDetails{ 
  width: 70%; 
  float: left; 
  text-align: left; }	

#imageData #caption{ 
  font-weight: bold;	}

#imageData #numberDisplay{ 
  display: block; 
  clear: left; 
  padding-bottom: 1.0em;	}			
  
#imageData #bottomNavClose{ 
  width: 66px; 
  float: right;  
  padding-bottom: 0.7em; 
  outline: none;}	 	
  

#overlay{ 
  position: absolute; 
  top: 0; left: 0; 
  z-index: 90; 
  width: 100%; 
  height: 500px; 
  background-color: #000; }
  
/* ================================================================ 
ende Lightbox2 
=================================================================== */