@charset "utf-8";

.ddmx {
	/*orig*/
	border: none; width: 100%;
	/*custom*/
	font-family: arial,helvetica,sans-serif;
	text-decoration: none; font-weight:bold;
}

/* Hauptnavigation */
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	/*orig*/
	display: block; white-space: nowrap; position: relative; text-decoration: none;
	margin:0px; padding:0px; border:0px none;
	font-family: arial,helvetica,sans-serif;
	border-right: 1px #fff solid;
	/*border-bottom: 1px solid #fff;*/
	/*custom*/
}

	/************************/
	/* navMain custom       */
	/************************/
	#navMain  .ddmx .item1,
	#navMain  .ddmx .item1:hover,
	#navMain  .ddmx .item1-active,
	#navMain  .ddmx .item1-active:hover {
		/*height: 25px; */
		height: 21px; /*20-1border+2padding*/
		float: left;
		/*padding: 10px 29px 0px 29px; */
		/*padding: 8px 39px 0px 39px;*/
		padding: 8px 39px 0px 39px !important; 	
		padding: 8px 38px 0px 38px; /*bei IE6 geht dieses paddingleft/right nicht, deshalb dieser hack mit important hintereinander*/ 		
		text-align: left; font-weight:bold; 
		line-height: 16px; font-size:13px;
		color: #7A7A7B;
		border-bottom: 1px solid #fff;
		/*background: url(../pic/navtrennstrich.gif) right no-repeat;*/
	}
	/* RollOver */
	#navMain  .ddmx .item1:hover,
	#navMain  .ddmx .item1-active,
	#navMain  .ddmx .item1-active:hover {
		color: #EE3338;
	}
	/*erstes Menueelement abweichende Gestaltung*/	
	#navMain .ddmx .first, #navMain .ddmx .first:hover {
	}
	/*letztes Menueelement abweichende Gestaltung*/	
	#navMain .ddmx .last, #navMain .ddmx .last:hover {
		/*background: none; */
		/*width: 148px; HIER*/
		width: 48px !important;
		width: 56px; /*bei IE6 andere weite, da anderes padding, deshalb dieser hack mit important hintereinander*/ 
		border-right: 0px none;
	}


	/************************/
	/* navLeft custom*       /
	/************************/
	#navLeft  .ddmx .item1,
	#navLeft  .ddmx .item1:hover,
	#navLeft  .ddmx .item1-active,
	#navLeft  .ddmx .item1-active:hover {
		height:20px; text-align: right; font-size: 11px;
		border-bottom: 1px dashed  #777777; padding: 5px 15px 0px 0px;
		color: #6E6E6E;
	}

	/* RollOver */
	#navLeft  .ddmx .item1:hover,
	#navLeft  .ddmx .item1-active,
	#navLeft  .ddmx .item1-active:hover {
		color: #191818; background: #E7E7E7;
	}



/* Subnavigation */
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	/*orig*/
    display: block; white-space: nowrap; position: relative; z-index: 500;
	/*custom*/
	height: 23px; line-height:22px;
	padding:2px 10px 0px 25px; 
	text-decoration: none;
	border-bottom: 1px solid #EBF0F7;
}

	/********************************/
	/* Subnavigation navMain        */
	/********************************/
	/* Normalzustand Klappmenü */
	#navMain .ddmx .item2 {
	    color: #EBF0F7;
		background: #4B7BB5;
	}
	/* Rollover Klappmenü */
	#navMain .ddmx .item2:hover, 
	#navMain .ddmx .item2-active,
	#navMain .ddmx .item2-active:hover {
	    color: #000000;
		background: #E7E7E7;
	}

	/*custom: */
	/*erstes Menüelement abweichende Gestaltung*/	
	#navMain .ddmx .section .first, #navMain .ddmx .section .first:hover {
	}
	/*letztes Menüelement abweichende Gestaltung*/	
	#navMain .ddmx .section .last, #navMain .ddmx .section .last:hover {
		border-bottom: 0px none;
	}
	/*Pfeil für 2.Klappmenüebene */	
	#navMain .ddmx .section .arrow,
	#navMain .ddmx .section .arrow:hover {	
		/*getrennt notieren, damit Farbe nicht extra angegeben werden muss*/
		background-image: url(../pic/arrow3.gif);
		background-repeat: no-repeat; 
		background-position: right;
	}
	#navMain .ddmx .section .arrow:hover {	
		background-image: url(../pic/arrow1.gif); 
	}
	/*custom-End*/	


	/********************************/
	/* Subnavigation navLeft        */
	/********************************/
	#navLeft .ddmx .item2,
	#navLeft .ddmx .item2:hover, 
	#navLeft .ddmx .item2-active,
	#navLeft .ddmx .item2-active:hover {
		/* Normalzustand Klappmen */
		text-align: left; padding-left:15px;
	    color: #404040;
		background-color: #C2C2C2;
		border-bottom:1px solid #EBF0F7;	}
	
	#navLeft .ddmx .item2:hover, 
	#navLeft .ddmx .item2-active,
	#navLeft .ddmx .item2-active:hover {
		/* Rollover Klappmen */
	    color: #000000;
		background-color:#E7E7E7;
	}
	/*custom: */
	/*erstes Menüelement abweichende Gestaltung*/	
	#navLeft .ddmx .section .first, #navLeft .ddmx .section .first:hover {
	}
	/*letztes Menüelement abweichende Gestaltung*/	
	#navLeft .ddmx .section .last, #navLeft .ddmx .section .last:hover {
		border-bottom: 0px none;
	}
	/*Pfeil für 2.Klappmenüebene */	
	#navLeft .section .arrow {
		/*getrennt notieren, damit Farbe nicht extra angegeben werden muss*/
		background-image: url(../pic/arrow3.gif); 
		background-repeat: no-repeat; 
		background-position: right;
	}
	#navLeft .section .arrow:hover {
/*		background-image: url(../pic/arrow1.gif); 
		background-repeat: no-repeat; 
		background-position: right;*/
	}
	/*custom-End*/	


.ddmx .section {
	/*orig*/
	position: absolute; visibility: hidden; z-index: -1;
	/*custom*/
}
	#navMain .ddmx .section {
		border: 1px solid #A2A2A2; 
	}
	#navLeft .ddmx .section {
		border: 1px solid #EBF0F7;
	}
/*custom: 2. Klappmenüebene*/
/* vertikales Klappmenü zu Hauptmenü Ebene 1 */
#navLeft .ddmx .section .section {
	border-left: 1px solid #EBF0F7;
}

* html .ddmx td { position: relative;  /* ie 5.0 fix */ }