/*  =========================================================

CSS : Stylesheet für www.odenthal.de 
ERSTELLT FÜR MEDIACLOU GmbH 
AGENTUR FÜR WERBUNG UND MEDIENINTEGRATION
Stylesheet für die Navigationselemente
Juli/August 2008

========================================================== */
/* <![CDATA[ */ 

/* -------------------------------
   Hauptnavigation
   ------------------------------- */

#hauptnavi {
   float: right;
   height: auto;
   background-color: #fff;
   border-bottom: 0.25em solid #fff;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #hauptnavi { height: 1%; } 

*+ html hauptnavi {
   float: right;
   height: auto;
   background-color: #fff;
   border-bottom: none;
}
 #hauptnavi #buttons {
	float: left;
	}

/* neu: Neue Referenz: Gilt nur für die Liste der Buttons *** */
#hauptnavi #buttons ul {
   width: auto; /* "schrumpft" die Liste */
   margin: 0;
   padding: 0;
}

#hauptnavi #buttons li {
   float: left;  
   list-style-type: none;
   margin: 0;
}

* html #hauptnavi #buttons li {
  width: 181px;
}

#hauptnavi #buttons a {
   display: block; 
   background-color: #0e3293;
   color: #fff;
   font-weight: 600;
   /*font-size: 1.2em;*/
   font-size: 1em;
   text-decoration: none;
   text-align: center; 
   margin-left: 0.22em;
}  

*+html #hauptnavi a {
   float: left;
   line-height: 190%;
}  

#hauptnavi #buttons a:hover,
#hauptnavi #buttons a:focus,
#hauptnavi #buttons a:active, 
#hauptnavi #buttons a.aktiv { 
   display: block; 
   color: #0e3293 ;
   background-color: #e8e8ff; 
}  

#hauptnavi .bereiche {
	height: 24px;
	width: 181px;
}

#hauptnavi .bereiche p {
	padding: 0.2em 0;
	display: block;
}

/* -------------------------------
   Unternavigation
   ------------------------------- */
#navigation {
	float: left;
	width: 15em;
	background: #e9eaff url(../grafik/gradientLeft.jpg) repeat-x left top;
	padding-bottom: 0.5em;
	min-height: 19em;
}
#subnavi {
   margin: 0 0 0.5em 0;
}

/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #subnavi { height: 1%; } 

#subnavi ul {
	
}
#subnavi li { 
   width: auto; 
   list-style-type: none;
   margin: 1em 0 0 0.2em;
}
#subnavi a {
   display: block;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #0e3293;
	padding-left: 1em;
}
#subnavi a:hover, #subnavi a:focus, #subnavi a.aktiv {
	background: url(../grafik/listIcon.gif) no-repeat center left;
	text-decoration: underline;
}

#subnavi ul ul{
	margin-left: 1em;
}
#subnavi ul ul a{
	font-size: 0.9em;
}

#subnavi ul ul a.e2aktiv {
	background: url(../grafik/listIcon.gif) no-repeat center left;
	font-size: 0.9em;
	text-decoration: underline;
	   margin: 1em 0 0 0.2em;
}

/* UNTERMENUE BÜRDERSERVICE */

#leftmenu { margin: 0 0 0.5em 0; }

/* -------------------------------
   rechte Navigation
   ------------------------------- */
 /* *** NEU: Breite auto; Hintergrund hier raus, dafür nach #rechts ******* */
#rechte_navigation {
	width: auto;  /* 14.06em;*/
	min-height: 21em;
	float: left;
	/* background: url(grafik/gradientRight.jpg) repeat-x left top;*/
	margin: 0 0 0.3em 0; 
	padding: 0;
	border-top: 0em solid #fff;
	/*border-top: 0.25em solid #fff;*/
	
}
#rechte_navigation ul {   
	margin: 0 0 0 0.2em;
	}

#rechte_navigation li { 
   list-style-type: none;
	margin: 0;   
	padding: 1em 0 0 0.2em; /* */
	}


	
#rechte_navigation a {
   display: block;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
	color: #0e3293;
	padding-left: 0em; 
	
}   

#rechte_navigation a:hover, #rechte_navigation a:focus, #rechte_navigation li.aktiv a {
	text-decoration: underline;
	background: none;
}   

/* ----------------------------------------
   rechte Navigation im virtuellen Rathaus
   ---------------------------------------- */

#rathaus_navi {
	background-color: #7ac11d;
	height: 2em;
	}
		
* html #rechts  #rathaus_navi {	
	margin: 1em -2em 0 -0.4em;
	height: 1em;
	}
			
#rathaus_navi h3 {
	color: #fff;
	font-weight: bold;
	padding: 0.4em;
	}
	
*+ html #rathaus_navi h3 {
	margin: 0;
	} 	

* html #rathaus_navi h3 {
	/*display: inline;*/
	margin: 0.2em 0 0.2em 0.8em;
	}		
		
#leftmenu {
   	margin: 0;
   	border: 2px solid #7ac11d;
   	border-right: 0;
   	background-color: #ECFFED;
   	padding: 0 0 0.5em 0;
}






#leftmenu li { 


   width: auto; 
   list-style-type: none;
   margin: 0.5em 0 0 0;
}

#leftmenu a {
   display: block;
   font-size: 1em;
   text-decoration: none;
   font-weight: bold;
   color: #0e3293;
   padding-left: 1em;
}


#leftmenu a:hover, #leftmenu a:focus, #leftmenu a.active{
	background: url(../grafik/listIcon.gif) no-repeat center left;
	text-decoration: underline;
}

* html #ie6 {
   	margin: 0 0 0 -0.4em;
	}
	
* html #leftmenu {
   	margin: 0;
   	padding: 0 0 0.5em 0;
   	position: absolute;
   	width: 14.2em;
	}
	
* html #leftmenu a {
	margin: 0 0 0 0;
	display: block;
	padding: 0 0 0 1em;
	}

/* ]]> */
/* ======================================
   E N D E navigation.css
   ====================================== */