@charset "utf-8";

/*
*
*	TOP NAVIGATION
*
*/

#nav_top{
	width:500px; 
	position:absolute; 
	margin:24px 0px 0px 150px; 
	list-style:none;
	padding:0px;
	height:34px;
	overflow:hidden;
}

#nav_top li {
	margin: 0px; 
	padding: 0px; 
	list-style: none;
	display: inline;
	text-decoration:none;
}

#nav_top a{
	margin: 0px; 
	padding: 34px 0px 0px 0px; 
	background-position: 0px 0px;
	float:left;
}

#nav_top a:hover {
	background-position: 0px 34px;
}

#nav_top a.active {
	background-position: 0px 34px;
}

#nav_top .webdesign a {
	width:128px;
	background-image:url(../img/butIhWebdesign.gif);
}

#nav_top .datenbanken a {
	width:80px;
	background-image:url(../img/butIhDatenbanken.gif);
}

#nav_top .redesign a {
	width:71px;
	background-image:url(../img/butIhRedesign.gif);
}



/*
*
*	MAIN NAVIGATION
*
*/

#nav{
	width:550px; 
	position:absolute; 
	margin:180px 0px 0px 308px; 
	list-style:none;
	padding:0px;
	height:28px;
	overflow:hidden;
}

#nav li {
	margin: 0px; 
	padding: 0px; 
	list-style: none;
	display: inline;
	text-decoration:none;
}

#nav a{
	margin: 0px; 
	padding: 28px 0px 0px 0px; 
	background-position: 0px 0px;
	float:left;
}

#nav a:hover {
	background-position: 0px 28px;
}

#nav a.active {
	background-position: 0px 28px;
}

#nav .about a {
	width:92px;
	background-image:url(../img/about.gif);
}

#nav .knowhow a {
	width:114px;
	background-image:url(../img/knowhow.gif);
}

#nav .referenzen a {
	width:108px;
	background-image:url(../img/referenzen.gif);
}

#nav .kontakt a {
	width:110px;
	background-image:url(../img/kontakt.gif);
}
	
#nav .news a {
	width:104px;
	background-image:url(../img/news.gif);
}