@media all
{

  
	/*------------------------------------------------------------------------------------------------------*/

	/**
	* (de) Grundgestaltung einer horizontalen Navigation
	*/

	.hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width: 100%;
		overflow: hidden;
		/* (en) containing floats in all other browsers */
		/* (de) Einfassen der Floats in allen anderen Browsern */
		float: left;
		display: inline;
		/* (en|de) Bugfix: IE - collapsing horizontal margins */
		position:relative;
		line-height: 0;
	}

	.hlist ul {
		/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left; /* LTR */
		margin: 0px;
		padding: 0;
	}

	.hlist ul li {
		/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left; /* LTR */
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.hlist ul li a,
	.hlist ul li strong {
		background: transparent;
		color: #808080;
		display: block;
		margin: 0;
		text-decoration: none;
		width: auto;
		font-weight: normal;
	}
	
	.hlist a:visited  { color: #808080; }

	.hlist ul li a:focus,
	.hlist ul li a:hover,
	.hlist ul li a:active { 
		color: #ece9e9; 
		text-decoration: none; 
		outline:none;		
	}

	.hlist ul li.active a {
		color: #ece9e9;
	}

	.hlist ul li.active strong,
	.hlist ul li.active a:focus,
	.hlist ul li.active a:hover,
	.hlist ul li.active a:active { background: transparent; color: #ece9e9; text-decoration: none; }

	
	/*------------------------------------------------------------------------------------------------------*/

	/**
	* (de) Grundgestaltung einer horizontalen Navigation
	*/
	
 
	#nav ul{
		text-align: right;
		float: right;
	}
	#nav.hlist ul li a,
	#nav.hlist ul li strong {
		margin: 0px;
		width: 120px;
		display:block;
		height:20px;
		overflow:hidden;
		text-indent:999em;
		white-space:nowrap;
		margin-left: 28px; 
	}
	#nav.hlist ul li a.profil {
		background: url(../img/mainmenu.gif) no-repeat 0 0;
		width: 50px;		
	}
	#nav.hlist ul li.active a.profil,
	#nav.hlist ul li a.profil:hover,
	#nav.hlist ul li a.profil:focus{
		background-position: 0 -20px;		
	}
	#nav.hlist ul li a.projekte {
		background: url(../img/mainmenu.gif) no-repeat -120px 0;
		width: 82px;		
	}
	#nav.hlist ul li.active a.projekte,
	#nav.hlist ul li a.projekte:hover,
	#nav.hlist ul li a.projekte:focus {
		background-position: -120px -20px;		
	}
	#nav.hlist ul li a.buero {
		background: url(../img/mainmenu.gif) no-repeat -240px 0;
		width: 66px;		
	}
	#nav.hlist ul li.active a.buero,
	#nav.hlist ul li a.buero:hover,
	#nav.hlist ul li a.buero:focus {
		background-position: -240px -20px;	
	}
	#nav.hlist ul li a.referenzen {
		background: url(../img/mainmenu.gif) no-repeat -360px 0;
		width: 108px;
	}
	#nav.hlist ul li.active a.referenzen,	
	#nav.hlist ul li a.referenzen:hover,
	#nav.hlist ul li a.referenzen:focus {
		background-position: -360px -20px;	
	}	
	#nav.hlist ul li a.kontakt {
		background: url(../img/mainmenu.gif) no-repeat -480px 0;
		width: 74px;
	}
	#nav.hlist ul li.active a.kontakt,
	#nav.hlist ul li a.kontakt:hover,
	#nav.hlist ul li a.kontakt:focus {
		background-position: -480px -20px;	
	}



	
	
}