/* theme_topmenuMenu style sheet */

.theme_topmenuMenu,
.theme_topmenuSubMenuTable {
	width: 						1%;
	font-family: 			verdana,sans-serif;
	font-weight: 			bold;
	white-space: 			nowrap;
  cursor: 					pointer;
  color:#F5F5F5;
}

.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:					1000;
border:						0;
padding:					0;
}

.theme_topmenuSubMenuTable {
  cursor: 					pointer;
	width: 						150px;     	/* !sub menu width*/
border-top:1px solid #3E4849;
border-left:1px solid #3E4849;
border-right:1px solid #3E4849;
	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 */
	width: 						24px;      	/*  horizontal  width*/
  font-size:12px;	
}


/* 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: 				12px;	     /* !main menu horizontal font size  */
	width: 						24px;      /*  horizontal  width*/
  cursor: 					pointer;
}

.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:#446CD2; /* blau */
}

/* vertical main menu sub components */
TD.theme_topmenuMainFolderLeft,
TD.theme_topmenuMainItemLeft{
	padding-left:	    0px;
	padding-right:	  0px;
	white-space:	    nowrap;
}

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 #3E4849;
}

TD.theme_topmenuMainFolderLeft,TD.theme_topmenuMainItemLeft {
	padding-left:	    0px;
	padding-right:	  0px;
	white-space:	    nowrap;
}

TD.theme_topmenuMainFolderText,TD.theme_topmenuMainItemText {
	padding-left:	    10px;
	padding-right:	  10px;
	white-space:	    nowrap;
}

TD.theme_topmenuMainFolderRight,TD.theme_topmenuMainItemRight {
	padding-left:	    0px;
	padding-right:	  0px;
	border-right:	    0px solid #3E4849;
	white-space:	    nowrap;
}




TR.theme_topmenuMainItem TD.theme_topmenuMainFolderLeft{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
}

TR.theme_topmenuMainItem TD.theme_topmenuMainItemLeft{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
}

TR.theme_topmenuMainItem TD.theme_topmenuMainFolderText{
	padding-top:	    3px;
	padding-bottom:	  3px;
	padding-left:	    10px;
	padding-right:    10px;
	border:	          0;
	white-space:	    nowrap;
}

TR.theme_topmenuMainItem TD.theme_topmenuMainItemText{
	padding-top:	    3px;
	padding-bottom:	  3px;
	padding-left:	    10px;
	padding-right:    10px;
	border:	          0;
	white-space:	    nowrap;
}

TR.theme_topmenuMainItem TD.theme_topmenuMainItemRight{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
}

TR.theme_topmenuMainItem TD.theme_topmenuMainFolderRight{
	padding-top:	    0px;
	padding-bottom:	  0px;
	padding-left:	    0px;
	padding-right:	  0px;
	border:	          0;
	white-space:	    nowrap;
}





/* sub menus sub components */

.theme_topmenuMenuFolderLeft,
.theme_topmenuMenuItemLeft{
	padding-left:			0px;
	padding-right:		0px;
	border-left:			0px solid #3E4849;
	white-space:			nowrap;
background-color:	#7E8889;            /* bg grüngrau hover*/
}

.theme_topmenuMenuFolderLeft,.theme_topmenuMenuItemLeft,
.theme_topmenuMenuFolderText,.theme_topmenuMenuItemText,
.theme_topmenuMenuFolderRight,.theme_topmenuMenuItemRight{
	font-size: 				12px; /* sub menu vertical font size  */
 	padding-top:	 	 	3px;
	padding-bottom:		3px;
	border-top:	    	0px solid #3E4849;
	border-bottom:		1px solid #3E4849;
	white-space:			nowrap;
background-color:	#7E8889;            /* bg grüngrau hover*/
}

.theme_topmenuMenuFolderLeft,.theme_topmenuMenuItemLeft{
	padding-left:			0px;
	padding-right:		0px;
	border-left:			0px solid #3E4849;
	white-space:			nowrap;
background-color:	#7E8889;            /* bg grüngrau hover*/
}

.theme_topmenuMenuFolderText,.theme_topmenuMenuItemText{
	padding-left:			10px;
	padding-right:		10px;
	white-space:			nowrap;
background-color:	#7E8889;            /* bg grüngrau hover*/
}

.theme_topmenuMenuFolderRight,.theme_topmenuMenuItemRight{
	padding-left:			0px;
	padding-right:		0px;
	border-right:			0px solid #3E4849;
	white-space:			nowrap;
background-color:	#7E8889;            /* bg grüngrau hover*/
}





TR.theme_topmenuMenuItem TD.theme_topmenuMenuFolderLeft{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
border-bottom:    1px solid #3E4849;  /* line */
color: 				#F5F5F5; 						/* gray */
background-color:	#7E8889;          /* bg grüngrau hover*/
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuItemLeft{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
border-bottom:    1px solid #3E4849;  /* line */
color: 				#F5F5F5; 						/* gray */
background-color:	#7E8889;          /* bg grüngrau hover*/
	}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuFolderText{
	padding-top:			3px;
	padding-bottom:		3px;
	padding-left:			10px;
 	padding-right:		10px;
	border:						0;
	white-space:			nowrap;
border-bottom:    1px solid #3E4849;  /* line */
color: 				#F5F5F5; 						/* gray */
background-color:	#7E8889;          /* bg grüngrau hover*/
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuItemText{
	padding-top:			3px;
	padding-bottom:		3px;
	padding-left:			10px;
	padding-right:		10px;
	border:						0;
	white-space:			nowrap;
border-bottom:    1px solid #3E4849;  /* line */
color: 				#F5F5F5; 						/* gray */
background-color:	#7E8889;          /* bg grüngrau hover*/
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuItemRight{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
border-bottom:    1px solid #3E4849;  /* line */
color: 				#F5F5F5; 						/* gray */
background-color:	#7E8889;          /* bg grüngrau hover*/
}

TR.theme_topmenuMenuItem TD.theme_topmenuMenuFolderRight{
	padding-top:			0px;
	padding-bottom:		0px;
	padding-left:			0px;
	padding-right:		0px;
	border:						0;
	white-space:			nowrap;
border-bottom:    1px solid #3E4849;  /* line */
color: 				#F5F5F5; 						/* gray */
background-color:	#7E8889;          /* bg grüngrau hover*/
}




.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;
}