/* Copyright Videri Concept GmbH (C) 2006-2008 */
/* Author Florian Kappert */

/* Die äussere Box des Menüs heisst. 'vc_line' */
.vc_line {
	position:relative;
	font-family:verdana,helvetica,arial, sans-serif;
	font-size:12px;
	font-variant:small-caps;
	z-index:500;
	clear:left;
	float:left;
	background-color:#c0c0c0;
	height:350px;
	width:215px;
	margin-top:0px;
	border-bottom:1px solid #494949;
	border-top:1px solid #494949;
}

/* das äusserste <ul>-Element heisst 'auswahl'  */
.vc_line .auswahl {
	margin:0px;
	padding:0px;
	list-style:none;
	white-space:nowrap;
	width:220px;
}

/* das bezeichnet jedes <li> innerhalb von 'vc_line' */
.vc_line li {
	margin:0px 0px 0px 0px;
	clear:left;
	width:200px;
}

/* bezeichnet jedes <a> innerhalb von 'auswahl' innerhalb von 'vc_line' */
.vc_line .auswahl a {
	display:block;
	padding:0px;
	text-decoration:none;
	line-height:27px;
	white-space:nowrap;
}

/* bezeichnet jedes <b> innerhalb von <a> innerhalb von 'auswahl' innerhalb von 'vc_line' */
.vc_line .auswahl a b {
	display:block;
	margin:1px 0px 1px 0px;
	padding:3px 3px 3px 12px;
	height:28px;
	width:195px;
	background-color:#ffffff;		/* das Sky-Frame Olivegrün ist #cccc99 */
	color:#000000;
	border-left:5px solid #ffffff;
}

/* bezeichnet jedes mit der Maus überfahrene <a>-Element, und jedes mit der Maus überfahrenes <li>-Element innerhalb von vc_line */
.vc_line .auswahl a:hover,
.vc_line .auswahl li:hover a {
	line-height:27px;
	cursor:pointer;
	font-variant:small-caps;
}

.vc_line .auswahl a:hover b {
	display:block;
	padding:3px 3px 3px 12px;
	cursor:pointer;
	background-color:#445052;
	border-left:5px solid #f49e00;
	color:#ffffff;
}

.vc_line .auswahl li:hover a b {
	display:block;
	padding:3px 3px 3px 12px;
	cursor:pointer;
}

/* hier wird das Fly-Out-Menü zunächst ausgeblendet */
.vc_line .subline {
	display:none;
}

/* 'subline' bezeichnet das FlyOut-Menü */
.vc_line .subline {
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#fbfbfb;
}
.vc_line .subline li {background:transparent;}

/* bezeichnet das Verhalten von 'subline' wenn man mit der Maus über 'auswahl' fährt */
.vc_line .auswahl :hover .subline {
	height:400px;
	display:block;				/* hier wird das FlyOut-Menü wieder angezeigt */
	position:absolute;
	width:220px;
	top:1px;
	left:215px;
	text-align:left;
	background-color:#fbfbfb;
	background:transparent url(../imgs/opaque.png);
}

.vc_line .auswahl :hover .subline li a {
	display:block;
	position:relative;
	top:-1px;
	height:28px;
	width:200px;
	line-height:27px;
	background:transparent;
	padding:3px 3px 3px 12px;
	margin:1px 0px 1px 0px;
	background-color:#fbfbfb;
	background:transparent url(../imgs/opaqueBG.png);
	white-space:nowrap;
	color:#000000;
	border-left:5px solid #fbfbfb;
}

.vc_line .auswahl :hover .subline li a:hover {
	color:#000000;
	line-height:27px;
	background-color:#fbfbfb;
	border-left:5px solid #f49e00;
	background:transparent url(../imgs/opaque2.png);
}