@charset 'UTF-8';
/**
 * (en) base style for multilevel vertical menue
 * (de) Basisstil für Mehrstufiges Vertikales Menu
 *
 * @copyright			Copyright 2010, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen, projection
{

	/* (en) Width of a- and li-Tag need to be 101% for 100% width in Webkit Browsers and Opera */
	/* (de) Die Breite der a- und li-Tags muss auf 101% gesetzt werden, um 100% Breiten in Webkitbrowsern und Opera zu erreichen */


	.submenu {
		/* (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;
		position: relative;
		text-transform: uppercase;
		font-family: 'FF Din Web Pro Medium', Verdana, sans-serif;
	}

	.submenu a {
		display: block;
		text-decoration: none;
	}

	.submenu 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 */
		height: 1%;
	}

	.submenu li {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.submenu li a {
		width: 94%;
		padding: 3px 5.00% 3px 1%;
		color: #a1007b;
	}

	.submenu li a span {
		padding-left: 30px;
	}

	.submenu li a:hover {
		color: #808080;
	}

	.submenu li ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.submenu li ul li {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		text-transform: none;
	}

	.submenu li ul li a {
		width: 85%;
		padding: 3px 5% 3px 11%;
		color: #a1007b;
	}

	.submenu li ul li a span {
		padding-left: 25px;
	}

	.submenu li ul li a:hover {
		color: #808080;
	}

	.submenu li ul li ul li {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.submenu li ul li ul li a {
		width: 74%;
		padding: 3px 5% 3px 22%;
		color: #a1007b;
	}

	.submenu li ul li ul li a span {
		padding-left: 30px;
	}

	.submenu li ul li ul li a:hover {
		color: #808080;
	}

	.submenu li ul li ul li ul li {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.submenu li ul li ul li ul li a {
		width: 67%;
		padding: 3px 5% 3px 29%;
		color: #a1007b;
	}

	.submenu li ul li ul li ul li a span {
		padding-left: 25px;
	}

	.submenu li ul li ul li ul li a:hover {
		color: #808080;
	}

	.submenu li.active {
		color: #808080;
	}

	.submenu li.active span {
		padding: 3px 5% 3px 1%;
		display: inline-block;
	}

	.submenu li ul li.active {
		width: 85%;
		padding: 3px 5% 3px 11%;
		color: #808080;
	}

	.submenu li ul li.active span {
		padding: 0;
	}

	.submenu li ul li ul li.active {
		width: 74%;
		padding: 3px 5% 3px 22%;
		color: #808080;
	}

	.submenu li ul li ul li.active span {
		padding: 0;
	}

	.submenu li ul li ul li ul li.active {
		width: 67%;
		padding: 3px 5% 3px 29%;
		color: #808080;
	}

	.submenu li ul li ul li ul li.active span {
		padding: 0;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query Mobil */
	/* (de) Media Query Mobil */
	/*------------------------------------------------------------------------------------------------------*/

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

	#col1_content > .navloc {
		display: none;
	}

	.navloc option {
		padding: 6px;
		border-bottom: 2px solid #000;
		background: #fff;
		color: #a1007b;
		font-family: 'Open Sans', Verdana, cnRegular, sans-serif;
	}

	#col1_content > .navloc {
		border-bottom: 2px solid #FFFFFF;
		border-top: 2px solid #FFFFFF;
		margin: 0 -8px;
		padding: 8px;
		position: relative;
	}

	.navloc .select-text {
		display: inline-block !important;
		font-family: 'Open Sans', 'Verdana', 'Arial', 'Helvetica', 'Trebuchet MS', sans-serif;
		font-weight: bold;
		letter-spacing: 0.5px;
		width: 100%;
		color: #a1007b;
	}

	#mobmenueloc {
		width: 100%;
		height: 26px;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
	}

}