@charset 'UTF-8';
/**
 * (en) base style for breadcrumb menue
 * (de) Basisstil für Breadcrumb-Menü
 *
 * @copyright			Copyright 2010, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen, projection
{
	#breadcrumb {
		display: block;
		padding: 0;
		background-color: transparent;
	}
	
	#breadcrumb li  > span {
		color: #808080;
	}

	#breadcrumb ul {
		/* (en) Width needed for proper rendering in IE6 */
		/* (de) Breitenangabe wird für die korrekte Darstellung im IE6 benötigt */
		width: 100%;
		overflow: hidden;
		margin: 0;
		list-style-type: none;
		font-size: 100%;
		text-transform: uppercase;
		font-family: 'FF Din Web Pro Medium', Verdana, sans-serif;
	}

	#breadcrumb li {
		float: left;
		margin: 0;
		padding: 0;
	}

	#breadcrumb li  > *	{
		/*display: block;*/
		text-decoration: none;
		padding: 0 8px 0 0;
		text-decoration: none;
		font-weight: normal;
	}

	#breadcrumb li a {
		color: #a1007b;
	}

	#breadcrumb li a span {
		display: block;
		/* (en) Bugfix for IE6+7 to display correct mouse cursor */
		/* (en) Bugfix für IE6+7, um den korrekten Mauszeiger anzuzeigen */
		cursor: pointer;
		/* (en) Bugfix (set HasLayout) for correct width in IE6+7 */
		/* (en) Bugfix (setze HasLayout) für korrekte Breiten im IE6+7 */
		float: left;
		/*padding-left: 20px;
		background-image: url('leuco-arrow.png');
		background-position: left 5px;
		background-repeat: no-repeat;*/
		text-decoration: inherit;
		margin-top: -1px;
	}

	#breadcrumb li span:before	{
	 	font-family: FontAwesome;
		content: '\f061';
		font-weight: normal;
		padding-right:	6px;
		color: #808080;
	}

	#breadcrumb li a span:hover:before {
		color: #808080;
	}

	#breadcrumb li a:hover {
	 text-decoration: none;
	 color: #808080;
	}
}


@media screen and (max-width: 600px)
{

	#breadcrumb	{
	 /*font-size: 76%*/
	}

	#breadcrumb li a {
		padding: 0 6px 0 0 ;
	}

	#breadcrumb li a span {
		background-position: left 3px;
	}

	#breadcrumb span.separator {
		padding: 0 6px 0 0 ;
	}
}