/* @authors: 
Danny@rufwerbung.ch
Luzius@rufwerbung.ch
www.rufwerbung.ch

based on an idea by Eric Meyer:
www.meyerweb.com

-----------------------------------------------------
Bugtracking-Section:
-----------------------------------------------------
@state: Template funktioniert auf Mac
Mozilla: funzt(inkl. first-child)
Firefox: funzt  (inkl. first-child)
Opera: funzt (box model differs from Moz./FiFo, but useable) (with
first-child)
Safari: funzt (first child)
IE: anderes Template verwendet->funktioniert. (inkl. first-child!)
-------------------------------------------------------
PC:
Firefox: Border passt nicht (1 px bei Subnavs verschoben)
IE: Bug mit Abständen zwischen den Elementen. (werden dargestellt).
float-left eingefügt bei li tag.
Funktioniert nun auf IE6 (frühere Versionen???)
TODO: first-child in script implementieren.
Lösung: width im a Tag anstatt im li Tag.
Opera bleibt bedienbar.
----------------------------------------------------
 */



/* general */

ul.sitemap {
  position:relative;
  padding: 0px;
  margin: 0px;
  background-color:transparent;
  margin-left:0px;
  z-index:1;
}

ul.sitemap * ul {
  position:relative;
  list-style:none;
  padding: 0px;
  margin: 0px;
  background-color:transparent;
  margin-left:0px;
  display:list-item;
  /*list-style-image:url(../img/arrow.gif);*/
}

ul.sitemap li {
  display:list-item;
  position:relative;
  padding:0px;
  margin:0px;
  /* Dies ist ein Zugeständnis an den IE,
  der nun darauf verzichtet, Abstände unter den li-Tags
  einzufügen. Display: inline wäre ebenfalls gegangen, dann streikt
  aber  FiFo */
  clear:both;
  padding-left:0px;
}
 

 /* use whole space for a-tag */
 ul.mainitem * a {
 display:block;
 }


/* set border for submenus */
ul.sitemap li ul li a {
  height:auto;
  border-bottom:0px solid #164088;
  border-left:1px solid #FFFFFF;
  border-right:0px solid #164088;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
  width:auto;
}

ul.sitemap li ul li ul li a {
	border-left:0px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
 
 
 /* first sub level Items */
ul.sitemap li ul li, .firstLevel 
  position:absolute;
  width: 90px; /* margin + padding + border + width=90 */
  background-color:red;
  z-index:1;
  height:auto;
}


/* first level: general settings (x/y, width etc) */
ul.sitemap li ul {
    display: block;
    position: relative;
    top:0em; /* ie Explorer neeeds that */
    left:0em;
    width:90px; /* gleiche Breite wie li-Element + border*/
    padding-top:0px;
    z-index:2;
    background-color:transparent;
}
  

/* second level: general settings */
ul.sitemap li ul li ul {
    display: block;
    position: relative;
    top:-1px; /* den Border abzählen */ 
    padding-top:0px;
    padding-left:10px;
    z-index:3;
    border-bottom:1px solid #164088;
    width:14em;
}
 
  
ul.sitemap li ul li ul li, .secondLevel {
    position:relative;
    background-color:transparent;
    width:auto;
    bottom:0px;
    z-index:4;
}


ul.sitemap li.mainItem ul li ul li a, .secondLevel {
    position:relative;
    background-color:transparent;
    width:auto;
    bottom:0px;
    color:#999999;
} 


/* mainItem: reset background-color-change,
and set floating to left */  
ul.sitemap li.mainItem {
    background-color:transparent; 
    font-color:red;
    display:list-item;
    border-bottom:1px solid #164088;
    width:15em;
  	/*list-style-image:url(../img/arrow.gif);*/
}

ul.sitemap li.mainItem a {
    background-color:transparent; 
    color:#164088;
    font-weight:bold;
    font-size:9px;

}

ul.sitemap li.mainItem a:hover {
    background-color:transparent; 
    color:#164088;
}

ul.sitemap li.mainItem li a {
    background-color:transparent; 
    color:#164088;
}

ul.sitemap li.mainItem li a:hover {
    background-color:transparent; 
    color:#666666;
    text-decoration:underline;
}


ul li ul li ul li:first-child ,.firstChild {
	border-top: 1px solid transparent;
}


/* separarator-classes */

ul.sitemap li.separator { 
    /*list-style-image:url(../img/10_pix_withe.gif);*/
    /*background-image:url(../img/1pix_transp.gif);*/   
}