@charset "UTF-8";
/*
 * $Id: cssmenu.css 32 2009-08-15 07:49:13Z norman $
 *=========================================================================
 *
 * cssmenu.css 
 * -----------
 *
 * Design by ARTVERTISEMENT aufbereitet durch N. Markgraf
 *
 * Das Hauptmenue als reine CSS Implementierung. Basieren auf der Arbeit 
 * von Stu Nicholls (s.u.).
 *
 * $Author: norman $
 * $Revision: 32 $
 * $Date: 2009-08-15 09:49:13 +0200 (Sat, 15 Aug 2009) $
 * $URL: http://art.sefiroth.de/PROJEKTE/TF/drupal-template/styles/cssmenu.css $
 *
 *=========================================================================
 */
 
/* =================================================================== 
	This copyright notice must be untouched at all times.

	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */

#mainmenu .menu,
#adminmenu .menu,
#mainmenu,
#adminmenu
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

#mainmenu,
#adminmenu
{
	width: 1000px;	
	position: absolute;
}


* html #mainmenu
{
	width: 1000px;
	w\idth: 999px;
}

#mainmenu
{
	top: 90px;
	z-index: 101;
}

#adminmenu
{
	top: 120px;
	z-index: 90;
}

/* remove all the bullets, borders and padding from the default list styling */
.mymenu ul 
{
	padding:0;
	margin:0;
	list-style-type:none;
}

/* NM NEW */
.mymenu ul ul
{
	width: 148px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* NEW: width: 149px; */
.mymenu li 
{
	float:left; 
	position:relative;
	width: 148px;
}

.mymenu li.leaf,
.mymenu li.expanded
{	
	list-style-type: none;
	list-style-image: none;
	padding:0;
	margin:0;
}	
/* style the links for the top level */
.mymenu a.active, 
.mymenu a.active:visited{
	color:#0F2842; 
}

.mymenu a, 
.mymenu a:visited 
{
	display: block;
	font-size: 12px;
	text-decoration: none; 
	color: #0F2842; 
	height: 24px; 
	border: 1px solid #000; 
	border-width: 0px 0px 0px 0px; 
/*	background: url(../images/untermenu-oben-back.png) repeat; */
	line-height: 26px; 
	font-weight: normal; 
	padding-left: 30px; 
	padding-right: 30px;
}
/* a hack so that IE5.5 faulty box model is corrected */

/* NEW */
* html .mymenu a,
* html .mymenu a:visited 
{
	width: 149px;
	w\idth: 138px;
}

.mymenu ul ul a, 
.mymenu ul ul a:visited
{
	background: url(../images/untermenu-oben-back.png) repeat;
}

/* style the second level background */
.mymenu ul ul li.expanded a, 
.mymenu ul ul li.expanded a:visited 
{
	background: url(../images/untermenu-oben-back.png) repeat center;
}

/* style the second level background */
.mymenu ul ul a.active, 
.mymenu ul ul a.active:visited 
{
	background: url(../images/untermenu-oben-back.png) repeat center;
}

/* style the second level background */
.mymenu ul ul li.expanded a, 
.mymenu ul ul li.expanded a:visited {background:#99c1e8 url(../images/grey-arrow.png) no-repeat 130px center;}


/* style the second level hover */
.mymenu ul ul li.expanded a:hover
{
		background:#ffffff url(../images/grey-arrow.png) no-repeat 130px center;
}

.mymenu ul ul a:hover
{
		background: url(../images/untermenu-oben-back-neg.png) repeat center;
}

.mymenu ul ul :hover > a.active 
{
	background: url(../images/untermenu-oben-back.png) repeat center;
}

/* style the third level background */
.mymenu ul ul li.expanded ul a, 
.mymenu ul ul li.expanded ul a:visited,
.mymenu ul ul ul a, 
.mymenu ul ul ul a:visited 
{
	background: url(../images/untermenu-oben-back.png) repeat;
}
/* style the third level hover */
.mymenu ul ul li.expanded ul a:hover, 
.mymenu ul ul li.leaf a:hover,
.mymenu ul ul ul a:hover 
{
	background: url(../images/untermenu-oben-back-neg.png) repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.mymenu ul ul 
{
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 24px;
	left: 0; 
	border-top: 0px solid #000;
	width: 148px;
}
/* another hack for IE5.5 */
* html .mymenu ul ul {top:23px;t\op:24px;}
/* */
/* position the third level flyout menu */
.mymenu ul ul ul
{
	left:148px; 
	top:-1px;
	width: 148px;
}

/* position the third level flyout menu for a left flyout 
.mymenu ul ul ul.left 
{
	left:-149px;
}
*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
.mymenu table 
{
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;;
}

/* style the second level links */
.mymenu ul ul a, 
.mymenu ul ul a:visited  
{
	background: url(../images/untermenu-oben-back.png);
	color:#000; 
	height: auto; 
	line-height: 1.3em; 
	padding: 5px 10px; 
	width: 128px;
	border: 0;
}

/* yet another hack for IE5.5 */
* html .mymenu ul ul a,
* html .mymenu ul ul a:visited 
{
	width: 150px;
	w\idth: 128px;
}

/* style the top level hover */
.mymenu a:hover, 
.mymenu ul ul a:hover
{
	color:#000; 
	background: url(../images/untermenu-oben-back-neg.png) repeat;
}

.mymenu :hover > a, 
.mymenu ul ul :hover > a 
{
	color: #000; 
	background: url(../images/untermenu-oben-back-neg.png) repeat;
}


/* make the second level visible when hover on first level list OR link */
.mymenu ul li:hover ul,
.mymenu ul a:hover ul
{
	visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.mymenu ul :hover ul ul
{
	visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.mymenu ul :hover ul :hover ul
{ 
	visibility: visible;
}