@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_h {
	width: 980px;
	z-index: 9900;
	text-align: center;
	margin-left: 24px;
	margin-right: auto;
}

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

/** * neccassary for <= IE6 */

* html #suckerfish_h {
	zoom: 0;
}

* html #suckerfish_h {
	z\oom: 1;
}

/** * overwrite some values from typolight.css, neccessary for <= IE7 */

#header .inside {
	position: static;
}

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

/** * some background color for testing */

#suckerfish_h li {
	list-style-type: none;
}

/** *
 * horizontal suckerfish_h menu based on
 * http://htmldog.com/articles/suckerfish_h/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_h' !!! not Class
 */

#suckerfish_h ul.level_1,
#suckerfish_h ul.level_1 ul {
	z-index: 9999;
	line-height: 18px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#suckerfish_h ul.level_1 li ul ul {
	margin: -22px 0 0 140px;
/

** * adjust top-value if you have padding and/or borders */
}

#suckerfish_h ul.level_1 a,
#suckerfish_h ul.level_1 span {
	display: block;
	width: 112px;
	/** * adjust value if you have padding and/or borders */
	height: 18px;
	font-size: 13px;
	border-width: 1px;
	text-align: center;
	text-decoration: none;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	background-color: #ebd5a8;
	font-weight: bold;
}

#suckerfish_h ul.level_1 li.first a,
#suckerfish_h ul.level_1 li.first span {
	width: 112px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 8px;
	border-right-style: double;
	margin-right: 0px;
}

#suckerfish_h ul.level_1 li.first ul li a {
	padding-left: 10px;
	width: 105px;
}

#suckerfish_h ul.level_1 li.last a,
#suckerfish_h ul.level_1 li.last span {
	border-right: 1px;
	border-right-style: solid;
}

#suckerfish_h ul.level_1 span,
#suckerfish_h ul.level_1 a:hover {
	background-color: #c2ae85;
}

#suckerfish_h ul.level_1 li {
	float: left;
	width: auto;
}

#suckerfish_h ul.level_1 li ul {
	position: absolute;
	width: 112px;
	left: -999em;
	/*

* * change to 'auto' for testing */
	border: none;
	border-left: none;
	background-color: #c6b286;
	background-image: none;
}

#suckerfish_h ul.level_1 li ul a,
#suckerfish_h ul.level_1 li ul span {
	border-top-style: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	font-weight: normal;
	font-style: normal;
	background-color: #f7f1c0;
	background-image: none;
}

#suckerfish_h ul.level_2 li.first span{
		border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	width: 105px;
}

#suckerfish_h ul.level_2 li.first a,
#suckerfish_h ul.level_2 li.last a {
	width: 112px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#suckerfish_h ul.level_1 li.first ul li a,
#suckerfish_h ul.level_1 li ul li span {
	padding-left: 10px;
	width: 112px;
}

/** * IE7 workaround */

*:first-child+html #suckerfish_h ul.level_1 li ul {
	display: none;
/

** * change to 'block' for testing */
}

/** * up to 4 levels */

#suckerfish_h ul.level_1 li:hover ul ul,
#suckerfish_h ul.level_1 li.sfhover ul ul,
#suckerfish_h ul.level_1 li:hover ul ul ul,
#suckerfish_h ul.level_1 li.sfhover ul ul ul {
	left: -999em;
/

** * change to 'auto' for testing */
}

/** * IE7 workaround */

*:first-child+html #suckerfish_h ul.level_1 li:hover ul ul,
*:first-child+html #suckerfish_h ul.level_1 li.sfhover ul ul,
*:first-child+html #suckerfish_h ul.level_1 li:hover ul ul ul,
*:first-child+html #suckerfish_h ul.level_1 li.sfhover ul ul ul {
	display: none;
/

** * change to 'block' for testing */
}

#suckerfish_h ul.level_1 li:hover ul,
#suckerfish_h ul.level_1 li.sfhover ul,
#suckerfish_h ul.level_1 li li:hover ul,
#suckerfish_h ul.level_1 li li.sfhover ul,
#suckerfish_h ul.level_1 li li li:hover ul,
#suckerfish_h ul.level_1 li li li.sfhover ul {
	left: auto;
}

/** * IE7 workaround */

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