/* styling of the Mainmenu 
 0) The foldout constist of nested list
 1) level1 ,level2, level3 are the visible ones: 220px width
 2) links for foldout are under "submenuforfoldout" and has width 180px / they are hidden by default

*/


/* [0] #menu and #menu1 are the menu container: must control background because all inner menuelements are position: absolute */
/*----------------------------------------------*/
#menu{ margin:0;   padding:0;   vertical-align:top; 
  background: #d2d2d4 url(../img/menu_bg.gif) repeat-x;
  width:220px;   height: 364px !important;  height: 364px;   float:left;
  }

#menu1{
  margin:0;
  padding:0;
  vertical-align:top;
  background: transparent url(../img/menu_bg.gif) repeat-x;
  width:220px;
  height: 364px;
  float:left;
 }


/* [A] Common definitions ***************/
/*----------------------------------------------*/
.foldoutmenu a{
   	/* font: Verdana; */
	/*     color:#565760; */	
	display:block;
   	/* width:220px; */
    	text-decoration:none;
    	margin: 0px;
	padding: 3px 0 3px 12px; 
	width: 208px;
}
.foldoutmenu a:hover {
	background-color:#8a8a91;  color:#ffffff; }
.foldoutmenu ul{   
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:220px;
    width/**/:220px;
    border-width: 0px;
}

/* [B] Normal level1(=first li in foldoutmenu) and level2 definitions ***************/
/*----------------------------------------------*/
.foldoutmenu li {
    width:220px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    border-width: 0px
}

.level1 a , .level1_act a {color:#565760;   font-family:Tahoma; font-size: 11px; display: block;}
	.level1_act a {background-color: #565760;  color: #ffffff; border-bottom: solid 1px #565760; display: block; }
	.foldoutmenu .level1_act a:hover {background-color: #565760;  color: #ffffff;}
	
.level2 { border-bottom: solid 1px #8a8a91; background-color:#b0b0b4; }
.level2 a, .level2_act a { color:#ffffff; font-family:Tahoma; font-size: 11px; display: block;}
	.level2_act  {background-color:#8a8a91;}
	.level2_act  a { font-weight:bolder; color:#ffffff; display: block;}
	.foldoutmenu .level2 a:hover {background-color: #fff; color: #8a8a91;display: block;}

.level3, .level3 li {background-color:#ffffff;}
.level3 a, .level3_act a {padding: 1px 0 1px 25px; width: 195px; color:#565760; font: Verdana; font-size: 11px; display: block;}
	.level3 a {background: url('../img/level4_bg.gif') 12px 3px no-repeat #ffffff display: block;}
	.level3_act a {background: url('../img/level4_act_bg.gif') 12px 3px no-repeat #ffffff; font-weight: bolder display: block;}


.level4 {  background-color:#ffffff;}
.level4 a, .level4_act a {padding: 1px 0 1px 38px; width: 182px; color:#565760; font: Verdana; font-size: 11px; display: block;}
	.level4 a {background: url('../img/level5_bg.gif') 25px 3px no-repeat #ffffff display: block;}
	.level4_act a {background: url('../img/level5_act_bg.gif') 25px 3px no-repeat #ffffff; font-weight: bolder; display: block;}


.level5 {background-color:#ffffff;}
.level5 a, .level5_act a {padding: 1px 0 1px 50px; width: 170px; color:#565760; font: Verdana; font-size: 11px; display: block;}
	.level5 a {background: url('../img/level5_bg.gif') 38px 3px no-repeat #ffffff;display: block;}
	.level5_act a {background: url('../img/level5_act_bg.gif') 38px 3px no-repeat #ffffff; font-weight: bolder;display: block;}



/* [C] Foldout stylings definitions***************/
/*----------------------------------------------*/
.foldoutmenu li ul{	
	width: 180px;
	margin-left:220px; /* be careful */
	margin-top:-19px;
}
.foldoutmenu li ul a { width: 168px;}
.foldoutmenu li ul.submenuforfoldout ul{
	margin-left:180px;
}
.foldoutmenu ul.submenuforfoldout li {width: 180px}

ul.submenuforfoldout {border: 1px solid #767780}
	ul.submenuforfoldout li, ul.submenuforfoldout a  {border-width: 0px}

ul.submenuforfoldout li, ul.submenuforfoldout { background-color: #eeeeee;}
ul.submenuforfoldout li a { background-color: #eeeeee; color: #565760}
ul.submenuforfoldout div.hassub a {background: #565760 url('../img/ifsub.gif') right center no-repeat; color: #ffffff; border-bottom: 1px solid #767780}

/**[D]****** CSS du menu vertical, bieler batiste defaults  (IMPORTANT FOR working)****************/
/*----------------------------------------------*/
.foldoutmenu {
  z-index: 200;
    position:absolute;
    /* solve a Opera7/IE display bug */
    width:222px;
    width/**/:220px;
    
    margin:0;
    padding:0;
    }
    
.foldoutmenu span{
    display:none;
    }
    

    
.foldoutmenu li ul{
	visibility: hidden;
 }
            

    

    
.foldoutmenu a:hover{
  /*  background-color: #aaf; */
    }
    
/* for a mozilla better display with key nav */
.foldoutmenu a:focus{
 /*   background-color: #aaf; */
}

.foldoutmenu span{
    /* hide some accessibility stuff */
    display:none;
    }
        

    

    
/* IE PC selector */
* html .foldoutmenu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
   /* background-color: #eee; */
    }