/* -------------------------------------- */
/* -------------------------------------- */
/* [ DYNAMIC MENU CSS DEFINITION ] */
/* -------------------------------------- */
/* -------------------------------------- */

/* Display elements inline */
div#course_categories_menu_horizontal { margin: 0; }

div#course_categories_menu_horizontal div { }
div#course_categories_menu_horizontal div #li_group_id_ { }

div#course_categories_menu_horizontal p { font-size: 11px; display:inline; margin: 0 0 0; padding: 0; }

/* Hide elements with depth > 0 */
div#course_categories_menu_horizontal div#group_depth_0 { display: block; }
div#course_categories_menu_horizontal div#group_depth_1 { display: none; }
div#course_categories_menu_horizontal div#group_depth_2 { display: none; }
div#course_categories_menu_horizontal div#group_depth_3 { display: none; }
div#course_categories_menu_horizontal div#group_depth_4 { display: none; }
div#course_categories_menu_horizontal div#group_depth_5 { display: none; }
div#course_categories_menu_horizontal div#group_depth_6 { display: none; }
div#course_categories_menu_horizontal div#group_depth_7 { display: none; }

/* Element definition for inactive elements */
div#course_categories_menu_horizontal div.inactive { background-color: transparent; background-image: url(../../../../img_rtv/sprachnav_off_index.gif); background-repeat: no-repeat; background-position: 4px 2px; width: 88px; height: 22px; display:inline; float: left; margin: 0; padding: 1px 0 0;}
div#course_categories_menu_horizontal div.inactive_hover { background-color: transparent; background-image: url(../../../../img_rtv/sprachnav_on_index.gif); background-repeat: no-repeat; background-position: 4px 2px; width: 88px; height: 22px; display:inline; float: left; margin: 0; padding: 1px 0 0; }

/* Link definition for inactive elements */
div#course_categories_menu_horizontal div.inactive a.link { color: white; background-color: transparent; text-decoration: none; padding: 10px 10px 10px 33px; }
div#course_categories_menu_horizontal div.inactive_hover a.link { color: black; background-color: transparent; text-decoration: none; padding: 10px 10px 10px 33px; }

/* Link definition for active elements */
div#course_categories_menu_horizontal div.active {background-color: transparent; background-image: url(../../../../img_rtv/sprachnav_on_index.gif); background-repeat: no-repeat; background-position: 4px 2px; width: 88px; height: 22px; display:inline; float: left; margin: 0; padding: 1px 0 0;}
div#course_categories_menu_horizontal div.active_hover {background-color: transparent; background-image: url(../../../../img_rtv/sprachnav_on_index.gif); background-repeat: no-repeat; background-position: 4px 2px; width: 88px; height: 22px; display:inline; float: left; margin: 0; padding: 1px 0 0;}

div#course_categories_menu_horizontal div.active a.link { color: white; background-color: transparent; text-decoration: none; padding: 10px 10px 10px 33px; }
div#course_categories_menu_horizontal div.active_hover a.link{ color: white; background-color: transparent; text-decoration: none; padding: 10px 10px 10px 33px; }

/* put one style to all elements inside the active branch */
div#course_categories_menu_horizontal p.single_grp_exp a.link,
div#course_categories_menu_horizontal p.single_grp_a a.link,
div#course_categories_menu_horizontal p.single_grp_a_exp a.link { color: black; background-color: transparent; }

/* Hide special groups */
div#course_categories_menu_horizontal div#li_group_id_ { display: none; }