#header h1 a {
	display: block;
	width: 288px;
	height: 136px;
	text-indent: -9999px;
	background: url(../images/logo_metka_de.gif) top no-repeat;
}
#header h1 a:hover {
	background: url(../images/logo_metka_de.gif) bottom no-repeat;	
}
#navigation {
	width: 551px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: url(../images/navigation_de.gif) no-repeat;
}

#about { left: 0; width: 107px; }
#info { left: 108px; width: 143px; }
#operations { left: 250px; width: 100px; }
#media { left: 350px; width: 62px; }
#service { left: 412px; width: 66px; }
#contact { left: 478px; width: 73px; }

#about a:hover { background: transparent url(../images/navigation_de.gif) 0 -33px no-repeat; }
#info a:hover { background: transparent url(../images/navigation_de.gif) -108px -33px no-repeat; }
#operations a:hover { background: transparent url(../images/navigation_de.gif) -250px -33px no-repeat; }
#media a:hover { background: transparent url(../images/navigation_de.gif) -350px -33px no-repeat; }
#service a:hover { background: transparent url(../images/navigation_de.gif) -412px -33px no-repeat; }
#contact a:hover { background: transparent url(../images/navigation_de.gif) -478px -33px no-repeat; }

#section1 #about a { background: transparent url(../images/navigation_de.gif) 0 -66px no-repeat; }
#section2 #info a { background: transparent url(../images/navigation_de.gif) -108px -66px no-repeat; }
#section3 #operations a { background: transparent url(../images/navigation_de.gif) -250px -66px no-repeat; }
#section6 #media a { background: transparent url(../images/navigation_de.gif) -350px -66px no-repeat; }
#section4 #service a { background: transparent url(../images/navigation_de.gif) -412px -66px no-repeat; }
#section5 #contact a { background: transparent url(../images/navigation_de.gif) -478px -66px no-repeat; }