@media screen
{
	/* BASIC STYLES > SUPERFISH NAV MENU --------------------------------------*/

	/* GLOBAL */

	.hlist,
	.hlist * {
		margin:	0;
		padding: 0;
		list-style:	none;
	}

	.hlist {
		line-height: 1em;
		list-style: none;
		font-size: 126%;
	}

	.hlist strong {
		font-weight: normal;
	}

	.hlist ul {
		position: absolute;
		top: -999em;
		/*width: 200px;*/ /* LEFT OFFSET OF SUBS NEED TO MATCH (SEE BELOW) */
        width:auto;
        min-width:200px;
        white-space:nowrap;
        overflow:hidden;
	}

	.hlist ul li {
		width: 100%;
	}

	.hlist li:hover {
		visibility: inherit; /* FIXES IE7 'STICKY BUG' */
	}

	.hlist li {
		float: left;
		position: relative;
	}

	.hlist a {
		display: block;
		position: relative;
	}

	/* SUBS */

	.hlist li:hover ul,
	.hlist li.sfHover ul {
		left: 0;
		top: 57px; /* TOP SPACE SUBS L2 */
		z-index: 100;
	}

	ul.hlist li:hover li ul,
	ul.hlist li.sfHover li ul {
		top: -999em;
	}

	ul.hlist li li:hover ul,
	ul.hlist li li.sfHover ul {
		left: 203px; /* MATCH UL WIDTH */
		top: 0;
	}

	ul.hlist li li:hover li ul,
	ul.hlist li li.sfHover li ul {
		top: -999em;
	}

	ul.hlist li li li:hover ul,
	ul.hlist li li li.sfHover ul {
		left: 203px; /* MATCH UL WIDTH */
		top: 0;
	}

	/* CUSTOM SKIN ------------------------------------------------------------*/

	.hlist {
		float: left;
	}

	/* L1 SETTINGS */

	.hlist a {
		padding: 18px 20px 0 20px;
		text-decoration: none;
		height: 35px; /* L1 HEIGHT */
	}

	.hlist li {
        background: url("../../Images/nav_l1_bg-5x54.png") repeat-x;
        /*background-color: #4e88af;*/
		margin: 0 3px 0 0;
    }

	/* L2 SETTINGS */

	.hlist li li {
		font-size: 80%;
		padding: 0;
		margin: 0;
		background: #163249;
	}

	.hlist li li a {
		padding: 5px 20px 5px 10px;
		height: auto; /* L2... HEIGHT RESET */
		border-bottom: 1px solid #0f2639;
	}

	/* L3... SETTINGS */

	.hlist li li li {
		font-size: 100%;
	}

	/* L1 COLOR SETUP */

	.hlist li:hover,
	.hlist li.sfHover {
		background: #a6d2ef; /* BG DEFAULT */
		outline: 0;
		color: #ffffff;
	}

	/* L1 TEXT COLOR SETUP */

	.hlist li a,
	.hlist li a:focus,
	.hlist li a:hover,
	.hlist li a:active,
	.hlist li.sfHover a,
	.hlist li.sfHover a:focus,
	.hlist li.sfHover a:hover,
	.hlist li.sfHover a:active {
		color: #163249; /* L1 HOVER COLOR */
    }

	.hlist li a {
		color: #ffffff; /* L1 LINK COLOR DEFAULT */
	}

	/* L2 TEXT COLOR SETUP */

	.hlist li.sfHover ul li a,
	.hlist li.sfHover ul li a {
		color: #ffffff; /* L2 LINK COLOR DEFAULT */
	}

	.hlist li.sfHover ul li a:focus,
	.hlist li.sfHover ul li a:hover,
	.hlist li.sfHover ul li a:active {
		color: #163249; /* L2 HOVER COLOR > POINTS WITHOUT SUBS */
	}

	.hlist li.sfHover ul li.sfHover a,
	.hlist li.sfHover ul li.sfHover a:focus,
	.hlist li.sfHover ul li.sfHover a:hover,
	.hlist li.sfHover ul li.sfHover a:active,
	.hlist li.sfHover ul li.sfHover a,
	.hlist li.sfHover ul li.sfHover a:focus,
	.hlist li.sfHover ul li.sfHover a:hover,
	.hlist li.sfHover ul li.sfHover a:active {
		color: #163249; /* L2 HOVER COLOR > POINTS WITH SUBS */
	}

	/* L3 TEXT COLOR SETUP */

	.hlist li.sfHover ul li.sfHover ul li a,
	.hlist li.sfHover ul li.sfHover ul li a {
		color: #ffffff; /* L3 LINK COLOR DEFAULT */
	}

	/* L1 RADIUS | L2 RADIUS NONE */

	.hlist li,
	.hlist li.sfHover {
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.hlist ul li,
	.hlist ul li.sfHover {
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	/*
	.hlist ul {
		padding: 0 0 5px 0;
		background: #25557c;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.hlist ul ul {
		padding: 5px 0;
		background: #25557c;
		border-radius: 5px;
	}
	*/

	/* ACTIVE POINT */

	.hlist li.active {
        background: #a6d2ef; /*#4e88af;*/
	}

	/* SUBS OPACITY */

	.hlist ul li,
	.hlist ul li.sfHover {
		opacity: .96;
	}

	/* ARROWS -----------------------------------------------------------------*/

	.hlist a.sf-with-ul {
		min-width: 1px; /* TRIGGER IE7 HASLAYOUT SO SPANS POSITION ACCURATELY */
	}

	.sf-sub-indicator {
		position: absolute;
		display: block;
		right: .4em;
		top: .75em;
		width: 10px;
		height:	10px;
		text-indent: -999em;
		overflow: hidden;
		background: url("/fileadmin/layout/nav_arrows.png") no-repeat -10px -100px;
	}

	.hlist ul a > .sf-sub-indicator {
		background-position: 0 0;
	}

	.hlist li ul li a:focus > .sf-sub-indicator,
	.hlist li ul li a:hover > .sf-sub-indicator,
	.hlist li ul li a:active > .sf-sub-indicator,
	.hlist li ul li:hover > a > .sf-sub-indicator,
	.hlist li ul li.sfHover > a > .sf-sub-indicator {
		background-position: -10px 0; /* ARROW HOVERS FOR MODERN BROWSERS*/
	}

	/* SHADOW CSS3 ------------------------------------------------------------*/

	.sf-shadow ul {
		box-shadow: 0 6px 20px #000000;
		-webkit-box-shadow: 0 6px 20px #000000;
		-moz-box-shadow: 0 6px 20px #000000;
	}

	.sf-shadow ul.sf-shadow-off {
		background: transparent;
	}
}