/* --------------------------------------------------------------------*/
/* File: style_vertical_slide_and_fly_in_topicbar.css Sa, 31. Dez 2011 */
/* --------------------------------------------------------------------*/
/*          //                    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 topicbar only                                */
/* --------------------------------------------------------------------*/
/* This menu is copyright protected                                    */
/* --------------------------------------------------------------------*/
.topicbar {
	#menu {
		float:left;
		list-style-type:none;
		padding:0;
		margin:0;
		background: {{tb_bg}};
		width: {{tbflyoutmenuwidth}}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: {{flomt_url}};
		left:0 !important;	/* compensate the 50% left shift of div.clasp ol li {} (see style.css ) */
	}

	#menu li.sub {
		background: {{flolisub_url}};
	}
	#menu li.current {
		background: {{flocurrent_url}};
	}
	#menu li.currentsub {
		background: {{flocurrentfly_url}};
	}

	#menu li, #menu li a {
		display:block;
		color:{{flyoutmtmenucolor}};
		font-family:arial, sans-serif;
		font-size: {{flyoutmenufontsize}};
		line-height:{{flyoutmenulineheight}}px;
		width: {{tbflyoutmenuwidth}}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: {{tbflyoutmenuwidth}}px;
	}
/* :Hover on maintopic level */
	#menu :hover {
		color:{{flyoutmtmenuhovercolor}};
		background: {{flocurrent_url}};
		z-index:3;
		white-space:nowrap;
	}

	#menu :hover > a {
		color:{{flyoutmtmenuhovercolor}};
		background: {{flocurrent_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:{{flotchvr_url}};
		display:block;
		position:absolute;
		left:95%;
		left:{{tbflyoutmenuwidth}}px;
		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: {{flotpc_url}};
		text-align:{{flo-topics-text-align}};
		text-indent:10px;
		}

	#menu :hover ul li.fly {
		background: {{flotpcflyout_url}};
	}
	#menu :hover ul li.currentfly,
	#menu :hover ul li.currentfly a {
		background: {{flocurrenttpcfly_url}};
	}
	#menu :hover ul li.current,
	#menu :hover ul li.current a {
		background: {{flocurrenttpc_url}};
	}
	#menu :hover ul li.fly a {
		background: {{flotpcflyout_url}};
	}
	/*  topic on hover*/
	#menu :hover ul :hover {
		background:{{flotchvr_url}};
/*		background:transparent;
*/
		position:relative;
		z-index:2;
	}
	#menu a:hover ul li.fly a:hover {
		background:{{flostchvrarrow_url}};
		color:{{flyouttpcmenuhovercolor}};
	}
	#menu :hover ul li.fly:hover > a {
		background:{{flostchvrarrow_url}};
		color:{{flyouttpcmenuhovercolor}};
	}

	/* background of flying out subtopic menu */
	#menu :hover ul :hover ul li,
	#menu :hover ul :hover ul li a
	{
		background:{{flostchvr_url}};
	}
	#menu :hover ul :hover ul li.current,
	#menu :hover ul :hover ul li.current a
	{
		background:{{flocurrentspc_url}};
	}
	#menu :hover ul :hover ul :hover ul li {
		background:{{flostchvrarrow_url}};
		z-index:3;
	}
	#menu :hover ul :hover ul li.fly a {
		background: #626262 url(./template_images/navi_images/arrow.gif) no-repeat 90% center;
	}
	/* background of subtopics on hover */
	#menu :hover ul :hover ul :hover {
		z-index:3;
		background: {{flotpchvr_url}};
		color:{{flyoutstpcmenuhovercolor}};
	}
	#menu a:hover ul a:hover ul li.fly a:hover {
		background:#0d72c0 url(./template_images/navi_images/arrow.gif) no-repeat 90% center;
		color:{{flyoutstpcmenuhovercolor}};
	}
	#menu :hover ul :hover ul li.fly:hover > a {
		background:#0d72c0 url(./template_images/navi_images/arrow.gif) no-repeat 90% center;
		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;
	}
*/
}
