/* TOPNAVI ============================================================================================================================= */

#topnavi										{ float: left; width: 950px; margin: 0; padding: 0 30px 0 0; }
#topnavi li										{ list-style: none; float: right; }

#topnavi li a									{ float: left; padding: 2px 10px 3px 10px; font-size: 11px; line-height: 23px; text-decoration: none; color: rgb(240,210,215); background: url(topnavi.a.png) center top no-repeat; margin-left: 1px; }
#topnavi li a:hover,
#topnavi li a.active							{ color: rgb(245,230,230); background-position: -20px -50px; }

#topnavi li.first a								{ background-position: left top; border: 0;  }
#topnavi li.first a:hover,
#topnavi li.first a.active						{ background-position: left -50px; }

#topnavi li.last a								{ background-position: right top; border: 0; }
#topnavi li.last a:hover,
#topnavi li.last a.active						{ background-position: right -50px; }

/* PRODUKTNAVI ========================================================================================================================= */

#productnavi									{ float: left; width: 235px; margin: 0; padding: 10px 0 10px 10px; background: url(bck.productnavi.jpg) left top no-repeat; }
#productnavi h1									{ padding: 0; margin: 0; height: 130px; }
#productnavi h1 b								{ display: none; }
/* Den IE ausschließend das Hintergrundbild setzen */
html>body #productnavi h1	 					{ background: url(logo.png) no-repeat; }

#productnavi h2									{ height: 30px; padding: 10px 15px 0 15px; margin: 10px 0 0 10px; font: 12px/20px Arial, Helvetica, Verdana, sans-serif; color: rgb(240,210,215); text-transform: uppercase; background: url(bck.productnavi.h2.jpg) no-repeat; }

#productnavi ul									{ margin: 10px 0 0 10px; padding: 0; }
#productnavi li									{ list-style: none; display: inline; }

#productnavi li a								{ display: block; padding: 10px 15px 10px 15px; text-decoration: none; color: rgb(240,210,215); background: url(bck.productnavi.a.jpg) left -5px no-repeat; border-top: 1px solid rgb(175,180,185); }
#productnavi li a:hover,
#productnavi li a.active						{ color: rgb(245,230,230); background-position: right -5px; }

#productnavi li.head a							{ margin: 0 0 10px 0; background: url(bck.productnavi.h2.jpg) no-repeat; border: 0; }
#productnavi li.head a:hover,
#productnavi li.head a.active					{ background-position: right top; }

#productnavi li.first a							{ background-position: left top; border: 0; }
#productnavi li.first a:hover,
#productnavi li.first a.active					{ background-position: right top; }

#productnavi li.last a							{ padding-bottom: 20px; background-position: left bottom; }
#productnavi li.last a:hover,
#productnavi li.last a.active					{ background-position: right bottom; }

/* NAVI ================================================================================================================================ */

#navi											{ position: relative; float: right; width: 715px; height: 190px; margin: 0; padding: 10px; background: url(bck.navi.gif) no-repeat; }
#headerpic										{ float: left; width: 705px; height: 40px; margin: 0; padding: 140px 0 0 0; background-repeat: no-repeat; }

#headerpic ul									{ float: left; margin: 0; padding: 0; text-transform: uppercase; }
#headerpic li									{ position: relative; list-style: none; float: left; z-index: 1; }

#headerpic li a									{ float: left; height: 30px; padding: 10px 15px 0 15px; text-decoration: none; color: rgb(170,25,45); background: url(bck.navi.a.gif); background-position: -10px top; border-right: 1px solid rgb(175,185,195); filter: alpha(opacity: 90); opacity: 0.90; KHTMLOpacity: 0.90; MozOpacity: 0.90; }
#headerpic li a:hover,
#headerpic li a.active							{ color: rgb(215,220,225); background-position: -10px -40px; filter: alpha(opacity: 99); opacity: 0.99; KHTMLOpacity: 0.99; MozOpacity: 0.99; }
#headerpic li.over a,
#headerpic li:hover a							{ color: rgb(215,220,225); background-position: -10px -40px; }

#headerpic li.first a,
#headerpic li.firstover a						{ background-position: left top; }
#headerpic li.first a:hover,
#headerpic li.first a.active,
#headerpic li.firstover a:hover,
#headerpic li.firstover a.active				{ background-position: left -40px; }
#headerpic li.firstover a,
#headerpic li.first:hover a						{ color: rgb(215,220,225); background-position: left -40px; }

#headerpic li.last a,
#headerpic li.lastover a						{ background-position: right top; border-right: 0; }
#headerpic li.last a:hover,
#headerpic li.last a.active,
#headerpic li.lastover a:hover,
#headerpic li.lastover a.active					{ background-position: right -40px; }
#headerpic li.lastover a,
#headerpic li.last:hover a						{ color: rgb(215,220,225); background-position: right -40px; }

/* SUBNAVI ============================================================================================================================= */

#headerpic li ul								{ text-transform: none; width: 210px; position: absolute; left: 0; top: 40px; display: none; padding: 10px 0 0 0; margin: 0; z-index: 1; }
#headerpic li ul li								{ clear: both; float: none; border: 0; list-style: none; }

#headerpic li ul li a,
#headerpic li ul li a:hover,
#headerpic li ul li a.active,
#headerpic li.over ul li a,
#headerpic li.over ul li a:hover,
#headerpic li.over ul li a.active,
#headerpic li:hover ul li a,
#headerpic li:hover ul li a:hover,
#headerpic li:hover ul li a.active				{ float: none; height: 1%; display: block; padding: 10px 15px 10px 15px; text-decoration: none; color: rgb(215,220,225); background: url(bck.subnavi.a.gif) no-repeat; background-position: right -5px; border: 0; border-bottom: 1px solid rgb(175,180,185); }

#headerpic li ul li.first a,
#headerpic li ul li.first a:hover,
#headerpic li ul li.first a.active,
#headerpic li.over ul li.first a,
#headerpic li.over ul li.first a:hover,
#headerpic li.over ul li.first a.active,
#headerpic li:hover ul li.first a,
#headerpic li:hover ul li.first a:hover,
#headerpic li:hover ul li.first a.active		{ background-position: right top; }

#headerpic li ul li.last a,
#headerpic li ul li.last a:hover,
#headerpic li ul li.last a.active,
#headerpic li.over ul li.last a,
#headerpic li.over ul li.last a:hover,
#headerpic li.over ul li.last a.active,
#headerpic li:hover ul li.last a,
#headerpic li:hover ul li.last a:hover,
#headerpic li:hover ul li.last a.active			{ background-position: right bottom; border: 0; }

#headerpic li.first ul li a,
#headerpic li.first ul li a:hover,
#headerpic li.first ul li a.active,
#headerpic li.firstover ul li a,
#headerpic li.firstover ul li a:hover,
#headerpic li.firstover ul li a.active,
#headerpic li.first:hover ul li a,
#headerpic li.first:hover ul li a:hover,
#headerpic li.first:hover ul li a.active		{ background-position: left -5px; }

#headerpic li.first ul li.first a,
#headerpic li.first ul li.first a:hover,
#headerpic li.first ul li.first a.active,
#headerpic li.firstover ul li.first a,
#headerpic li.firstover ul li.first a:hover,
#headerpic li.firstover ul li.first a.active,
#headerpic li.first:hover ul li.first a,
#headerpic li.first:hover ul li.first a:hover,
#headerpic li.first:hover ul li.first a.active	{ background-position: left top; }

#headerpic li.first ul li.last a,
#headerpic li.first ul li.last a:hover,
#headerpic li.first ul li.last a.active,
#headerpic li.firstover ul li.last a,
#headerpic li.firstover ul li.last a:hover,
#headerpic li.firstover ul li.last a.active	,
#headerpic li.first:hover ul li.last a,
#headerpic li.first:hover ul li.last a:hover,
#headerpic li.first:hover ul li.last a.active	{ background-position: left bottom; border: 0; }

#headerpic li.last ul li a,
#headerpic li.last ul li a:hover,
#headerpic li.last ul li a.active,
#headerpic li.lastover ul li a,
#headerpic li.lastover ul li a:hover,
#headerpic li.lastover ul li a.active,
#headerpic li.last:hover ul li a,
#headerpic li.last:hover ul li a:hover,
#headerpic li.last:hover ul li a.active			{ background-position: -210px -5px; }

#headerpic li.last ul li.first a,
#headerpic li.last ul li.first a:hover,
#headerpic li.last ul li.first a.active,
#headerpic li.lastover ul li.first a,
#headerpic li.lastover ul li.first a:hover,
#headerpic li.lastover ul li.first a.active,
#headerpic li.last:hover ul li.first a,
#headerpic li.last:hover ul li.first a:hover,
#headerpic li.last:hover ul li.first a.active	{ background-position: -210px top; }

#headerpic li.last ul li.last a,
#headerpic li.last ul li.last a:hover,
#headerpic li.last ul li.last a.active,
#headerpic li.lastover ul li.last a,
#headerpic li.lastover ul li.last a:hover,
#headerpic li.lastover ul li.last a.active,
#headerpic li.last:hover ul li.last a,
#headerpic li.last:hover ul li.last a:hover,
#headerpic li.last:hover ul li.last a.active	{ background-position: -210px bottom; border: 0; }

#headerpic li:hover ul, #headerpic li.over ul	{ display: block; }

/* PAGEFUNKTIONS ======================================================================================================================= */

#pagefunctions									{ position: absolute; top: 200px; left: 485px; float: left; margin: 0; padding: 0; }
#pagefunctions li								{ list-style: none; float: left; }

#pagefunctions li a								{ float: left; width: 55px; padding: 9px 10px 8px 40px; font-size: 11px; line-height: 23px; text-decoration: none; color: rgb(120,120,120); background: url(pagefunctions.a.gif) left top no-repeat; margin-right: 1px; }
#pagefunctions li a:hover,
#pagefunctions li a.active						{ color: rgb(100,100,100); background-position: right top; }

#pagefunctions li.langswitch_de a				{ background-position: right -40px; }
#pagefunctions li.langswitch_de a:hover,
#pagefunctions li.langswitch_de a.active		{ background-position: left -40px; }

#pagefunctions li.langswitch_en a				{ background-position: right bottom; }
#pagefunctions li.langswitch_en a:hover,
#pagefunctions li.langswitch_en a.active		{ background-position: left bottom; }