/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5
**  Dateiversion: 18.06.06  
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**
*/

@media all
{
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

	.mainMenu { 
		width: 100%; 
		overflow: hidden;
		margin: 0 0 1.5em 0; 
		list-style-type: none; 
/*		border-top: 2px #ddd solid; */
/*		border-bottom: 2px #ddd solid; */
	}
	
	.mainMenu a { display:block; text-decoration: none; }


/*####### Erste Ebene ########*/
	
	.mainMenu ul {
		margin-left: 0;
	}

	
	.mainMenu li { 
		float:left; 
		width: 97%; 
		margin:0; 
		padding: 0;
		list-style-type: none;
	}

	.mainMenu li span { 
		display:block; 
		width: 90%; 
/*		padding: 3px 0px 3px 10%; */
		padding: 3px 0px 3px 0px; 
/*		background-color:#f4f4f4; */
		color: #444; 
		font-weight: bold; 
/*		border-bottom: 1px #ddd solid;*/
	}
	
	.mainMenu li a { 
		width: 90%; 
		padding: 3px 5% 3px 5%; 
/*		background-color:#fff; */
		color: #444; 
		border-bottom: 1px #eee solid;
		font-weight: bold;
		font-size: 1.2em;
	}
	.mainMenu li a:hover { background-color:#25386F; color: #fff; }

/*####### Zweite Ebene ########*/
	
	.mainMenu li ul { 
		list-style-type: none; 
		margin:0; 
		padding: 0; 
	}
	.mainMenu li ul li { 
		float:left; 
		width: 100%; 
		margin:0; 
		padding:0; 
	}
	.mainMenu li ul li a { 
/*		width: 80%; */
/*		padding: 3px 8% 3px 12%; */
		padding: 3px 5% 3px 5%; 
/*		background-color:#f8f8f8; */
		color: #666; 
/*		border-bottom: 1px #ddd solid; */
/*		font-weight: normal;*/
	}

	.mainMenu li ul li a:hover { 
		background-color:#25386F; 
		color: #fff; 
	}
	
	.mainMenu li#title { 
		width: 90%; 
/*		padding: 3px 0px 3px 10%; */
		padding: 3px 5% 3px 5%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}

	
	.mainMenu li.active { 
		border-bottom: 2px #ddd solid;
		border-top: 2px #ddd solid;
		border-left: 2px #ddd solid;
		border-right: 2px #fff solid;
	}
	.mainMenu li.active li.active{
		border: 0;
		border-bottom: 2px #fff solid;
		border-top: 2px #fff solid;
/*		border-left: 4px #ddd solid;*/
	}
	.mainMenu li.active li.active li.active{
		border: 0;
/*		border-bottom: 4px #bbb solid;*/
/*		border-top: 4px #bbb solid;*/
/*		border-left: 4px #bbb solid;*/
	}

	.mainMenu li.active li a{
		font-weight: bold;
		font-size: 1em;
	}

	.mainMenu li.active li li a{
		font-size:.8em;
	}
	.mainMenu li.active li.active a{
		font-weight: bold;
		border-bottom: 1px #fff dotted;
	}
	.mainMenu li.active li.active li.active a{
		font-weight: bold;
	color: #25386F;
	}
	.mainMenu li.active li.active li.active a:hover{
		color: #fff;
	}

	.mainMenu li li.active li a{ 
/*		padding: 3px 8% 3px 19%; */
	}

	.mainMenu li.active li.active li a {
		font-weight: normal;
	}
	.mainMenu li.active li.active li.active li a {
		font-weight: normal;
/*		padding-left: 25%;*/
	}

	.mainMenu li.active li.active li.active {
	background-image: url(../../pix/bgr.gif);
	background-position: top right;
	background-repeat: repeat-y;
	color: #25386F;
	}

/*

	.mainMenu li.active li.active li.active li a {
		padding: 0px 8% 0px 8%;

	}
*/	
	.mainMenu li ul li.active { 
/*		width: 80%; */
/*		padding: 3px 8% 3px 12%; */
		font-weight: bold; 
		color: #fff; 
/*		background-color:#aab; */
/*		border-bottom: 1px #fff solid;*/
	}


	.mainMenu li#current { 
/*		width: 90%; */
/*		padding: 3px 0px 3px 10%; */
		font-weight: bold; 
		color: #fff; 
/*		background-color:#aab; */
/*		border-bottom: 4px #aab solid;*/

/*		border-top: 1px #990000 solid;*/
/*		border-left: 1px #990000 solid;*/
	background-image: url(../../pix/bgr.gif);
	background-position: top right;
	background-repeat: repeat-y;


	}
	.mainMenu li#current ul { 
/*		margin-left: 4px;*/
		margin-bottom: 10px;
	}
	.mainMenu li#current a { 
/*		width: 90%; */
/*		padding: 3px 0px 3px 10%; */
		font-weight: bold; 
	color: #25386F;
/*		color: #fff; */
/*		background-color:#aab; */
/*		border-bottom: 0;*/
	}
	.mainMenu li#current a:hover { 
		color: #fff;
	}
	
	.mainMenu li#current li a{
/*		background-color:#f8f8f8; */
		color: #666; 
/*		border-bottom: 1px #ddd solid; */
		font-weight: bold;
		font-size: 1em;
/*		padding: 3px 5% 3px 5%;*/
	}
	.mainMenu li#current li a:hover{
		background-color:#25386F; 
		color: #fff; 
	}
	
	.mainMenu li li li#current a{ 
/*		padding: 3px 8% 3px 17%; */
	}
	
	.mainMenu li li#current li a{
/*		background-color:#f8f8f8; */
		color: #666; 
/*		border-bottom: 1px #ddd solid; */
		font-weight: normal;
		font-size: .8em;
/*		padding: 3px 5% 3px 5%;*/
	}
	.mainMenu li li#current li a:hover{
		color: #fff; 
	}


}