@charset "UTF-8";
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Subnavigation.
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/

@media all
{
/*******************************************
* Vertikale Listennavigation
********************************************/
/* Globales Aussehen */
.mainMenu { font-family: Helvetica, Arial, Verdana, sans-serif;}
.mainMenu li { padding-top: 0px; text-align: left; }
.mainMenu li a {padding: 3px 0px 2px 1px; list-style-type:none; color: #333333; line-height: 15px; font-size: 12px; display:block;}
.mainMenu li a:hover { color: #333333; }

/* Styles für das aktive und die Eltern-Elemente */
.menuHeader { border-bottom:1px solid #CC1800; color:#333333; font-size:1.05em; margin-bottom:0.45em; padding-bottom:0.15em; text-transform:uppercase; }
.mainMenu strong { list-style-type:none; color:#CC1800; line-height: 15px; font-size: 12px; font-weight: bold;  background: transparent url(images/vlist/nav_a.gif) no-repeat center right; display:block;}
.mainMenu strong a { border: none; color: #fff;}

/*Style fuer Navi-Punkt mit Kind-Elementen (Passiv)*/
.arrowright { background: transparent url(images/vlist/nav_pd.gif) no-repeat center right; }

/*Style fuer Eltern-Element, wenn das Kind-Element aktiv ist */
.mainMenu a.arrowdown, .mainMenu ul li a.arrowdown2, .mainMenu ul li a.arrowdown3, .mainMenu ul li a.arrowdown4 { background: transparent url(images/vlist/nav_ad.gif) no-repeat center right; }




/* Styles für die 1. Ebene */
.mainMenu ul {list-style-type:none; overflow:hidden; margin:0; margin-right: 0em; font-weight:normal; }
.mainMenu ul li {padding:0px; float:left; width:100%; margin:0; padding:0; line-height: 15px;}
.mainMenu ul li a { color: #333; list-style-type:none; display:block; text-decoration:none; line-height: 15px; font-weight: bold;}
.mainMenu ul li a:hover { color: #CC1800; background: transparent url(images/vlist/nav_a.gif) no-repeat center right;}
.mainMenu ul li strong { }
.mainMenu ul li strong a { color: #CC1800; }
.mainMenu ul li strong a:hover { color: #CC1800;}
.mainMenu a.arrowdown {}
/*Style fuer separator (TrennElement in der Navigation) */
.mainMenu ul li.separator { border-bottom: 1px solid #ddd;}


/* Styles für die 2. Ebene */
.mainMenu ul li ul {list-style-type:none; margin:0; padding:0;}
.mainMenu ul li ul li {}
.mainMenu ul li ul li a { font-weight: normal; padding-left: 12px; }
.mainMenu ul li ul li a:hover { }
.mainMenu ul li ul li strong {  }
.mainMenu ul li ul li strong a { font-weight: normal; }
.mainMenu ul li ul li strong a:hover {}
.mainMenu a.arrowdown2 {}
.mainMenu ul li ul li .arrowright { background-image: url(images/vlist/nav_pd_2.gif);}
.mainMenu ul li ul li.separator { margin-left: 8px; }

/* Styles für die 3. Ebene */
.mainMenu ul li ul li ul {}
.mainMenu ul li ul li ul li {}
.mainMenu ul li ul li ul li a { padding-left:24px; }
.mainMenu ul li ul li ul li a:hover {}
.mainMenu ul li ul li ul li strong {}
.mainMenu ul li ul li ul li strong a {}
.mainMenu ul li ul li ul li strong a:hover {}
.mainMenu a.arrowdown3 {}
.mainMenu ul li ul li ul li.separator { margin-left: 20px; }

/* Styles für die 4. Ebene */
.mainMenu ul li ul li ul li ul {}
.mainMenu ul li ul li ul li ul li {}
.mainMenu ul li ul li ul li ul li a { padding-left: 36px; }
.mainMenu ul li ul li ul li ul li a:hover {}
.mainMenu ul li ul li ul li ul li strong {}
.mainMenu ul li ul li ul li ul li strong a {}
.mainMenu ul li ul li ul li ul li strong a:hover {}
.mainMenu a.arrowdown4 {}
.mainMenu ul li ul li ul li ul li.separator { margin-left: 30px; }

.arrowdown 	 {}
.mainMenu ul li#title {width:100%; padding:3px 0px 3px 7%; font-weight:bold; color:#666; background-color:#fff;}
/* Close @media all - DO NOT DELETE! */
}