/**
 * CSS Datei fuer Mozilla MULTIVAC NAVIGATION
 * Version:_____________0.4
 * Author:______________Sandra Eberl
 * letzte Aenderung:____Roman Liedtke (width, li-last)
 * vorletzte Aenderung:_Roman Liedtke (allgemein)
 * Aenderung davor:_
 * Templateumsetzung:___Sandra Eberl
 * Inhalt CSS:
 *0.........Navigation
 * 
 **/
/*--------------------0.....Navigation---------------------------------------------------------------------------------------------------------------------*/
/* Oberstes Element der Navigation (Hintergrund, Breite, usw.) */
#C {
background: url('../bilder/hint-hauptnav.png') repeat-x;
display: table;
height: 29px;
margin: 0;
padding: 0;
width: 964px;
}
#A.startseite #C {
background: url('../bilder/hint-hauptnav.png') repeat-x;
height: 23px;
}
/* Angabe der Höhe der Navigation */
#C .menu {
height: 23px;
position: relative;
width: 100%;
z-index: 200;
}

/* Ebene 1 - Liste definieren */
#C .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#C .menu li {
float: left;
position: relative;
}
/* Ebene 1 - Hyperlinks definieren (link/visted) */
#C .menu ul a,
#C .menu ul a:visited {
/*background: #F59E00;*/
color: #fff;
display: block;
font: normal normal bold 1.1em/15px verdana, sans-serif;
padding: 4px 0 4px 11px;
text-decoration: none;
z-index: 1;
}
/* Ebene 1 - Hyperlinks definieren (hover) */
#C .menu ul a:hover,
#C .menu ul a.aktiv {
background: #c2c2c2;
color: #000;
}
/* Ebene 1 - border-right setzen */
#C .menu ul a .linkBorder {
margin-top: 4px;
margin-bottom: 4px;
padding-right: 12px;
border-right: 1px solid #fff;
position: relative;
z-index: 1;
}
/* Ebene 1 - letztes Element hat keinen border-right */
#C .menu ul li.li-last a .linkBorder,
#C .menu ul li.li-last a:visited .linkBorder{
border-right: 0px solid #fff;
}
/* Ebene 1 - Zusatz, damit Hover über border-right des vorhergehenden Elements gelegt wird (alle Elemente) */
#C .menu ul a:hover,
#C .menu ul a.aktiv,
#C .menu ul a:visited {
display: block;
font: normal normal bold 1.1em/15px verdana, sans-serif;
margin-left: -1px;
padding: 4px 0 4px 12px;
position: relative;
text-decoration: none;
z-index: 5000;
}
/* Ebene 1 - erstes Element hat kein vorhergehendes Element */
#C .menu ul li.li-1 a:hover,
#C .menu ul li.li-1 a.aktiv,
#C .menu ul li.li-1 a:visited {
margin-left: 0px; /* Mozilla margin: -1 fuer erstes Element nicht setzen */
padding: 4px 0 4px 11px;
}
/* Ebene 1 - Alle weiteren li.li- Elemente aus Ebene 1 müssen wieder auf Normalwert gesetzt werden */
#C .menu li.li-2 li a,
#C .menu li.li-3 li a,
#C .menu li.li-4 li a,
#C .menu li.li-5 li a,
#C .menu li.li-6 li a,
#C .menu li.li-7 li a,
#C .menu li.li-8 li a,
#C .menu li.li-9 li a,
#C .menu li.li-10 li a,
#C .menu li.li-11 li a,
#C .menu li.li-12 li a,
#C .menu li.li-13 li a,
#C .menu li.li-last li a {
margin-left: 0px !important;
}
/* Ebene 1 - border-right bei Hover entfernen und Breite des Elements anpassen (padding +1) */
#C .menu ul a:hover .linkBorder,
#C .menu ul a.aktiv .linkBorder {
margin-top: 4px;
margin-bottom: 4px;
padding-right: 13px;
border-right: 0px solid #fff;
}
/* Ebene 1 - letztes Element hat keinen border-right (padding -1) */ 
#C .menu ul li.li-last a:hover .linkBorder {
padding-right: 13px;
}
/* Ebene 2 - Liste definieren */
#C .menu ul ul {
left: 0;
position: absolute;
top: 23px;
visibility: hidden;
}
/* Ebene 2 - letztes Element der Ebene 2 erhält ein border-bottom */
#C .menu ul ul li.li-last a {
border-bottom: 1px solid #c2c2c2;
}
/* Ebene 2 - Hyperlinks definieren (link/visted) */
#C .menu ul ul a,
#C .menu ul ul a:visited {
background: #fff;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
color: #000;
height: auto;
left: -1px; /* Zur Ausrichtung der Hover-Elemente anpassbar */
margin-left: 0px;
padding: 4px 10px 4px 10px !important;
position: relative;
width: 178px; /* !!!!!!!!!!Hier wird die Breite ab der 2 Ebene festgelegt!!!!!!!!!!!!!!!! */
}
/* Ebene 2 - Hyperlinks definieren für li.li-1 anders (link/visted) */
#C .menu ul li.li-1 ul a,
#C .menu ul li.li-1 ul a:visited,
#C .menu ul li.li-1 li.li-1 ul a,
#C .menu ul li.li-1 li.li-1 ul a:visited {
left: 0px;
}
/* Ebene 2 - Alle li.li-1 Elemente aus den weiteren Ebenen müssen wieder auf Normalwert gesetzt werden */
#C .menu ul li li.li-1 ul a,
#C .menu ul li li.li-1 ul a:visited {
left: -1px;
}
/* Ebene 2 - Hyperlinks definieren (hover) */
#C .menu ul ul a:hover {
background: #0069b3;
color: #fff;
}
/* Ebene 2 - Bei Hover der Ebene 2 bekommt aktives Element der Ebene 1 andere Definitionen */
/* Gilt nur, falls a eine Ebene unterhalb von .menu ul :hover in der Elementstruktur liegt */
#C .menu ul :hover > a {
background: #c2c2c2;
color: #000;
}
#C .menu ul ul a.aktiv {background: #c2c2c2;}
/* Ebene 2 - bei Hover der Ebene 2 wird Hover der Ebene 1 weiterhin über border-right des vorhergehenden Elements(Ebene 1) gelegt */
/* Gilt nur, falls a eine Ebene unterhalb von .menu :hover in der Elementstruktur liegt */ 
#C .menu :hover > a {
margin-left: -1px;
padding: 4px 0 4px 12px;
position: relative;
z-index: 5000;
}
/* Ebene 2 - bei Hover der Ebene 2 erhalten alle Elemente der Ebene 2 den gleichen padding-left */
/* Gilt nur, falls li ul a eine Ebene unterhalb von .menu :hover in der Elementstruktur liegt */
#C .menu :hover > li ul a {padding: 4px 0 4px 11px;}
/* Ebene 2 - bei Hover der Ebene 2 wird Hover der Ebene 1 weiterhin über border-right des vorhergehenden Elements (Ebene 1) gelegt */
/* erstes Element hat kein vorhergehendes Element */
/* Gilt nur, falls li.li-1 a eine Ebene unterhalb von .menu :hover in der Elementstruktur liegt */
#C .menu :hover > li.li-1 a {
margin-left: 0px; /* Mozilla margin: -1 fuer ersten Punkt nicht setzen */
padding: 4px 0 4px 11px;
}
/* Ebene 2 - bei Hover der Ebene 2 border-right der Ebene 1 entfernen und Breite des Elements der Ebene 1 anpassen (padding +1) */ 
/* Gilt nur, falls a .linkBorder eine Ebene unterhalb von .menu :hover in der Elementstruktur liegt */
#C .menu :hover > a .linkBorder {
border-right: 0px solid #fff;
margin-top: 4px;
margin-bottom: 4px;
padding-right: 13px;
}
/* Ebene 2 - bei Hover der Ebene 2 -> letztes Element der Ebene 1 hat keinen border-right (padding -1) */
/* Gilt nur, falls li.li-last a .linkBorder eine Ebene unterhalb von .menu :hover in der Elementstruktur liegt */
#C .menu :hover > li.li-last a .linkBorder {
padding-right: 13px;
}
/* Ebene 2 - Hyperlinks definieren (link/visted) */
/* Gilt nur, falls a eine Ebene unterhalb von .menu ul ul :hover in der Elementstruktur liegt */
#C .menu ul ul :hover > a {
left: -1px; /* Zur Ausrichtung der Hover-Elemente anpassbar */
margin-left: 0px;
}

/* Ebene 3 - Liste definieren */
#C .menu ul ul ul{
left: 100%; /* !!!!!!!!!!3 Ebene wird automatisch neben 2 Ebene gesetzt!!!!!!!!!!!!!!!! */
top: 0;
width: 100%;
}
/* Ebene 3 - alle Elemente ausser dem letzten erhalten kein border-bottom */
#C .menu ul ul ul li a {
border-bottom: 0px !important;
}
/* Ebene 3 - letztes Element der Ebene 3 erhält ein border-bottom */
#C .menu ul ul ul li.li-last a {
border-bottom: 1px solid #c2c2c2 !important;
}
/* Ebene 3 - Hyperlinks definieren (link/visted) */
#C .menu ul ul ul a,
#C .menu ul ul ul a:visited {
background: #fff;
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;
width: 178px; /* !!!!!!!!!!Hier wird die Breite ab der 3 Ebene festgelegt!!!!!!!!!!!!!!!! */
}
/* Ebene 3 - Hyperlinks definieren (hover) */
#C .menu ul ul ul a:hover {
background: #0069b3 !important;
}
/* Ebene 3 - Bei Hover der Ebene 3 bekommt aktives Element der Ebene 2 andere Definitionen */
/* Gilt nur, falls a eine Ebene unterhalb von .menu ul ul :hover in der Elementstruktur liegt */
#C .menu ul ul :hover > a {
background: #0069b3;
color: #fff;
}
#C .menu ul ul ul a.aktiv {background: #c2c2c2;}

/* GLOBAL */
/* zweite Ebene bei Hover anzeigen */
#C .menu ul li:hover ul,
#C .menu ul a:hover ul {
visibility: visible;
}
/* dritte Ebene bei Hover von zweiter Ebene verstecken */
#C .menu ul :hover ul ul {
visibility: hidden;
}
/* dritte Ebene bei Hover in zweiter Ebene anzeigen */
#C .menu ul :hover ul :hover ul {
visibility: visible;
}