/**
* @version      $Id: navigation.css 26 2007-09-26 13:33:01Z spook.68 $
* @package      Joomla!
* @subpackage   68portal
* @copyright    Copyright (c)2007 Axel Wehner. All rights reserved.
* @license      GNU/GPL
**/

/*********************************************************************************************************
        top navigation
*********************************************************************************************************/
/* why they are using the old markup from J! 1.0.x? whatever.. the css works with both menu markups ;) */
div#top-header ul
{ position: absolute; bottom: 0px; right: 10px; z-index: 120; margin: 0; padding: 0; }

        div#top-header ul li
        { list-style: none; padding: 0; margin: 0; font-size: 0.89em; float: left; }

                div#top-header ul li a:link, div#top-header ul li a:visited
                { float: left; /* ie 6 */ color: #000000; height: 1%; display: block; margin: 0 0.2em; padding: 0.5em 0.7em 0.2em 0.7em;
                text-transform: uppercase; text-decoration: none; }

                div#top-header ul li a:hover
                { color: #000; text-decoration: underline; }

                div#top-header ul li a:active, div#top-header ul li a:focus,
                div#top-header ul li a#active_menu-nav,
                div#top-header ul li.active a:link, div#top-header ul li.active a:visited, div#top-header ul li.active a:active, div#top-header ul li.active a:focus
                { color: #fff; background: #930000 url(../images/menu-active.png) top center no-repeat; }


/*********************************************************************************************************
        left navigation
*********************************************************************************************************/

/* first level
*************************/
div#left-sidebar ul.menu
{ font-size: 1em; color: #fff; margin: 0 -5px -5px -5px; padding: 0; list-style: none; border-top: solid 2px #959F0B; }

div#left-sidebar .heading ul.menu /* menu with heading */
{ margin: -5px; border: 0; }

        div#left-sidebar ul.menu li
        { padding: 0; margin: 0; border-top: 1px solid #eeeeee;}

        div#left-sidebar ul.menu li.first
        { border: 0; }

                div#left-sidebar ul.menu li a:link, div#left-sidebar ul.menu li a:visited
                { padding: 0.3em 0.5em; display: block; color: #930000; height: 1%; font-size: 0.8em; text-decoration: none; text-transform: uppercase; font-weight: bold; }

                div#left-sidebar ul.menu li a:hover
                { color: #fff; background-color: #393a3c; }

                div#left-sidebar ul.menu li a:active, div#left-sidebar ul.menu li a:focus,
                div#left-sidebar ul.menu li.active a:link, div#left-sidebar ul.menu li.active a:visited
                { color: #000; background: #bbbbbb url(../images/menu_left_active.gif) right center no-repeat; }


/* second level
*************************/
div#left-sidebar ul.menu ul
{ margin: 0; list-style: none; background: #eeeeee; }

        div#left-sidebar ul.menu li li
        { padding: 0 0 0 15px; border: 0; }

                div#left-sidebar ul.menu li.active li a:link, div#left-sidebar ul.menu li.active li a:visited
                { background: #eeeeee url(../images/menu_sub_left.gif) 0 55% no-repeat; color: #000000; padding: 0.2em 0.5em 0.2em 10px; font-size: 0.85em; font-weight: normal; text-transform: none; }


                div#left-sidebar ul.menu li.active li a:hover, 
                div#left-sidebar ul.menu li.active li a:active, 
                div#left-sidebar ul.menu li.active li a:focus,
                div#left-sidebar ul.menu li.active li.active a:link, 
                div#left-sidebar ul.menu li.active li.active a:visited
                { color: #000; background-image: url(../images/menu_sub_left_active.gif); text-decoration: underline; }


/* third level
*************************/
/* same list settings as the second level */
div#left-sidebar ul.menu li.active li.active li a:link, div#left-sidebar ul.menu li.active li.active li a:visited
{ background: #eeeeee url(../images/menu_subsub_left.gif) 0 50% no-repeat; color: #930000; padding: 0.1em 0.5em 0.1em 10px; }

                div#left-sidebar ul.menu li.active li.active li a:hover,        div#left-sidebar ul.menu li.active li.active li a:active, div#left-sidebar ul.menu li.active li.active li a:focus,
                div#left-sidebar ul.menu li.active li.active li.active a:link, div#left-sidebar ul.menu li.active li.active li.active a:visited
                { color: #000; background-image: url(../images/menu_subsub_left_active.gif); }



/*********************************************************************************************************
        footer navigation
*********************************************************************************************************/

#div#footer ul
#{ position: absolute; right: 10px; z-index: 120; margin: 0; padding: 0; }

        div#footer ul li
        { list-style: none; padding: 0; margin: 0; font-size: 0.89em; float: left; }

                div#footer ul li a:link, div#footer ul li a:visited
                { float: left; /* ie 6 */ color: #666666; height: 1%; display: block; margin: 0em; padding: 0em 0.7em 0em 0.7em;
                text-decoration: none; }

                div#footer ul li a:hover
                { color: #000; text-decoration: underline; }