/*
* 3 spaltige ReiterNavigation
*/
.reiter3Button1,.reiter3Button1Gew,.reiter3Button2,.reiter3Button2Gew,.reiter3Button3,.reiter3Button3Gew {
	width: 200px;
	height: 24px;
	vertical-align: middle;
	text-align: center
}

a.reiterGewaehlt,a.reiterGewaehlt:hover,a.reiterGewaehlt:visited,a.reiterNormal,a.reiterNormal:hover,a.reiterNormal:visited,a.reiterWeiss,a.reiterWeiss:hover,a.reiterWeiss:visited
	{
	font-size: 12px;
	font-family: Arial, Helvetica, Sans Serif, Verdana;
	font-weight: bold;
	text-decoration: none;
}

a.reiterNormal,a.reiterNormal:hover,a.reiterNormal:visited {
	color: #464646;
}

a.reiterGewaehlt,a.reiterGewaehlt:hover,a.reiterGewaehlt:visited {
	color: #FFFFFF;
}

a.reiterWeiss,a.reiterWeiss:hover,a.reiterWeiss:visited {
	color: #FFFFFF;
}
.reiter3Button1 a, .reiter3Button1Gew a, .reiter3Button2 a, .reiter3Button2Gew a, .reiter3Button3 a, .reiter3Button3Gew a {
	display:block;
	line-height:24px;
}

.reiter3Button1 {
	background-image: url("/static/bilder/reiterNavigation3/02_HABA_Start_3spaltig_Button_01.jpg");
}

.reiter3Button2 {
	background-image: url("/static/bilder/reiterNavigation3/02_HABA_Start_3spaltig_Button_02.jpg");
}

.reiter3Button3 {
	background-image: url("/static/bilder/reiterNavigation3/02_HABA_Start_3spaltig_Button_03.jpg");
}

.reiter3Button1Gew {
	background-image: url("/static/bilder/reiterNavigation3/02_HABA_Start_3spaltig_Button_01_gew.jpg");
}

.reiter3Button2Gew {
	background-image: url("/static/bilder/reiterNavigation3/02_HABA_Start_3spaltig_Button_02_gew.jpg");
}

.reiter3Button3Gew {
	background-image: url("/static/bilder/reiterNavigation3/02_HABA_Start_3spaltig_Button_03_gew.jpg");
}

/*
* 4 spaltige ReiterNavigation
*/
.reiter4Button1, .reiter4Button1Gew, .reiter4Button2, .reiter4Button2Gew, .reiter4Button3, .reiter4Button3Gew, .reiter4Button4, .reiter4Button4Gew
	{
	height: 24px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans Serif, Verdana;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-align: center;
}
.reiter4Button1 a, .reiter4Button1Gew a, .reiter4Button2 a, .reiter4Button2Gew a, .reiter4Button3 a, .reiter4Button3Gew a, .reiter4Button4 a, .reiter4Button4Gew a {
	display:block;
	line-height:24px;
}

.reiter4Button1 {
	width: 160px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_01.jpg");
}

.reiter4Button2 {
	width: 200px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_02.jpg");
}

.reiter4Button3 {
	width: 120px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_03.jpg");
}

.reiter4Button4 {
	width: 120px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_04.jpg");
}

.reiter4Button1Gew {
	width: 160px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_01_gew.jpg");
}

.reiter4Button2Gew {
	width: 200px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_02_gew.jpg");
}

.reiter4Button3Gew {
	width: 120px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_03_gew.jpg");
}

.reiter4Button4Gew {
	width: 120px;
	background-image: url("/static/bilder/reiterNavigation4/02_HABA_Start_4spaltig_Button_04_gew.jpg");
}

.hauptKategorieInAktiv, .hauptKategorieAktiv, .hauptKategorieAusgewaehlt, .hauptKategorieAusgewaehltUK {
	position: relative;
	left: 8px;
	top: 10px;
	width: 130px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	z-index: 3;
	background-repeat: no-repeat;
	font-weight: bold;
	vertical-align: top;
}

.hauptKategorieInAktiv {
	background-image: url(/static/bilder/navigation/Navi_Pfeil_rechts_grau.gif);
	background-position: 2px 5px;
}

.hauptKategorieAktiv {
	background-image: url(/static/bilder/navigation/Navi_Pfeil_rechts_rot.gif);
	background-position: 2px 5px;
}

.hauptKategorieAusgewaehlt {
	background-image: url(/static/bilder/navigation/Navi_Pfeil_rechts_rot.gif);
	background-position: 2px 5px;
}

.hauptKategorieAusgewaehltUK {
	background-image: url(/static/bilder/navigation/Navi_Pfeil_unten_rot.gif);
	background-position: 0px 4px;
}

.unterKategorieInAktiv, .unterKategorieAktiv {
	position: relative;
	left: 20px;
	top: 10px;
	width: 130px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	z-index: 3;
	background-repeat: no-repeat;
	vertical-align: top;
	background-position: 0px 3px;
}

.unterKategorieInAktiv {
	background-image: url(/static/bilder/navigation/Navi_Pfeil_rechts_grau.gif);
	background-position: 0px 5px;
}

.unterKategorieAktiv {
	background-image: url(/static/bilder/navigation/Navi_Pfeil_rechts_rot.gif);
	background-position: 0px 5px;
}

.trennlinieNavigation{
	position: relative;
	margin-top: 4px;
	margin-bottom: 10px;
	left: 23px;
	top: 10px;
	width: 132px;
	z-index: 3;
	height: 1px;
	background-image: url(/static/bilder/Strichlinie_quer.gif);
	background-repeat: repeat-x;
	/* 
		Unbedingt drin lassen, sonst macht der IE Murks!
		Das heißt, statt 1px Höhe wird das Div 14px hoch. 
		Der Firefox versteht es natürlich, wie immer, ohne Probleme	
	*/
	font-size: 1px; 	*/
}