/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : nav_vlist.css
**  Funktion    : Vertikale Navigationsliste "Sliding Doors"
**
*/

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

	#submenu {
	width: 100%;
	overflow: hidden;
	margin: 1.8em 0 1.5em;
	list-style-type: none;
	border-top: 1px #888 solid;
	/*border-bottom: 1px #888 solid;*/
	padding-top:20px;
	padding-bottom:8px;
	}
	
	#submenu a {
	display:block;
	text-decoration: none;
	font-size: 0.9em;
	color: #000000;
	text-align: left;
}
	#submenu li {
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
}

	#submenu li span {
	display:block;
	width: 90%;
	color: #444;
	/*font-weight: bold;
	border-bottom: 1px #ddd solid;
	background: #FFFFC1;*/
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10%;
	}
	
	#submenu li a { 
		width: 90%; 
		padding: 4px 22px 4px 56px; 
		color: #333333; 
		/*border-bottom: 1px #eee solid;*/
	}
	#submenu li a:hover {
	/*color: #000066;
	background-color: #FFF;*/
}
#submenu a:hover {
	color: #990000;
	text-decoration: none;
	height: auto;
}

	
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu li ul li a {
	width: 80%;
	padding: 3px 0px 3px 20%;
	color: #666;
	border-bottom: 1px #ddd solid;
	background: #FFFF80;
	}

	#submenu li ul li a:hover {
	color: #000066;
	background: #FFFFFF;
}
	
	#submenu li#title { 
		width: 90%; 
		/*padding: 3px 0px 3px 10%;*/ 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
h2 {
	color: #005FA9;
	margin: 0 0 0.5em 0.5em;
	padding-top: 1.1em;
	text-transform: uppercase;
	font: bolder normal 1.3em Verdana, Arial, Helvetica, sans-serif;
}
	
	#submenu li#active {
	width: 90%;
	padding: 3px 0px 3px 0%;
	font-weight: bold;
	color: #000000;
	border-bottom: none;
	/*background: #ffff66;*/
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	}
	
	#submenu li ul li#active {
	width: 80%;
	/*padding: 3px 0px 3px 20%;*/
	font-weight: bold;
	color: #444444;
	border-bottom: 1px #fff solid;
	background: #FFFF66;
	}


}
#submenu td {
	vertical-align: top;
}

#cse-search-box
{

}

/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

	#first_submenu {
	width: 100%;
	overflow: hidden;
	margin: 1.8em 0 1.5em;
	list-style-type: none;
	border-top: 1px #888 solid;
	/*border-bottom: 1px #888 solid;*/
	padding-top:20px;
	}
	
	#first_submenu a {
	display:block;
	text-decoration: none;
	font-size: 0.9em;
	color: #000000;
	text-align: left;
}
	#first_submenu li {
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
}

	#first_submenu li span {
	display:block;
	width: 90%;
	color: #444;
	/*font-weight: bold;
	border-bottom: 1px #ddd solid;
	background: #FFFFC1;*/
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10%;
	}
	
	#first_submenu li a { 
		width: 90%; 
		padding: 4px 22px 4px 56px; 
		color: #333333; 
		/*border-bottom: 1px #eee solid;*/
	}
	#first_submenu li a:hover {
	/*color: #000066;
	background-color: #FFF;*/
}
#first_submenu a:hover {
	color: #990000;
	text-decoration: none;
	height: auto;
}

	
	#first_submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#first_submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#first_submenu li ul li a {
	width: 80%;
	padding: 3px 0px 3px 20%;
	color: #666;
	border-bottom: 1px #ddd solid;
	background: #FFFF80;
	}

	#first_submenu li ul li a:hover {
	color: #000066;
	background: #FFFFFF;
}
	
	#first_submenu li#title { 
		width: 90%; 
		/*padding: 3px 0px 3px 10%;*/ 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
h2 {
	color: #005FA9;
	margin: 0 0 0.5em 0.5em;
	padding-top: 1.1em;
	text-transform: uppercase;
	font: bolder normal 1.3em Verdana, Arial, Helvetica, sans-serif;
}
	
	#first_submenu li#active {
	width: 90%;
	padding: 3px 0px 3px 0%;
	font-weight: bold;
	color: #000000;
	border-bottom: none;
	/*background: #ffff66;*/
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	}
	
	#first_submenu li ul li#active {
	width: 80%;
	/*padding: 3px 0px 3px 20%;*/
	font-weight: bold;
	color: #444444;
	border-bottom: 1px #fff solid;
	background: #FFFF66;
	}


}
#first_submenu td {
	vertical-align: top;
}

#cse-search-box
{

}