@charset "UTF-8";
/** *  put line above on top of every CSS-file if you want to */

/** * Debug - remove comments for debugging
#header, #left, #main, #right, #footer {
  border: 1px dashed #ccc;
}
#container {
  background: #000;
  color: #fff;
}
#wrapper { width:960px; margin:0 auto !important; }
#header { height: 80px !important; }
#left { width: 300px !important; }
#right { width: 200px !important; }
#main { margin-left: 300px !important; margin-right: 200px !important; }
#footer { height: 60px !important; }
 (drag this line at the end of line 4 and back again to line 19) */

/** * overwrite some values from navigation.css */
#suckerfish {
  position: static;
  width: 980px;
  background-color: #fff;
  border-width:1px 0px;
  border-style: solid;
  border-color:#414042;
  z-index:9999;
  
}
#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;
}
 */

/** * some background color for testing */
#suckerfish li {
  background-color: #fff;
}

/** *
 * 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: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#suckerfish ul.level_1 li ul ul {
	margin: -20px 0 0 160px; /** * adjust top-value if you have padding and/or borders */
}

#suckerfish ul.level_1 a,
#suckerfish ul.level_1 span {
	display: block;
	width: 115px; /** * adjust value if you have padding and/or borders */
	font-size: 12px;
	text-transform: uppercase;
	font-weight:bold;
	color:#636466;
	text-decoration:none;
/** * formating comes here
	padding: _px;
	border: _px solid red;
  background: silver;
 */
}

#suckerfish ul.level_1 li {
	float: left;
	width: 115px;
	text-align:left;
}

#suckerfish ul.level_1 li span,
#suckerfish ul.level_1 li a {
  text-align:center;
}

#suckerfish ul.level_1 li.active,
#suckerfish ul.level_1 span.active,
#suckerfish ul.level_1 li.trail,
#suckerfish ul.level_1 a.trail {
  background-color:#2763A2;
  color:#fff;
}

#suckerfish ul.level_1 li:hover,
#suckerfish ul.level_1 li.sfhover,
#suckerfish ul.level_1 li:hover a,
#suckerfish ul.level_1 li.sfhover a,
#suckerfish ul.level_1 li:hover a:hover,
#suckerfish ul.level_1 li.sfhover a.sfhover {
  background-color:#636466;
  color:#fff;
}

#suckerfish ul.level_1 li:hover ul li a,
#suckerfish ul.level_1 li.sfhover ul li a,
#suckerfish ul.level_1 li:hover ul li,
#suckerfish ul.level_1 li.sfhover ul li {
  color:#636466;
  background-color:#fff;
}

#suckerfish ul.level_1 li.submenu ul li.submenu a {
  background-image: url(../ra-beuther/layout/grey_dot.png);
  background-position: 160px center;
  background-repeat: no-repeat;
}

#suckerfish ul.level_1 li:hover ul li.submenu a:hover,
#suckerfish ul.level_1 li.sfhover ul li.submenu a.sfhover,
#suckerfish ul.level_1 li.trail ul li.submenu span.active,
#suckerfish ul.level_1 li.submenu ul li.trail a {
  background-image: url(../ra-beuther/layout/white_dot.png);
  background-position: 160px center;
  background-repeat: no-repeat;
}

#suckerfish ul.level_1 li ul.level_2 li ul.level_3 li a:hover,
#suckerfish ul.level_1 li ul.level_2 li ul.level_3 li a.sfhover,
#suckerfish ul.level_1 li.trail ul.level_2 li.trail ul.level_3 li,
#suckerfish ul.level_1 li.trail ul.level_2 li.trail ul.level_3 span.active,
#suckerfish ul.level_1 li.submenu ul li.submenu ul li a {
  background-image:none;
}

#suckerfish ul.level_1 li.trail ul li.trail,
#suckerfish ul.level_1 li.trail ul a.trail {
  background-color:#2763A2;
  color:#fff;
}

#suckerfish ul.level_1 li ul {
	position: absolute;
	width: 170px;
	left: -999em; /** * change to 'auto' for testing */
}

#suckerfish ul.level_1 li ul li {
  border-top:0px solid #414042;
  border-right:1px solid #414042;
  border-bottom:1px solid #414042;
  border-left:1px solid #414042;
  border-collapse:collapse;
  width: 170px;
  text-align:left;
}

#suckerfish ul.level_1 li ul li.first {
  border:1px solid #414042;
}

#suckerfish ul.level_1 li ul li span,
#suckerfish ul.level_1 li ul li a {
  text-align:left;
  width: 166px;
  padding:1px 1px 1px 3px;
}

/** * 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 */
}

#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;
}