/** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Vertical list navigation "vlist" * (de) Vertikale Navigationsliste "vlist" * * @copyright       Copyright 2005-2009, Dirk Jesse * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link            http://www.yaml.de * @package         yaml * @version         3.2 * @revision        $Revision:392 $ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ */
@media all {
/* title */
h6.vlist {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 100%;
	width: 90%;
	padding: 3px 0px 3px 0;
/* LTR */
	margin: 0;
	color: #444;
	border-top: 2px #ddd solid;
	border-bottom: 4px #888 solid;
}
.vlist {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0em 0;
	border-bottom: 1px #ddd solid;
}
.vlist ul {
	list-style-type: none;
	margin: 0;
	padding: 0;

}
.vlist li {
	float: left;
/* LTR */
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.6875em;
	background: url("../images/navline.jpg") repeat-y top right;	
}
.vlist a,  .vlist strong,  .vlist span {
	display: block;
	padding: 3px 3px 3px 10%;
	text-decoration: none;
}
.vlist a,  .vlist a:visited {
	color : #3c3d84;   /*color : #de1424; */
	text-decoration: none;	
}
.vlist li span {
	display: block;
	font-weight: bold;
	border-bottom: 1px #ddd solid;
}
/* active list element */
.vlist li.active {
	color: #fff;
	background-color: #e8808b;
	font-weight: bold;
}
/* Level 1 */
.vlist li a,  .vlist li strong,  .vlist li span {
	/*Farbe Hauptnavi-Hintergrund Box*/
	background: #ece3d5 url("../images/red_balken.png") no-repeat bottom left; /*background: transparent url("../images/red_balken.png") no-repeat bottom left;*/
	width: 90%;
	padding-left: 10%;
	/*Linienfarbe zwischen Menüpunkten*/
    border-bottom: 1px #ffffff solid; 
    text-decoration: none;
 	color: #3c3d84; /*color: #de1424; */
}
/* LTR */
.vlist li a:focus,  .vlist li a:hover,  .vlist li a:active {
	/*Farbe Nauptnavi-Hintergrund Box beim überfahren*/
	background-color: #ffffff;
	color: #3c3d84; /*color: #de1424; */
	margin-left: 0px;
}
/* Änderung Level 2 für Kempf und TC Blau-Weiß St. Katharinen */
/* Level 2 */
.vlist ul li.navmainStandardLevel_2 {
	margin-left:10px;
	width: 152px;
	padding-left: 10px;
	border-bottom: 0px;
	color: #6266bf; /*color: #8d0e17;*/ /* Änderung Farbe*/
}
/* LTR */
.vlist ul li.navmainStandardLevel_2 a {
	background: #fff url("../images/square_li.jpg") no-repeat 0px 10px;
	background-color: #ece3d5;
	color:#6266bf;
	width:210px;
}
.vlist ul li.navmainStandardLevel_2 a:hover, .vlist ul li.navmainStandardLevel_2 a.active {
	background: #ffffff url("../images/square_li.png") no-repeat 0px 10px; /* Änderung Farbe*/
	color: #6266bf; /*color: #8d0e17;*/
}
/* Ende Änderung Level 2 für Kempf und TC Blau-Weiß St. Katharinen */

/* Änderung Level 3 für Kempf und TC Blau-Weiß St. Katharinen */
/* Level 3 */
.vlist ul li.navmainStandardLevel_3 {
	margin-left:20px;
	width: 152px;
	padding-left: 10px;
	border-bottom: 0px;
	color: #6266bf; /*color: #8d0e17;*/ /* Änderung Farbe*/

/*	margin-left:20px;*/
}
.vlist ul li.navmainStandardLevel_3 a {
	background: #fff url("../images/square_li.jpg") no-repeat 0px 10px;
	background-color: #ece3d5;
	color:#6266bf;
	width:210px;
}
.vlist ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {
	background: #ffffff url("../images/square_li.png") no-repeat 0px 10px; /* Änderung Farbe*/
	color: #6266bf; /*color: #8d0e17;*/
}
/* Ende Änderung Level 3 für Kempf und TC Blau-Weiß St. Katharinen */


/* Level 4 : not layouted for this project  : CCZ */
.vlist li ul li ul li ul li a,  .vlist li ul li ul li ul li strong,  .vlist li ul li ul li ul li span {
	width: 60%;
	padding-left: 40%;
}
/* LTR  : not layouted for this project  : CCZ */
.vlist li ul li ul li ul li a,  .vlist li ul li ul li ul li a:visited {
	background-color: #e8e8e8;
	color: #111;
}
.vlist li ul li ul li ul li a:focus,  .vlist li ul li ul li ul li a:hover,  .vlist li ul li ul li ul li a:active {
	background-color: #a88;
	color: #fff;
}
}