/* ================================================================ 
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/Sound-Collection/images/');
	z-index:5
	}


#topcontainer_schatten {
	position: absolute;
	top: 50%; 
	left: 50%;
	width: 996px;
	height: 602px;
	margin-left:-498px;
	margin-top:-301px;
	background:url('http://www.in-akustik.com/Sound-Collection/images/schatten.png')  no-repeat;
	z-index:7;
	}


#topcontainer {
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 995px;
    height: 602px;
    background-color: white;
    	background:url('http://www.in-akustik.com/Sound-Collection/images/back_gnd_start.jpg')  no-repeat;
    z-index:100;
  }

  #social  {
      position: absolute;
      top:-20px; 
      left: 0px; 
      width: 220px ;
      height: 20px;
      z-index:20;
}     


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

#menu_position {
	left:540px;
	top:60px;	
	width:550px;
	height:23px;
	position:absolute;
	background-color:transparent; 
	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:550px
	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:5em;
	}

/* 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:70px;
	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:transparent; 
	color:#FFFFFF; 
	width:5em; 
	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:5em; 
	}


/* 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:transparent ;
	
	} 


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

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:transparent ;
	
	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:#transparent;
	background: url('http://www.in-akustik.com/Sound-Collection/images/navi_trans_over.gif') center; 
	background-repeat:no-repeat;
	position:relative; 
	z-index: 10;
	
	}


/* style the level hovers */

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


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


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


/* fourth */
.menu ul ul ul ul a:hover {
	color:#FFFFFF;
	background:transparent   url('http://www.in-akustik.com/Sound-Collection/images/navigrey_over.gif') left; 
	position:relative; 
	
	z-index:13;
	}
.menu ul ul ul ul li:hover {
	color:#FFFFFF;
	background:transparent   url('http://www.in-akustik.com/Sound-Collection/images/navigrey_over.gif') left; 
	position:relative;
	
	}
.menu ul ul ul ul :hover > a {
	color:#FFFFFF;
	background:transparent   url('http://www.in-akustik.com/Sound-Collection/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
=================================================================== */