/*
	Projekt:		www.vif-selbstbestimmt-leben.de
	Copyright:		2007, Claus Coviello, www.webseiten-mit-sinn.de
	Version:		Ergaenzung zum Screenlayout, Version 01.00.00
	geandert am:	25.05.2007
*/
#hauptnavi {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	font-size:85%;
}

#hauptnavi .untermenue {
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	font-size:110%;
}

#hauptnavi li {
	margin:0 2px 0 0;
	padding:0;
	line-height:1em;
	font-weight:bold;
	border-bottom:2px solid #CCE1F0 !important; /* hellblau */
	/*
		bugfix: IE 5.x - 7
	*/	border-bottom-width:1px;
}

#hauptnavi li a {
	display:block;
	width:100%;
	height:30px;
	padding:0;
	margin:0;
	color:white;
	text-decoration:none;
	background:#174467 url("../_img/linie_senkrecht_hellblau.gif") repeat-y 30px 0px; /* dunkelblau */
	/*
		bugfix: IE 5.x - 7
	*/	cursor:pointer;
}

html>body #hauptnavi li a {
	width:auto;
}

#hauptnavi li a span.sub {
	display:block;
	height:100%;
	padding:0 0 0 11px;
	border-left-width:30px;
	border-left-style:solid;
	border-right:15px solid #174467; /* dunkelblau */
}

#hauptnavi li.bereich02 a.aktiv0 span.sub,
#hauptnavi li.bereich03 a.aktiv0 span.sub,
#hauptnavi li.bereich04 a.aktiv0 span.sub,
#hauptnavi li.bereich05 a.aktiv0 span.sub,
#hauptnavi li.bereich06 a.aktiv0 span.sub,
#hauptnavi li.bereich02 a:hover.aktiv0 span.sub,
#hauptnavi li.bereich03 a:hover.aktiv0 span.sub,
#hauptnavi li.bereich04 a:hover.aktiv0 span.sub,
#hauptnavi li.bereich05 a:hover.aktiv0 span.sub,
#hauptnavi li.bereich06 a:hover.aktiv0 span.sub,
#hauptnavi li.bereich02 a:hover.aktiv1 span.sub,
#hauptnavi li.bereich03 a:hover.aktiv1 span.sub,
#hauptnavi li.bereich04 a:hover.aktiv1 span.sub,
#hauptnavi li.bereich05 a:hover.aktiv1 span.sub,
#hauptnavi li.bereich06 a:hover.aktiv1 span.sub,
#hauptnavi li.bereich02 a:focus.aktiv0 span.sub,
#hauptnavi li.bereich03 a:focus.aktiv0 span.sub,
#hauptnavi li.bereich04 a:focus.aktiv0 span.sub,
#hauptnavi li.bereich05 a:focus.aktiv0 span.sub,
#hauptnavi li.bereich06 a:focus.aktiv0 span.sub,
#hauptnavi li.bereich02 a:focus.aktiv1 span.sub,
#hauptnavi li.bereich03 a:focus.aktiv1 span.sub,
#hauptnavi li.bereich04 a:focus.aktiv1 span.sub,
#hauptnavi li.bereich05 a:focus.aktiv1 span.sub,
#hauptnavi li.bereich06 a:focus.aktiv1 span.sub {
	border-right:15px solid #174467; /* dunkelblau */
}

#hauptnavi li.bereich01 a span.sub {
	border-left-color:#0067B2; /* VIF-blau */
}

#hauptnavi li.bereich02 a span.sub {
	border-left-color:#FFAD00; /* gelb */
}

#hauptnavi li.bereich03 a span.sub {
	border-left-color:#990F0D; /* rot */
}

#hauptnavi li.bereich04 a span.sub {
	border-left-color:#617C01; /* gruen */
}

#hauptnavi li.bereich05 a span.sub {
	border-left-color:#00B5D2; /* hellblau */
}

#hauptnavi li.bereich06 a span.sub {
	border-left-color:#EA7FB0; /* rosa */
}

#hauptnavi li.bereich07 a span.sub {
	border-left-color:#f05100; /* os: orange */
}

#hauptnavi li a span.sub span {
	position:relative;
	top:30%;
}

#hauptnavi li a:hover {
	color:white;
}

#hauptnavi li.bereich01 a.aktiv0,
#hauptnavi li.bereich01 a.aktiv1,
#hauptnavi li.bereich01 a:hover,
#hauptnavi li.bereich01 a:focus {
	background-color:#0067B2; /* VIF-blau */
}

#hauptnavi li.bereich02 a.aktiv0,
#hauptnavi li.bereich02 a.aktiv1,
#hauptnavi li.bereich02 a:hover,
#hauptnavi li.bereich02 a:focus {
	background-color:#FFAD00; /* gelb */
}

#hauptnavi li.bereich03 a.aktiv0,
#hauptnavi li.bereich03 a.aktiv1,
#hauptnavi li.bereich03 a:hover,
#hauptnavi li.bereich03 a:focus {
	background-color:#990F0D; /* rot */
}

#hauptnavi li.bereich04 a.aktiv0,
#hauptnavi li.bereich04 a.aktiv1,
#hauptnavi li.bereich04 a:hover,
#hauptnavi li.bereich04 a:focus {
	background-color:#617C01; /* gruen */
}

#hauptnavi li.bereich05 a.aktiv0,
#hauptnavi li.bereich05 a.aktiv1,
#hauptnavi li.bereich05 a:hover,
#hauptnavi li.bereich05 a:focus {
	background-color:#00B5D2; /* hellblau */
}

#hauptnavi li.bereich06 a.aktiv0,
#hauptnavi li.bereich06 a.aktiv1,
#hauptnavi li.bereich06 a:hover,
#hauptnavi li.bereich06 a:focus {
	background-color:#EA7FB0; /* rosa */
}

#hauptnavi li.bereich07 a.aktiv0,
#hauptnavi li.bereich07 a.aktiv1,
#hauptnavi li.bereich07 a:hover,
#hauptnavi li.bereich07 a:focus {
	background-color:#f05100; /* os: orange */
}

#hauptnavi li.bereich01 a:hover span.sub,
#hauptnavi li.bereich01 a:focus span.sub,
#hauptnavi li.bereich01 a.aktiv0 span.sub {
	border-right-color:#0067B2; /* VIF-blau */
}

#hauptnavi li.bereich02 a:hover span.sub,
#hauptnavi li.bereich02 a:focus span.sub,
#hauptnavi li.bereich02 a.aktiv1 span.sub {
	border-right-color:#FFAD00; /* gelb */
}

#hauptnavi li.bereich03 a:hover span.sub,
#hauptnavi li.bereich03 a:focus span.sub,
#hauptnavi li.bereich03 a.aktiv1 span.sub {
	border-right-color:#990F0D; /* rot */
}

#hauptnavi li.bereich04 a:hover span.sub,
#hauptnavi li.bereich04 a:focus span.sub,
#hauptnavi li.bereich04 a.aktiv1 span.sub {
	border-right-color:#617C01; /* gruen */
}

#hauptnavi li.bereich05 a:hover span.sub,
#hauptnavi li.bereich05 a:focus span.sub,
#hauptnavi li.bereich05 a.aktiv1 span.sub {
	border-right-color:#00B5D2; /* hellblau */
}

#hauptnavi li.bereich06 a:hover span.sub,
#hauptnavi li.bereich06 a:focus span.sub,
#hauptnavi li.bereich06 a.aktiv1 span.sub {
	border-right-color:#EA7FB0; /* rosa */
}

#hauptnavi li.bereich07 a:hover span.sub,
#hauptnavi li.bereich07 a:focus span.sub,
#hauptnavi li.bereich07 a.aktiv1 span.sub {
	border-right-color:#f05100; /* os: orange */
}



/*
 * Korrekturen fuer Untermenue
 * */
#hauptnavi li.untermenue {
	margin-right:0;
	border-bottom:0 !important;
}

#hauptnavi li.untermenue li {
	font-weight:normal;
}

#hauptnavi .untermenue li a {
	color:#174467; /* dunkelblau */
	background:#CCE1F0 url("../_img/linie_hellblau.gif") repeat-y 30px 0px;
}

#hauptnavi .untermenue .bereich02 li a:hover,
#hauptnavi .untermenue .bereich02 li a:focus,
#hauptnavi .untermenue .bereich02 li a.aktiv {
	color:#FF9B00; /* gelb abgedunkelt */
}

#hauptnavi .untermenue .bereich03 li a:hover,
#hauptnavi .untermenue .bereich03 li a:focus,
#hauptnavi .untermenue .bereich03 li a.aktiv {
	color:#990F0D; /* rot */
}

#hauptnavi .untermenue .bereich04 li a:hover,
#hauptnavi .untermenue .bereich04 li a:focus,
#hauptnavi .untermenue .bereich04 li a.aktiv {
	color:#617C01; /* gruen */
}

#hauptnavi .untermenue .bereich05 li a:hover,
#hauptnavi .untermenue .bereich05 li a:focus,
#hauptnavi .untermenue .bereich05 li a.aktiv {
	color:#C54781; /* rosa abgedunkelt */
}


#hauptnavi .untermenue .bereich06 li a:hover,
#hauptnavi .untermenue .bereich06 li a:focus,
#hauptnavi .untermenue .bereich06 li a.aktiv {
	color:#028398; /* hellblau abgedunkelt */
}

#hauptnavi .untermenue .bereich07 li a:hover,
#hauptnavi .untermenue .bereich07 li a:focus,
#hauptnavi .untermenue .bereich07 li a.aktiv {
	color:#f05100; /* os: orange */
}

#hauptnavi .untermenue .bereich02 li a:hover span.sub,
#hauptnavi .untermenue .bereich02 li a:focus span.sub,
#hauptnavi .untermenue .bereich02 li a.aktiv span.sub {
	border-right:15px solid #FFAD00; /* gelb */
}

#hauptnavi .untermenue .bereich03 li a:hover span.sub,
#hauptnavi .untermenue .bereich03 li a:focus span.sub,
#hauptnavi .untermenue .bereich03 li a.aktiv span.sub {
	border-right:15px solid #990F0D; /* rot */
}

#hauptnavi .untermenue .bereich04 li a:hover span.sub,
#hauptnavi .untermenue .bereich04 li a:focus span.sub,
#hauptnavi .untermenue .bereich04 li a.aktiv span.sub {
	border-right:15px solid #617C01; /* gruen */
}

#hauptnavi .untermenue .bereich05 li a:hover span.sub,
#hauptnavi .untermenue .bereich05 li a:focus span.sub,
#hauptnavi .untermenue .bereich05 li a.aktiv span.sub {
	border-right:15px solid #028398; /* hellblau abgedunkelt */
}

#hauptnavi .untermenue .bereich06 li a:hover span.sub,
#hauptnavi .untermenue .bereich06 li a:focus span.sub,
#hauptnavi .untermenue .bereich06 li a.aktiv span.sub {
	border-right:15px solid #EA7FB0; /* rosa */
}

#hauptnavi .untermenue .bereich07 li a:hover span.sub,
#hauptnavi .untermenue .bereich07 li a:focus span.sub,
#hauptnavi .untermenue .bereich07 li a.aktiv span.sub {
	border-right:15px solid #f05100; /* os: orange */
}

#hauptnavi .untermenue li a span.sub span {
	top:30%;
}

#hauptnavi .untermenue li a span.sub.zweizeilig span {
	top:5%;
}

#hauptnavi .untermenue li a span.sub {
	margin-left:32px;
	border-left:0;
	background:white;
	border-right:15px solid white;
	padding-left:9px;
}

#hauptnavi .untermenue li a:hover {
	background:none;
}

#hauptnavi .untermenue .berich02 li a:hover.aktiv,
#hauptnavi .untermenue .berich02 li a:focus.aktiv {
	color:#FF9B00; /* gelb abgedunkelt */
}

#hauptnavi .untermenue .berich03 li a:hover.aktiv,
#hauptnavi .untermenue .berich03 li a:focus.aktiv {
	color:#990F0D; /* rot */
}

#hauptnavi .untermenue .berich04 li a:hover.aktiv,
#hauptnavi .untermenue .berich04 li a:focus.aktiv {
	color:#617C01; /* gruen */
}

#hauptnavi .untermenue .berich05 li a:hover.aktiv,
#hauptnavi .untermenue .berich05 li a:focus.aktiv {
	color:#028398; /* hellblau abgedunkelt */
}

#hauptnavi .untermenue .berich06 li a:hover.aktiv,
#hauptnavi .untermenue .berich06 li a:focus.aktiv {
	color:#C54781; /* rosa abgedunkelt */
}

#hauptnavi .untermenue .berich07 li a:hover.aktiv,
#hauptnavi .untermenue .berich07 li a:focus.aktiv {
	color:#f05100; /* os: orange */
}

#hauptnavi .untermenue .bereich02 li a:focus span.sub,
#hauptnavi .untermenue .bereich02 li a:hover span.sub {
	background-color:#FFF3D9; /* 15% gelb */
}

#hauptnavi .untermenue .bereich03 li a:focus span.sub,
#hauptnavi .untermenue .bereich03 li a:hover span.sub {
	background-color:#F0DBDB; /* 15% rot */
}

#hauptnavi .untermenue .bereich04 li a:focus span.sub,
#hauptnavi .untermenue .bereich04 li a:hover span.sub {
	background-color:#E7EBD9; /* 15% gruen */
}

#hauptnavi .untermenue .bereich05 li a:focus span.sub,
#hauptnavi .untermenue .bereich05 li a:hover span.sub {
	background-color:#daf4f8; /* 15% helblau */
}

#hauptnavi .untermenue .bereich06 li a:focus span.sub,
#hauptnavi .untermenue .bereich06 li a:hover span.sub {
	background-color:#FCECF3; /* 15% rosa */
}

#hauptnavi .untermenue .bereich07 li a:focus span.sub,
#hauptnavi .untermenue .bereich07 li a:hover span.sub {
	background-color:#f6b766; /* os: ca. 15% orange */
}

#hauptnavi .untermenue li a:focus.aktiv span.sub,
#hauptnavi .untermenue li a:hover.aktiv span.sub {
	background:white;
}