@CHARSET "UTF-8";

/* Navigation CSS File */
#mainnav {
	margin: 0 0 0 1px;
	padding: 35px 0 0;
	height: 32px;
	float: left;
}

.nav img {
	margin: 0;
}

li.nav {
	list-style: none;
}
	
li.nav1 {
	margin: 0 6px 0 0;
	float: left;
	height: 32px;
	position: relative;
	z-index:1000;
}

a.nav1 {
	display: block;
	height: 32px;	
	overflow:hidden;
	position:relative;
}

a.team { width: 49px; }
a.referenzen { width: 97px; }
a.blog { width: 48px; }
a.mehr { width: 62px; }
a.suche { width: 27px; }
a.leistungen { width: 96px; }
a.kontakt { width: 74px; }
a.unternehmen { width: 120px; }
a.start { width: 53px; }

a.nav1 img { position: absolute; left:0; top:0; }
a.nav1:hover img{ top:-100%; left:0; }
a.nav1.active img {	top:0; left:-100%; }
a.nav1.active:hover img { top:-100%; left:-100%; }
a.nav1.jsfocus img { top:-100%; }
a.nav1.jsfocus + div{ display: block; }

li.nav1 > div {
	display: none;
	position: absolute;
	right: -29px;
	top: 26px;
	width:602px;
	padding: 0 0 20px 0;
}

li.nav1:hover > div {
	display: block;
}

li.nav1 > div > ul {
	background: url(../images/background_dropdown_more_middle.png) top left repeat-y;
	width: 570px;
	padding: 5px 8px 20px 4px;
}

li.nav1 > div > ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainnav .top {
	background: url(../images/background_dropdown_more_top.png) top left no-repeat;
	height: 16px;
}

#mainnav .bottom {
	background: url(../images/background_dropdown_more_bottom.png) -1px top no-repeat;
	height: 29px;
	clear: left;
}

li.nav2 {
	float: left;
	width: 175px;
	margin: 0 0 0 15px;
	padding: 0;
}
li.nav2.first {
	margin: 0 0 0 13px;
}

a.nav2 img {
	margin : -6px 0 0;
}

li.nav2 > div {
	margin-top:6px;
}

li.nav3 {
	margin: 6px 0 0 ;
	padding: 0;
}

a.nav3 {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

li.nav1 div a:hover { text-decoration: underline; }