/*
Die Menueeintraege duerfen die Zeilenlaenge nicht ueberschreiten
*/


/* ===================================================
Font + Text
===================================================*/
#topNavLeft li, #topNavRight li, #mainNav li{
  list-style-type: none;
  font-size: 90.01%;
}

#topNavLeft a, #topNavRight a, #mainNav a{
	text-decoration: none;
	display: block;
	line-height: 20px;
}

#topNavRight a{
	text-align: right;
}

#mainNav, #mainNav ul{ /* Menue allgemein */
	list-style: none;
	font-weight: bold;
	line-height: 20px;
}

#mainNav ul{
  display:inline; /*IE bis 6.0*/
}

#mainNav li ul { /*Listenpunkt Untermenue */
	font-weight: normal;
}

#mainNav li:hover, li.sfhover {
display: block;
}

/* hover im Untermenue klappt nicht beim IE - der kennt das nur bei a */
#mainNav li ul a:hover{
	text-decoration:underline;
}

/*
Mit der nachtraeglichen Formatierung von .first soll Redundanz vermieden werden
*/
#mainNav a.first, #mainNav a.main{ /*Hauptmenue*/
	text-align:center; /*eigentlich nur fuer Inline-Elemente geeignet - border fuehrt zu Fehlern*/
}


/*===================================================
Color + Background
===================================================*/
#branding{
  background: url(../grafik/header_noprob-neu.png) no-repeat left top;
}

#topNavLeft a.home{
  background: url(../grafik/startseite.png) no-repeat left top;
}

#topNavLeft a.home:hover{
  background: url(../grafik/startseite_hover.png) no-repeat left top;
}

#topNavRight a{
  color: #f2f2f2;
}

#topNavRight a:hover{
	background: url(../grafik/topnav-right_hover.png) no-repeat right top;
	color: #95371e;
}

#mainNav, #mainNav ul{ /* Menue allgemein */
	/*background-color: #95371e;  beachte: Hintergrund fuer Untermenue siehe "#mainNav li ul" */
}

/* wenn pixy-Bild, dann verschieben*/
/*
#mainNav  ul li a:hover{
  background-position:right bottom;
}
*/

#topNavLeft li, #topNavRight li, #mainNav li{
  background:none;
}

#mainNav li { /* Listenelement (Menueelement) allgemein */
	/*background: url(grafik/dreieck_rechts.gif) center left no-repeat;   Grafik fuer Bulletzeichen*/
}

#mainNav li ul { /*Listenpunkt Untermenue */
	background-color: #f6f6f6;
}

#mainNav li:hover {
	display: block
}

/* hover im Listenelement klappt nicht beim IE - der kennt das nur bei a */
#mainNav li ul a:hover{
  /*background-color: #d06916;*/
  /*color:#f2f2f2;*/
  /*background: url(grafik/untermenuepunkt_hover_155x35px.gif) no-repeat;*/
}

#mainNav li:hover, li.sfhover {
	/*background: lightyellow; IE 6.0 stellt alle(!) Menueelemente mit diesem Hintergrund dar */
}

#mainNav a{
  color: #000000; /* Haupttextfarbe */
}

/*
Mit der nachtraeglichen Formatierung von .first soll Redundanz vermieden werden
*/
#mainNav a.first, #mainNav a.main{ /*Hauptmenue*/
	background: url(../grafik/hauptmenue-einfach.png);
	color:#f2f2f2;
}

#mainNav a.first{ /*Der erste Hauptmenuepunkt*/
 	/*background: url(grafik/hauptmenue-first_155x35px-pixy.gif) no-repeat;*/
}

#mainNav a.first:hover, #mainNav a.main:hover{
  /*background-position: top right;  pixy-Navigation */
  background: url(../grafik/hauptmenue-einfach_hover.png); /*background:#777777;*/
}

#mainNav a.daddy { /* Navigationszeichen "nach rechts aufklappen" */
  padding:0px;
  background: url(../grafik/dreieck_rechts.gif) center right no-repeat;
}


/*===================================================
 Box
===================================================*/
#branding{
  width:900px;
  height: 120px;
}

#topNavLeft, #topNavLeft ul{
  width:550px;
  height:20px;
  padding: 0px;
  margin: 0px;
}

#topNavLeft a.home{
  width:20px;
  height:20px;
  padding: 0px;
  margin: 0px;
}

#topNavRight, #topNavRight ul{
  width:344px; /*IE-Raetsel - eigentlich 350 px - warum 6px statt 3?*/
  height:20px;
  padding: 0px;
  margin: 0px;
}

#topNavRight a{
  width:149px;
  height:20px;
  padding-right:3px;
  margin:0px;
}

#mainNav, #mainNav ul{ /* Menue allgemein */
  	width:900px;
	height:20px;
	padding: 0px;
	margin: 0px;
}

#topNavLeft li, #topNavRight li, #mainNav li{
  padding: 0px;
  margin: 0px;
}

#mainNav{ /* Menue allgemein */
  padding: 0px;
  margin: 0px;
}

#mainNav li { /* Listenelement (Menueelement) allgemein */
	margin:0px;
}

#mainNav li.main {
	width: 164px; /* 150 + Breite um die Raender vom Link vergroessern*/
}

#mainNav li ul { /*Listenpunkt Untermenue */
	height: auto;
	width: 165px ; /* Breite um die Raender vom Link vergroessern*/
	margin: 0px;
}

/* Position nach rechts aufklappendes Menue */
#mainNav li ul ul {
	/* Position links: width aus Listenelement plus Innenabstaende plus Raender weniger einen Rand zum Ueberlappen*/
	margin: -19px 0 0 165px; /* -30px 0 0 154px; */
}

#mainNav li li {
	width: 165px; /* Breite um die Raender vom Link vergroessern*/
}

#mainNav li ul a {
	padding-left:3px;
	width: 165px;
}

#mainNav a {
	height:20px;
	/*padding: 0px 11px 0px 11px;*/
	width: 109px;
	/* border: 1px dashed #f2fdae; Farbe: hellste aus Haupmenuepunkt-Grafik */
	margin: 0px 0px -1px 0px;  /*Wegnahme vom unteren Rand, falls ein Rahmen gesetzt wird*/
}

/*
Mit der nachtraeglichen Formatierung von .first soll Redundanz vermieden werden
*/
#mainNav a.first, #mainNav a.main{ /*Hauptmenue*/
	margin: 0px 1px 0px 0px; /* */
	-moz-border-radius-topleft:5px; /* Rache fuer den IE */
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topleft:5px; /* Konqueror und Safari */
	-khtml-border-radius-topright:5px;
	/*padding:0px; /* bleibt bei 0 */
	border:0px; /*bleibt bei 0*/
	/*width:155px;  */
}

#mainNav a.first{ /*Der erste Hauptmenuepunkt*/
 	/*width:155px;   */
}


/*===================================================
Positionierung
===================================================*/

#topNavLeft{
  position:relative;
  top:0px;
  left:0px;
  float:left;
}

#topNavLeft ul{
  /* display:inline:; IE bis 6.0 ersetzt durch ul li float: left */
  list-style-type: none;
  float:left;
}

#topNavLeft  ul li{
  float:left;
}

#topNavLeft a.home{
  display:block;
  height:20px;
  line-height:20px;
}

#topNavRight{
  position:relative;
  top:0px;
  left:0px;
  float:right;
}

#topNavRight ul{
  float:right;
}

#topNavRight  ul li{
  float:right;
}

#mainNav{ /* Diese Navigation ist Bestandteil des Logos */
  float: left;
  position:absolute; /*relativ zu #topNavLeft */
  top:100px;
  left:0px;
}

#mainNav ul{ /* */
	float:left;
}

#mainNav  ul li{
	float:left;	/*ueberfluessig*/
}
#mainNav li { /* Listenelement (Menueelement) allgemein */
	float:left;
}

/*
statt "display:none" wird hier die Liste aus dem sichtbaren Bereich nach links verschoben,
um sie spaeter mit "left:auto" wieder zu positionieren.
*/

#mainNav li ul { /*Listenpunkt Untermenue */
	position:absolute;
	left: -999em;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
	left: -999em; /*suckerfish*/
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul {
	left: auto; /*suckerfish*/
}