.menu {
	position:relative; 
	z-index:100;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu li {
	float:left;
	position:relative;
}
.menu a, 
.menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff; 
	width:160px; 
	line-height:29px;
}
.menu a.off_1,
.menu a.off_2,
.menu a.off_3,
.menu a.off_4,
.menu a.off_5,
.menu a.off_6 {
	height:29px;
	text-decoration:none;
}
.menu a.on_1,
.menu a.on_2,
.menu a.on_3,
.menu a.on_4,
.menu a.on_5,
.menu a.on_6 {
	height:30px;
	text-decoration:none;
}

/* 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:29px;
	left:0; 
	border-top:1px solid #CCCCCC;
}
.menu ul ul ul{
	left:171px;
	top:-1px;
	border-top:1px solid #CCCCCC;
}




/* 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{visibility:hidden;}
.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;}
.menu ul :hover ul :hover ul :hover ul{ visibility:visible;}

/* Sub menu */
.menu li#xxx_1 ul, .menu li#xxx_2 ul, .menu li#xxx_3 ul,
.menu li#xxx_4 ul, .menu li#xxx_5 ul, .menu li#xxx_6 ul {
	width:170px;
	text-align:left;
	font-size:11px;
}
.menu li#xxx_1 li, .menu li#xxx_2 li, .menu li#xxx_3 li,
.menu li#xxx_4 li, .menu li#xxx_5 li, .menu li#xxx_6 li {
	width:170px;
	text-align:left;
	font-size:11px;
}
.menu li#xxx_1 ul a, .menu li#xxx_2 ul a, .menu li#xxx_3 ul a,
.menu li#xxx_4 ul a, .menu li#xxx_5 ul a, .menu li#xxx_6 ul a {
	width:160px;
	padding:6px 5px;
	text-align:left;
	font-size:11px;
}

/* IE5.5 HACK */
* html .menu li#xxx_1 ul, * html .menu li#xxx_1 li, * html .menu li#xxx_1 ul a,
* html .menu li#xxx_2 ul, * html .menu li#xxx_2 li, * html .menu li#xxx_2 ul a,
* html .menu li#xxx_3 ul, * html .menu li#xxx_3 li, * html .menu li#xxx_3 ul a,
* html .menu li#xxx_4 ul, * html .menu li#xxx_4 li, * html .menu li#xxx_4 ul a,
* html .menu li#xxx_5 ul, * html .menu li#xxx_5 li, * html .menu li#xxx_5 ul a,
* html .menu li#xxx_6 ul, * html .menu li#xxx_6 li, * html .menu li#xxx_6 ul a {
	width:172px;w\idth:160px;
}

/* Tab menu */
.menu li#xxx_1, .menu li#xxx_1 a {text-align:center; font-size:14px; width:90px;}
.menu li#xxx_2, .menu li#xxx_2 a {text-align:center; font-size:14px; width:50px;}
.menu li#xxx_3, .menu li#xxx_3 a {text-align:center; font-size:14px; width:90px;}
.menu li#xxx_4, .menu li#xxx_4 a {text-align:center; font-size:14px; width:120px;}
.menu li#xxx_5, .menu li#xxx_5 a {text-align:center; font-size:14px; width:80px;}
.menu li#xxx_6, .menu li#xxx_6 a {text-align:center; font-size:14px; width:170px;}


.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, 
.menu ul ul a:visited {
	background:#fff;
	color:#000;
	height:auto; 
	line-height:1em; 
	padding:6px 5px; 
	border:1px solid #CCCCCC;
	border-width:0 1px 1px 1px;
	text-decoration:none;
}

/* style the top level hover */




/* BG Farbe 1 ANFANG ---------------------------------------------------------------------------------- */
/* style the second level background */
.menu ul #xxx_1 ul a.drop, 
.menu ul #xxx_1 ul a.drop:visited 	{background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_1 ul a.drop:hover {background:#3160CA url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_1 ul :hover > a.drop {background:#3160CA url(../img/w_drop.gif) center right no-repeat;}

/* style the second level background */
.menu ul #xxx_1 ul ul a.drop, 
.menu ul #xxx_1 ul ul a.drop:visited {background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_1 ul ul a.drop:hover{background:#3160CA url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_1  ul ul :hover > a.drop {background:#3160CA url(../img/w_drop.gif) center right no-repeat;}

.menu ul #xxx_1 ul a:hover{color:#fff; background:#3160CA;}
.menu ul #xxx_1 ul :hover > a {color:#fff;background:#3160CA;}
/* BG Farbe 1 ENDE ------------------------------------------------------------------------------------ */

/* BG Farbe 2 ANFANG ---------------------------------------------------------------------------------- */
/* style the second level background */
.menu ul #xxx_2 ul a.drop, 
.menu ul #xxx_2 ul a.drop:visited 	{background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_2 ul a.drop:hover {background:#64cb31 url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_2 ul :hover > a.drop {background:#64cb31 url(../img/w_drop.gif) center right no-repeat;}

/* style the second level background */
.menu ul #xxx_2 ul ul a.drop, 
.menu ul #xxx_2 ul ul a.drop:visited {background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_2 ul ul a.drop:hover{background:#64cb31 url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_2 ul ul :hover > a.drop {background:#64cb31 url(../img/w_drop.gif) center right no-repeat;}

.menu ul #xxx_2 ul a:hover{color:#fff; background:#64cb31;}
.menu ul #xxx_2 ul :hover > a {color:#fff;background:#64cb31;}
/* BG Farbe 2 ENDE ------------------------------------------------------------------------------------ */

/* BG Farbe 3 ANFANG ---------------------------------------------------------------------------------- */
/* style the second level background */
.menu ul #xxx_3 ul a.drop, 
.menu ul #xxx_3 ul a.drop:visited 	{background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_3 ul a.drop:hover {background:#CC3031 url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_3 ul :hover > a.drop {background:#CC3031 url(../img/w_drop.gif) center right no-repeat;}

/* style the second level background */
.menu ul #xxx_3 ul ul a.drop, 
.menu ul #xxx_3 ul ul a.drop:visited {background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_3 ul ul a.drop:hover{background:#CC3031 url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_3 ul ul :hover > a.drop {background:#CC3031 url(../img/w_drop.gif) center right no-repeat;}

.menu ul #xxx_3 ul a:hover{color:#fff; background:#CC3031;}
.menu ul #xxx_3 ul :hover > a {color:#fff;background:#CC3031;}
/* BG Farbe 3 ENDE ------------------------------------------------------------------------------------ */

/* BG Farbe 4 ANFANG ---------------------------------------------------------------------------------- */
/* style the second level background */
.menu ul #xxx_4 ul a.drop, 
.menu ul #xxx_4 ul a.drop:visited 	{background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_4 ul a.drop:hover {background:#31A9CC url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_4 ul :hover > a.drop {background:#31A9CC url(../img/w_drop.gif) center right no-repeat;}

/* style the second level background */
.menu ul #xxx_4 ul ul a.drop, 
.menu ul #xxx_4 ul ul a.drop:visited {background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_4 ul ul a.drop:hover{background:#31A9CC url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_4 ul ul :hover > a.drop {background:#31A9CC url(../img/w_drop.gif) center right no-repeat;}

.menu ul #xxx_4 ul a:hover{color:#fff; background:#31A9CC;}
.menu ul #xxx_4 ul :hover > a {color:#fff;background:#31A9CC;}
/* BG Farbe 4 ENDE ------------------------------------------------------------------------------------ */

/* BG Farbe 5 ANFANG ---------------------------------------------------------------------------------- */
/* style the second level background */
.menu ul #xxx_5 ul a.drop, 
.menu ul #xxx_5 ul a.drop:visited 	{background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_5 ul a.drop:hover {background:#1B9028 url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_5 ul :hover > a.drop {background:#1B9028 url(../img/w_drop.gif) center right no-repeat;}

/* style the second level background */
.menu ul #xxx_5 ul ul a.drop, 
.menu ul #xxx_5 ul ul a.drop:visited {background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_5 ul ul a.drop:hover{background:#1B9028 url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_5 ul ul :hover > a.drop {background:#1B9028 url(../img/w_drop.gif) center right no-repeat;}

.menu ul #xxx_5 ul a:hover{color:#fff; background:#1B9028;}
.menu ul #xxx_5 ul :hover > a {color:#fff;background:#1B9028;}
/* BG Farbe 5 ENDE ------------------------------------------------------------------------------------ */

/* BG Farbe 6 ANFANG ---------------------------------------------------------------------------------- */
/* style the second level background */
.menu ul #xxx_6 ul a.drop, 
.menu ul #xxx_6 ul a.drop:visited 	{background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_6 ul a.drop:hover {background:#CBBE3B url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_6 ul :hover > a.drop {background:#CBBE3B url(../img/w_drop.gif) center right no-repeat;}

/* style the second level background */
.menu ul #xxx_6 ul ul a.drop, 
.menu ul #xxx_6 ul ul a.drop:visited {background:#fff url(../img/drop.gif) center right no-repeat;}
/* style the second level hover */
.menu ul #xxx_6 ul ul a.drop:hover{background:#CBBE3B url(../img/w_drop.gif) center right no-repeat;}
.menu ul #xxx_6 ul ul :hover > a.drop {background:#CBBE3B url(../img/w_drop.gif) center right no-repeat;}

.menu ul #xxx_6 ul a:hover{color:#fff; background:#CBBE3B;}
.menu ul #xxx_6 ul :hover > a {color:#fff;background:#CBBE3B;}
/* BG Farbe 6 ENDE ------------------------------------------------------------------------------------ */




/*
.menu a:hover {color:#fff;background:#CC0000;}
 
.menu :hover > a {color:#fff;background:#CC0000;}
*/



.menu a.off_1:hover, 
.menu a.on_1:hover,
.menu a.off_1:focus, 
.menu a.on_1:focus {color:#fff;background:#3160CA url(../img/tab_mask_bg.gif) no-repeat 0px top;}
.menu a.off_2:hover, 
.menu a.on_2:hover,
.menu a.off_2:focus, 
.menu a.on_2:focus {color:#fff;background:#64cb31 url(../img/tab_mask_bg.gif) no-repeat -90px top;}
.menu a.off_3:hover, 
.menu a.on_3:hover,
.menu a.off_3:focus, 
.menu a.on_3:focus {color:#fff;background:#CC3031 url(../img/tab_mask_bg.gif) no-repeat -140px top;}
.menu a.off_4:hover, 
.menu a.on_4:hover,
.menu a.off_4:focus, 
.menu a.on_4:focus {color:#fff;background:#31A9CC url(../img/tab_mask_bg.gif) no-repeat -230px top;}
.menu a.off_5:hover, 
.menu a.on_5:hover,
.menu a.off_5:focus, 
.menu a.on_5:focus {color:#fff;background:#1B9028 url(../img/tab_mask_bg.gif) no-repeat -350px top;}
.menu a.off_6:hover,
.menu a.on_6:hover,
.menu a.off_6:focus,
.menu a.on_6:focus {color:#fff;background:#CBBE3B url(../img/tab_mask_bg.gif) no-repeat -430px top;}

/* IE6 und IE 5 */

.menu li#xxx_1.on  {color:#fff;background:#3160CA url(../img/tab_mask_bg.gif) no-repeat 0px top;} 		/* #999999 */
.menu li#xxx_2.on  {color:#fff;background:#64cb31 url(../img/tab_mask_bg.gif) no-repeat -90px top;} 	/* #64cb31 */
.menu li#xxx_3.on  {color:#fff;background:#CC3031 url(../img/tab_mask_bg.gif) no-repeat -140px top;} 	/* #cecb32 */
.menu li#xxx_4.on  {color:#fff;background:#31A9CC url(../img/tab_mask_bg.gif) no-repeat -230px top;} 	/* #326698 */
.menu li#xxx_5.on  {color:#fff;background:#1B9028 url(../img/tab_mask_bg.gif) no-repeat -350px top;} 	/* #ff6666 */
.menu li#xxx_6.on  {color:#fff;background:#CBBE3B url(../img/tab_mask_bg.gif) no-repeat -430px top;} 	/* #ff9900 */

/* Neue Browser */
.menu :hover > a.off_1, .menu :hover > a.on_1 {color:#fff;background:#3160CA url(../img/tab_mask_bg.gif) no-repeat 0px top;}
.menu :hover > a.off_2, .menu :hover > a.on_2 {color:#fff;background:#64cb31 url(../img/tab_mask_bg.gif) no-repeat -90px top;}
.menu :hover > a.off_3, .menu :hover > a.on_3 {color:#fff;background:#CC3031 url(../img/tab_mask_bg.gif) no-repeat -140px top;}
.menu :hover > a.off_4, .menu :hover > a.on_4 {color:#fff;background:#31A9CC url(../img/tab_mask_bg.gif) no-repeat -230px top;}
.menu :hover > a.off_5, .menu :hover > a.on_5 {color:#fff;background:#1B9028 url(../img/tab_mask_bg.gif) no-repeat -350px top;}
.menu :hover > a.off_6, .menu :hover > a.on_6 {color:#fff;background:#CBBE3B url(../img/tab_mask_bg.gif) no-repeat -430px top;}