@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
* "YAML for Joomla Template" - http://www.joomla-template-yaml.de
*
* (en) Horizontal dropdown/hover navigation based on "AdxMenu"
* (de) Horizontale Dropdown/Hover Navigation basierend auf "AdxMenu"
*
* @version    $Id: nav_adxmenu_htb.css 114 2007-10-15 00:20:22Z hieblmedia $ 
* @package    yamljoomla
* @version    2.7.3
* @link       http://www.joomla-template-yaml.de
* @copyright  Copyright (C) 2005-2007 Reinhard Hiebl
* @license    CC-A-NC 2.0 (http://creativecommons.org/licenses/by-nc-sa/2.0/de/),
*             http://www.joomla-template-yaml.de/nutzungsbedingungen.html  
*/

@media all
{

	#nav_main {
		width:100%;
		float:left;
		color: #fff;
		background:#D02245;
		background:#D02245 url(gfx/adxmenu/menueleiste.jpg) repeat-x top;
		/*background:#040404 url(gfx/adxmenu/nav_main_bg.gif) repeat-x top;*/ 
	}
			/* (en|de) IE Part - IE5/6 */
			* html #nav {
				position:relative; z-index:10;
			}
			
	/* (en) Disable Focus Border (firefox) */
	/* (de) Rahmen der Fokusieren ausschalten (firefox) */
	#nav_main .menu a:active, #nav_main .menu a:focus { outline:none; }
	
	/* (en|de) Reset Styles */
	#nav_main .menu, #nav_main .menu ul {
		margin: 0;
		padding: 0;
		border: 0;
		list-style-type: none;
	}
	#nav_main .menu { 
		float:left;
		
		/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
		display:inline;
	
		/* (en) Left margin of the first button  */
		/* (de) Abstand des ersten Buttons vom linken Rand  */
		/*margin-left: 30px;*/
			
		line-height: 1em;	
		/*border-right:1px solid #444;
		border-left:1px solid #222;*/
	}
	#nav_main .menu ul {
		float:none; display:block;
	}			
			/* (en|de) IE Part - IE5/6 */
			/* (en) fix clickability-area problem by linebreak */
			/* (de) Behebt Problem mit Klickbereich im IE beim Zeilenumbruch  */
			#nav_main .menu ul a{	
				height:1%;
			}
	
	#nav_main .menu li {
		margin: 0;
		padding: 0;
		border: 0;
		display: block;
		
		/* (en) move all main list items into one row, by floating them */
		float: left;
		
		/* (en) position each LI, thus creating potential IE.win overlap problem */
		position: relative;
		
		/* (en) thus we need to apply explicit z-index here... */
		z-index: 5;	
		
		/* (en|de) Design Part */
		/*border-right:1px solid #222;
		border-left:1px solid #444;*/
	}
	
	#nav_main .menu a {
		/* (en|de) Design Part */
		background:none;
		text-decoration: none;
		color: #fff;
		padding: .2em 0.8em;
		font-weight:bold;
		display: block;	
		position: relative;
	}

	#nav_main .menu .current > a {
		/* (en|de) Design Part */
		color: #D02245;
	
	}


	#nav_main .menu a.separator {
		cursor:default;
	}
	
	#nav_main .menu a:hover, #nav_main .menu li:hover>a {
		/* (en|de) Design Part */		
		/*background:#3d3d3d url(gfx/adxmenu/nav_main_bg_hover.gif) repeat-x top;*/
		background: #E7E7EA;
                 color: #000000;
                /*width: 100%;*/
	}
		/*** IE Part ***/ /* li:hover>a selector */
		#nav_main .menu a:hover, #nav_main .menu .adxmhoverA {		
			/* (en|de) Design Part */
			background:#E7E7EA;
			color: #000000;
		}
	
	/* Active Menu */
	#nav_main .menu li.current {
		/* (en|de) Design Part */
		/*background:#3d3d3d url(gfx/adxmenu/nav_main_bg_hover.gif) repeat-x top;*/
		color: #D02245;
		background:#ffffff url(gfx/adxmenu/menueleiste_aktiv.jpg) no-repeat 102% 72%;
	}	
	* html #nav_main .menu li.current {
		background: #DCDCDC;
		color: #000;
	}	
	#nav_main .menu>li:first-child>a, #nav_main .menu li + li + li li:first-child>a {
		/* (en|de) Design Part */
		/* (en) special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
			      placed here to clarify the terminology I use when referencing submenus in posts */
		/* color: #567; */
	}
	
	#nav_main .menu li:hover {
		/* (en)  ...and here. this makes sure active item is always above anything else in the menu */
		z-index: 10000;
		
		/* (en) required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
								see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
		white-space: normal;
	}
			/* (en|de) IE Part - IE5/6 */
			#nav_main .menu li.adxmhover {
				z-index: 10000;
			}
	
	#nav_main .menu li li {
		/* (en) items of the nested menus are kept on separate lines */
		/*float: none;*/
		width: 100%;
		
		/* (en|de) Design Part */
		border-left:4px solid #BC2A73;
		border-right:0;
		/* background:#666;*/
                background:#D02245;
	}
			/* (en|de) IE Part - IE5/6 */
			#nav_main .menu li.adxmhover li {	/* (en) fix white gap problem */
				float: left;
				width: 100%;
			}
			#nav_main .menu li.adxmhover li a {	/* (en) IE5-6 - prevent double-line between items */
				/*margin-top: -1px;*/
			}
			*+html #nav_main .menu li li a {	/* (en) IE7 - prevent double-line between items */
				/*margin-top: -1px;*/
			}
	
	#nav_main .menu ul {
		visibility: hidden;	/* (en) initially hide all submenus. */
		position: absolute;
		z-index: 10;
		
		/* (en) while hidden, always keep them at the top left corner, */
		left: 0;	
		/* (en) to avoid scrollbars as much as possible */
		top: 0;
		
		/* (en|de) Design Part */
		/*width: 11em;*/
	}
	
	#nav_main .menu ul>li + li {	/* (en) and remove the top border on all but first item in the list */
		/* (en|de) Design Part */
		border-top: 0;
	}
	
	#nav_main .menu li:hover>ul {
		visibility: visible;	/* (en) display submenu them on hover */
		top: 100%;	/* (en) 1st level go below their parent item */
	}
			/* (en|de) IE Part - IE5/6 */
			#nav_main .menu .adxmhoverUL {	/* li:hover>ul selector */
				visibility: visible;
			}
			#nav_main .menu .adxmhoverUL {	/* (en) 1st-level submenu go below their parent item - li:hover>ul selector */
				top: 100%;
				left: 0;
			}
	
	
	#nav_main .menu li li:hover>ul {	/* (en) 2nd+ levels go on the right side of the parent item */
		top: 0;
		left: 100%;
		
		/* (en) inset 2nd+ submenus, to show off overlapping */	
		/* top: 5px; */
		/* left: 90%; */
	}
			/* (en|de) IE Part - IE5/6 */
			#nav_main .menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
				top: 0;
				left: 100%;

				/* (en) inset 2nd+ submenus, to show off overlapping */	
				/* top: 5px; */
				/* left: 90%; */
			}
	
	/* -- float.clear --
		force containment of floated LIs inside of UL */
	#nav_main .menu:after, #nav_main .menu ul:after {
		content: ".";
		height: 0;
		display: block;
		visibility: hidden;
		overflow: hidden;
		clear: both;
	}
			/* (en|de) IE Part - IE7 */
			#nav_main .menu, #nav_main .menu ul {	
				/* (en) IE7 float clear: */
				min-height: 0;
				/*background: #D02245;*/
			}
	/* -- float.clear.END --  */
	
	/* -- sticky.submenu -- (en)
		it should not disappear when your mouse moves a bit outside the submenu
		YOU SHOULD NOT STYLE the background of the "#nav_main .menu UL" or this feature may not work properly!
		if you do it, make sure you 110% know what you do */
	#nav_main .menu ul {
		background-image: url(gfx/adxmenu/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
		/*padding: 10px 30px 30px 30px;
		margin: -10px 0 0 -30px;*/
                border-bottom: 1px #BC2A73 solid;
                border-right: 1px #BC2A73 solid;
		
		/* (en) uncomment this if you want to see the "safe" area.
		        you can also use to adjust the safe area to your requirement */
		/*background: #f00;*/
	}
	#nav_main .menu ul ul {
		padding: 30px 30px 30px 10px;
		margin: -30px 0 0 -10px;
	}
	/* -- sticky.submenu.END -- */

	.tool_pathway {
		border-top: 1px #D02245 solid;
		margin-top: 29px;
	}

  
}

}