/* #####	Dieses Stylesheet formatiert und positioniert die		##### */
/* #####	Elemente der Navigation. Hier sollten nur Änderungen	##### */
/* #####	vorgenommen werden, wenn die Navigation verändert	##### */
/* #####	oder weiter angepasst werden sollte.				##### */



/* Allgemeiner Rahmen für die Navigation */

div.navigation
{
	background-color: #FFFFFF;
	text-align: center;
	position: relative;
	width: 990px;
	margin: 0px;
}


div.naviLine
{
	position: relative;
	width: 100%;
	height: 39px;
	overflow: hidden;
}


/* Allgemeine Formatierung für die erste Reihe der Navigation */

div.navicat
{
	text-align: left;
	background-color: #FFFFFF;
	color: #CC3300;
	font-size: 12px;
	font-family: Arial;
	padding-left: 6px;
	padding-top: 15px;
	height: 23px;
	position: absolute;
	z-index: 2;
	top: 1px;
	overflow: hidden;
}



/* Formatierung für den ausgewählten/aktiven Bereich der Webseite */

div.navi_selected
{
	text-align: left;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Arial;
	padding-left: 6px;
	padding-top: 15px;
	height: 23px;
	position: absolute;
	z-index: 2;
	top: 1px;
	overflow: hidden;
}

div.navi_spacer
{
	background-color: #FFFFFF;
	padding-left: 6px;
	height: 19px;
	position: absolute;
	z-index: 3;
	top: 21px;
}


div.navispacer_top
{
	position: relative;
	width: 100%;
	height: 30px;
	overflow: hidden;
	background-color: #6F7073;
}


div.navispacer_bottom
{
	position: relative;
	width: 100%;
	height: 30px;
	overflow: hidden;
	background-color: #A7A9AC;
}



/* Allgemeine Formatierung der Unterauswahl des ausgewählten Bereichs */

div.navi_sub
{
	text-align: left;
	background-color: #FFFFFF;
	color: #AFB0B0;
	font-size: 11px;
	font-family: Arial;
	padding-left: 6px;
	padding-top: 2px;
	width: 784px;
	height: 18px;
	position: absolute;
	z-index: 3;
	top: 21px;
	left: 0px;
	overflow: hidden;
}

div.navi_sub_under
{
	text-align: left;
	background-color: #FFFFFF;
	color: #AFB0B0;
	font-size: 11px;
	font-family: Arial;
	padding-left: 6px;
	padding-top: 2px;
	width: 784px;
	height: 18px;
	position: absolute;
	z-index: 3;
	top: 21px;
	left: 0px;
	overflow: hidden;
}


/* Positionierung der auszuwählenden Bereiche */

div#home { width: 101px; left: 0px; }
div#unternehmen { width: 101px; left: 70px; }
div#kontakt { width: 70px; left: 180px;}
div#leistungspalette {width: 100px; left: 265px;}  
div#lieferprogramm { width: 118px; left: 400px; }
div#guetenprogramm { width: 120px; left: 525px; }
div#qualitaetsmanagement { width: 147px; left: 650px; }
div#kundenlogin { width: 105px; left: 685px; display: none; }
div#service { width: 71px; left: 825px; }
div#karriere { width: 90px; left: 900px; }



div#suchen
{
	padding-left: 0px;
	padding-top: 0px;
	width: 146px;
	height: 20px;
	left: 801px;
	top: 20px;
	z-index: 3;
	display: none;
}

div.suchen { position: absolute; left: 96px; top: 0px; }



/* Formatierung der Hyperlinks */

div.navicat a { color: #333333; text-decoration: none; }
div.navi_selected a { color: #CC3300; text-decoration: none; }
div.navi_sub a { color: #333333; text-decoration: none; font-size: 12px; }
div.navi_sub a.selected { color: #CC3300; font-size: 12px; }