/**
 * This file holds the Menustructure and the needed Funktion to show them
 * 
 * LICENSE: For detailed license informations visist 
 * http://tippspiel4free.de/tippbuli/license.
 * 
 * NOTE: This Script use the other scripts there are
 * released under GNU/GPL. But this File is NOT released under GNU/GPL.
 *
 * @namespace        core::include::Menu
 * @version          $Id: top_menu.css 1026 2009-09-09 19:17:28Z kalle $
 * @author           Tomtaz
 * @LastChangedBy    $LastChangedBy: kalle $    
 * @date             2009-09-6 20:00 +0100
 * @LastChangedDate  $LastChangedDate: 2009-09-09 21:17:28 +0200 (Mi, 09 Sep 2009) $
 * @Revision         $Revision: 1026 $
 * @copyright        (c) 2008-2009 by tippspiel4free.de All Rights reserved!
 * @license          „http://tippspiel4free.de/tippbuli/licence/ Tippspiel4free license“
 */
/* 
** Clearfix 
*/

#top_mainnav {
	height: 30px;
	position: absolute;
	bottom: 0;
	z-index: 999;
}

#top_mainnav a {
	outline: none;
}

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}
#top_menu {
	margin: 0; 
	padding: 0;
}

#top_menu ul {
	margin: 0;
	padding: 0;
}

#top_menu li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}

/*
 * Secound level list
 */
#top_menu li ul {
	width: 16.4em;
	position: absolute; 
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}
/*
 * third- and above-level lists
 */
#top_menu li ul ul {
	margin: -2.15em 0 0 16.0em;
}

#top_menu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#top_menu ul a {
	width: 14.8em;
	w\idth: 14.1em;
}

#top_menu li:hover ul ul, 
#top_menu li:hover ul ul ul,
#top_menu li.pzhover ul ul, 
#top_menu li.havechildpzhover ul ul, 
#top_menu li.havechild-activepzhover ul ul, 
#top_menu li.activepzhover ul ul,
#top_menu li.pzhover ul ul ul, 
#top_menu li.havechildpzhover ul ul ul, 
#top_menu li.havechild-activepzhover ul ul ul, 
#top_menu li.activepzhover ul ul ul {
	left: -999em;
}

/* 
 * This "unhides" the sub-menus (left: -999em is what hides them) 
 */
#top_menu li:hover ul, 
#top_menu li li:hover ul, 
#top_menu li li li:hover ul,
#top_menu li.pzhover ul, 
#top_menu li.havechildpzhover ul, 
#top_menu li.havechild-activepzhover ul, 
#top_menu li.activepzhover ul,
#top_menu li li.pzhover ul, 
#top_menu li li.havesubchildpzhover ul, 
#top_menu li li.havesubchild-activepzhover ul, 
#top_menu li li.activepzhover ul,
#top_menu li li li.pzhover ul, 
#top_menu li li li.havesubchildpzhover ul, 
#top_menu li li li.havesubchild-activepzhover ul, 
#top_menu li li li.activepzhover ul {
	left: auto;
}


/*
 * 1st level 
 */
#top_menu li a {
	color: #333333;
	display: block;
	font-size: 100%;
	font-weight: bold;
	line-height: 36px;
	margin: 0 2px 0 0;
	/*padding: 0 20px;*/
	text-decoration: none;
	/*background: url(./bg-tab.png) repeat-x bottom center #CCCCCC;*/
}

#top_menu li a:hover,
#top_menu li a:active,
#top_menu li a:focus,
#top_menu li a.active:hover,
#top_menu li a.active:focus {
	background: url(./../img/men.jpg) repeat-x top center #666666;
	/*color: #FFFFFF;*/
}

#top_menu li:hover a,
#top_menu li.pzhover a,
#top_menu li.havechildpzhover a,
#top_menu li.havechild-activepzhover a,
#top_menu li.havechild-activepzhover a {
	background: url(./../img/men.jpg) repeat-x top center #666666;
	/*color: #FFFFFF;*/
}

#top_menu li a.active,
/*#top_menu li a.active:hover,*/
#top_menu li a.active:active
/*#top_menu li a.active:focus*/ {
	background: url(./../img/active-bg-tab.png) repeat-x top center #FFFFFF;
	color: #333333;
}

/*
 * 2nd level and above 
 */
#top_menu li ul {
	border: 1px solid #666666;
	background: url(./../img/bg-trans.png);
}

#top_menu li ul li {
	border-bottom: 1px solid #444444;
	border-top: 1px solid #777777;
}

#top_menu li:hover li a,
#top_menu li.pzhover li a,
#top_menu li.havechildpzhover li a,
#top_menu li.havechild-activepzhover li a {
	background: none;
}

#top_menu li ul a {
	margin: 0;
	padding: 0 10px;
	border: none;
	white-space: nowrap;
	font-weight: normal;
	font-size: 100%;
	line-height: 26px;
	background: none;
	color: #FFFFFF;
}

#top_menu li.havesubchild,
#top_menu li.havesubchild-active {
	background: url(./../img/arrow.png) no-repeat 94% 50%;
}

#top_menu li ul a:hover,
#top_menu li ul a:active,
#top_menu li ul a:focus,
#top_menu ul li:hover,
#top_menu ul li.pzhover,
#top_menu ul li.havesubchildpzhover,
#top_menu ul li.havesubchild-activepzhover,
#top_menu ul ul li:hover,
#top_menu ul ul li.pzhover,
#top_menu ul ul li.havesubchildpzhover,
#top_menu ul ul li.havesubchild-activepzhover {
	/*color: #FFFFFF;*/
	background: #999999;
}

#top_menu ul li a.active,
#top_menu ul li a.active:hover,
#top_menu ul li a.active:active,
#top_menu ul li a.active:focus {
	background: transparent url(./../img/bg-trans-active.png) repeat top center;
	display: block;
	color: #FFFFFF;
}