@charset "utf-8";
/**	Title:		Hochfuegenski - navigation menu CSS
	Author:		Mag. Matthias Bauer (mag.matthias.bauer@gmail.com)
	
	Content:	Contains navigation styles for hochfuegenski.com
 */

/****************************/
/* general navi definitions */
/****************************/
	
#navigation
{
	width: 700px;
	height: 58px;
	margin-left: 9px;
	text-transform: uppercase;
}

#navigation ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#navigation ul ul
{
	width: 95px;
}

#navigation li
{
	width: 95px;
	padding: 0px 1px 0px 0px;
	float: left;
	position: relative;
}


/****************************/
/* fade out menu items*/
/****************************/

ul#ja-flymenu li a#menu110 {
	display:none;
}

ul#ja-flymenu li a#menu111 {
	display:none;
}

ul#ja-flymenu li a#menu112 {
	display:none;
}


ul#ja-flymenu li a#menu116 {
	display:none;
}

ul#ja-flymenu li a#menu117 {
	display:none;
}

ul#ja-flymenu li a#menu118 {
	display:none;
}

ul#ja-flymenu li a#menu119 {
	display:none;
}


/****************************/
/* navi lvl 1 - definitions */
/****************************/

#navigation a, #navigation a:visited
{
	display: block;
	text-decoration: none;
	color: #FFFFFF; 
	width: 95px;
	height: 58px;
	text-align: center;
	line-height: 70px;
	letter-spacing: 1px;
}

#navigation a.active
{
	display: block;
	text-decoration: none;
	color: #FFFFFF; 
	width: 95px;
	height: 58px;
	text-align: center;
	line-height: 70px;
	letter-spacing: 1px;
	background: url(../images/button_active.png) no-repeat;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited
{
	width: 97px;
	w\idth: 97px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#navigation table
{
	border-collapse: collapse;
	border: 0;
	position: absolute;
	left: 0;
	bottom: -1px;
}

/* style the top level hover */
#navigation a:hover
{
	color: #FFFFFF;
	background: url(../images/button_over.gif) bottom no-repeat;
}

#navigation :hover > a
{
	color: #FFFFFF;
	background: url(../images/button_over.gif) bottom no-repeat;
}
#navigation a.active:hover, #navigation :hover > a.active
{
	background: url(../images/button_active.png) no-repeat;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul
{
	visibility: hidden;
	position: absolute;
	bottom: 47px;
	left: 0; 
	width: 162px;
}

* html #navigation ul ul
{
	bottom: 30px;
}


/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited
{
	background: url(../images/navi_list_blue3.png) no-repeat;
	color: #FFFFFF;
	height: 25px;
	width: 137px;
	padding-left: 10px;
	line-height: 25px;
	text-align: left;
	letter-spacing: 0px;
}

#navigation ul ul a:hover
{
	background: url(../images/navi_list_red3.png) no-repeat;
}

#navigation ul ul :hover > a
{
	background: url(../images/navi_list_red3.png) no-repeat;
}

/* yet another hack for IE5.5 */
* html #navigation ul ul a
{
	width: 160px;
	w\idth: 160px;
}

/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul
{
	visibility: visible;
	height: auto;
}

/* hide second level if hovering active item */

#navigation ul li.active:hover ul,
#navigation ul a.active:hover ul
{
	visibility: hidden;
	height: auto;
}

/** Hide image-gallery placeholder link
	This mod is needed, because otherwise the snow report and the left menu are not visible at the image gallery
	menu99 => german, menu104 => english
 */

#menu99,
#menu104
{
	display: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.item99,
.item104
{
	width: 0px;
	height: 0px;
	display: none;
}


/******************************************************************************************/
/*                         left sidebar subnavi definitions                               */
/******************************************************************************************/

/* hide module title */
#left_sidebar h3
{
	display: none;
	visibility: hidden;
}

ul.menu
{
	width: 180px;
	list-style-type: none;
	padding: 0;
	margin: 0px;
}

ul.menu li a, ul.menu a:visited
{
	display: block;
	width: 180px;
	height: 20px;
	padding: 5px 0px 0px 28px;
	text-decoration: none;
	color: #626262;
	background: url(../images/subnavi_bg.jpg) left no-repeat;
}

ul.menu a:hover
{
	display: block;
	width: 180px;
	height: 20px;
	padding: 5px 0px 0px 28px;
	text-decoration: none;
	color: #0061A0;
	background: url(../images/subnavi_hover.jpg) left no-repeat;
}

ul.menu li.active a
{
	display: block;
	width: 180px;
	height: 20px;
	padding: 5px 0px 0px 28px;
	text-decoration: none;
	color: #0061A0;
	background: url(../images/subnavi_bg.jpg) left no-repeat;
}


ul.menu li.active ul
{
	list-style: none;
	padding: 0 0 0 35px;
	margin: 0 0 10px 0;
}

ul.menu li.active ul li a
{
	display: block;
	background: none;
	color: #0061A0;
	width: 180px;
	height: 20px;
	padding: 5px 0px 0px 0px;
}

ul.menu li.active ul li a:hover
{
	text-decoration: underline;
}


/******************************************************************************************/
/*                           language selector definitions                                */
/******************************************************************************************/

#language_selector a
{
	float: left;
	text-decoration: none;
	text-align: center;
	padding: 0px 0px 4px 2px;
	font-size: 8pt;
	display: block;
	color: #FFFFFF;
	width: 22px;
	height: 15px;
}

#language_selector a:hover
{
	display: block;
	color: #FFFFFF;
	width: 22px;
	height: 15px;
	background: #004A78;
}

#language_selector a.active-language
{
	display: block;
	color: #0089E6;
	width: 22px;
	height: 15px;
	background: #004B79;
}