@charset "UTF-8";

/** * overwrite some values from navigation.css */
#suckerfish {
  position: static;
  width: auto;
height: 30px;
}
#suckerfish a {font-weight: normal; color: #fff; text-decoration: none;}

#suckerfish a:hover {background-image: url(/tl_files/layout/bg_transparent.png);}

#suckerfish ul,
#suckerfish li,
#suckerfish .submenu {
  border: none;
  margin: 0;
  padding: 0;
}

/** * neccassary for <= IE6 */
* html #suckerfish { zoom: 0; }
* html #suckerfish { z\oom: 1; }

/** * overwrite some values from typolight.css, neccessary for <= IE7 */
#header .inside {
  position: static;
}

/** * clear the suckerfish floating in the element that follows suckerfish,
 * not neccassary for TL standard situations
#container {
  clear: left;
}
 */

/** * background color */
#suckerfish li { 
text-align: center;
background-color: none;
padding: 0;
}

/** *
 * horizontal suckerfish menu based on
 * http://htmldog.com/articles/suckerfish/dropdowns/
 * up to 4 levels, change the 22px and 140px values that it fits your need
 * give the navigation module in the BE the ID 'suckerfish' !!! not Class
 */
#suckerfish ul.level_1,
#suckerfish ul.level_1 ul {
  z-index: 9999;
  line-height: 25px;
	padding: 5px 0 0 0;
	margin: 0;
	list-style: none;
}
#suckerfish ul.level_1 li ul ul {
	margin: -22px 0 0 140px; /** * adjust top-value if you have padding and/or borders */
}

#suckerfish ul.level_1 a,
#suckerfish ul.level_1 span {
	display: block;
	width: 88px; /** * adjust value if you have padding and/or borders */
	font-size: 11px;
	padding: 0px;
}

/*Active Status level_1 */

#suckerfish ul.level_1 li span {
background-image: url(/tl_files/layout/bg_transparent.png); color: #4b4a4d; width: auto;
}


#suckerfish ul.level_1 li {
	float: left;
	width: 88px;
}

#suckerfish ul.level_1 li ul {
	position: absolute;
	width: 150px;
	left: -999em;
background-image: url(/tl_files/layout/bg_transparent.png);
padding-bottom: 4px;
}

#suckerfish ul.level_1 li ul li {width: 150px;}

#suckerfish ul.level_1 li ul a {
color: #4b4a4d; width: 150px;}
}


.level_1 .active {background-image: url(/tl_files/layout/bg_transparent.png); color: #4b4a4d;}

/** * IE7 workaround */
*:first-child+html #suckerfish ul.level_1 li ul {
	display: none; /** * change to 'block' for testing */
}

/** * up to 4 levels */
#suckerfish ul.level_1 li:hover ul ul,
#suckerfish ul.level_1 li.sfhover ul ul,
#suckerfish ul.level_1 li:hover ul ul ul,
#suckerfish ul.level_1 li.sfhover ul ul ul {
	left: -999em; /** * change to 'auto' for testing */
}
/** * IE7 workaround */
*:first-child+html #suckerfish ul.level_1 li:hover ul ul,
*:first-child+html #suckerfish ul.level_1 li.sfhover ul ul,
*:first-child+html #suckerfish ul.level_1 li:hover ul ul ul,
*:first-child+html #suckerfish ul.level_1 li.sfhover ul ul ul {
	display: none; /** * change to 'block' for testing */
}
#suckerfish ul.level_1 li:hover ul,
#suckerfish ul.level_1 li.sfhover ul,
#suckerfish ul.level_1 li li:hover ul,
#suckerfish ul.level_1 li li.sfhover ul,
#suckerfish ul.level_1 li li li:hover ul,
#suckerfish ul.level_1 li li li.sfhover ul {
	left: auto;
background-image: url(/tl_files/layout/bg_transparent.png);
}

}
/** * IE7 workaround */
*:first-child+html #suckerfish ul.level_1 li:hover ul,
*:first-child+html #suckerfish ul.level_1 li.sfhover ul,
*:first-child+html #suckerfish ul.level_1 li li:hover ul,
*:first-child+html #suckerfish ul.level_1 li li.sfhover ul,
*:first-child+html #suckerfish ul.level_1 li li li:hover ul,
*:first-child+html #suckerfish ul.level_1 li li li.sfhover ul {
	display: block;
}