div#nav_container{
	width: 164px;
	float: left;
}

div#nav_container a{
	/*
	font-size: .8em;
	letter-spacing: .2em;
	*/
	
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
	color: #AF0D24;
	display: block;
	padding: .4em 30px .4em 0;
	padding: .3em 30px .3em 0;
	line-height: 1.5em;
}

div#nav_container a:hover{
	background: transparent url(/images/index/link_bg.gif) repeat-y top right;
}

div#nav_container a.active{
	background: transparent url(/images/index/star.gif) no-repeat right center;
}

div#newsletter a{
  text-transform: none;
}

div#newsletter h3{
  padding-right: 32px;
  margin: 20px 0 3px 0;
}

ul#sub a{
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
	padding-right: 37px;
}

div#angebote{ float: left; width: 578px; margin-top: -3px; margin-bottom: -3px; background-color: #CFCBBF; }
div#angebote ul{ margin-left: 15px; }
div#angebote ul ul{ margin: 0; padding: 0; }
div#angebote ul li{ display: inline; float: left; margin-right: 2em; }
div#angebote li li{ width: 150px; padding: 0; margin: 0; }
div#angebote a{ display: block; padding: .4em 0 .4em 0; color: #333; }
div#angebote ul ul a{ display: block; width: 130px; padding: .4em 0 .4em 0; }
div#angebote ul li ul li a{ padding: .1em 0 .2em 1em; }

#angebote_liste, #angebote_liste ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}

#angebote_liste a {
  display: block;
}

#angebote_liste li { /* all list items */
  float: left;
}

#angebote_liste li ul { /* second-level lists */
  position: absolute;
  background: #CFCBBF;
  width: 150px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#angebote_liste li ul ul { /* third-and-above-level lists */
  margin: -2.33em 0 0 150px;
}

#angebote_liste li ul li a.dad{ background: url(/images/index/dd_bg_dad.gif) no-repeat center right; }

#angebote_liste li:hover, #angebote_liste li.sfhover{
	background-color: #A29E95;
}

#angebote_liste li:hover ul ul, #angebote_liste li:hover ul ul ul, #angebote_liste li.sfhover ul ul, #angebote_liste li.sfhover ul ul ul {
  left: -999em;
}

#angebote_liste li:hover ul, #angebote_liste li li:hover ul, #angebote_liste li li li:hover ul, #angebote_liste li.sfhover ul, #angebote_liste li li.sfhover ul, #angebote_liste li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

/********************* COLOURS *****************************/
div#h_nav{ background: transparent url(/images/index/h_nav_bg.gif) repeat-y left top; }
div#angebote { background-color: #9E1B34; }
div#angebote a{ color: #FFF; }

#angebote_liste li ul { /* second-level lists */
  background: #9E1B34;
}

#angebote_liste li:hover, #angebote_liste li.sfhover{
	background-color: #751427;
}