@charset "UTF-8";
/**
 * MAN Framework Styles - General Layout
 *
 * @project       MAN Web 2012/2013
 * @package       html-css-js
 * @subpackage    css
 * @author        Timo Mayer, VI
 *
 * @note all styles should be concatenated and minified to one file (eg. man.all.min.css) in production use
 */

/**
 * @section  breadcrumb nav
 */

#breadcrumb ul {
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 0 21px;
}

#breadcrumb > ul > li:before,
#breadcrumb > ul > li .ie-before {
	content: ">";
	float: left;
	margin: 0 4px;
	color: #e60041;
}

#breadcrumb > ul > li > span
{
	position: relative;
}

#breadcrumb > ul > li:first-child:before {
	content: none;
}

#breadcrumb > ul > li {
	display: block;
	float: left;
	color: #303c49;
}

#breadcrumb ul a {
	text-decoration: none;
	color: #59636d;
}

#breadcrumb ul a:hover {
	color: #303c49;
}

#breadcrumb ul ul {
	position: absolute;
	display: none;
	width: 160px;
	top: 10px;
	left: 0;
	list-style: none;
	padding: 10px 0 0;
	border-bottom: 1px solid #59636c;
	z-index: 10;
}

#breadcrumb ul div {
	display: inline;
	position: relative;
}

#breadcrumb ul div:hover ul {
	position: absolute;
	display: block;
	left: 0;
}

#breadcrumb li li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	border: 1px solid #59636c;
	background: #303c49;
	border-bottom: none;
}

#breadcrumb li li:hover {
	background: #59636d;
}

#breadcrumb li li a {
	display: block;
	height: auto;
	color: #d6d8db;
	padding: 4px 10px 3px 10px;
}

#breadcrumb li li:hover a {
	color: #d6d8db;
}

#breadcrumb li li:first-child:after,
#breadcrumb li li:first-child .ie-after {
	content: "";
	position: absolute;
	display: block;
	left: 10px;
	top: -6px;
	width: 11px;
	height: 6px;
	background: url(http://www.man.eu/media/resources/img/sprites/general.png) no-repeat top left;
	background-position: 0 -104px;
}

#breadcrumb li li:first-child:hover:after,
#breadcrumb li li:first-child:hover .ie-after {
	background: url(http://www.man.eu/media/resources/img/sprites/general.png) no-repeat top left;
	background-position: 0 -120px;
}