#navigation {
	margin: 0 auto;
	height: 3em;
	text-align: left;
	z-index: 100;
}

#navigation ul {
	margin: 0 0 0 14px;
	padding: 0;
	list-style-type: none;
	background: transparent;
}

#navigation li {
	display: block;
	float: left;
	margin: 0 1px;
}


/*nur der IE braucht eine vorgegebene Breite - ACHTUNG, muss an Breite der Worte individuell angepasst werden!*/


*html #punkt1 {
float:left;
width: 90px;
}

*html #punkt2 {
float:left;
width: 90px;
}

*html #punkt3 {
float:left;
width: 110px;
}

*html #punkt4 {
float:left;
width: 70px;
}

*html #punkt5 {
float:left;
width: 100px;
}

*html #punkt6 {
float:left;
width: 90px;
}




.snazzy { background: transparent; }

.snazzy span {
	text-align: center;
	color: #570202;
	margin: 0;
	padding-top: 2px;
	font-family: Verdana, Helvetica, sans-serif;
}



.b1, .b2, .b3, .b4 {
	display: block;
	font-size: 1px;
}

.b1, .b2, .b3 { height: 1px; }

.b2, .b3, .b4 {
	border-left: 1px solid #570202;
	border-right: 1px solid #570202;
}

.b1 {
	margin: 0 5px;
	background: #570202;
}

.b2 {
	margin: 0 3px;
	border-width: 0 2px;
}

.b3 { margin: 0 2px; }

.b4 {
	height: 2px;
	margin: 0 1px;
}

.box {
	display: block;
	border-left: 1px solid #570202;
	border-right: 1px solid #570202;
	line-height: 1.2em;
}

a.menu:link, a.menu:visited {
	display: block;
	text-decoration: none;
}

a.menu:hover, a.menu:active { background: transparent; }
a.menu:hover span, a.menu:active span { padding-top: 14px; }
.eins { background-color: #E0E96F; }
.zwei { background-color: #6FADE9; }
.drei { background-color: #E96F71; }
.vier { background-color: #6FE99E; }
.fuenf { background-color: #E9A66F; }
.sechs { background-color: #A56FE9; }


a.lang, a.lang { background: transparent; }
a.lang span, a.lang span { padding-top: 14px; }