@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
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @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 {
        clear: both; 
        padding: 0; 
        height: 32px;
        width: 100%; 

}

        ul.dropdown li {
                margin: 10px auto 0 auto; 
                padding: 0;
        }
        
        /* Headers */
        ul.dropdown li .header { 
                float: left; 
                height: 29px; 
                padding-left: 3px; 
                font-size: 13px; 
                letter-spacing: -1px; 
                background: url(../images/top/arr.gif) center 16px no-repeat; 
        }
        ul.dropdown li .header strong { 
                float: left; 
                height: 79px; 
                line-height: 79px; 
                padding: 0 20px 0 2px; 
        }
        
        /* Hover headers */
        ul.dropdown li.hover .header,
        ul.dropdown li:hover .header {
                 color: #e1f1f1; 
        }        
        
        /* Single */
        ul.dropdown li.hover .header,
        ul.dropdown li:hover .header {
                background: url(../images/top/left-single.gif) no-repeat;
        }        
        ul.dropdown li.hover .header strong,
        ul.dropdown li:hover .header strong {
                 background: url(../images/top/right-single.gif) right 0 no-repeat;
        }
        
        /* Multiple */
        ul.dropdown li.dir.hover .header,
        ul.dropdown li.dir:hover .header {
                background: url(../images/top/left.gif) no-repeat;
        }        
        ul.dropdown li.dir.hover .header strong,
        ul.dropdown li.dir:hover .header strong {
                 background: url(../images/top/right.gif) right 0 no-repeat;
        }        
        
        

        /* -- level mark -- */

        ul.dropdown ul {
                 width: 221px;
                 margin-top: 0px;
        }

        ul.dropdown ul li {
		 	background: url(../images/top/menu.gif) repeat-y;
			padding-left: 1px;			
		}
		
		ul.dropdown ul .first { 
			background: url(../images/top/first.gif) right 0 no-repeat; 
			padding-top: 3px;
			}
		
		ul.dropdown ul .last { 
			background: url(../images/top/last.gif) 0 bottom no-repeat;
			padding-bottom: 3px; 
		}
		
		ul.dropdown ul li a {
			display: block;
			font-size: 13px;
			font-weight: bold;
			padding-top: 6px;
			padding-bottom: 6px;
			color: #aa0778;
			border-top: 1px solid #0e450c; 
			background-color: #B4B4B4;
		}
		
		ul.dropdown ul li a:hover {
			font-weight: bold;
			color: #fff;
			background-color: #0e450c;
		}
		
		ul.dropdown ul .first a {
			border: 0;
		}
		
		
		
		
		
		ul.dropdown ul .akt{
            /*width: 221px;*/
            margin-top: 0px;
            margin-left: 40px;
			margin-right: -30px;
        }

        ul.dropdown ul li .akt{
		 	background: url(../images/top/menu.gif) repeat-y;
			padding-left: 1px;
									
		}
		
		ul.dropdown ul .aktfirst { 
			background: url(../images/top/first.gif) right 0 no-repeat; 
			padding-top: 3px;
			margin-left: 40px;
			margin-right: -30px;
			}
			
		ul.dropdown ul .aktlast { 
			background: url(../images/top/last.gif) 0 bottom no-repeat;
			padding-bottom: 3px;
			margin-left: 40px;
			margin-right: -30px;
		}

		ul.dropdown ul li .akt a {
			display: block;
			font-size: 13px;
			font-weight: bold;
			padding-top: 6px;
			padding-bottom: 6px;
			color: #aa0778;
			border-top: 1px solid #0e450c; 
			background-color: #B4B4B4;
		}
		
		ul.dropdown ul li .akt a:hover {
			font-weight: bold;
			color: #fff;
			background-color: #0e450c;
		}
		
		ul.dropdown ul .aktfirst a {
			border: 0;
		}