@CHARSET "UTF-8";
/* ================================================================ 
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-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	background-color: 		#a9a9a9;
	height: 				25px;
}

.menu a.home {
	padding:				0px;
	border:					0px;
	margin:					0px 2px 0px 2px;
}

.menu a.home img {
	padding:				0px;
	border:					0px;
	margin:					0px;
}

/* Google-Suche */
.menu div.googleSearch {
	margin:					0px;
	padding:				2px;
	border:					none;
	display:				block; 
	text-align: 			right;
	vertical-align:			top;
}

.menu div.googleSearch form {
	padding:				0px;
	margin:					0px;
	border:					none;
	display:				inline;
	vertical-align:			top;
}

.menu div.googleSearch input {
	display:				inline;
	margin:					0px;
	padding: 				0px;
	vertical-align:			top;
}

.menu div.googleSearch input.txt {
	width:					155px;
	height:					14px;
	vertical-align:			top;
}

.menu div.googleSearch input.subm {
	width:					12px;
	height:					15px;
	vertical-align:			top;
}

.menu a, .menu b { 
	font-weight:			bold; 
	color:					#ffffff; 
	white-space:			nowrap;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:				0px;
	margin:					0px;
	list-style-type:		none; 
	height:					2.3em; 
	display: 				inline;
}

/* style the sub-level lists */
.menu ul ul {
	border-left:			2px #a9a9a9 solid;
	border-bottom:			2px #a9a9a9 solid;
	border-right:			2px #a9a9a9 solid;
}

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

/* Link 1. Ebene aktiv */
.menu ul li a.on {
	color:					#000000;
}

/* Link 1. Ebene inaktiv */
.menu ul li a.off {
	color:					#ffffff;
}

/* Link 1. Ebene hover */
.menu ul li a:hover {
	color:					#000000;
}

/* style the sub level list items */
.menu ul ul li {
	display:				block;
	text-align:				left;
	width:					218px; 
	border-top: 			1px #ffffff solid;
	margin-top:				2px;
}

.menu ul li ul {
	display:				block;
	width:					auto;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:				block; 
	float:					left; 
	font-weight:			bold; 
	text-decoration:		none; 
	color:					#ffffff; 
	padding:				0 1em 0 1em; 
}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html  .menu a, * html  .menu a:visited {width:11em; w\idth:6em; *width:5em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:				block; 
	width:					220px; 
	height:					100%; 
	line-height:			1em; 
	padding:				5px; 
}


/*   */
/*  .menu ul li:last-child a { border-bottom:1px solid #999; } */

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


/* style the third level background */
 .menu ul ul ul a,  .menu ul ul ul a:visited {}
/* style the fourth level background */
 .menu ul ul ul ul a,  .menu ul ul ul ul a:visited {}
/* style the sub level 1 background */
 .menu ul a.sub1 { color: #FFFFFF; }
 .menu ul :hover a.sub1 {}

/* style the sub level 2 background */
 .menu ul a.sub2 { color: #FFFFFF; }
 .menu ul :hover a.sub2 {}

/* style the level hovers */
/* first */
* htmt.menu a:hover {
	color:					#000000;
	position:				relative; 
	z-index:				100;
}

.menu li:hover {
	position:				relative;
}

.menu :hover > a {
	color:					#000000;
}

/* second */
* html .menu ul ul a:hover {
	color:					#fff;
	position:				relative; 
	z-index:				110;
}

.menu ul ul li:hover {
	position:				relative;
	background-color: 		#a9a9a9;
}

.menu ul ul :hover > a {
	color:					#000000;
}


/* third */
* html  .menu ul ul ul a:hover {background:#cdcdcd; color:#000000; position:relative; z-index:120;}
 .menu ul ul ul :hover > a {background:#cdcdcd;}
/* fourth */
 .menu ul ul ul ul a:hover {background:#cdcdcd; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
 .menu ul ul {visibility:hidden;position:absolute;height:0;top:2.3em; left:0; width:13em;}
* html  .menu ul ul {visibility:hidden;position:absolute;height:0;top:2.2em; left:0; width:13em;}

/* position the third level flyout menu */
 .menu ul ul ul{left:8em;top:0;width:13em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul { 
	z-index:				1002; 
	visibility:				visible; 
	height:					auto; 
	padding:				3px 10px 3px 10px; 
	left:					-3em;
}


/* keep the third level hidden when you hover on first level list OR link */
 .menu ul :hover ul ul{visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
 .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{visibility:visible; padding:2em 7em 2em 2em; left:10em; top:-2em; }
/* make the fourth level visible when you hover over third level list OR link */
 .menu ul :hover ul :hover ul :hover ul {visibility:visible;  padding:2em 7em 2em 2em; left:10em; top:-2em; }


/* *********************** */
/* Navigation linke Spalte */
.leftNav a {
	color:					#ffffff!important;
	text-decoration: 		none!important;
	font-weight: 			bold;
	font-family:			Arial, Helvetica, Sans-Serif, freeSans;
	font-size:				8pt;
	line-height: 			12pt;
}

.leftNav a:hover {
	color:					#000000!important;
}

.leftNav ul {
	list-style-type:		none!important; 
	padding:				0px!important;
	margin:					0px!important;
}

.leftNav ul li {
	padding-top:			6px!important;
	padding-bottom: 		6px!important;
	margin-bottom: 			1px!important;
}

.leftNav ul li img {
	cursor:					pointer;
}

.leftNav ul li ul li {
	margin-top:				2px!important;
	padding-top: 			2px!important;
	padding-bottom: 		3px!important;
	padding-left: 			10px!important;
	padding-right: 			0px!important;
	border-top: 			1px #ffffff solid!important;
}

.leftNav ul li ul li:hover {
	background-color:		#a9a9a9;
}

.leftNav li {
	padding-left:			10px!important;
}

.leftNav ul ul {
	display: 				none;
	margin-top:				10px!important;
}

.leftNav ul li ul li {
	padding-right: 			4px!important;
}

/* 2. Ebene einblenden */
/*
.leftNav ul :hover ul, .leftNav ul li a :hover ul {
	display: 				block;
}
*/