/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5
**  Dateiversion: 18.06.06  
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**
**  13.12.2006 gzech added styles for ESO
*/

@media all
{
/* ######################################################################################################
** ### Linke Vertikale Listennavigation #################################################################
** ######################################################################################################
*/

#leftmenu { width: 180px; overflow: visible; margin: 0; border: 0; padding: 0; font-size: 90%; list-style-type: none; margin-top: -1px; margin-bottom:2px; z-index:300;}
#leftmenu a { display:block; text-decoration: none;} 
#leftmenu li { float:left; width: 100%; margin:0; padding: 0;}

/* Titel */
/* IE Hacks beachten! iehacks_vlist.css */

#leftmenu li.title 
,#leftmenu li#title 
     { width: 178px; border: 0; font-weight: bold; font-size: 110%; color: #FFFFFF; padding: 0; background: #003D82; padding: 2px 0 2px 12px; border-bottom:1px solid #AAA;}
#leftmenu li.title2
     { width: 178px; border: 0; font-weight: bold; font-size: 110%; color: #FFFFFF; padding: 0; background: #003D82; padding: 2px 0 2px 12px; border-top:1px solid #AAA;}
#leftmenu li.title a
,#leftmenu li#title a
,#leftmenu li.title2 a
 {  border: 0; font-weight: bold; color: #FFFFFF; padding: 0; background: transparent; padding: 0;}
#leftmenu li.title a:visited
,#leftmenu li#title a:visited
,#leftmenu li.title2 a:visited {color:#FFFFFF;}

#leftmenu li.title:hover {}

#leftmenu li.title2:hover {background: #0079BD;}

#leftmenu li.subtitle { width: 178px; border: 0; font-weight: normal; font-size: 110%; color: #FFFFFF; padding: 0; background: #003D82; padding: 2px 0 2px 12px; border-bottom:1px solid #AAA;}
#leftmenu li.subtitle a {  border: 0; font-weight: normal; color: #FFFFFF; padding: 0; background: transparent; padding: 0;}
#leftmenu li.subtitle a:visited {color:#FFFFFF;}
#leftmenu li.subtitle:hover {}


/* Menu */
#leftmenu li a { border-bottom: 1px #FFFFFF solid; } 
#leftmenu li a:hover { }  
#leftmenu li ul { list-style-type: none; margin:0; padding: 0; } 
#leftmenu li ul li { float:left; width: 100%; margin:0; padding:0; } 

/* 1. Ebene smenu-li-ul#leftnav-li */
.smenu li ul#leftnav li a { color: #ffffff; padding: 2px 0 2px 12px; width: 176px; border: 0;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;;
}


.smenu ul { } 
.smenu ul li{ position: relative;}


/* 1. Ebene, inaktiv */
.smenu li ul#leftnav li.std0 a {background: #005BA0; }
.smenu li ul#leftnav li.std0 a:hover {background: #0079BD;}

/* current item and subitems */
/* .smenu li ul#leftnav a.mark:before {content:">> ";} */
/* .smenu li ul#leftnav a.mark:after {content:" <";} */
.smenu li ul#leftnav li.curr0 {}
.smenu li ul#leftnav li.curr0 a { border-left:5px solid #FF841E; padding-left: 8px; font-weight:bold; letter-spacing:normal; color: #fffFFF; /*background:#003D82;*/ }
.smenu li ul#leftnav li.curr0s a { font-weight:normal; }
.smenu li ul#leftnav li.curr0 a:hover {background: #0079BD;}
.smenu li ul#leftnav li.curr0s a:hover {background: #0079BD;}

/* ausgeklappte 2. Ebene */

.smenu li ul#leftnav li.curr0 ul li a,
.smenu li ul#leftnav li.curr0s ul li a 
{ background: #2B8ECB; color: #FFFFFF; width:163px; padding-left:20px; padding-right:5px; border-left:1px solid #BFAA9B; font-weight:normal; letter-spacing:normal; }

/* dritte Ebene - just a hack */
.smenu ul li.curr0 ul li.std1 ul.sub2 {left: 189px; position: absolute; width: 180px; top: 0; display: none; visibility:hidden;}
.smenu ul li.curr0s ul li.std1 ul.sub2 {left: 189px; position: absolute; width: 180px; top: 0; display: none; visibility:hidden;}

.smenu ul li.curr0 ul li.std1:hover ul.sub2 {left: 189px; position: absolute; width: 180px; top: 0; display: none; visibility:visible;}
.smenu ul li.curr0s ul li.std1:hover ul.sub2 {left: 189px; position: absolute; width: 180px; top: 0; display: none; visibility:visible;}

.smenu ul li.std0 ul li ul.sub2 {left: 189px; position:absolute; width:180px; top:0; display:none; visibility:hidden;}
/* 3. Ebene wird bei Hover auf 1. Ebene nicht angezeigt */
.smenu ul li.std0 ul li:hover ul.sub2 {left: 189px; position:absolute; width:180px; top:0; display:none; visibility:hidden;}

/* current second level */
.smenu li ul#leftnav li.curr0s ul li.curr1 a {border-left:5px solid #FF841E; padding-left: 16px; font-weight: bold; letter-spacing:normal;}

.smenu li ul#leftnav li.curr0s ul li.curr1 ul.sub2 li a,
.smenu li ul#leftnav li.curr0s ul li.curr1s ul.sub2 li a 
{font-weight: normal; padding-left: 32px; width:151px; background:#53A5DA; letter-spacing:normal; border-left: 1px solid #BFAA9B;}

/* current third level */ 
 .smenu li ul#leftnav li.curr0s ul li.curr1s ul.sub2 li.curr2 a {border-left:5px solid  #FF841E; padding-left: 28px; font-weight: bold; letter-spacing:normal;} 


/* 1. Ausklappmenu */
.smenu li ul#leftnav li.std0 ul li ,
.smenu li ul#leftnav li.std0 ul li a { background: #2B8ECB; color: #FFFFFF; }

/* 2. Ebene smenu-ul */

/* nur die nicht aktiven (class="std0") werden als Ausklappmenue dargestellt */
.smenu ul li.std0 ul{ 
	left: 189px; /* Parent menu width - 1*/
    position: absolute;
	width: 180px; /*sub menu width*/
    top: 0;
    display: none;
}


/*All subsequent sub menu levels offset */
.smenu ul li ul li ul{ 
left: 189px; /* Parent menu width - 1*/
}

/* menu links style */
.smenu ul li a {
display: block;
color: black;
text-decoration: none;
background: #005BA0;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.smenu ul li a:visited {}

.smenu ul#leftnav li.std0 a:hover {background: #0079BD;}
.smenu ul#leftnav li a:hover {background: #0079BD;}
.smenu ul#leftnav li.std0 ul li a:hover,
.smenu ul#leftnav li ul li a:hover { background: #0079BD!important;}
.smenu ul#leftnav li.std0:hover ul { display: block; }
.smenu ul#leftnav li.curr0:hover ul { display: block; }
.smenu ul#leftnav li.curr0s:hover ul { display: block; }
.smenu ul#leftnav li.curr0 ul li a:hover ul { display: block; }
.smenu ul#leftnav li.curr0s ul li a:hover ul { display: block; }

/* Auszeichnung externer Links */
#col1 #leftmenu a[href*="redirect"]
{
  font-style:italic;
  color: #DDD;
}
#col1 #leftmenu a[href*="redirect"]:before
{
	content:">> "
}

#col1 #leftmenu a[href*="jobs.eso.org"] 
/* ,#col1 #leftmenu a[href*="www.eso.org"] */
{
	font-style:normal;
    color:#FFFFFF;
}
#col1 #leftmenu a[href*="jobs.eso.org"]:before
/* ,#col1 #leftmenu a[href*="www.eso.org"]:before */
{
	content:""
}

 
/* Holly Hack for IE \*/
* html .smenu ul li { float: left; height: 1%; }
* html .smenu ul li a { height: 1%; }
/* End */


/* DG Welcome message */
#welcomenoticeshort { float: left; padding: 10px; font-size: 90%; text-align: left; background: #ccc; width: 170px; margin: 0; border: 0;}
#welcomenoticeshort h1 { font-size: 100%; color: #069;}
#welcomenoticefull { padding: 1.0em; text-align: left;}
#welcomenoticefull h1 { font-size: 100%; color: #069;}

}