/* CSS Styles für rettungsdienst.rotkreuz-ravensburg.de */
/* Navigation */

#navigation-links {
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	background-color: #CBCDCE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	z-index: 1000;
	float: left;
	width: 15em;
	color: #000000;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B1B3B6;
	}
	
/* ****************** */	
/* Versuch Firstmenue */
/* ****************** */

#navigation-links ul.firstmenu {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#navigation-links li.firstmenu{
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DA2128;
		}
		
#navigation-links li.firstmenu a {
	display: block;
	background-color: #E6E7E8;
	color: #000000;
	text-decoration: none;
	width: 100%;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CBCDCE;
	border-left-color: #B1B3B6;
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
		}
		

html>body #navigation-links li.firstmenu a {
		width: auto;
		}


#navigation-links li.firstmenu a:hover {
	background-color: #CBCDCE;
	color: #000000;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B1B3B6;
	border-left-color: #DA2128;
		}

/* *************** */
/* Ende Firstmenue */
/* *************** */

/* *************** */
/* Beginn Submenue */
/* *************** */

#navigation-links li.firstmenu ul {
left: 1em;
display:block;
	list-style: none;
}

#navigation-links li.submenu {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

		}
		
#navigation-links li.submenu a {
	display: block;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	width: 100%;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E7E8;
	border-left-color: #B1B3B6;
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
		}
		
html>body #navigation-links li.submenu a {
		width: auto;
		}
		
#navigation-links li.submenu a:hover {
	background-color: #818181;
	color: #FFFFFF;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B1B3B6;
	border-left-color: #B1B3B6;
}

/* ************* */
/* Ende Submenue */
/* ************* */






/* ***************** */
/* Aktives Firstmenu */
/* ***************** */

#navigation-links li.first-menu-aktiv {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
		}
		
#navigation-links li.first-menu-aktiv a {
	display: block;
	background-color: #818181;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E7E8;
	border-left-color: #B1B3B6;
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
		}
		
html>body #navigation-links li.first-menu-aktiv a {
		width: auto;
		}
		
#navigation-links li.first-menu-aktiv a:hover {
	background-color: #818181;
	color: #FFFFFF;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B1B3B6;
	border-left-color: #B1B3B6;
}

/* *************** */
/* Ende Aktiv Menu */
/* *************** */


/* ***************** */
/* Aktives Submenu */
/* ***************** */

#navigation-links li.sub-menu-aktiv {
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
		}
		
#navigation-links li.sub-menu-aktiv a {
	display: block;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	width: 100%;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E7E8;
	border-left-color: #B1B3B6;
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
		}
		
html>body #navigation-links li.sub-menu-aktiv a {
		width: auto;
		}
		
#navigation-links li.sub-menu-aktiv a:hover {
	background-color: #818181;
	color: #FFFFFF;
	border-right-width: 7px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B1B3B6;
	border-left-color: #B1B3B6;
}

/* *************** */
/* Ende Sub Aktiv Menu */
/* *************** */