/* --------------------------------
   Farbschema
   --------------------------------

Blau
	#365467 = Textfarbe aktiver Bereich, hover und active
	#adbdc8 = Hintergrund aktiver Bereich Lv 1
	#91a9b9 = Hintergrund aktiver Bereich Lv 2
	#7397ad = Hintergrund aktiver Bereich Lv 3

Orange
	#f9b200 = Hintergrund Hover-Bereich in Navigation
	
Gruen
	#deff00 = Hintergrund bei Klick in Navigation

Weiss
	#fff = Textfarbe Standard in Navigation

   Ende Farbschema
   -------------------------------- */


/* --------------------------------
   Navigation alle Ebenen
   -------------------------------- */

#navigation {
	background: #adbdc8;
	margin-bottom: 75px;
	font-family: Tahoma, Verdana, sans-serif;
}

#navigation ul, #navigation li {
	color: #fff;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
}

#navigation a {
	color: #fff;
	display: block;
	text-decoration: none;
}

/* --------------------------------
   Farbkode Navigation
   -------------------------------- */

/* Institut Friz Aktuell Kontakt*/
#navigation .institut,
#navigation .institut a,
#navigation .friz,
#navigation .friz a,
#navigation .kontakt,
#navigation .kontakt a,
#navigation .aktuell,
#navigation .aktuell a,
#navigation .stdmenu,
#navigation .stdmenu a {
	background: transparent url('/layout/Institut.gif') 0 0 repeat-y;
}

#navigation .institut a:hover,
#navigation .friz a:hover,
#navigation .kontakt a:hover,
#navigation .aktuell a:hover,
#navigation .stdmenu a:hover {
	background: #f9b200 url('/layout/Institut.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation .institut a:active,
#navigation .friz a:active,
#navigation .kontakt a:active,
#navigation .aktuell a:active,
#navigation .stdmenu a:active {
	background: #deff00 url('/layout/Institut.gif') 0 0 repeat-y;
	color: #365467;
}

/* Fortbildung */
#navigation .fortbildung, #navigation .fortbildung a {
	background: transparent url('/layout/Fortbildungen.gif') 0 0 repeat-y;
}

#navigation .fortbildung a:hover {
	background: #f9b200 url('/layout/Fortbildungen.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation .fortbildung a:active {
	background: #deff00 url('/layout/Fortbildungen.gif') 0 0 repeat-y;
	color: #365467;
}

/* Forschung */
#navigation .forschung, #navigation .forschung a {
	background: transparent url('/layout/Forschung.gif') 0 0 repeat-y;
}

#navigation .forschung a:hover {
	background: #f9b200 url('/layout/Forschung.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation .forschung a:active {
	background: #deff00 url('/layout/Forschung.gif') 0 0 repeat-y;
	color: #365467;
}

/* Eltern */
#navigation .eltern, #navigation .eltern a, #navigation .heidelberger_elterntraining_zur_fruehen_sprachfoerderung, #navigation .heidelberger_elterntraining_zur_fruehen_sprachfoerderung a {
	background: transparent url('/layout/Eltern.gif') 0 0 repeat-y;
}

#navigation .eltern a:hover, #navigation .heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:hover {
	background: #f9b200 url('/layout/Eltern.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation .eltern a:active, #navigation .heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:active {
	background: #deff00 url('/layout/Eltern.gif') 0 0 repeat-y;
	color: #365467;
}

/* Erzieher */
#navigation .erzieher, #navigation .erzieher a, #navigation .fruehe_sprachfoerderung_in_kitas, #navigation .fruehe_sprachfoerderung_in_kitas a {
	background: transparent url('/layout/Erzieher.gif') 0 0 repeat-y;
}

#navigation .erzieher a:hover, #navigation .fruehe_sprachfoerderung_in_kitas a:hover {
	background: #f9b200 url('/layout/Erzieher.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation .erzieher a:active, #navigation .fruehe_sprachfoerderung_in_kitas a:active {
	background: #deff00 url('/layout/Erzieher.gif') 0 0 repeat-y;
	color: #365467;
}


/* --------------------------------
   Navigation Level 1
   -------------------------------- */

#navigation li.lvl-1 {
	border-bottom: 1px solid #fff;
	font-size: 14px;
	line-height: 30px;
}

#navigation li.lvl-1 span {
	color: #365467;
	font-weight: bold;
	padding: 0 20px;
	display: block;
}

#navigation li.lvl-1 {
	display: block;
}


#navigation li.lvl-1 a {
	padding: 0 20px;
}


/* --------------------------------
   Navigation Level 2
   -------------------------------- */

#navigation li.lvl-2 {
	border-top: 1px dotted #fff;
	font-size: 12px;
	line-height: 16px;
	
}

#navigation li.lvl-2.first {
}

#navigation li.lvl-2.last {
}

/* Institut Friz Aktuell Kontakt*/
#navigation li.lvl-2.institut span,
#navigation li.lvl-2.friz span,
#navigation li.lvl-2.kontakt span,
#navigation li.lvl-2.aktuell span,
#navigation li.lvl-2.stdmenu span {
	background: #91a9b9 url('/layout/Institut.gif') 0 0 repeat-y;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 8px 40px;
}

#navigation li.lvl-2.institut a,
#navigation li.lvl-2.first.institut a,
#navigation li.lvl-2.friz a,
#navigation li.lvl-2.first.friz a,
#navigation li.lvl-2.kontakt a,
#navigation li.lvl-2.first.kontakt a,
#navigation li.lvl-2.aktuell a,
#navigation li.lvl-2.first.aktuell a,
#navigation li.lvl-2.stdmenu a,
#navigation li.lvl-2.first.stdmenu a {
	background: #91a9b9 url('/layout/Institut.gif') 0 0 repeat-y;
	display: block;
	padding: 8px 40px;
}

#navigation li.lvl-2.institut a:hover,
#navigation li.lvl-2.first.institut a:hover,
#navigation li.lvl-2.friz a:hover,
#navigation li.lvl-2.first.friz a:hover,
#navigation li.lvl-2.kontakt a:hover,
#navigation li.lvl-2.first.kontakt a:hover,
#navigation li.lvl-2.aktuell a:hover,
#navigation li.lvl-2.first.aktuell a:hover,
#navigation li.lvl-2.stdmenu a:hover,
#navigation li.lvl-2.first.stdmenu a:hover {
	background: #f9b200 url('/layout/Institut.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation li.lvl-2.institut a:active,
#navigation li.lvl-2.first.institut a:active,
#navigation li.lvl-2.friz a:active,
#navigation li.lvl-2.first.friz a:active,
#navigation li.lvl-2.kontakt a:active,
#navigation li.lvl-2.first.kontakt a:active,
#navigation li.lvl-2.aktuell a:active,
#navigation li.lvl-2.first.aktuell a:active,
#navigation li.lvl-2.stdmenu a:active,
#navigation li.lvl-2.first.stdmenu a:active {
	background: #deff00 url('/layout/Institut.gif') 0 0 repeat-y;
	color: #365467;
}

/* Fortbildung */
#navigation li.lvl-2.fortbildung span {
	background: #91a9b9 url('/layout/Fortbildungen.gif') 0 0 repeat-y;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 8px 40px;
}

#navigation li.lvl-2.fortbildung a, #navigation li.lvl-2.first.fortbildung a {
	background: #91a9b9 url('/layout/Fortbildungen.gif') 0 0 repeat-y;
	display: block;
	padding: 8px 40px;
}

#navigation li.lvl-2.fortbildung a:hover, #navigation li.lvl-2.first.fortbildung a:hover {
	background: #f9b200 url('/layout/Fortbildungen.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation li.lvl-2.fortbildung a:active, #navigation li.lvl-2.first.fortbildung a:active {
	background: #deff00 url('/layout/Fortbildungen.gif') 0 0 repeat-y;
	color: #365467;
}

/* Forschung */
#navigation li.lvl-2.forschung span {
	background: #91a9b9 url('/layout/Forschung.gif') 0 0 repeat-y;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 8px 40px;
}

#navigation li.lvl-2.forschung a, #navigation li.lvl-2.first.forschung a {
	background: #91a9b9 url('/layout/Forschung.gif') 0 0 repeat-y;
	display: block;
	padding: 8px 40px;
}

#navigation li.lvl-2.forschung a:hover, #navigation li.lvl-2.first.forschung a:hover {
	background: #f9b200 url('/layout/Forschung.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation li.lvl-2.forschung a:active, #navigation li.lvl-2.first.forschung a:active {
	background: #deff00 url('/layout/Forschung.gif') 0 0 repeat-y;
	color: #365467;
}

/* Eltern */
#navigation li.lvl-2.eltern span, #navigation li.lvl-2.heidelberger_elterntraining_zur_fruehen_sprachfoerderung span {
	background: #91a9b9 url('/layout/Eltern.gif') 0 0 repeat-y;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 8px 40px;
}

#navigation li.lvl-2.eltern a, #navigation li.lvl-2.first.eltern a, #navigation li.lvl-2.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a, #navigation li.lvl-2.first.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a {
	background: #91a9b9 url('/layout/Eltern.gif') 0 0 repeat-y;
	display: block;
	padding: 8px 40px;
}

#navigation li.lvl-2.eltern a:hover, #navigation li.lvl-2.first.eltern a:hover, #navigation li.lvl-2.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:hover, #navigation li.lvl-2.first.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:hover {
	background: #f9b200 url('/layout/Eltern.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation li.lvl-2.eltern a:active, #navigation li.lvl-2.first.eltern a:active, #navigation li.lvl-2.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:active, #navigation li.lvl-2.first.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:active {
	background: #deff00 url('/layout/Eltern.gif') 0 0 repeat-y;
	color: #365467;
}

/* Erzieher */
#navigation li.lvl-2.erzieher span, #navigation li.lvl-2.fruehe_sprachfoerderung_in_kitas span {
	background: #91a9b9 url('/layout/Erzieher.gif') 0 0 repeat-y;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 8px 40px;
}

#navigation li.lvl-2.erzieher a, #navigation li.lvl-2.first.erzieher a, #navigation li.lvl-2.fruehe_sprachfoerderung_in_kitas a, #navigation li.lvl-2.first.fruehe_sprachfoerderung_in_kitas a {
	background: #91a9b9 url('/layout/Erzieher.gif') 0 0 repeat-y;
	display: block;
	padding: 8px 40px;
}

#navigation li.lvl-2.erzieher a:hover, #navigation li.lvl-2.first.erzieher a:hover, #navigation li.lvl-2.fruehe_sprachfoerderung_in_kitas a:hover, #navigation li.lvl-2.first.fruehe_sprachfoerderung_in_kitas a:hover {
	background: #f9b200 url('/layout/Erzieher.gif') 0 0 repeat-y;
	color: #365467;
}

#navigation li.lvl-2.erzieher a:active, #navigation li.lvl-2.first.erzieher a:active, #navigation li.lvl-2.fruehe_sprachfoerderung_in_kitas a:active, #navigation li.lvl-2.first.fruehe_sprachfoerderung_in_kitas a:active {
	background: #deff00 url('/layout/Erzieher.gif') 0 0 repeat-y;
	color: #365467;
}


/* --------------------------------
   Navigation Level 3
   -------------------------------- */

#navigation li.lvl-3 {
	border: 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
}

#navigation li.lvl-3.first {
}

#navigation li.lvl-3.last {
}

/* Institut Friz Aktuell Kontakt*/
#navigation li.lvl-3.institut span,
#navigation li.lvl-3.friz span,
#navigation li.lvl-3.kontakt span,
#navigation li.lvl-3.aktuell span,
#navigation li.lvl-3.stdmenu span {
	background: #7397ad url('/layout/Institut.gif') 0 0 repeat-y;
	color: #365467 !important;
	display: block;
	font-weight: bold;
	padding: 0 60px !important;
}

#navigation li.lvl-3.institut a,
#navigation li.lvl-3 .first .institut a,
#navigation li.lvl-3.friz a,
#navigation li.lvl-3 .first .friz a,
#navigation li.lvl-3.kontakt a,
#navigation li.lvl-3 .first .kontakt a,
#navigation li.lvl-3.aktuell a,
#navigation li.lvl-3 .first .aktuell a,
#navigation li.lvl-3.stdmenu a,
#navigation li.lvl-3 .first .stdmenu a {
	background: #7397ad url('/layout/Institut.gif') 0 0 repeat-y !important;
	display: block;
	padding: 0 60px !important;
}

#navigation li.lvl-3.institut a:hover,
#navigation li.lvl-3.first.institut a:hover,
#navigation li.lvl-3.friz a:hover,
#navigation li.lvl-3.first.friz a:hover,
#navigation li.lvl-3.kontakt a:hover,
#navigation li.lvl-3.first.kontakt a:hover,
#navigation li.lvl-3.aktuell a:hover,
#navigation li.lvl-3.first.aktuell a:hover,
#navigation li.lvl-3.stdmenu a:hover,
#navigation li.lvl-3.first.stdmenu a:hover {
	background: #f9b200 url('/layout/Institut.gif') 0 0 repeat-y !important;
	color: #365467;
}

#navigation li.lvl-3.institut a:active,
#navigation li.lvl-3.first.institut a:active,
#navigation li.lvl-3.friz a:active,
#navigation li.lvl-3.first.friz a:active,
#navigation li.lvl-3.kontakt a:active,
#navigation li.lvl-3.first.kontakt a:active,
#navigation li.lvl-3.aktuell a:active,
#navigation li.lvl-3.first.aktuell a:active,
#navigation li.lvl-3.stdmenu a:active,
#navigation li.lvl-3.first.stdmenu a:active {
	background: #deff00 url('/layout/Institut.gif') 0 0 repeat-y !important;
	color: #365467;
}

/* Fortbildung */
#navigation li.lvl-3.fortbildung span {
	background: #7397ad url('/layout/Fortbildungen.gif') 0 0 repeat-y !important;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 0 60px;
}

#navigation li.lvl-3.fortbildung a, #navigation li.lvl-3.first.fortbildung a {
	background: #7397ad url('/layout/Fortbildungen.gif') 0 0 repeat-y !important;
	display: block;
	padding: 0 60px;
}

#navigation li.lvl-3.fortbildung a:hover, #navigation li.lvl-3.first.fortbildung a:hover {
	background: #f9b200 url('/layout/Fortbildungen.gif') 0 0 repeat-y !important;
	color: #365467;
}

#navigation li.lvl-3.fortbildung a:active, #navigation li.lvl-3.first.fortbildung a:active {
	background: #deff00 url('/layout/Fortbildungen.gif') 0 0 repeat-y !important;
	color: #365467;
}

/* Forschung */
#navigation li.lvl-3.forschung span {
	background: #7397ad url('/layout/Forschung.gif') 0 0 repeat-y !important;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 0 60px;
}

#navigation li.lvl-3.forschung a, #navigation li.lvl-3.first.forschung a {
	background: #7397ad url('/layout/Forschung.gif') 0 0 repeat-y !important;
	display: block;
	padding: 0 60px;
}

#navigation li.lvl-3.forschung a:hover, #navigation li.lvl-3.first.forschung a:hover {
	background: #f9b200 url('/layout/Forschung.gif') 0 0 repeat-y !important;
	color: #365467;
}

#navigation li.lvl-3.forschung a:active, #navigation li.lvl-3.first.forschung a:active {
	background: #deff00 url('/layout/Forschung.gif') 0 0 repeat-y !important;
	color: #365467;
}

/* Eltern */
#navigation li.lvl-3.eltern span, #navigation li.lvl-3.heidelberger_elterntraining_zur_fruehen_sprachfoerderung span {
	background: #7397ad url('/layout/Eltern.gif') 0 0 repeat-y !important;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 0 60px;
}

#navigation li.lvl-3.eltern a, #navigation li.lvl-3.first.eltern a, #navigation li.lvl-3.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a, #navigation li.lvl-3.first.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a {
	background: #7397ad url('/layout/Eltern.gif') 0 0 repeat-y !important;
	display: block;
	padding: 0 60px;
}

#navigation li.lvl-3.eltern a:hover, #navigation li.lvl-3.first.eltern a:hover, #navigation li.lvl-3.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:hover, #navigation li.lvl-3.first.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:hover {
	background: #f9b200 url('/layout/Eltern.gif') 0 0 repeat-y !important;
	color: #365467;
}

#navigation li.lvl-3.eltern a:active, #navigation li.lvl-3.first.eltern a:active, #navigation li.lvl-3.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:active, #navigation li.lvl-3.first.heidelberger_elterntraining_zur_fruehen_sprachfoerderung a:active {
	background: #deff00 url('/layout/Eltern.gif') 0 0 repeat-y !important;
	color: #365467;
}

/* Erzieher */
#navigation li.lvl-3.erzieher span, #navigation li.lvl-3.fruehe_sprachfoerderung_in_kitas span {
	background: #7397ad url('/layout/Erzieher.gif') 0 0 repeat-y !important;
	color: #365467;
	display: block;
	font-weight: bold;
	padding: 0 60px;
}

#navigation li.lvl-3.erzieher a, #navigation li.lvl-3.first.erzieher a, #navigation li.lvl-3.fruehe_sprachfoerderung_in_kitas a, #navigation li.lvl-3.first.fruehe_sprachfoerderung_in_kitas a {
	background: #7397ad url('/layout/Erzieher.gif') 0 0 repeat-y !important;
	display: block;
	padding: 0 60px;
}

#navigation li.lvl-3.erzieher a:hover, #navigation li.lvl-3.first.erzieher a:hover, #navigation li.lvl-3.fruehe_sprachfoerderung_in_kitas a:hover, #navigation li.lvl-3.first.fruehe_sprachfoerderung_in_kitas a:hover {
	background: #f9b200 url('/layout/Erzieher.gif') 0 0 repeat-y !important;
	color: #365467;
}

#navigation li.lvl-3.erzieher a:active, #navigation li.lvl-3.first.erzieher a:active, #navigation li.lvl-3.fruehe_sprachfoerderung_in_kitas a:active, #navigation li.lvl-3.first.fruehe_sprachfoerderung_in_kitas a:active {
	background: #deff00 url('/layout/Erzieher.gif') 0 0 repeat-y !important;
	color: #365467;
}
