/*
////////////////////////////////////////////////////////////////
//
// Styles fuer das Layout Anderwerk => Navigation
//
// Hofmanmn PC-Systeme / Stand 01/2010
//
////////////////////////////////////////////////////////////////
*/




/*
////////////////////////////////////////////////////////////////
Farben
////////////////////////////////////////////////////////////////

Blau					#EAF5FF
Blass Blau				#E8F4FF
Dunkelblau				#D9EFFF	
Hellgrau				#EEEEEE
Dunkelgrau				#3E3E3E
Grün					#EDFCDB
  
////////////////////////////////////////////////////////////////  
*/  
  
  
  

/*################################ NAV-LEVEL LEFT ################################*/

.navLeftLevel1Selected		{
							list-style: none;
						    margin:0 0 0 0em;
    						padding: 0px;
							}

.navLeftLevel1Selected a    {
						    text-decoration: none;
						    color: black;
						    display: block;
						    padding-left:10px;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}		
												
.navLeftLevel1Selected a:hover		{
					   		text-decoration: none;
						    color: black;
						    display: block;
						    padding-left:10px;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}
							
/* ------------------------------------ */

.navLeftLevel1Open			{
							list-style: none;
						    margin:0 0 0 0em;
    						padding: 0px;
							}							
							
.navLeftLevel1Open a    	{
						    text-decoration: none;
						    color: black;
						    display: block;
						    padding-left:10px;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}		
												
.navLeftLevel1Open a:hover		{
					   		text-decoration: none;
						    color: red;
						    display: block;
						    padding-left:10px;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}							
							
/* ------------------------------------ */
							
.navLeftLevel1OpenSelected		{
							list-style: none;
						    margin:0 0 0 0em;
    						padding: 0px;
							}

.navLeftLevel1OpenSelected a    {
						    text-decoration: none;
						    color: red;
						    display: block;
						    padding-left:10px;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%;  
							}		
												
.navLeftLevel1OpenSelected a:hover		{
					   		color: red;
							}
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
/* ------------------------------------ */
							
.navLeftLevel2				{
						    list-style: none;
						    margin:0 0 0px 0em;
    						padding: 0px;
							}					
							
.navLeftLevel2 ul			{
							list-style: none;
    						margin:0 0 0 0;
    						padding:0;
    						}							
							
.navLeftLevel2 a     		{
					   		height:24px;
						    text-decoration: none;
						    color: #3E3E3E;
						    display: block;
						    /*background-color: #EAF5FF;*/
						    border-top: 1px solid #EEEEEE;
						    padding-left:10px;
						    padding-top: 6px;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}		
												
.navLeftLevel2 a:hover		{
					   		color: red;
					   		background-color: #EAF5FF;
							}		

/* ------------------------------------ */
    						
.navLeftLevel2Selected		{
							list-style: none;
						    margin:0 0 0 0em;
    						padding: 0px;
							}
							
.navLeftLevel2Selected a    {
					   		height:24px;
						    text-decoration: none;
						    color: red;
						    display: block;
						    border-bottom: 1px solid #EEEEEE;
						    border-top: 1px solid #EEEEEE;
						    padding-left:10px;
						    padding-top: 4px;
						    background-color: #EAF5FF;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}		
												
.navLeftLevel2Selected a:hover		{
					   		color: red;
					   		background-color: #EAF5FF;
							}
														

/* ------------------------------------ */							
							
.navLeftLevel2Open			{
							list-style: none;
						    margin:0 0 0 0em;
    						padding: 0px;
							}
							
.navLeftLevel2Open a    	{
					   		height:24px;
						    text-decoration: none;
						    color: red;
						    display: block;
						    border-bottom: 1px solid #EEEEEE;
						    border-top: 1px solid #EEEEEE;
						    padding-left:10px;
						    padding-top: 4px;
						    background-color: #EAF5FF;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}		
												
.navLeftLevel2Open a:hover	{
					   		color: red;
					   		background-color: #EAF5FF;
							}
							
							
/* ------------------------------------ */		
							
.navLeftLevel2OpenSelected	{
							list-style: none;
						    margin:0 0 0 0em;
    						padding: 0px;
							}
							
.navLeftLevel2OpenSelected a    	{
					   		height:24px;
						    text-decoration: none;
						    color: red;
						    display: block;
						    border-bottom: 1px solid #EEEEEE;
						    border-top: 1px solid #EEEEEE;
						    padding-left:10px;
						    padding-top: 4px;
						    background-color: #EAF5FF;
						    font-family: Trebuchet MS,sans-serif; 
						    font-weight:bold;
						    line-height:160%; 
							}		
												
.navLeftLevel2OpenSelected a:hover	{
					   		color: red;
					   		background-color: #EAF5FF;
							}
							
							
/* ------------------------------------ */									


.navLeftLevel3				{
						    list-style: none;
						    margin:0 0 0 0px;
    						padding: 0px;
							}					
							
.navLeftLevel3 ul			{
							list-style: none;
    						margin:0 0 0 0;
    						padding:0;
    						}							
							
.navLeftLevel3 a     		{
					   		height: 			26px;
						    text-decoration: 	none;
						    color: 				#66666;
						    display: 			block;
						    background-color: 	white;
						    padding-left:		25px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel3 a:hover		{
					   		color: red;
					   		background-color: #EAF5FF;
							}		

/* ------------------------------------ */
    						
.navLeftLevel3Selected		{
							list-style: none;
						    margin:0 0 0 0px;
    						padding: 0px;
							}
							
.navLeftLevel3Selected a    {
					   		height:				26px;
						    text-decoration: 	none;
						    color: 				red;
						    display: 			block;
						    background-color: 	white;
						    border-left: 		0px #c0c0c0 solid;
						    padding-left:		25px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel3Selected a:hover		{
					   		color: red;
					   		background-color: #EAF5FF;
							}
														

/* ------------------------------------ */							
							
.navLeftLevel3Open			{
							list-style: none;
						    margin:0 0 0 0px;
						    padding: 0px;
							}
							
.navLeftLevel3Open a    	{
					   		height:				26px;
						    text-decoration: 	none;
						    color: 				red;
						    display: 			block;
						    background-color: 	white;
						    padding-left:		25px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel3Open a:hover	{
					   		color: red;
					   		background-color: #EAF5FF;
							}
							
							
/* ------------------------------------ */		
							
.navLeftLevel3OpenSelected	{
							list-style: none;
						    margin:0 0 0 0px;
    						padding: 0px;
							}
							
.navLeftLevel3OpenSelected a    	{
					   		height:				26px;
						    text-decoration: 	none;
						    color: 				red;
						    display: 			block;
						    background-color: 	white;
						    border-left: 		0px #c0c0c0 solid;
						    padding-left:		25px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel3OpenSelected a:hover	{
					   		color: red;
					   		background-color: #EAF5FF;
							}
							
							
/* ------------------------------------ */		

.navLeftLevel4				{
						    list-style: none;
						    margin:0 0 0 0px;
    						padding: 0px;
							}					
							
.navLeftLevel4 ul			{
							list-style: none;
    						margin:0 0 0 0;
    						padding:0;
    						}							
							
.navLeftLevel4 a     		{
					   		height: 			26px;
						    text-decoration: 	none;
						    color: 				#66666;
						    display: 			block;
						    background-color: 	white;
						    padding-left:		40px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel4 a:hover		{
					   		color: red;
					   		background-color: #EAF5FF;
							}		

/* ------------------------------------ */
    						
.navLeftLevel4Selected		{
							list-style: none;
						    margin:0 0 0 0px;
    						padding: 0px;
							}
							
.navLeftLevel4Selected a    {
					   		height:				26px;
						    text-decoration: 	none;
						    color: 				red;
						    display: 			block;
						    background-color: 	white;
						    padding-left:		40px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel4Selected a:hover		{
					   		color: 				red;
					   		background-color: 	#EAF5FF;
							}
														

/* ------------------------------------ */							
							
.navLeftLevel4Open			{
							list-style: none;
						    margin:0 0 0 0px;
						    padding: 0px;
							}
							
.navLeftLevel4Open a    	{
					   		height:				26px;
						    text-decoration: 	none;
						    color: 				#E8F4FF;
						    display: 			block;
						    background-color: 	#EEEEEE;
						    padding-left:		40px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel4Open a:hover	{
					   		color: 				red;
					   		background-color: 	#EAF5FF;
							}
							
							
/* ------------------------------------ */		
							
.navLeftLevel4OpenSelected	{
							list-style: none;
						    margin:0 0 0 16px;
    						padding: 0px;
							}
							
.navLeftLevel4OpenSelected a    	{
					   		height:				26px;
						    text-decoration: 	none;
						    color: 				red;
						    display: 			block;
						    background-color: 	#E8F4FF;
						    padding-left:		40px;
						    padding-top: 		5px;
						    margin-top: 		1px;
						    font-family: 		Trebuchet MS,sans-serif; 
						    font-weight:		bold;
						    line-height:		160%; 
							}		
												
.navLeftLevel4OpenSelected a:hover	{
					   		color: 				red;
					   		background-color: 	#EAF5FF;
							}
							
							
/*################################ NAV-LEVEL TOP ################################*/


.navTopLevel1				{
							float:				left;
							}

.navTopLevel1 a    			{
						    color: 				#3E3E3E;
						    text-decoration: 	none;
							}		

.navTopLevel1 a:hover		{
							float: 				left;
							color: 				red;							
							background-color:	#D9EFFF;
							border-Bottom: 		4px solid #D9EFFF;
							}

							
/* ------------------------------------ */


.navTopLevel1Open			{
							float: 				left;
							background-color:	#D9EFFF;
							color: 				red;
							font-weight:		bold;
							border-Bottom: 		4px solid #c0c0c0;
							}

.navTopLevel1Open a  		{
						    text-decoration: 	none;
						    color: 				red;
							}		
												
.navTopLevel1Open a:hover	{
					   		text-decoration: 	none;
						    background: 		#D9EFFF;
						    color: 				red;
							}

/* ------------------------------------ */

.navTopLevel1Selected		{
							float: 				left;
							background-color:	#D9EFFF;
							color: 				red;
							font-weight:		bold;
							border-Bottom: 		4px solid #c0c0c0;
							}

.navTopLevel1Selected a		{
						    background: 		#D9EFFF;
						    text-decoration: 	none;
						    color: 				red;
							}		
							
							
.navTopLevel1Selected a:hover	{
					   		background: 		#D9EFFF;
						    color: 				Red;
							}

/* ------------------------------------ */



.navTopLevel1OpenSelected	{
							float: 				left;
							background-color:	#D9EFFF;
							color: 				red;
							font-weight:		bold;
							border-Bottom: 		4px solid #c0c0c0;
							}

.navTopLevel1OpenSelected a		{
						    background: 		#D9EFFF;
						    text-decoration: 	none;
						    color: 				Red;
							}		
												
.navTopLevelOpen1Selected a:hover	{
					   		background: 		#D9EFFF;
						    color: 				Red;
							}

/* ------------------------------------ */