/* --------------------------------------------------------------------------
   HAUPT- / UNTERNAVIGATION
   -------------------------------------------------------------------------- */
#nav, #nav ul {
	float:			left;
	width:			100%;
	list-style:		none;
	line-height:		22px;
	background:		#ED1C24;
	color:			#000;
	font-weight:		bold;
	padding:			0;
	margin:			0;margin-bottom:10px;
	clear:			both;
	z-index:			1000;
}	
#nav {
	background-color:		#ED1C24;
	padding-top:		0px;	
	border-bottom:		1px solid #FFF;
	z-index:			1000;
}
 
#nav a {
	font-size:		12px;
	display:			block;
	color:			#FFFFFF; 
	text-decoration:		none;
	padding:			0;
	margin-left:		5px;
	margin-right:		5px;
	z-index:			1000;
}
#nav a:hover {
	background:		#CC0000;
} 
#nav a.menuparent  {
	background:		url(arrow.gif) no-repeat 95% 50%;
}
#nav ul li.menuparent a {
	background:		url(arrow.gif) no-repeat 95% 50%;
}
#nav ul li.menuparent  ul li a {
	background:		none;
}

 
#nav li {
	float:			left;
	padding:			0;
	margin:			0;
	list-style:		none;
	font-size:		11px;
	font-weight:		bold;
	border-right:		1px solid #FFF;
	background-color:		#ED1C24;
}
 
#nav li ul {
	position:			absolute;
	left:			-999em;
	height:			auto;
	width:			240px;
	font-weight:		normal;
	border-width:		1px;
	margin:			0;
}
 
#nav li li {
	width:			240px;
	border:			none;
	border-top:		1px solid #FFFFFF;
	list-style:		none;
	margin:			0;
	padding:			0;
	font-size:		10px;
}
#nav li ul a {
	font-size:		10px;
	width:			230px;
	padding-left:		0;
}
 
#nav li ul ul {
	margin:			-20px 0 0 220px;
}
 
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left:			-999em;
}
 
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left:			auto;
}
 
#nav li:hover, #nav li.sfhover {
	background:		#CC0000;
	color:			#000000;
	font-weight:		bold;
}

/* ------------------------------------------------------------------------------
   ROOTLINE ("Sie sind hier Menue")
   ------------------------------------------------------------------------------ */
ul#nav-rootline {height:20px;
	margin:			0;
	margin-top:		5px;
	margin-left:		10px;
	padding:			0;
	float:			left;
}
ul#nav-rootline li#logomini {
	list-style-type:		none;
	margin:			0;
	padding:			0;
	float:			left;
	text-align:		right;
	width:			95px;
	height:			10px;
	background-image:	url(LogoMini.jpg);
	background-repeat:	no-repeat;
	background-position:	0 1px;
}
ul#nav-rootline li#logomini a {
	float:			left;
	width:			80px;
	height:			10px;	
}
ul#nav-rootline li {
	font-size:		10px;
	list-style-type:		none;
	margin:			0;
	padding:			0;
	float:			left;
}
ul#nav-rootline li a {
	float:			left;
	color:			#666666;
	font-size:		10px;
	text-decoration:		none;
}
ul#nav-rootline li.lastitem {
	list-style-type:		none;
	margin:			0;
	padding:			0;
	float:			left;
}
ul#nav-rootline li.lastitem a {
	float:			left;
	color:			#666666;
	font-size:		10px;
	text-decoration:		none;
}

/* ------------------------------------------------------------------------------
   QUICKLINKS
   ------------------------------------------------------------------------------ */
ul#nav-quicklinks {
	margin:			0;
	margin-top:		5px;
	margin-left:		5px;
	padding:			0;
	position:			absolute;
	left:			665px;width:400px;
}
ul#nav-quicklinks li {
	list-style-type:		none;
	color:			#8791DA; /* 60% von #3747C1 */
	color:			#F4777C; /* 60% von #ED1C24 */
	margin:			0;
	padding:			0;
	float:			left;
}
ul#nav-quicklinks li a {
	float:			left;
	color:			#000;
	font-size:		10px;
	font-weight:		normal;
	text-decoration:		none;
}
ul#nav-quicklinks li a:hover {
	color:			#ED1C24;
	text-decoration:		underline;
}
ul#nav-quicklinks li a.no {
}
ul#nav-quicklinks li a.no:hover {
}
ul#nav-quicklinks li a.cur {
	color:			#ED1C24;
	text-decoration:		none;
}
ul#nav-quicklinks li a.cur:hover {
	text-decoration:		none;
}
ul#nav-quicklinks li a.act {
}
ul#nav-quicklinks li a.act:hover {
}
ul#nav-quicklinks li a.ifsub {
}
ul#nav-quicklinks li a.ifsub:hover {
}
ul#nav-quicklinks li a.actifsub {
}
ul#nav-quicklinks li a.actifsub:hover {
}

/* ------------------------------------------------------------------------------
   NAVIGATION (HAUPTNAVIGATION LEVEL 1)
   ------------------------------------------------------------------------------ */
ul.NAVIGATION1 {
	margin:			0;
	margin-bottom:		30px;
	padding:			0;
	background-color:		#EEEEEE;
	float:			left;
	width:			100%;
}
ul.NAVIGATION1 li {
	list-style-type:		none;
	margin:			0;
	padding:			0;
	float:			left;
}
ul.NAVIGATION1 li a {
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		3px;
	padding-bottom:		3px;
	float:			left;
	color:			#8791DA; /* 60% von #3747C1 */
	color:			#ED1C24; /* 60% von #ED1C24 */
	font-weight:		bold;
	font-size:		12px;
	text-decoration:		none;
}
ul.NAVIGATION1 li a.no {
}
ul.NAVIGATION1 li a.no:hover {
	color:			#FFFFFF;
	background-color:		#8791DA; /* 60% von #3747C1 */
	background-color:		#F4777C; /* 60% von #ED1C24 */
	background-color:		#000000; /* 60% von #ED1C24 */
}
ul.NAVIGATION1 li a.cur {
	color:			#FFFFFF;
	background-color:		#3747C1;
	background-color:		#ED1C24;
}
ul.NAVIGATION1 li a.cur:hover {
}
ul.NAVIGATION1 li a.act {
	color:			#ED1C24;
}
ul.NAVIGATION1 li a.act:hover {
}
ul.NAVIGATION1 li a.ifsub {
}
ul.NAVIGATION1 li a.ifsub:hover {
	color:			#FFFFFF;
	background-color:		#8791DA; /* 60% von #3747C1 */
	background-color:		#F4777C; /* 60% von #ED1C24 */
	background-color:		#000000; /* 60% von #ED1C24 */
}
ul.NAVIGATION1 li a.actifsub {
	background-color:		#3747C1;
	background-color:		#ED1C24;
	color:			#FFFFFF;
}
ul.NAVIGATION1 li a.actifsub:hover {
}


/* ------------------------------------------------------------------------------
   NAVIGATION (HAUPTNAVIGATION LEVEL 2)
------------------------------------------------------------------------------ */
ul.NAVIGATION2 {
	margin:			0;
	padding:			0;
	width:			200px;
}
ul.NAVIGATION2 li {
	width:			100%;
	float:			left;
	list-style-type:		none;
	margin:			0;
	padding:			0;
	background-color:		#ECECEC;
	border-bottom:		1px solid #FFFFFF;
	text-align:		left;
}
ul.NAVIGATION2 li a {
	width:			190px;
	padding-left:		10px;
	padding-top:		3px;
	padding-bottom:		3px;
	float:			left;
	color:			#666666;
	font-weight:		bold;
	font-size:		11px;
	text-decoration:		none;
}
ul.NAVIGATION2 li a.no {
}
ul.NAVIGATION2 li a.no:hover {
	color:			#FFFFFF;
	background-color:		#8791DA; /* 60% von #3747C1 */
	background-color:		#F4777C; /* 60% von #ED1C24 */
	background-color:		#000000; /* 60% von #ED1C24 */
}
ul.NAVIGATION2 li a.cur {
	color:			#FFFFFF;
	background-color:		#3747C1;
	background-color:		#ED1C24;
}
ul.NAVIGATION2 li a.cur:hover {
}
ul.NAVIGATION2 li a.act {
	color:			#3747C1;
	color:			#ED1C24;
}
ul.NAVIGATION2 li a.act:hover {
}
ul.NAVIGATION2 li a.ifsub {
}
ul.NAVIGATION2 li a.ifsub:hover {
	color:			#FFFFFF;
	background-color:		#8791DA; /* 60% von #3747C1 */
	background-color:		#F4777C; /* 60% von #ED1C24 */
}
ul.NAVIGATION2 li a.actifsub {
	background-color:		#3747C1;
	background-color:		#ED1C24;
	color:			#FFFFFF;
}
ul.NAVIGATION2 li a.actifsub:hover {
}

/* ------------------------------------------------------------------------------
NAV-HEADER (NAVIGATION KOPFZEILE)
------------------------------------------------------------------------------ */
ul.nav-header {
	font-size:		12px;
	margin:		0;
	padding:		0;
	float:		right;
	margin-right:	20px;
	position:		relative;
	top:		103px;
}
ul.nav-header li {
	list-style-type:	none;
	margin:		0;
	padding:		0;
	float:		left
}
ul.nav-header li a {
	color:		#333333;
	text-decoration:	none;
}
ul.nav-header li a.no {
}
ul.nav-header li a.no:hover {
	text-decoration:	underline;
}
ul.nav-header li a.cur {
	font-weight:	bold;
}
ul.nav-header li a.cur:hover {
	text-decoration:	none;
}
ul.nav-header li a.act {
}
ul.nav-header li a.act:hover {
	text-decoration:	underline;
}
ul.nav-header li a.ifsub {
}
ul.nav-header li a.ifsub:hover {
	text-decoration:	underline;
}
ul.nav-header li a.actifsub {
}
ul.nav-header li a.actifsub:hover {
	text-decoration:	underline;
}

/* ------------------------------------------------------------------------------
   NAV-FOOTER (NAVIGATION FUSSZEILE)
   ------------------------------------------------------------------------------ */
ul.nav-footer {
	font-size:		12px;
	margin:		0;
	padding:		0;
	float:		right;
	margin-right:	30px;
	position:		relative;
	top:		7px;
}
ul.nav-footer li {
	list-style-type:	none;
	margin:		0;
	padding:		0;
	float:		left;
}
ul.nav-footer li a {
	color:		#333333;
	text-decoration:	none;
}
ul.nav-footer li a.no {
}
ul.nav-footer li a.no:hover {
	text-decoration:	underline;
}
ul.nav-footer li a.cur {
	font-weight:	bold;
}
ul.nav-footer li a.cur:hover {
	text-decoration:	none;
}
ul.nav-footer li a.act {
}
ul.nav-footer li a.act:hover {
	text-decoration:	underline;
}
ul.nav-footer li a.ifsub {
}
ul.nav-footer li a.ifsub:hover {
	text-decoration:	underline;
}
ul.nav-footer li a.actifsub {
}
ul.nav-footer li a.actifsub:hover {
	text-decoration:	underline;
}









.menu {
width:750px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .demo .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:139px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#758279; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd url(../../graphics/drop.gif) bottom right no-repeat;
 
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url(../../graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .demo .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}
 
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}
 
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
 
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


