/* theme_topmenuMenu style sheet */

.theme_topmenuMenu,
.theme_topmenuSubMenuTable {
	width: 						1%;
	font-family: 			arial,sans-serif;
	font-weight: 			bold;
	color: 						#853602;  /* brown */
	white-space: 			nowrap;
  cursor: 					pointer;
	/*background-color: #EFF0D9;*/
}

.theme_topmenuSubMenu {
	position:					absolute;
	visibility:				hidden;
	/* Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath */
	z-index:					100;
	border:						0;
	padding:					0;
	/* the following property is only useful in IE */
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);*/
}

.theme_topmenuSubMenuTable {
  cursor: 					pointer;
	width: 						140px;     	/* !sub menu width*/
	border-top:				1px solid #AFBFCF;
	border-left:			1px solid #AFBFCF;
	border-right:			1px solid #AFBFCF;
	position:					absolute;		/* hoehenkorrektur submenu*/
	margin-top:				-1px;    		/* hoehenkorrektur submenu*/

}

.theme_topmenuMenuItem,
.theme_topmenuMenuItemHover,
.theme_topmenuMenuItemActive {
	white-space:			nowrap;
	cursor:						pointer;
}

.theme_topmenuMainItem,
.theme_topmenuMenuItem {
	padding-left:	    10px;				/* ausgleich für links */
	padding-right:	    7px;			/* ausgleich für rechts */
	color: 						#853602; 	 	/* brown */
	width: 						24px;      	/*  horizontal  width*/
	/*background-color:	#FFFDE6;*/
}

.theme_topmenuMainItemHover, .theme_topmenuMainItemActive,
.theme_topmenuMenuItemHover, .theme_topmenuMenuItemActive {
	padding-left:	    10px;				/* ausgleich für links */
	padding-right:	    7px;			/* ausgleich für rechts */
	cursor: 					pointer;
	width: 						24px;      /*  horizontal  width*/
 	color: 						#853602; 	 /* brown */
	background-color:	#FDFBDC;   /* !main bg hover - beige #FDFBDC*/

}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
.theme_topmenuMainFolderLeft,.theme_topmenuMainItemLeft,
.theme_topmenuMainFolderText,.theme_topmenuMainItemText,
.theme_topmenuMainFolderRight, .theme_topmenuMainItemRight {
	font-size: 				10pt;	     /* !main menu horizontal font size  */
	width: 						24px;      /*  horizontal  width*/
	color: 						#853602;   /*  main text color */
  cursor: 					pointer;
	/*background-color:	#C6C6C3;*/
	/*background-color:	#6699CC;*/    /*  helblau */
	/* border-bottom:	1px solid #FFFFFF; */
}


/* vertical main menu sub components */
TD.theme_topmenuMainFolderLeft,
TD.theme_topmenuMainItemLeft{
	padding-left:	    0px;
	padding-right:	  0px;
	white-space:	    nowrap;
	background-color:	inherit;
	color: 						#853602; 	 /* brown */
	/*border-left:	    0px solid #9C9A9C; */
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}

TD.theme_topmenuMainFolderLeft,TD.theme_topmenuMainItemLeft,
TD.theme_topmenuMainFolderText,TD.theme_topmenuMainItemText,
TD.theme_topmenuMainFolderRight,TD.theme_topmenuMainItemRight {
	padding-top:	    3px;
	padding-bottom:	  3px;
	border-top:	      0px solid #9C9A9C;
	background-color:	inherit;
	color: 						#853602; 	 /* brown */
	/*border-bottom:    1px solid #9C9A9C;*/
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}

TD.theme_topmenuMainFolderLeft,TD.theme_topmenuMainItemLeft {
	padding-left:	    0px;
	padding-right:	  0px;
	background-color:	inherit;
	white-space:	    nowrap;
	color: 						#853602; 	 /* brown */
/*	border-left:	    0px solid #9C9A9C; */
}

TD.theme_topmenuMainFolderText,TD.theme_topmenuMainItemText {
	padding-left:	    10px;
	padding-right:	  10px;
	background-color:	inherit;
	white-space:	    nowrap;
 	color: 						#853602; 	 /* brown */
}

TD.theme_topmenuMainFolderRight,TD.theme_topmenuMainItemRight {
	padding-left:	    0px;
	padding-right:	  0px;
	border-right:	    0px solid #9C9A9C;
	background-color:	inherit;
	white-space:	    nowrap;
	color: 						#853602; 	 /* brown */
}




TR.theme_topmenuMainItem TD.theme_topmenuMainFolderLeft{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
	background-color:	inherit;
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}

TR.theme_topmenuMainItem TD.theme_topmenuMainItemLeft{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
	background-color:	inherit;
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */

}

TR.theme_topmenuMainItem TD.theme_topmenuMainFolderText{
	padding-top:	    3px;
	padding-bottom:	  3px;
	padding-left:	    10px;
	padding-right:    10px;
	border:	          0;
	white-space:	    nowrap;
	background-color:	inherit;
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}

TR.theme_topmenuMainItem TD.theme_topmenuMainItemText{
	padding-top:	    3px;
	padding-bottom:	  3px;
	padding-left:	    10px;
	padding-right:    10px;
	border:	          0;
	white-space:	    nowrap;
	background-color:	inherit;
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}

TR.theme_topmenuMainItem TD.theme_topmenuMainItemRight{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
	background-color:	inherit;
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}

TR.theme_topmenuMainItem TD.theme_topmenuMainFolderRight{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
	background-color:	inherit;
	/*border-bottom:    1px solid #AFBFCF;*/  /* line */
}





/* sub menus sub components */

.theme_topmenuMenuFolderLeft,
.theme_topmenuMenuItemLeft{
	padding-left:			0px;
	padding-right:		0px;
	border-left:			0px solid #9C9A9C;
	white-space:			nowrap;
	background-color:	#FDFBDC;   /* bg beige hover*/
	color: 						#853602; 	 /* brown */
}

.theme_topmenuMenuFolderLeft,.theme_topmenuMenuItemLeft,
.theme_topmenuMenuFolderText,.theme_topmenuMenuItemText,
.theme_topmenuMenuFolderRight,.theme_topmenuMenuItemRight{
	font-size: 				10pt; /* sub menu vertical font size  */
 	padding-top:	 	 	3px;
	padding-bottom:		3px;
	border-top:	    	0px solid #9C9A9C;
	border-bottom:		1px solid #AFBFCF;
	white-space:			nowrap;
	background-color:	#FDFBDC;   /* bg beige hover*/
	color: 						#853602; 	 /* brown */
}

.theme_topmenuMenuFolderLeft,.theme_topmenuMenuItemLeft{
	padding-left:			0px;
	padding-right:		0px;
	border-left:			0px solid #9C9A9C;
	white-space:			nowrap;
	background-color:	#FDFBDC;   /* bg beige hover*/
	color: 						#853602; 	 /* brown */
}

.theme_topmenuMenuFolderText,.theme_topmenuMenuItemText{
	padding-left:			10px;
	padding-right:		10px;
	white-space:			nowrap;
	background-color:	#FDFBDC;   /* bg beige hover*/
	color: 						#853602; 	 /* brown */
}

.theme_topmenuMenuFolderRight,.theme_topmenuMenuItemRight{
	padding-left:			0px;
	padding-right:		0px;
	border-right:			0px solid #9C9A9C;
	white-space:			nowrap;
	background-color:	#FDFBDC;   /* bg beige hover*/
	color: 						#853602; 	 /* brown */
}





TR.theme_topmenuMenuItem TD.theme_topmenuMenuFolderLeft{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
	background-color:	#F0EFEC;        		/* bg hellgrau */
	border-bottom:    1px solid #AFBFCF;  /* line */
	color: 						#853602; 	 					/* brown */
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuItemLeft{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
	background-color:	#F0EFEC;        		/* bg hellgrau */
	border-bottom:    1px solid #AFBFCF;  /* line */
	color: 						#853602; 	 					/* brown */
	}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuFolderText{
	padding-top:			3px;
	padding-bottom:		3px;
	padding-left:			10px;
 	padding-right:		10px;
	border:						0;
	white-space:			nowrap;
	background-color:	#F0EFEC;        		/* bg hellgrau */
	border-bottom:    1px solid #AFBFCF;  /* line */
	color: 						#853602; 	 					/* brown */
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuItemText{
	padding-top:			3px;
	padding-bottom:		3px;
	padding-left:			10px;
	padding-right:		10px;
	border:						0;
	white-space:			nowrap;
	background-color:	#F0EFEC;        		/* bg hellgrau */
	border-bottom:    1px solid #AFBFCF;  /* line */
	color: 						#853602; 	 					/* brown */
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuItemRight{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
	background-color:	#F0EFEC;        		/* bg hellgrau */
	border-bottom:    1px solid #AFBFCF;  /* line */
	color: 						#853602; 	 					/* brown */
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuFolderRight{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
	background-color:	#F0EFEC;        		/* bg hellgrau */
	border-bottom:    1px solid #AFBFCF;  /* line */
	color: 						#853602; 	 					/* brown */
}




.theme_topmenuMenuSplit{
	margin:						2px;
	height:						1px;
	overflow:					hidden;
	background-color:	inherit;
	border-top:				1px solid #9C9A9C;
}



/* image shadow animation */
/*
	seq1:	image for normal
	seq2:	image for hover and active
	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.theme_topmenuMenuItem img.seq1{
	display:	inline;
}

.theme_topmenuMenuItemHover seq2,
.theme_topmenuMenuItemActive seq2{
	display:	inline;
}

.theme_topmenuMenuItem .seq2,
.theme_topmenuMenuItemHover .seq1,
.theme_topmenuMenuItemActive .seq1{
	display:	none;
}