/* @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 */

li, ul, ul#nav ul {
  text-indent:0px;
  left:0px;
  margin-left:0px;
  padding:0px;
}



div#lineal {
position:absolute;
width:10px;
height:10px;
color:red;
top:250px;
left:50px;
}

ul#nav {
 	position:relative;
 	padding-left:60px;
  	margin:0px;
 	list-style-type:none;
 	z-index:50;
  	width:740px;
	height:1.6em;
  	border-bottom:1px solid white;
 	border-top:1px solid white;
}

div ul#nav {
  position:relative;
}

ul#nav li {
    position:relative;
    padding:0px;
    margin:0px;
    left:0px;
    display:block;
    float:left;
    text-align:left;
    white-space: nowrap;

}

ul#nav li a {
  position:relative;
  color:white;
  font-size:1em;
  text-decoration:none;
}

ul#nav li li a {
  font-size:0.8em; 
}
 
a.first_subnav:link, a.first_subnav:visited, a.first_subnav:active {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#164088;
	text-decoration:none;
}


span.first_subnav {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#164088;
	line-height:20px;
	margin:0px 0px 0px 0px;
}
	
	
.subnav {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#164088;
	line-height:20px;
	margin:0px 0px 0px 0px;
}

a.subnav:link, a.subnav:visited, a.subnav:active {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	color:#164088;
	text-decoration:none;
}


html>body ul#nav {  
}


 /* use whole space for a-tag */
 ul#nav * a {
 display:block;
 padding-left:0px;
 }


/* set border for submenus */
 ul#nav li ul li a {
  height:auto;
  border-right:0px solid #164088;
  padding-top:0px;
  margin-top:0px;
  padding-left:0.5em;
  width:auto;
  z-index:5000;
}


 
 
 /* first sub level Items */
  ul#nav li ul li, .firstLevel {
  position:relative;
  width:12em; /* margin + padding + border + width=90 */
  z-index:5;
  height:auto;
  
  clear:left;
  text-align:left;
  
 }

ul#nav li ul li a, .firstLevel a {
    color:#164088;
    font-size:0.9em;
    
}

/* first level: general settings (x/y, width etc) */
ul#nav li ul {
    background-color:white;
    display: none;
    position:absolute;
    left:-17px;
    margin-left:15px;
    width:12em; /* gleiche Breite wie li-Element + border*/
    z-index:1;
    border-left: 1px solid #164088;
    top:1.6em;
}
  


  

/* second level: general settings */
ul#nav li ul li ul {
}
 
  
 ul#nav li ul li ul li, .secondLevel {
 }


/* mainItem: reset background-color-change,
and set floating to left */  
 ul#nav li.mainItem {
    text-align:center;
    width:1px;
    vertical-align:top;
    float:left;
    z-Index:4;
    text-indent:15px;
    height:1.6em;  
    
}

html>body ul#nav li.mainItem {
    width:auto;
    margin-left:15px;
    text-indent:0px;
    
    
} html>body ul#nav li.mainItem:hover {
    width:auto;
    margin-left:15px;
}


.mainItem a {
  height:1.6em;
  vertical-align:top;
}


ul#nav li ul li ul li:first-child ,.firstChild {

}





/* display children ul from li-tag
doesnt work in ie, use javascript instead.
 */

ul#nav li:hover>ul {
    display: block;
    
 }

/* set background color 1stLevel hover */
ul#nav li ul li:hover, ul#nav li ul li.firstLevel_hover {
  border-left:2px solid #164088;
	position:relative;
	text-indent:-2px;
}

.mainItem_hover {
  text-indent:15px;
}

/* set background color 2ndLevel hover */
ul#nav li ul li ul li:hover, ul#nav li ul li.secondLevel_hover {
 } 

ul#nav li#active a {
color:#fdfcab;

} ul#nav li#active li a {
color:#164088;;
}