@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown-vertical {
    width: 160px;
    top: 70px;
}

	ul.dropdown li {
    	 padding: 7px 0;
    	 border-style: solid;
    	 border-width: 0;
    	 border-color: #fff;
    	 background-color: black;
	}
	
        ul.dropdown a {
            display: block;
            font-weight: bold;
            text-transform: uppercase;
            color: #D30033;    
        }

        ul.dropdown a:link,
        ul.dropdown a:visited { 
	       text-decoration: none; 
        }
        
        ul.dropdown li a:hover { 
            color: white; 
        }
        
        ul.dropdown li a:active	{ 
            color: white; 
        }

        ul.dropdown ul a {
            padding-left: 8px;
        }

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
	 margin-top: 1px;
	 border: 1px solid white;
	}
	
	ul.dropdown ul ul {
        width: 190px;
	}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


/* -- Components override -- */

ul.dropdown-vertical li.dir {
 background-image: url(images/SpryMenuBarRight.gif);
 background-position: 93% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-vertical li.dir:hover {
 background-image: url(images/SpryMenuBarRightHover.gif);
}

/* BK: Blätter des Menübaumes haben keinen Oeffnen-Pfeil */
ul.dropdown-vertical li.menu_leaf {
 background-image: none;
}

ul.dropdown-vertical li.menu_leaf:hover {
 background-image: none;
}