﻿ul#metanavi {
	width:20px;
	position:fixed;
	left:0;
	top:222px;
}
ul#metanavi li {
	float:left;
	clear:both;
	margin:0 0 1px 0;
}
ul#metanavi li a {
	width:20px;
	height:23px;
	display:block;
	background:#eee;
	border:1px solid #e8e8e8;
	color:#999;
	text-align:center;
	font:bold 10px/23px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul#metanavi li a:hover {
	width:20px;
	height:23px;
	display:block;
	background:#e4e4e4;
	border:1px solid #d4d4d4;
	color:#444;
	text-align:center;
	font:bold 10px/23px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/*--------------------navigation--------------------*/
ul.navigation  {
	width:472px;
	height:38px;
	float:right;
	display:none;
}
ul.navigation li {
	width:118px;
	height:38px;
	float:left;
	clear:none;
}
ul.navigation li a {
	width:118px;
	height:38px;
	float:left;
	text-indent:-99999px;
}
ul.navigation li a.startseite {
	background:url(../images/navigation.png) 0 0 no-repeat;
}
ul.navigation li a.startseite:hover {
	background:url(../images/navigation.png) 0 -48px no-repeat;
}
ul.navigation li a.startseite:active, 
ul.navigation li a.startseite-selected  {
	background:url(../images/navigation.png) 0 -96px no-repeat;
}
ul.navigation li a.verein {
	background:url(../images/navigation.png) -118px 0 no-repeat;
}
ul.navigation li a.verein:hover {
	background:url(../images/navigation.png) -118px -48px no-repeat;
}
ul.navigation li a.verein:active, 
ul.navigation li a.verein-selected  {
	background:url(../images/navigation.png) -118px -96px no-repeat;
}
ul.navigation li a.projekte {
	background:url(../images/navigation.png) -236px 0 no-repeat;
}
ul.navigation li a.projekte:hover {
	background:url(../images/navigation.png) -236px -48px no-repeat;
}
ul.navigation li a.projekte:active, 
ul.navigation li a.projekte-selected  {
	background:url(../images/navigation.png) -236px -96px no-repeat;
}
ul.navigation li a.kontakt {
	background:url(../images/navigation.png) -354px 0 no-repeat;
}
ul.navigation li a.kontakt:hover  {
	background:url(../images/navigation.png) -354px -48px no-repeat;
}
ul.navigation li a.kontakt:active, 
ul.navigation li a.kontakt-selected {
	background:url(../images/navigation.png) -354px -96px no-repeat;
}
/*--------------------navigation ende--------------------*/
