
#dhtmlgoodies_menu img {
	border:				0px;
}
/* End general styles for this example page */
/* General configuration CSS */
#dhtmlgoodies_menu div {
	width:				722px;
	height:				20px;
	background:			#DCDCDC;
	border: 			2px solid #FFF;
	margin: 			0 auto 0 auto;
	z-index:			100000;
	display:	block
}

#dhtmlgoodies_menu {
	visibility:			hidden;
	width:				722px;
	background:			#DCDCDC;
	border: 			2px solid #FFF;
	margin: 			0 auto 0 auto;
	z-index:			100002;
}

#dhtmlgoodies_menu ul {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	border: 			1px solid #FFF;
	margin:				0px;	/* No indent */
	padding:			0px;	/* No indent */
}

#dhtmlgoodies_menu li {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	list-style-type:	none;	/* No bullets */
	white-space:		normal;
	font-weight:		normal;
	text-align:			left;
	margin:				0px;
	padding: 			0;
}

#dhtmlgoodies_menu li.under {
	list-style-type:	none;	/* No bullets */
	white-space: 		normal;
	text-align:			left;
	color:#555;
}

#dhtmlgoodies_menu a {
	margin:				0px;
	padding: 			0px;
	font-weight:		normal;
}
	
#dhtmlgoodies_menu ul li ul {
	display:			none;	/* Needed to display ok in Opera */
}

/* End general configuration CSS */
	
	
/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu ul {
	border:				1px solid #006;
	margin:				0px;
	padding: 			0px;
}
#dhtmlgoodies_menu ul.menuBlock1 {	/* Menu bar - main menu items */
	padding:			0px;
	margin:				0px;
	border:				0px solid #fff;
	/*background-color:	#475881;*/
	overflow:			visible;
}
#dhtmlgoodies_menu ul.menuBlock2 {	/* Menu bar - main menu items */
	padding:			0px;
	border:				1px solid #006;
	border-right:		0px;
	border-bottom:		0;
	width: 				178px;
}

#dhtmlgoodies_menu ul.menuBlock3 {	/* Menu bar - main menu items */
	padding:			0px;
	margin:				0px;
	border:				1px solid #006;
	border-bottom:		0;
	width: 				200px;
}

#dhtmlgoodies_menu ul.menuBlock4 {	/* Menu bar - main menu items */
	padding:			0px;
	margin:				0px;
	border:				1px solid #006;
	border-bottom:		0;
	width: 				200px;
}

#dhtmlgoodies_menu ul.menuBlock5 {	/* Menu bar - main menu items */
	padding:			0px;
	margin:				0px;
	border:				1px solid #006;
	border-bottom:		0;
	width: 				200px;
}

#dhtmlgoodies_menu ul.menuBlock6 {	/* Menu bar - main menu items */
	padding:			0px;
	border:				1px solid #006;
	border-bottom:		0;
	width: 				200px;
}

#dhtmlgoodies_menu ul.menuBlock7 {	/* Menu bar - main menu items */
	padding:			0px;
	border:				1px solid #006;
	border-bottom:		0;
	width: 				200px;
}
/***********************************************************************
	CSS - MENU ITEMS
 	Here, you could assign rules to the menu items at different depths.
***********************************************************************/

/* General rules for all menu items */
#dhtmlgoodies_menu a {
	color: 				#ffffff;
	text-decoration:	none;
	padding: 0px;
	margin:				0px;
	display:			block;
}
/*	Main menu items => Ebene 0 */
#dhtmlgoodies_menu .currentDepth1 {
	background-color:	#dcdcdc;
	font-size:			12px;
	color:				#006;
	padding:			2px 10px 2px 10px;
	margin:				0px;
}
#dhtmlgoodies_menu .currentDepth1over {
	margin:				0px;
	background-color:	#006;
	padding:			2px 10px 2px 10px;
}
#dhtmlgoodies_menu .currentDepth1 a {
	font-weight: 		bold;
	color:				#006;
	font-size:			12px;
	margin:				0px;
	display:			block;
}
#dhtmlgoodies_menu .currentDepth1over a {	/* Text rules */
	color:				#FFF;
	font-size:			12px;
	font-weight:		bold;
}


/* Sub menu depth 2  => Ebene 1 */
#dhtmlgoodies_menu .currentDepth2 {
	border-bottom:		1px solid #006;
	border-left:		0px solid #006;
	border-right:		1px solid #006;
	border-top:			0;
	font-weight:		normal;
	background:			#f5f5f5;
}
#dhtmlgoodies_menu .currentDepth2 a {
	font-size:			11px;
	line-height:		16px;
	color:				#006;
	padding: 			1px 2px 1px 2px;
	margin:				0;
}
#dhtmlgoodies_menu .currentDepth2over {
	background:			#006;
	border-right:		2px solid #006;
}
#dhtmlgoodies_menu .currentDepth2over a {
	font-size:			11px;
	line-height:		16px;
	color:				#fff;
	padding: 			1px 2px 1px 2px;
}


/* Sub menu depth 3  => Ebene 2  */
#dhtmlgoodies_menu .currentDepth3 {
	padding: 			0;
	border-bottom:		1px solid #006;
	font-weight:		normal;
}
#dhtmlgoodies_menu .currentDepth3 a {
	color:				#ffffff;
	padding: 			1px 0px 1px 1px;
	margin:				0;
	border-right:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth3over {
	color:				#ffffff;
	padding: 			0;
	border-bottom:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth3over a {
	color:				#475881;
	padding: 			1px 0px 1px 1px;
}

/* Sub menu depth 4  => Ebene 3 */
#dhtmlgoodies_menu .currentDepth4 {
	color:				#ffffff;
	padding: 			0;
	border-bottom:		1px solid #006;
	font-weight:		normal;
}
#dhtmlgoodies_menu .currentDepth4 a {
	color:				#ffffff;
	padding: 			1px 0px 1px 1px;
	margin:				0;
	border-right:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth4over {
	padding: 			0;
	border-bottom:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth4over a {
	color:				#475881;
	padding: 			1px 0px 1px 1px;
}


/* Sub menu depth 5  => Ebene 4 */
#dhtmlgoodies_menu .currentDepth5 {
	padding: 			0;
	border-bottom:		1px solid #006;
	font-weight:		normal;
}
#dhtmlgoodies_menu .currentDepth5 a {
	color:				#ffffff;
	padding: 			1px 0px 1px 1px;
	margin:				0;
	border-right:		1px solid #006;
}

#dhtmlgoodies_menu .currentDepth5over {
	padding: 			0;
	border-bottom:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth5over a {
	color:				#475881;
	padding: 			1px 0px 1px 1px;
}


/* Sub menu depth 6  => Ebene 5 */
#dhtmlgoodies_menu .currentDepth6 {
	padding: 			0;
	border-bottom:		1px solid #006;
	font-weight:		normal;
}
#dhtmlgoodies_menu .currentDepth6 a {
	color:				#ffffff;
	padding: 			1px 0px 1px 1px;
	margin:				0;
	border-right:		1px solid #006;
}

#dhtmlgoodies_menu .currentDepth6over {
	padding: 			0;
	border-bottom:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth6over a {
	color:				#475881;
	padding: 			1px 0px 1px 1px;
}


/* Sub menu depth 7  => Ebene 6 */
#dhtmlgoodies_menu .currentDepth7 {
	color:				#ffffff;
	padding: 			0;
	border-bottom:		1px solid #006;
	font-weight:		normal;
}

#dhtmlgoodies_menu .currentDepth7 a {
	color:				#ffffff;
	padding: 			1px 0px 1px 1px;
	margin:				0;
	border-right:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth7over {
	padding: 			0;
	border-bottom:		1px solid #006;
}
#dhtmlgoodies_menu .currentDepth7over a {
	color:				#475881;
	padding: 			1px 0px 1px 1px;
}
