/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
                
*******************************************************************************/

.nav_left,
.nav_right {
	height: 36px;
	margin: 0px;
	padding:0px;
	float:left;
}

.nav_right{
	background: url(/images/navigation_bg_right.jpg) bottom right no-repeat;	
}

.nav_left{ 
	background: url(/images/navigation_bg_left.jpg) top left no-repeat;
	width:11px;
	position:relative;
}

#content #navigation {
	
}


#content .bg_nav_top {
	background:#FFFFFF url(/images/bg_nav_box_top.jpg) no-repeat scroll left top;
	font-size:1px;
	height:4px;
	line-height:1px;
	margin:0px;
	padding:0px;
	width:140px;
}

#content .bg_nav_bottom {
	background:#FFFFFF url(/images/bg_nav_box_bottom.jpg) no-repeat scroll left bottom;
	margin:0px 0px 20px 14px;
	padding:0px;
	width:140px;
}

#content .bg_nav_bottom li {
	margin: 0px;
	left: 0px;
}

#content .bg_nav_bottom li.active a {
	color:#333333 !important;
}

#content .bg_nav_bottom a {
	/*background-image:url(../images/symb_link_arrow_dunkle_blau.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;*/
	color:#516a83 !important;
	font-weight:bold;
	margin:0px !important;
	/*padding-left: 10px;*/
	text-decoration:none !important;
	font-size: 11px;
}

#content .bg_nav_bottom a:hover {
	/*background-image:url(/images/symb_link_arrow_dunkle_grau.gif);*/
	color:#f26922 !important;
}

#content .bg_nav_bottom ul{
	list-style: none !important;
	padding:0px;
	margin: 0px;
}

#navigation ul{
	list-style: none !important;
	padding:0px;
	margin-left: 0px;
}


.menu {
	font-family:Arial, Helvetica, sans-serif;
	width:800px;                    /*  (1)  */
	position:relative; 
	font-size:13px;
	padding-bottom:0px;
	padding-top: 5px;
	z-index:200;
}
.menu ul {                        /* UL Ebene 1 */
	padding:0px; 
	margin:0px;
	list-style-type: none;
}

.menu li {
	float:left;
	position:relative;
	margin-right:5px;
	margin-left:0px;
	padding:0px;
	z-index:200;
	/*width:124px;*/
	/*background-image:url(/images/navigation_bg.jpg);
	background-repeat:no-repeat;*/
}


.menu a, .menu a:visited {
	text-decoration:none; 
	color:#153F69;
	/*width:123px; */                   /* Breite von (.menu)/(Anzahl der Punkte)-(1Px)  --> (1) */
	height:36px;                    /*  (2)  */
	border:0px solid #e5edf0;          /* Border-color am besten = Hintergrundfarbe der Seite */
	border-width:0px 0px 0px 0px; 
	/*background:#edf6ff; */
	padding: 0px 11px 0px 0px;
	line-height:25px;               /*  --> (2)  */
	font-weight: bold;
	/*text-align:center;*/
	font-size:14px;
}

* html .menu a, * html .menu a:visited{
	width:124px;
	display:inline;
	padding: 10px 10px 10px 0px;
}

.menu ul ul {
	height:0pt;
	left:0px;
	position:absolute;
	top:26px;
	visibility:hidden;
	width:125px;
	z-index:202;
}

.menu ul li ul li {
	z-index:202;
}

* html .menu ul ul {
	top:26px;
	width:125px;
	z-index:202;
}

* html .menu ul li ul li a, * html .menu ul li ul li a:visited {
	top:24px;
	width:95px;
	display:block;
	z-index:201;
}

.menu table {
	left:0pt;
	position:absolute;
	top:0pt;
}

.menu ul ul a, .menu ul ul a:visited {
	background:#ffffff none repeat scroll 0%;
	border:1px solid #EAE9E9;
	/*color:#411600;*/
	color: #5c5c5c;
	font-size:11px;
	height:auto;
	line-height:13px;
	padding:5px 5px 5px 18px;
	text-align:left;
	width:95px;
	background-image:url(/images/symb_droplet_sm.gif);
	background-position: 2px 6px;
	background-repeat:no-repeat;
	z-index:300;
	display:block;
}



.menu a:hover {
	background: transparent none repeat scroll 0%;
	color:#939190;
	
}

.menu ul ul a:hover {
	background:#f8fbff none repeat scroll 0%;
	color:#153F69;
	background-image:url(/images/symb_droplet_over_sm.gif);
	background-position: 2px 6px;
	background-repeat:no-repeat;
	text-decoration:underline;
	z-index:200;
}

.menu ul ul *:hover > a { 
	color:#153F69;
}

.menu *:hover > a { 
	color:#939190;
}

.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible; 
}

.menu ul *:hover ul ul {
	visibility:hidden;
}

.menu ul *:hover ul *:hover ul {
	visibility:visible;
}

.separator_nav {
	background-color:#EDEDED;
	clear:both;
	display:block;
	height:1px;
	line-height:1px;
	margin-bottom:1px;
	margin-top:1px;
	width:100%;
}



/*	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/

#header-nav {
	position:absolute;
	bottom:30px;
	left:200px;
	width:560px;
	background:#fff;
}

#header-nav ul.nav1st {
}


#header-nav ul.nav1st li {
	display:block;
	float:left;
	padding:5px 7px 5px 7px;
}

#header-nav ul.nav1st li.active {
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
	color:#090;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link {
	color:#606060;
	font-size:1.2em;
	font-weight:bold;
}

#header-nav ul.nav1st a:hover {
	color:#090;
}


#navigation {
	float:left; 
	padding:0px 10px 0px 0px;
	width: 140px;
	float:left;
	/*background-color:#CCCCFF;*/
}

#navigation ul.nav2nd{
	padding:0px;
	margin:0px;
}

 
#navigation ul.nav2nd li {
	padding:0px;
	margin:0px;
	margin-left:0px;
	font-size:1.1em;
	font-weight:normal;
}

#navigation ul.nav2nd li a, 
#navigation ul.nav2nd li a:link {
	display:block;
	padding: 0px;
	margin:0px;
	padding-left:18px;
	color:#5c5c5c;
	font-weight:bold;
	list-style:none;
	list-style-position:outside;
	background-image:url(/images/symb_droplet.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#navigation ul.nav2nd li a.current, 
#navigation ul.nav2nd li a.current:link, 
#navigation ul.nav2nd li a:hover {
	color:#153F69;
	background-image:url(/images/symb_droplet_over.gif);
}






