/*********************************************************************************

	Project		:	Buchpartner Website
	Copyright	:	everfresh GbR / neddermeyer / Jasmin

**********************************************************************************/


/* ### Navigation ######################################################### */
#menu {
  position: absolute;
  z-index: 23;
	top: 137px;
	left: 0;
	margin: 0;
	padding: 20px 0;
	width: 237px;
	height: 169px;
	text-align: left;
	/* Change background png for designers transpareny */
  background: transparent url(./background_trans_5x5.png) scroll repeat 0 0;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu a {
  display: block;
  margin: 0;
  padding: 4px 5px 4px 20px;
  border: 0;
  font: normal 14px/1 verdana, arial, helvetica, sans-serif;
  color: #6D7573;
  text-decoration: none;
  background: transparent url(./background_trans_5x5.png) scroll repeat 0 0;
}

#menu a:hover,
#menu a.active {
  color: #BC2533;
  background-color: #FFF;
  border: 0;
  /*
  Define hover and active opacity
  Change to cutest settings :)
  */
  opacity: .60;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
}

/* positions */
#menu li {
  position: relative;
  margin-bottom: 2px;
}

#menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul {
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul {
  display: block;
  border-left: 2px solid transparent;
}

/*
   Setup for matching first and second level entries
   Maybe these settings should be added to navigation_ie.css for
   correct appearance in IE7 - modify to tune layout
   I could not test fucking IE7
*/
#menu ul ul.pad1 { top: 0; }
#menu ul ul.pad2 { top: 0; }
#menu ul ul.pad3 { top: -24px; }
#menu ul ul.pad4 { top: -48px; }
#menu ul ul.pad5 { top: -24px; }
#menu ul ul.pad6 { top: -72px; }

/* patch sublevel background */
.submenu_hidden { display: none; }
.submenu {
  display: block;
  z-index: 20;
  overflow: hidden;
  top: 0;
  margin-left: 239px;
  width: 238px;
  height: 346px;
  border: 0;
  background: transparent url(./background_trans_5x5.png) scroll repeat 0 0;
}