/* CSS Document */
/* ================================================================ 
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/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements. 

padding: following order: top, right, bottom, left.
=================================================================== */
/* style the outer div to give it width */
.cssmenu 
{font-size:0.85em; padding-bottom:0px; width:960px;}

/*wtt wegen verschiedenen menues per id */
#menu1{ 
  float:right;
} 

 
#divMenue1 a
 {
  background: #000;
	/*color: rgb(0,0,153);*/
	color: #fff;
	float: left;
	text-align: left;
	
	display: block;
	height: 100%;
	/*width: 8em;
	font-size: 1em;*/
	font-size: 12px;	
	font-weight: bold;
	text-decoration: none;

	padding: 0 1em 0 1em;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	border: 0px solid #000
} 
/* #divMenue2 a
{
  background: #fff;
	color: #000;
	float: left;
	text-align: left;
} */ 

/* remove all the bullets, borders and padding from the default list styling */
.cssmenu ul  
 {
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 2em;
	background: transparent;
}

/* style the sub-level lists */
.cssmenu ul ul {
  width:15em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.cssmenu ul li 
{float:left;height:2em;line-height:2em; display:block;}

/* style the sub level list items */
.cssmenu ul ul li 
{display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.cssmenu a, .cssmenu a:visited
 {
	display: block;
	float: left;
	height: 100%;
	/*width: 8em;
	font-size: 1em;*/
	font-size: 12px;	
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: #ffffff center center;
	padding: 0 1em 0 1em;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	border: 0px solid #000;
}

/* hack IE5.x to get the correct the faulty box model and get the width right 
auch IE6 top menue breite*/
* html .cssmenu a, * html .cssmenu a:visited 
{width:11em; w\idth:11em;}

/* style the sub level links */
.cssmenu ul ul a, .cssmenu ul ul a:visited 
 {
	display: block;
	/*background: #5B86CA url(sub_grad.gif);*/
  background: #ffffff;
	color: #000000;
	width: 12em;
	height: 100%;
	line-height: 1em;
	padding: 0.5em 1em;
	border-left: 1px solid #000;
	border-bottom: 0px solid #7aa;
	z-index: 5;
}

* html .cssmenu ul ul a, * html .cssmenu ul ul a:visited  
{width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.cssmenu table 
 {
	border-collapse: collapse;
	padding: 0;
	margin: -1px;
	width: 0;
	height: 0;
	font-size: 1em;
	z-index: 5;
}

/* style the sub level 1 hover background -rot*/
.cssmenu ul :hover a.sub1 
{background:#f0f0f0; z-index: 5;}
/* style the sub level 2 background - gift gruen */
.cssmenu ul ul :hover a.sub2 
{background:#f0f0f0; z-index: 5;}
/* style the third level background */
.cssmenu ul ul ul a, .cssmenu ul ul ul a:visited 
/*{background:#b4be9c url(sub_grad.gif);}*/
{background:#ffffff;}
/* style the fourth level background */
.cssmenu ul ul ul ul a, .cssmenu ul ul ul ul a:visited 
{background:#ffffff;}
/* {background:#c4ceac url(sub_grad.gif);} */ 

/*werner einfefuegt wegen 1 sublevel background color*/
.cssmenu ul ul a.sub2  {background:#f0f0f0; z-index: 5}

/* style the level hovers */
/* first */
* html .cssmenu a:hover 
 {
	color: #00007C;
	/*background: #d4d8bd url(top_grad_2.gif) center center; nein*/
	background: #f0f0f0  center center;
	position: relative;
	z-index: 100;
}
.cssmenu li:hover 
{position:relative; z-index: 5}
.cssmenu :hover > a 
 {
	color: #00007C;
	/*background: #d4d8bd url(top_grad_2.gif) center center; nein
  hover top ohne subs */
	background: #f0f0f0 center center;
}

/* second */
* html .cssmenu ul ul a:hover
{color:#00007C;background:#f0f0f0; position:relative; z-index:110;}
.cssmenu ul ul li:hover 
{position:relative;}
.cssmenu ul ul :hover > a 
{color:#00007C;background:#f0f0f0;}

/* third */
* html .cssmenu ul ul ul a:hover 
{background:#ffffff; position:relative; z-index:120;}
.cssmenu ul ul ul :hover > a 
{background:#f0f0f0;}

/* fourth */
.cssmenu ul ul ul ul a:hover 
{background:#f0f0f0; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.cssmenu ul ul 
/* {visibility:hidden;position:absolute;height:0;top:2em; left:0; width:14em;} */ 
{visibility:hidden;position:absolute;height:0;top:1.5em; left:0; width:14em;}


/* position the third level flyout menu */
.cssmenu ul ul ul
{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link 
 padding: following order: top, right, bottom, left. */
.cssmenu ul :hover ul
 {
	visibility: visible;
	height: auto;
	padding: 0 3em 3em 3em;
/* 	background: transparent url(images/trans.gif); */ 
	left: -3em;
}
/* keep the third level hidden when you hover on first level list OR link */
.cssmenu ul :hover ul ul
{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.cssmenu ul :hover ul :hover ul ul
{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.cssmenu ul :hover ul :hover ul
{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.cssmenu ul :hover ul :hover ul :hover ul 
{visibility:visible;}

/*
<!--[if lte IE 6]>
<style type="text/css">
.cssmenu ul ul {left:-1px; margin-left:-1px;}
</style>
<![endif]-->
*/