@charset "utf-8";

/* MENU 1 -------------------------------------------------------------------------------------------- */


/* style the outer div to give it width */
.menu {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;
	font-size:  15px;
	color: #353535;
	text-decoration: none;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
/* 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 {
	position: relative;
	float:left;
	display: block;
	height: 5px;
	overflow: visible;
	
	}
	
.menu ul li a {
	display:block;
	float:left;
	font-size: 15px;/*1em;*/
	text-decoration:none;
	color:#353535;

	}

	
.menu ul li a:visited {
	display:block;
	float:left;
	font-size:1em;
	text-decoration:none;
	color:#353535;
	}
	
.menu ul li a:hover {
	/*color:#0aa637;*/
    color:#b41220;
	}
	
.menu ul li ul {
	width:230px;
	height:20px;
	padding-top:0px;
	}
	
.menu ul li ul li {
	display:block;
	width:218px;
	height:auto; 
  	line-height: 20px;
	}
	
.menu ul li ul no, .menu ul li ul no visited {
	display:none;
	background-color: #818181;
	font-size: 15px;
	color:#ffffff;
	width:230px;
	height:5px;
	line-height:1em; 
	padding-top:8px;
	padding-bottom:8px;
}

	
.menu ul li ul li a, .menu ul li ul li a:visited {
	display:block;
	background-color: #818181;
	font-size: 14px;
	color:#ffffff;
	width:230px;
	height:12px;
	line-height:1em; 
	border-bottom: 1px solid #adadad;
	padding-top:8px;
	padding-bottom:8px;
}

.menu ul li ul li a:hover {
	color:#dadada;
background:#818181;
}	

/* style the sub-level lists */
.menu ul ul {
	width:230px;
	height:22px;
	z-index: 1;
	}



/* style the sub level list items */
.menu ul ul li {
	display:block;
	width:230px;
	height:auto; 
	line-height:4px;
	}
	
	
/* style the links for the top level */
.menu a {
	display:block;
	float:left;
	text-decoration:none;
	height:38px;
	color:#818181;
	padding-right: 13px; 
	padding-left: 12px;
	border-left: 1px solid #818181;
	}
	
	
	
* html .menu a {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE6 */

*+html .menu a {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE7 */
	
.menu a:visited {
	display:block;
	float:left;
	height:33px;
	font-size:1em;
	text-decoration:none;
	color:#333333;
	padding:0 15px 0 13px; 
	}
	
* html .menu a:visited {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE6 */

*+html .menu a:visited {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE7 */

	
* html .menu a, .menu a:visited {
	display:block;
	float:left;
	height:33px;
	font-size:1em;
	text-decoration:none;
	color:#333333;
	padding:0 15px 0 13px; 
	width: auto;
	z-index: 1;
	w\idth: auto;
	display: block;
	}


/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background:#dbdfe4; 
	font-size: 12px;
	color:#ffffff;
	width:230px;
	height:12px;
	line-height:1em; 
	padding-left:13px;
	padding-top:5px;
	padding-bottom:5px;
}
	
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute; 
	left:1px; 
	top:0; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:-1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#b4be9c;
	}
	
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background:#c4ceac;
	}
	
/* style the sub level 1 background */
.menu ul :hover a.sub1 {
	background:#b4be9c;
	}
	
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {
	background:#c4ceac;
	}

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

	
.menu li:hover {
	position:relative;
	}
	
.menu :hover > a {
	color:#4b575f;
	}
	
/* second */
* html .menu ul ul a:hover{
	color:#4b575f;
	background:#b4b8bf; 
	position:relative; 
	z-index:110;
	}
	
.menu ul ul li:hover {
	position:relative;
	}
	
.menu ul ul :hover > a {
	color:#4b575f;
	background:#c6ccd5;
	}
	
/* third */
* html .menu ul ul ul a:hover {
	background:#c4ceac; 
	position:relative; 
	z-index:120;}
	
.menu ul ul ul :hover > a {
	background:#c4ceac;
	}
	
/* fourth */
.menu ul ul ul ul a:hover {
	background:#d4debc; 
	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.5em;
	left:0;
	width:145px;}

/* position the third level flyout menu */
.menu ul ul ul{
	left:12em;
	top:0;
	width:145px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
	visibility:visible; 
	height:auto; 
	padding-bottom:3em; 
	background:transparent url(images/trans.gif);}
	
/* 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;
	}
	
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
	visibility:visible;
	}
	
	
	
	
	
	
	
/* menu 2 -------------------------------------------------------------------------------------------- */


/* style the outer div to give it width */
.menu2 {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif, Verdana, Tahoma;
	font-size:  14px;
	color: #7c7c7c;
	text-decoration: none;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {
	padding:0;
	margin:0;
	list-style-type:none; 
	}
	
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu2 positon */
.menu2 ul li {
	position: relative;
	float:left;
	display: block;
	height: 33px;
	overflow: visible;
	padding-left: 0px;
	}
	
.menu2 ul li a {
	display:block;
	float:left;
	font-size:1em;
	text-decoration:none;
	color:#7c7c7c;
	}

	
.menu2 ul li a:visited {
	display:block;
	float:left;
	font-size:1em;
	text-decoration:none;
	color:7c7c7c;
	}
	
.menu2 ul li a:hover {
	color:#0aa637; 
	}
	
.menu2 ul li ul {
	width:931px;
	height:450px;
	padding-top:0px;
	}
	
.menu2 ul li ul li {
	width: 116px;
	float: left;
	height:auto; 
	line-height:10px;
	}
	
.menu2 ul li ul no, .menu2 ul li ul no visited {
	display:none;
	background-color: #eaeaeb;
	font-size: 14px;
	color:#4b575f;
	width:116px;
	height:100px;
	line-height:1em; 
	padding-top:8px;
	padding-bottom:8px;
	opacity: 0.90; /* Webkit und Opera  */
  	-moz-opacity: 0.90; /* Mozilla Browser */
  	filter:alpha(opacity=90); /* Internet Explorer */
}

	
.menu2 ul li ul li a, .menu2 ul li ul li a:visited {
	display:block;
	background-color: #eaeaeb;
	font-size: 14px;
	color:#4b575f;
	width:116px;
	height:100px;
	line-height:1em; 
	padding-top:8px;
	padding-bottom:8px;
	opacity: 0.90; /* Webkit und Opera  */
  	-moz-opacity: 0.90; /* Mozilla Browser */
  	filter:alpha(opacity=90); /* Internet Explorer */
}

.menu2 ul li ul li a:hover {
background:#c6ccd5;
}	

/* style the sub-level lists */
.menu2 ul ul {
	width:116px;
	height:450px;
	z-index: 1;
	}



/* style the sub level list items */
.menu2 ul ul li {
	display:block;
	width:100px;
	height:auto; 
	line-height:4px;
	}
	
	
/* style the links for the top level */
.menu2 a {
	display:block;
	float:left;
	text-decoration:none;
	height:33px;
	color:#7c7c7c;
	padding-right: 13px; 
	}
	
	
	
* html .menu2 a {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE6 */

*+html .menu2 a {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE7 */
	
.menu2 a:visited {
	display:block;
	float:left;
	height:33px;
	font-size:1em;
	text-decoration:none;
	color:#333333;
	padding:0 15px 0 13px; 
	}
	
* html .menu2 a:visited {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE6 */

*+html .menu2 a:visited {color:#ffffff; padding:0 15px 0 13px;} /* nur f・ den IE7 */

	
* html .menu2 a, .menu2 a:visited {
	display:block;
	float:left;
	height:33px;
	font-size:1em;
	text-decoration:none;
	color:#333333;
	padding:0 15px 0 13px; 
	width: auto;
	z-index: 1;
	w\idth: auto;
	display: block;
	}


/* style the sub level links */
.menu2 ul ul a, .menu2 ul ul a:visited {
	display:block;
	background:#dbdfe4; 
	font-size: 12px;
	color:#4b575f;
	width:900px;
	height:12px;
	line-height:1em; 
	padding-left:13px;
	padding-top:5px;
	padding-bottom:5px;
	opacity: 0.90; /* Webkit und Opera  */
  	-moz-opacity: 0.90; /* Mozilla Browser */
  	filter:alpha(opacity=90); /* Internet Explorer */
}
	
* html .menu2 ul ul a, * html .menu2 ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu2 table {
	position:absolute; 
	left:1px; 
	top:0; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:-1;}


/* style the third level background */
.menu2 ul ul ul a, .menu2 ul ul ul a:visited {
	background:#b4be9c;
	}
	
/* style the fourth level background */
.menu2 ul ul ul ul a, .menu2 ul ul ul ul a:visited {
	background:#c4ceac;
	}
	
/* style the sub level 1 background */
.menu2 ul :hover a.sub1 {
	background:#b4be9c;
	}
	
/* style the sub level 2 background */
.menu2 ul ul :hover a.sub2 {
	background:#c4ceac;
	}

/* style the level hovers */
/* first */
* html .menu2 a:hover {
	color:#4b575f; 
	position:relative; 
	z-index:100;
	}
	

	
.menu2 li:hover {
	position:relative;
	}
	
.menu2 :hover > a {
	color:#4b575f;
	}
	
/* second */
* html .menu2 ul ul a:hover{
	color:#4b575f;
	background:#b4b8bf; 
	position:relative; 
	z-index:110;
	}
	
.menu2 ul ul li:hover {
	position:relative;
	}
	
.menu2 ul ul :hover > a {
	color:#4b575f;
	background:#c6ccd5;
	}
	
/* third */
* html .menu2 ul ul ul a:hover {
	background:#c4ceac; 
	position:relative; 
	z-index:120;}
	
.menu2 ul ul ul :hover > a {
	background:#c4ceac;
	}
	
/* fourth */
.menu2 ul ul ul ul a:hover {
	background:#d4debc; 
	position:relative; 
	z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu2 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:2.5em;
	left:0;
	width:145px;}

/* position the third level flyout menu2 */
.menu2 ul ul ul{
	left:12em;
	top:0;
	width:145px;}


/* make the second level visible when hover on first level list OR link */
.menu2 ul :hover ul{
	visibility:visible; 
	height:auto; 
	padding-bottom:3em; 
	background:transparent url(images/trans.gif);}
	
/* keep the third level hidden when you hover on first level list OR link */
.menu2 ul :hover ul ul{
	visibility:hidden;
	}
	
/* keep the fourth level hidden when you hover on second level list OR link */
.menu2 ul :hover ul :hover ul ul{
	visibility:hidden;
	}
	
/* make the third level visible when you hover over second level list OR link */
.menu2 ul :hover ul :hover ul{
	visibility:visible;
	}
	
/* make the fourth level visible when you hover over third level list OR link */
.menu2 ul :hover ul :hover ul :hover ul {
	visibility:visible;
	}
	
.menu_prod{
	width: 925 px;
	height: 500 px;
	background-color: 333333;
	opacity: 0.90; /* Webkit und Opera  */
  	-moz-opacity: 0.90; /* Mozilla Browser */
  	filter:alpha(opacity=90); /* Internet Explorer */
}

.menu ul li .menuactive, .menu ul li .menuactive:visited {
    color: #a90f1a;
}

.menu ul li .menuactive:hover {
    color: #9DA0A8;
}

.menu ul li ul li .menuactive, .menu ul li ul li .menuactive:visited {
    color: #a90f1a;
}