/* ------------------------------------------------------------------- */
/* File: style_vertical_slide_and_fly_in_sidebar.css Do, 05. Jul 2012  */
/* ------------------------------------------------------------------- */
/*          //                    SENTRA 1.0                \\		     */
/*         //                Template: ALL                   \\		     */
/*        //       Software developed by Rudolf Hofmann       \\       */
/*       //            http://www.sentra-templates.de          \\      */
/*       \\              SENTRA Templates & -Designs           //      */
/*        \\                  Rebenstraße 14                  //		   */
/*         \\              D-91301 Forchheim (Germany)       //		     */
/*          \\         Phone int.:+49 9191 6155622          //		     */
/* ------------------------------------------------------------------- */
/*										                                                 */
/* Function:	Styles for vertical slide & fly Menue						         */
/* ~~~~~~~~~  version for sidebar only                                 */
/* ------------------------------------------------------------------- */
/* This menu is copyright protected!                                   */
/*                                                                     */
/* This is an adapted version of the original version which was        */
/* developed by Stu Nichols. The original version of the               */
/* stylesheet and the associated (x)html is available at               */
/* http://www.cssplay.co.uk/menus/droplist-flyout.html                 */
/*                                                                     */
/* You may use this menu only in templates and designs which are       */
/* delivered together with the SENTRA CMS software package.            */
/*                                                                     */
/* For any other usage you need the permission of Stu Nichols.         */
/* ------------------------------------------------------------------- */

.sidebar {
	#menu {
		float:left;
		list-style-type:none;
		padding:0;
		margin:0;
		background: {{sb_bg}};
		width: {{sbflyoutmenuwidth}}px;
		position:relative;/* notwendig, um z-index zu realisieren */
		z-index:2;
	}
	#menu ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#menu li {
		float:left;
		background: {{flomtsb_url}};
		left:0 !important;
	}

	#menu li.sub {
		background: {{flolisubsb_url}};
	}
	#menu li.current {
		background: {{flocurrentsb_url}};
	}
	#menu li.currentsub {
		background: {{flocurrentflysb_url}};
	}

	#menu li, #menu li a {
		display:block;
		color:{{flyoutmtmenucolor}};
		font-family:arial, sans-serif;
		font-size: {{flyoutmenufontsize}};
		line-height:{{flyoutmenulineheight}}px;
		width: {{sbflyoutmenuwidth}}px;
		text-decoration:none;
		cursor:pointer;
		font-weight:bold;
		text-align:center;
	}
	#menu table {
		border-collapse:collapse;
		padding:0;
		margin:0 -1px -1px;
	}

	#menu ul,
	#menu :hover ul ul,
	#menu :hover ul :hover ul ul {
		position:absolute;
		left:-9999px;
		width: {{sbflyoutmenuwidth}}px;
	}
/* :Hover on maintopic level */
	#menu :hover {
		color:{{flyoutmtmenuhovercolor}};
		background: {{flocurrentsb_url}};
		z-index:3;
		white-space:nowrap;
	}

	#menu :hover > a {
		color:{{flyoutmtmenuhovercolor}};
		background: {{flocurrentsb_url}};
		z-index:3;
		white-space:nowrap;
	}
/* background of sliding down topic menu */
	#menu :hover ul {
		position:static;
		margin-top:-1px;
		background: {{tb_bg}};
	}

	/* position of the flying out subopic menue */
	#menu :hover ul :hover ul,
	#menu :hover ul :hover ul :hover ul {
		background:{{flotchvrsb_url}};
		display:block;
		position:absolute;
		left: -{{sbflyoutmenuwidth}}px !important;
		top:0;
		height:auto;
		z-index:3;
		border:1px solid #fff;
	}

	/* Topics below maintopic in sliding down window */
	#menu :hover ul li,
	#menu :hover ul li a {
		background: {{flotpcsb_url}};
		text-align:{{flo-topics-text-align}};
		text-indent:10px;
		}

	#menu :hover ul li.fly {
		background: {{flotpcleftflyout_url}};
	}
	#menu :hover ul li.currentfly,
	#menu :hover ul li.currentfly a {
		background: {{flocurrenttpcleftfly_url}};
	}
	#menu :hover ul li.current,
	#menu :hover ul li.current a {
		background: {{flocurrenttpcsb_url}};
	}
	#menu :hover ul li.fly a {
		background: {{flotpcleftflyout_url}};
	}
	/*  topic on hover*/
	#menu :hover ul :hover {
		background:{{flotchvrsb_url}};
/*		background:transparent;
*/
		position:relative;
		z-index:2;
	}
	#menu a:hover ul li.fly a:hover {
		background:{{sbflostchvarrow_url}};
		color:{{flyouttpcmenuhovercolor}};
	}
	#menu :hover ul li.fly:hover > a {
		background:{{sbflostchvarrow_url}};
		color:{{flyouttpcmenuhovercolor}};
	}

	/* background of flying out subtopic menu */
	#menu :hover ul :hover ul li,
	#menu :hover ul :hover ul li a
	{
		background:{{flostchvrsb_url}};
		color: {{tp_color}} !important;
	}
	#menu :hover ul :hover ul li.current,
	#menu :hover ul :hover ul li.current a
	{
		background:{{sbflocurrentspc_url}};
	}
	#menu :hover ul :hover ul :hover ul li {
		background:{{sbflostchvarrow_url}};
		z-index:3;
	}
	#menu :hover ul :hover ul li.fly a {
		background: {{sbarrow_bg_url}};
	}
	/* background of subtopics on hover */
	#menu :hover ul :hover ul :hover {
		z-index:3;
		background: {{sbflotpchvr_url}};
		color:{{flyoutstpcmenuhovercolor}};
	}
	#menu a:hover ul a:hover ul li.fly a:hover {
		background: {{sbarrow_bg_url}};
		color:{{flyoutstpcmenuhovercolor}};
	}
	#menu :hover ul :hover ul li.fly:hover > a {
		background: {{sbarrow_bg_url}};
		color:{{flyoutstpcmenuhovercolor}};
	}

/* fourth level, not used in SENTRA
	#menu :hover ul :hover ul :hover ul li,
	#menu :hover ul :hover ul :hover ul li a {
		background:#888;
	}

	#menu :hover ul :hover ul :hover ul :hover {
		background:#5184b8;
		color:#ff0;
	}
	#menu :hover ul :hover ul :hover ul :hover a {
		color:#ff0;
	}
*/
}
