@charset "utf-8";
/* CSS Document */
#navigation{
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a * {
	display: none;
}
#navigation a, #navigation a .hover {
	height: 55px;
  	position: relative;
	display: block;
	background: url(img/schlichtundbuendig-de_navigation.jpg) 0 0 no-repeat;
}
/* individual navigation items */
#navigation a.eindruck {
	background-position: 0 0;
	width: 120px;
}
#navigation .highlight a.eindruck:hover, #navigation a.eindruck .hover {
	background-position: 0 -57px;
}
#navigation a.arbeitsproben {
	background-position: -120px 0;
	width: 171px;
}
#navigation .highlight a.arbeitsproben:hover, #navigation a.arbeitsproben .hover {
	background-position: -120px -57px;
}
#navigation a.wichtig {
	background-position: -291px 0;
	width: 108px;
}
#navigation .highlight a.wichtig:hover, #navigation a.wichtig .hover {
	background-position: -291px -57px;
}
#navigation a.online {
	background-position: -399px 0;
	width: 98px;
}
#navigation .highlight a.online:hover, #navigation a.online .hover {
	background-position: -399px -57px;
}
#navigation .tel {
  	position: relative;
	display: block;
	background: url(img/schlichtundbuendig-de_navigation.jpg) -497px 0 no-repeat;
	width: 220px;
	height: 55px;
}
#navigation .highlight a.eindruck:active {
	background-position: 0 -114px;
}
#navigation .highlight a.arbeitsproben:active {
	background-position: -120px -114px;
}
#navigation .highlight a.wichtig:active {
	background-position: -291px -114px;
}
#navigation .highlight a.online:active {
	background-position: -399px -114px;
}


#social{
	list-style: none;
	margin: 0;
	padding: 27px 0 0 0;
	height: 21px;
}
#social li {
	float: right;
}
#social a * {
	display: none;
}
#social a, #social a .hover {
	height: 21px;
  	position: relative;
	display: block;
	background: url(img/schlichtundbuendig-de_navigation.jpg) -724px 0px no-repeat;
}
#social .highlight2 .pause {
	height: 21px;
  	position: relative;
	display: block;
	width: 6px;
}
#social a.fb {
	background-position: -724px -27px;
	width: 21px;
}
#social .highlight2 a.fb:hover, #navigation a.fb .hover {

}
#social a.twtr {
	background-position: -750px -27px;
	width: 21px;
}
#social .highlight2 a.twtr:hover, #navigation a.twtr .hover {

}
#social .pause {
	float: right;
	height: 21px;
	width: 5px;
}
#social a.rss {
	background-position: -775px -27px;
	width: 21px;
}
#social .highlight2 a.rss:hover, #navigation a.rss .hover {

}