/* ================================================================ 
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-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navigation 				{ font-size:72%; display: block; text-align: left; position:absolute; top: 0; left: 0; z-index: 10; } 
* html #navigation 		{ font-size:70%; display: block; text-align: left; position:absolute; top: 0; left: 0; z-index: 10; } 
.menu  					{ width: 815px; position: relative; z-index: 100; line-height: 2em; height: 2em;  }

.menu ul  															{ font-weight: bold; text-transform: none; list-style-type: none; list-style-image: none; margin: 0; padding: 0;  }
.menu ul ul  														{ font-weight: normal; width: 252px; border-top: 1px solid #013b69; }

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

/* style the links for the top level */
.menu a, .menu a:link, .menu a:visited  							{ color: #013B69; text-align: center; text-decoration: none; display: block; width: 8.9em; background-color: #ffffff; background-image: none; border-right: 1px solid #013b69; border-bottom: 1px solid #013b69  }

/* style the second level background */
.menu ul ul a, .menu ul ul a:link, .menu ul ul a:visited 			{  width: 240px; text-align: left; background-color: #E9E8F0; padding-right: 5px; padding-left: 5px; border-right: 1px solid #013b69; border-bottom-style: none; border-left: 1px solid #013b69}
.menu ul ul a:hover 												{ background:#fff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul															{ visibility: hidden; position: absolute; z-index: 200; top: 2em; margin-left: -1px; height: 0;  }
* html .menu ul ul 													{ left: 0; }

/* position the third level flyout menu */
.menu ul ul ul								 						{ position: absolute; z-index: 200; top: -1px; left: 252px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table 														{ position:absolute; z-index: 200;top:0; left:0; font-size:1em; line-height: 2em} 

/* style the top level hover */
.menu a:hover 														{ background:#E9E8F0 }
.menu :hover > a 													{ background:#E9E8F0 } 

.menu ul ul a:hover, 
.menu ul ul a:active,
.menu ul ul :hover > a												{ background:#fff }

/* styles links with sub */
a.drop,
a.drop:link,
a.drop:visited,
a.drop:hover,
a.drop:active   													{ background-color: #e9e8f0; background-image: url(http://www.bsh.de/Vorlagen/ressources/images/misc/pfeil.gif); background-repeat: no-repeat; background-position: right top; }
a.drop:hover   														{ background-color: #fff; }
/* style the top level active */
a.menu a.act, 
.menu a.act:link, 
.menu a.act:visited, 
.menu a.act:hover, 
.menu 
a.act:active { color: #013B69; text-align: center; text-decoration: none; display: block; width: 8.9em; background-color: #e9e8f0; background-image: none; border-right: 1px solid #013b69; border-bottom: 1px solid #013b69; } 

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul													{ visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul,
.menu ul :hover ul :hover ul ul 									{ visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul,
.menu ul :hover ul :hover ul :hover ul								{ visibility:visible;}