@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-f {
  position: absolute;
  width: 600px;
  height:15px;
  margin:0px;
  padding:0 0 0 130px;
  overflow:visible !important
}
#suckerfish-f ul,
#suckerfish-f li{
  border: none;
  margin: 0;
  padding: 0;
}
#suckerfish-f ul li ul.level_2, #suckerfish-f ul li ul.level_3 {
  border: none;
  margin: 0;
  padding: 0;
  background:url("") left bottom no-repeat;
  padding:0px;
}

/** * neccassary for <= IE6 */
* html #suckerfish-f { zoom: 0; margin:10px 0 0 0;}
* html #suckerfish-f { 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-f li {
  background:url("") right center no-repeat;
  line-height:15px;
}
#suckerfish-f li:hover{
  background:url("") right center no-repeat;
}

/** *
 * 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-f ul.level_1,
#suckerfish-f ul.level_1 ul {
  z-index: 9999;
  line-height: 15px;
	padding: 0;
	margin: 0;
	list-style: none;
}
#suckerfish-f ul.level_1 li ul ul {
	margin: -25px 0 0 0px; /** * adjust top-value if you have padding and/or borders */
}
* html #suckerfish-f ul.level_1 li ul {
	padding:0 0 0 0; /** * adjust top-value if you have padding and/or borders */
}
#suckerfish-f ul.level_1 a{
	display: block;
	width:auto; /** * adjust value if you have padding and/or borders / Variable Breite der Hauptmenüpunkte */
	font-size: 11px;
	line-height:15px;
/** * formating comes here */
	padding:0 0 0 0;
}
#suckerfish-f ul.level_1 span {
	display: block;
	width:auto; /** * adjust value if you have padding and/or borders / Variable Breite der Hauptmenüpunkte */
	font-size: 11px;
/** * formating comes here */
}

#suckerfish-f ul.level_1 li {
	float: left;
	width: auto; /** * Variable Breite der Hauptmenüpunkte */
	height:15px;
	padding:0 3px 0 3px;
}
* html #suckerfish-f ul.level_1 li {
	float: left;
	width: auto; /** * Variable Breite der Hauptmenüpunkte */
	height:15px;
	margin-top:0px;
}
* html #suckerfish-f ul.level_2 li {
	float: left;
	width: auto; /** * Variable Breite der Hauptmenüpunkte */
	height:15px;
	margin:0px;
}
#suckerfish-f ul.level_1 li ul li {
	width:auto; /** * Fixe Breite der Untermenüpunkte */
}