/*
#---------------------------------------------------------- 
#
#            ####
#             ### 
#             ### 
#             ### 
#             ### 
#             ### 
#             ### 
#             ###      ###
#             ############
#           ############ Listdir
#
#---------------------------------------------------------- 
*/

/* vgl. OpenPress, p.360 ff., bzw. bd.info/listdir */
/* 000 - basic settings for the div, to be inherited */

/**************************************************************************
*
*  div
*
***************************************************************************/
#navsite1
{
/*		font-size: 8.5pt; 	*/
/* 	font-weight: normal; */

 	margin:  0px; 
 	border: 0px none;
 	padding: 0px; 

 	width: 200px;  

	/* background-color: OLIVE;  */

}




/**************************************************************************
*
*  ul
*  ul ul
*  ul ul ul
*
***************************************************************************/
#navsite1 ul,
#navsite1 ul ul,
#navsite1 ul ul ul
{
 	list-style: none; 
 	margin: 0; 
 	padding: 0; 

}


/**************************************************************************
*
*  ANPASSUNG IE6 RAUSGENOMMEN ZU GUNSTEN VON IE7
*
***************************************************************************/



/**************************************************************************
*
*  ul li
*  ul li a
*  + boxmodel hack "auto"
*
***************************************************************************/
/* 400 - basic settings for all li's preceeded by an ul */
#navsite1 ul li
{
	margin: 0;
	padding: 0;
	border: 0px none;
	margin-bottom: 27px;	 

 	vertical-align: text-top;  /* hier oder oben in li - hier ist besser */

}



/* 600 - basic settings for a:link's inside a ul li tag */
/*       HINTERGRUNDFARBE DER listdir2                  */
#navsite1 ul li a
{
 display: block; 

       /* t    r   b    l */
 padding: 3px  5px 1px  0px; /* the height of the virtual button and hover area  and the indent */
 margin:  0;
 border:  0 none;

 color: #FFFFFF;  /* hauptpunkte immer Weiss */
 text-decoration: none; 


/*
 width: 100%;
 */
  /* 999 - for ie, make all of the block element clickable */
  /* 999 - rauslassen. IE6, IE5.5, IE5.0 machen immernoch den Hovereffekt, */
  /* 999 - aber man muss halt direkt auf den Text klicken */
  /* 999 - und der Hover-Effekt kommt auch nur bei Mouseover Text */
  /* 999 - so spart man sich den Boxmodel-Hack am Ende dieses Stylesheets. */

 /* background-color: #FFF;  */
 font-weight: bold;
 font-size: 11pt;
 
 
}


/* 600 - basic settings for a:link's inside a ul li tag */
/*
** level 1
*/
#navsite1 ul li ul li
{
	border: 0px none;
	/* border-bottom:    1px solid #CCC;	 */
	margin: 0;
	/* margin-bottom: 10px;	 */

}


#navsite1 ul li ul li a
{
 /* indent - level 1 */
 padding-left: 10px; 

 /* height of box */
 padding-top:    1px; 
 padding-bottom: 1px; 


 /* bg image for first sublevel */
 background-image:    url(../../layout_img/COM/listdir/list_icon_level1.gif);
 background-repeat:   no-repeat;
 background-position: left top;

 font-weight: normal;
 font-size: 11pt;

 color: #ABB3D4;  /* hellblaue Schrift */


}


/*
** level 2
*/
#navsite1 ul li ul li ul li
{
	border: 0px none;
	/* border-bottom:    1px solid #CCC;	 */


	margin-left: 23px;   /* making the hover block smaller, for this level 2  */
}



#navsite1 ul li ul li ul li a
{
 /* indent - level 2 - a must for use with bgimg */

  /* good for IE6 and mozilla  */
 padding-left: 15px; 

 /* height of box */
 padding-top:    3px; 
 padding-bottom: 3px; 

 background-image:    url(../../layout_img/COM/listdir/list_icon_level2.gif);
 background-repeat:   no-repeat;
 background-position: left top;

 font-weight: normal;  /* not necessary, due to inheritance */

 color: #ABB3D4;  /* hellblaue Schrift */


}





/**************************************************************************
*
*  Selectors isempty, inpath, isself,...
*
***************************************************************************/

#navsite1 		ul li       a:hover,
#navsite1 		ul li ul li a:hover
{	
	color: #FFF;
}



#navsite1 		ul li       a.isself,
#navsite1 		ul li       a.isself:hover,
#navsite1 		ul li ul li a.isself,
#navsite1 		ul li ul li a.isself:hover
{	
	color: #FFF;
}




/* Add bg image as a substitute for the bullet for the first sublevel only */
#navsite1 		ul li ul li a:hover,
#navsite1 		ul li ul li a.isself,
#navsite1 		ul li ul li a.isself:hover
{	
 	background-image:    url(../../layout_img/COM/listdir/list_icon_level1_isself.gif);
 	background-repeat:   no-repeat;
 	background-position: left top;

}





/**********************************************************/
/* 610 - box model hack  */
/* reset width: 100% to width: auto for all non ie browsers */

/*
html>body #navsite1 ul li a,
html>body #navsite1 ul li ul li a,
html>body #navsite1 ul li ul li ul li a
{ 
 width: auto; 
} 
*/