BODY					{font-family: arial, helvetica, verdana, sans-serif; 
						font-size: 12px; 
						line-height: 18px; 
						color: #666666; 
						background-color: #FFFFFF;
						margin: 0;
						padding: 0;}

A						{color: #333333; 
						text-decoration: none; 
						font-weight: normal;}
A:visited				{color: #333333;}
A:hover					{color: #F66014;}

A.BHead					{color: #333333; 
						text-decoration: none; 
						font-weight: normal;
						font-size: 18px;
						line-height: 27px;}
A.BHead	:visited		{color: #333333;}
A.BHead	:hover			{color: #F66014;}

A.normal				{color: #333333; 
						text-decoration: none; 
						font-weight: normal;}
A.normal:visited		{color: #333333;}
A.normal:hover			{color: #F66014;}

A.gross					{font-size: 18px;
						line-height: 25px;
						text-decoration: none; 
						font-weight: normal;}
A.gross:visited			{color: #333333;}
A.gross:hover			{color: #F66014;}

A.large					{font-size: 16px;
						line-height: 22px;
						text-decoration: none; 
						font-weight: normal;}
A.large:visited			{color: #333333;}
A.large:hover			{color: #F66014;}

A.homepage				{color: #333333; 
						text-decoration: underline; 
						font-weight: normal;}
A.homepage:visited		{color: #333333;}
A.homepage:hover		{color: #F66014;}

.homepagenorm a			{color: #333333; 
						text-decoration: underline; 
						font-weight: normal;}
.homepagenorm a:visited		{color: #333333;}
.homepagenorm a:hover		{color: #333333;}
.homepageinvers a			{color: #FFFFFF; 
							text-decoration: underline; 
							font-weight: normal;}
.homepageinvers a:visited	{color: #FFFFFF;}
.homepageinvers a:hover		{color: #FFFFFF;}

A.ESuche				{color: #ffffff; 
						text-decoration: none; 
						font-weight: normal; 
						background-image: url(/images/grundelemente/graf_linkpfeil.gif); 
						background-repeat: no-repeat; 
						background-position: right; 
						padding-right: 10px;}
A.ESuche:visited		{color: #ffffff;}
A.ESuche:hover			{color: #ffffff;}

A.small					{color: #333333; 
						font-size: 10.5px;}
A.small:visited			{color: #333333;}
A.small:hover			{color: #F66014;}

A.invers				{color: #FFFFFF; 
						text-decoration: underline; 
						font-weight: normal; 
						background-image: url(/images/grundelemente/graf_linkpfeil_weiss.gif); 
						background-repeat: no-repeat; 
						background-position: right; 
						padding-right: 10px;}
A.invers:visited		{color: #FFFFFF;}
A.invers:hover			{color: #FFFFFF;}

A.inversnd, A.inversnd:hover, A.inversnd:visited			{color: #FFFFFF;}

A.inversL				{color: #FFFFFF; 
						font-size: 14px;
						text-decoration: none; 
						/*font-weight: bold;*/}
A.inversL:visited		{color: #FFFFFF;}
A.inversL:hover			{color: #FFFFFF;}

A.paging				{color: #FFFFFF; 
						text-decoration: underline;}
A.paging:visited		{color: #FFFFFF;}
A.paging:hover			{color: #FFFFFF; 
						/*font-weight: bold;*/}

A.bestellON, A.bestellOver					{font-size: 16px; color: #FFFFFF;}
A.bestellON:visited, A.bestellOver:visited	{color: #FFFFFF;}
A.bestellON:hover, A.bestellOver:hover		{color: #FFFFFF;}

A.bestellOFF			{font-size: 16px; color: #333333;}
A.bestellOFF:visited	{color: #333333;}
A.bestellOFF:hover		{color: #FFFFFF;}

A.highlight				{color: #F66014; 
						text-decoration: none;}
A.highlight:visited		{color: #F66014;}
A.highlight:hover		{color: #F66014;}

A.highlightL			{color: #666666;
						font-size: 14px;
						line-height: 17px;}
A.highlightL:visited	{color: #666666;}
A.highlightL:hover		{color: #ffffff;
						text-decoration: underline;}

A.highlightXL			{color: #F66014;
						font-size: 16px;
						/*font-weight: bold;*/}
A.highlightXL:visited	{color: #F66014;}
A.highlightXL:hover		{color: #F66014;}

A.Tab					{color: #666666;
						/*font-weight: bold;*/}

A.KatLabelOn			{color: #FFFFFF; 
						text-decoration: none; 
						cursor:pointer;}
A.KatLabelOn:visited	{color: #FFFFFF;}
A.KatLabelOn:hover		{color: #FFFFFF;}

A.KatLabelOff			{color: #333333; 
						text-decoration: none;}
A.KatLabelOff:visited	{color: #333333;}
A.KatLabelOff:hover		{color: #333333;}

A.Liste					{color: #333333; 
						text-decoration: none; 
						font-weight: normal;
						line-height: 20px; 
						background-image: url(/images/grundelemente/graf_linkpfeil.gif); 
						background-repeat: no-repeat; 
						background-position: left; 
						padding-left: 10px;}
A.Liste:visited			{color: #333333;}
A.Liste:hover			{color: #F66014;}

TABLE					{font-family: arial, helvetica, verdana, sans-serif; 
						font-size: 12px; 
						line-height: 18px; 
						color: #666666; 
						background-color: #FFFFFF;}
						
TABLE.LeisteLi			{background-image: url(/images/grundelemente/bg_LeisteLi.png);
						background-repeat: no-repeat;
						background-position: bottom;
						font-size: 16px; 
						/*font-weight: bold;*/
						color: #FFFFFF;}

TABLE.KastenLi			{background-image: url(/images/grundelemente/bg_Verlauf.png);
						background-repeat: no-repeat;
						background-position: bottom;}
						
TD.KastenLiBL			{border-left: 1px #D4D4D4 solid;}
TD.KastenLiBR			{border-right: 1px #D4D4D4 solid;}
						
H1						{font-size: 18px; 
						/*font-weight: bold;*/ 
						line-height: 20px;}
						
.FrameHover				{max-width:55px;
						width:55px;
						padding:1px 1px 1px 1px;
						border:1px #EC0000 solid;}

.FrameOut				{max-width:55px;
						width:55px;
						padding:2px 2px 2px 2px;}
					
/* Warenkorb --------------------------------------- */
.WKRow					{color: #FFFFFF;
						background-color: #F66014;}
/* ------------------------------------------------- */

/* ------------------------------------------------- */
#info, #info span { /* all lists */
	position: relative;
}

#info a {
	display: block;
	width: 1em;
}

#info div { /* all list items */
	position: absolute;
	float: left;
	width: 1em; /* width needed or else Opera goes nuts */
}

#info div span { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#info div:hover span { /* lists nested under hovered list items */
	font-size: 10px;
	color: #FFFFFF;
	position: relative;
	top:-12px;
	left:12px;
	z-index:3;
}
#info div:hover span#EZH {background-color: #63981E;}
#info div:hover span#ABO {background-color: #F66014;}
#info div:hover span#DLD {background-color: #287CAB;}
#info div:hover span#ZSP {background-color: #D142B8;}
#info div:hover span#RSS {background-color: #F57D20;}
#info div:hover span#PFL {background-color: #3A6D98;}

#content {
	clear: left;
	z-index:1;
}
/* ------------------------------------------------- */
						
TD.bigletters			{font-family: arial, helvetica, verdana, sans-serif; 
						font-size: 40px; 
						line-height: 50px; 
						color: #666666; 
						background-color: #FFFFFF;
						border: solid #F66014 3px;}

TR.ErglKopfTop			{font-size: 12px;
						line-height: 14px;
						/*font-weight: bold;*/
						color: #F66014;
						background-color: #FCDFCF;}

TD.ErglKopfSub			{background-color: #F1F4F7;}

TD.ErglKopfSubHL		{background-color: #FCDFCF;}

TD.bestellON			{font-size: 16px;
						color: #FFFFFF;
						background-image:url(/images/buttons/bg_mid_akt.png);
						background-repeat: repeat-x;}
						
TD.bestellOver			{font-size: 16px;
						color: #666666;
						background-image:url(/images/buttons/bg_mid_over.png);
						background-repeat: repeat-x;}

TD.bestellOFF			{font-size: 16px;
						color: #666666;
						background-image:url(/images/buttons/bg_mid.png);
						background-repeat: repeat-x;}

TD.Tab1					{font-size: 12px;
						color: #F66014;}
						
TD.Tab2					{font-size: 12px;
						color: #666666;}
						
Input.ASuche			{background-color: #FFFFFF;
						border: solid 1px #666666;
						color: #000000;
						font-size: 10px;
						width: 180px;
						height: 18px;}

Input.SSuche			{background-color: #FFFFFF;
						border: solid 1px #666666;
						color: #000000;
						font-size: 11px;
						width: 360px;
						height: 20px;}
						
Input.SSucheNG			{background-color: #FFFFFF;
						border: solid 1px #DDDDDD;
						color: #333333;
						font-size: 20px;
						width: 428px;
						height: 35px;
						vertical-align: middle;
						padding-left: 10px;}
						
Input.ESuche			{background-color: #FFFFFF;
						border: solid 1px #666666;
						color: #000000;
						font-size: 11px;
						width: 110px;
						height: 20px;}
						
Input.checkbox			{border: solid #CCCCCC 1px;
						width: 15px;
						height: 15px;}

Input.Newsl				{background-color: #FFFFFF;
						border: solid 1px #D7D7D7;
						color: #959595;
						font-size: 10px;
						width: 200px;
						height: 20px;}
						
Input.Anzahl			{background-color: #FFFFFF;
						border: solid #D4D4D4 1px;
						-moz-border-radius: 4px; /* Firefox - alte Syntax */
						-webkit-border-radius: 4px; /* Safari, Chrome - alte Syntax */
						border-radius: 4px; /* alle neuen Browser, W3C Standard */
						font-size: 13px;
						text-align: center;
						color: #666666;
						height: 28px;
						vertical-align: middle;
						padding: 0px 0px 0px 0px;}
						
Input.B2B				{background-color: #FFFFFF;
						border: solid 1px #D7D7D7;
						color: #666666;
						font-size: 12px;
						width: 60px;
						height: 20px;}
						
.navZeile				{}

.navZeile_WHITE			{background:#FFFFFF;}

.PagingALL				{background-color: #666666;
						color: #FFFFFF;}

.PagingPRT				{background-color: #FA6010;
						color: #FFFFFF;}
						
.PagingPRTBLVB			{background-color: #FAD710;
						color: #000000;}

.PagingDLD				{background-color: #066B98;
						color: #FFFFFF;}
						
.PagingBCH				{background-color: #CB0000;
						color: #FFFFFF;}

.hit					{color: #000000;
						background-color: #EEEE66;}

.invers					{font-size: 12px; 
						color: #FFFFFF;}
						
.inversL				{font-size: 14px; 
						color: #FFFFFF;}

.TextL					{font-size: 16px; 
						line-height: 20px;}
						
.TextXL					{font-size: 18px; 
						line-height: 22px;}
						
#KatLabel				{position: relative;
						left:10px; width:290px;}
						
#KatLabel2				{position: relative;
						left:10px; width:304px;}
						
/* .Rollout				{color: #333333; 
						background-color: #EEEEEE;
						cursor:default;
						font-size:13px;} */

.KatHRollover			{color: #FFFFFF; 
						background-color: #F66014; 
						background-image: url(/images/grundelemente/bg_Kategorien.jpg);
						background-repeat:no-repeat; 
						cursor:pointer;}

.KatHRollout			{color: #333333; 
						background-color: #FFFFFF;}

.KatURollover			{color: #FFFFFF; 
						background-color: #F66014; 
						background-image: url(/images/grundelemente/bg_Kategorien2.jpg);
						background-repeat:no-repeat; 
						cursor:pointer;}

.KatURollout			{color: #333333; 
						background-color: #FFFFFF;}

/* .Rollover				{color: #FFFFFF; 
						background-color: #4E4E4E; 
						cursor: pointer;
						font-size:13px;} */

.RoverGruen				{color: #FFFFFF; 
						background-color: #70A42D; 
						cursor:pointer;}

.RoverOrange			{color: #FFFFFF; 
						background-color: #4E4E4E; 
						cursor:pointer;
						font-size:13px;}

.RoverBlau				{color: #FFFFFF; 
						background-color: #287DAC; 
						cursor:pointer;}

.RoverPink				{color: #FFFFFF; 
						background-color: #DF5BC8; 
						cursor:pointer;}
						
.RoverRot				{color: #FFFFFF; 
						background-color: #E00000; 
						cursor:pointer;}

.RoutRosa				{color: #333333; 
						background-color: #FFE7E7; 
						cursor:pointer;}
						
.RoutGrau				{color: #888888; 
						background-color: transparent; 
						cursor:default;}

.inaktiv				{color: #AAAAAA;
						background-color: #F7F7F7;}

.RolloverPfeil			{background-image: url(/images/grundelemente/graf_linkpfeil_weiss.gif); 
						background-repeat: no-repeat; 
						background-position: center; 
						background-color: #F66014; 
						cursor:pointer;}

.RolloutPfeil			{background-image: url(/images/grundelemente/graf_linkpfeil.gif); 
						background-repeat: no-repeat; 
						background-position: center; 
						background-color: #F1F4F7;}

.label					{color: #F66014;}

.highlight				{color: #F66014;}

.highlightL				{font-size: 16px;
						line-height: 20px;
						color: #F66014;}
						
.preis2011				{width:64px;
						min-width:64px;
						text-align:right;
						float:left;}

.Text					{color: #666666;
						line-height: 15px;}
						
.TextB					{color: #666666;
						/*font-weight: bold;*/
						line-height: 15px;}
						
.TextB2					{font-size: 12px;
						color: #000000;
						/*font-weight: bold;*/
						line-height: 18px;}
						
.TextB3					{color: #666666;
						/*font-weight: bold;*/}
						
.Text16					{font-size: 16px;
						line-height: 21px;}
						
.Text18lh				{font-size: 18px;
						line-height: 25px;
						color: #666666;}
						
.Text20					{font-size: 20px;
						color: #666666;}
						
.SText					{font-size: 12px;
						line-height: 14px;}

.XSText					{font-size: 11px;
						line-height: 12px;}

.headline				{/*font-weight: bold;*/
						color: #F66014;}
						
.LHead					{font-size: 16px;
						line-height: 20px;
						/*font-weight: bold;*/
						color: #F66014;}
						
.LHeadGruen				{font-size: 16px;
						line-height: 20px;
						/*font-weight: bold;*/
						color: #11C53B;}
						
.NHead					{font-size: 18px;
						line-height: 27px;
						color: #F66014;}
						
.NHead_norm				{font-size: 18px;
						color: #F66014;}
						
.NHead_norm20			{font-size: 20px;
						line-height: 24px;
						color: #F66014;}

.Head					{font-size: 14px;
						line-height: 17px;}
						
.HeadS					{font-size: 14px;
						color: #333333;}
						
.HeadL					{font-size: 16px;
						line-height: 18px;}
						
.StartHead				{font-size: 22px;
						color: #666666;}
												
.Alarm					{font-size: 16px;
						line-height: 20px;
						/*font-weight: bold;*/
						color: #CC0000;}

.Formhead				{font-size: 18px;
						line-height: 22px;
						/*font-weight: bold;*/
						color: #F66014;}

.FormLabel				{font-size: 12px;
						line-height: 14px;
						color: #666666;}

.Form					{font-size: 12px;
						line-height: 18px;
						color: #666666;}
						
.line					{background-color: #666666;}

.InputField				{background-color: #FFFFFF;
						border: hidden;
						color: #666666;
						height: 20px;
						padding: 4px 0px 4px 5px;}
						
.InputFieldNE			{background-color: #FFFFFF;
						border: solid #D4D4D4 1px;
						-moz-border-radius:4px; /* Firefox - alte Syntax */
						-webkit-border-radius:4px; /* Safari, Chrome - alte Syntax */
						border-radius:4px; /* alle neuen Browser, W3C Standard */
						color: #666666;
						height: 28px;
						padding: 0px 0px 0px 5px;}
						
.InputFieldNESelect			{background-color: #FFFFFF;
						border: solid #D4D4D4 1px;
						-moz-border-radius:4px; /* Firefox - alte Syntax */
						-webkit-border-radius:4px; /* Safari, Chrome - alte Syntax */
						border-radius:4px; /* alle neuen Browser, W3C Standard */
						color: #666666;
						height: 28px;
						padding: 4px 5px 4px 5px;}
						
.InputFieldNEB			{background-color: #FFDDDD;
						border: solid #D4D4D4 1px;
						-moz-border-radius:4px; /* Firefox - alte Syntax */
						-webkit-border-radius:4px; /* Safari, Chrome - alte Syntax */
						border-radius:4px; /* alle neuen Browser, W3C Standard */
						color: #666666;
						height: 28px;
						padding: 0px 0px 0px 5px;}
						
.InputFieldNESelectB			{background-color: #FFDDDD;
						border: solid #D4D4D4 1px;
						-moz-border-radius:4px; /* Firefox - alte Syntax */
						-webkit-border-radius:4px; /* Safari, Chrome - alte Syntax */
						border-radius:4px; /* alle neuen Browser, W3C Standard */
						color: #666666;
						height: 28px;
						padding: 4px 5px 4px 5px;}
						
.preisundVK 				{ margin: 0px 0px 11px 0px;}
						
.RolloutL, .RolloutLUrk, .RolloutLeUrk, .RolloutLgold {background-color: #F5F5F5;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-left: solid #D4D4D4 1px;
						-moz-border-radius-topleft:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomleft:4px; /* Firefox - alte Syntax */
						-webkit-border-top-left-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-left-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-left-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-left-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #666666;
						height: 40px;
						padding: 0px 0px 0px 10px;
						vertical-align:middle;}
						
.RolloutR, .RolloutRUrk, .RolloutReUrk, .RolloutRgold {background-color: #F5F5F5;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						/* border-right: solid #D4D4D4 1px;
						-moz-border-radius-topright:4px;  Firefox - alte Syntax 
						-moz-border-radius-bottomright:4px;  Firefox - alte Syntax 
						-webkit-border-top-right-radius:4px;  Safari, Chrome - alte Syntax 
						-webkit-border-bottom-right-radius:4px;  Safari, Chrome - alte Syntax 
						border-top-right-radius:4px;  alle neuen Browser, W3C Standard 
						border-bottom-right-radius:4px;  alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #666666;
						height: 40px;
						padding: 0px 0px 0px 0px;
						vertical-align:bottom;}
						
.RolloutB, .RolloutBUrk, .RolloutBeUrk, .RolloutBgold {background-color: #F5F5F5;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-right: solid #D4D4D4 1px;
						-moz-border-radius-topright:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomright:4px; /* Firefox - alte Syntax */
						-webkit-border-top-right-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-right-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-right-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-right-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #666666;
						height: 40px;
						padding: 0px 8px 0px 0px;
						vertical-align:middle;}
						
.RolloutLUrk, .RolloutRUrk, .RolloutBUrk { color: #cc0000; }
.RolloutLeUrk, .RolloutReUrk, .RolloutBeUrk { color: #00A6D1; }
.RolloutLgold, .RolloutRgold , .RolloutBgold  { background-color: #FFEFCC; }
						
.RolloverL, .RolloverLUrk, .RolloverLeUrk, .RolloverLgold {background-color: #4E4E4E;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-left: solid #D4D4D4 1px;
						-moz-border-radius-topleft:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomleft:4px; /* Firefox - alte Syntax */
						-webkit-border-top-left-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-left-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-left-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-left-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #FFFFFF;
						height: 40px;
						padding: 0px 0px 0px 10px;
						vertical-align:middle;}
						
.RolloverR, .RolloverRUrk, .RolloverReUrk, .RolloverRgold {background-color: #4E4E4E;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						/*border-right: solid #D4D4D4 1px;
						-moz-border-radius-topright:4px;  Firefox - alte Syntax 
						-moz-border-radius-bottomright:4px;  Firefox - alte Syntax 
						-webkit-border-top-right-radius:4px;  Safari, Chrome - alte Syntax 
						-webkit-border-bottom-right-radius:4px;  Safari, Chrome - alte Syntax 
						border-top-right-radius:4px;  alle neuen Browser, W3C Standard 
						border-bottom-right-radius:4px;  alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #FFFFFF;
						height: 40px;
						padding: 0px 0px 0px 0px;
						vertical-align:bottom;}
						
.RolloverB, .RolloverBUrk, .RolloverBeUrk, .RolloverBgold {background-color: #4E4E4E;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-right: solid #D4D4D4 1px;
						-moz-border-radius-topright:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomright:4px; /* Firefox - alte Syntax */
						-webkit-border-top-right-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-right-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-right-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-right-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #FFFFFF;
						height: 40px;
						padding: 0px 8px 0px 0px;
						vertical-align:middle;}
						
.RolloverLgold, .RolloverRgold , .RolloverBgold  { background-color: #FFEFCC; }
						
.RolloutLGES				{background-color: #F5F5F5;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-left: solid #D4D4D4 1px;
						-moz-border-radius-topleft:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomleft:4px; /* Firefox - alte Syntax */
						-webkit-border-top-left-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-left-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-left-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-left-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #666666;
						height: 40px;
						padding: 0;
						vertical-align:middle;}
						
.RolloutBGES				{background-color: #F5F5F5;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-right: solid #D4D4D4 1px;
						-moz-border-radius-topright:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomright:4px; /* Firefox - alte Syntax */
						-webkit-border-top-right-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-right-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-right-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-right-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #666666;
						height: 40px;
						padding: 0;
						vertical-align:middle;}
						
.RolloverLGES				{background-color: #4E4E4E;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-left: solid #D4D4D4 1px;
						-moz-border-radius-topleft:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomleft:4px; /* Firefox - alte Syntax */
						-webkit-border-top-left-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-left-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-left-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-left-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #FFFFFF;
						height: 40px;
						padding: 0;
						vertical-align:middle;}
						
.RolloverBGES				{background-color: #4E4E4E;
						border-top: solid #D4D4D4 1px;
						border-bottom: solid #D4D4D4 1px;
						border-right: solid #D4D4D4 1px;
						-moz-border-radius-topright:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomright:4px; /* Firefox - alte Syntax */
						-webkit-border-top-right-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-right-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-right-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-right-radius:4px; /* alle neuen Browser, W3C Standard */
						font-size:17px;
						line-height:18px;
						color: #FFFFFF;
						height: 40px;
						padding: 0;
						vertical-align:middle;}

.RUBbutt				{background-image: url(/images/buttons/butt_bestellen_grau.png); 
						background-repeat: no-repeat; 
						background-position: center;
						cursor:pointer;}
.RUBbutt:hover			{background-image: url(/images/buttons/butt_bestellen_over.png);}

.RUBbuttdetails				{background-image: url(/images/buttons/butt_bestellen_details.png); 
						background-repeat: no-repeat; 
						background-position: center;
						cursor:pointer;
						height:24px;
						min-height:24px;}
.RUBbuttdetails:hover			{background-image: url(/images/buttons/butt_bestellen_details_over.png);}

.RUBbuttEP				{background-image: url(/images/buttons/butt_bestellen_tuerkis.png); 
						background-repeat: no-repeat; 
						background-position: center;
						cursor:pointer;}
.RUBbuttEP:hover		{background-image: url(/images/buttons/butt_bestellen_over.png);}

.RUBbuttAbo				{background-image: url(/images/buttons/butt_bestellen_rot.png); 
						background-repeat: no-repeat; 
						background-position: center;
						cursor:pointer;}
.RUBbuttAbo:hover		{background-image: url(/images/buttons/butt_bestellen_over.png);}
						
.Input					{background-color: #FFFFFF;
						border: solid #CCCCCC 1px;
						font-size: 12px;
						height: 30px;
						padding: 5px 0px 5px 5px;}

.InputB					{background-color: #FFDDDD;
						border: solid #CCCCCC 1px;
						font-size: 11px;}

.XSInput				{background-color: #FFFFFF;
						border: solid #D4D4D4 1px;
						font-size: 11px;
						height: 28px;
						padding: 0px 0px 1px 10px;}

.XSInputB				{background-color: #FFDDDD;
						border: solid #D4D4D4 1px;
						font-size: 11px;
						height: 28px;
						padding: 0px 0px 1px 10px;}
						
.InputArtikelsuche		{ padding:0px 0px 0px 5px;
						margin:0;
						font-size: 20px;
						border-top:solid 1px #E5E2E2;
						border-right:solid 1px #ffffff;
						border-bottom:solid 1px #E5E2E2;
						border-left:solid 1px #E5E2E2;
						background-color:#ffffff;
						color:#555555;
						width:491px;
						height:36px; 
						-moz-border-radius-topleft:4px; /* Firefox - alte Syntax */
						-moz-border-radius-bottomleft:4px; /* Firefox - alte Syntax */
						-webkit-border-top-left-radius:4px; /* Safari, Chrome - alte Syntax */
						-webkit-border-bottom-left-radius:4px; /* Safari, Chrome - alte Syntax */
						border-top-left-radius:4px; /* alle neuen Browser, W3C Standard */
						border-bottom-left-radius:4px; /* alle neuen Browser, W3C Standard */ }

.Infobox				{font-size: 11px;
						line-height: 15px;
						font-weight: 900;
						color: #000000;
						background-color: #F1F4F7;}
						
.SZBox					{font-size: 10.5px;
						line-height: 12px;
						color: #666666;}
						
.BGD					{background-color: #F66014;}

.BGH					{background-color: #F1F4F7;}

.BGBest					{background-color: #F1F4F7;}

.Schatten				{background-color: #E5EAF0;}

.LP_Footstep			{padding: 0;
						margin: -5px 4px 3px -1px;}
						
.LP_Footstep_aktiv, .LP_Footstep_aktiv:visited, .LP_Footstep_aktiv:hover {
						color: #ffffff;
						font-size: 11px;
						padding: 2px 4px 2px 4px;}
						
.LP_Footstep_home, .LP_Footstep_home:visited, .LP_Footstep_home:hover {
						background-color: #EE6400;
						color: #ffffff;
						font-size: 11px;
						padding: 2px 4px 2px 4px;}


/*-----------   Leserauskunft   -------------*/	
.body_ansprechpartner 		{font: normal 12px Arial, helvetica, Verdana, MS Gothic, Sans-Serif; text-decoration: none;}
.body_ansprechpartner_link 	{font: bold 12px Arial, helvetica, Verdana, MS Gothic, Sans-Serif; text-decoration: none; color: #00397F;}
a.body_ansprechpartner 		{font: bold 12px Arial, helvetica, Verdana, MS Gothic, Sans-Serif; text-decoration: none; color: #00397F;}
.body_ansprechpartner_2 	{font: bold 12px Arial, helvetica, Verdana, MS Gothic, Sans-Serif; text-decoration: none; color: #00397F;}
.body_ansprechpartner_head 	{font: bold 13px Arial, helvetica, Verdana, MS Gothic, Sans-Serif; text-decoration: none; color: #00397F;}

#LP_global {
	float: left;
	width: 100%;	
	min-height: 1100px;
	height: auto !important;
	height: 1100px;
	white-space: nowrap;
}

#LP_global_DEFAULT {
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	width: 1600px;	
	z-index: 10;
}

#LP_global #LP_DEFAULT_buchstapel {
position: absolute;
	left: 1315px;
	top: 368px;
	z-index: 10000;
}
#LP_global #LP_DEFAULT_geschenkideen {
position: absolute;
	left: 121px;
	top: 271px;
	z-index: 10000;
}
#LP_global #LP_DEFAULT_commlink {
position: absolute;
	left: 1405px;
	top: 350px;
	z-index: 10000;
}

/*-----------   Video   -------------*/
.LP_hscroll_Video{
	top: 0px;
	margin: 0px 0px 0px 0px;
	left: 0px;
	width: 570px;
	height: 60px;
	max-width: 570px;
	background-color: #FFFFFF;
	background-image: url(/images/grundelemente/bg_schlagzeilen.gif);
	background-repeat: repeat-x;
	}
.LP_hscrolll_Video {
	top: 0px;
	left: 0px;
	margin: 14px 5px 0px 5px;
	width: 32px;
	height: 32px;
	max-width: 32px;
	float:left;
	}
.LP_hscrollr_Video {
	top: 0px;
	right: 0px;
	margin: 14px 5px 0px 5px;
	width: 32px;
	height: 32px;
	max-width: 32px;
	float:right;
	}
.LP_outer_box_Video {
	text-align:left;
	padding: 0px 0px 0px 0px;
	max-width:570px;
	width:570px;
	z-index:64000;
}

/*-----------   Lightbox   -------------*/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/buttons/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/buttons/bprevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/buttons/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/buttons/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	/*font-weight: bold;*/
}

/*-----------   Popup Bilder   -------------*/
 #Springer {
	padding: 0px;
	margin: 0px;
	border: 0px solid #EE661E;
	position: absolute;
	display: none;
    color: #000000;
	}
	
#derguckmich {
	display: block;
	border: 1px solid #E5E5E5;
	width: 183px;
	max-width: 183px;
	background: url(/images/grundelemente/bg_schlagzeilen.gif) repeat-x;
	}
	
/*-----------   autocompleter   -------------*/
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Arial, Helvetica, Verdana, Geneva, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#F66014;
}
input.autocompleter-loading
{
	background-image:		url(/images/grundelemente/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	435px 50%;
}

/* ----------------IMAGE SLIDER Detail------------- */
#SlideItMoo_outerD {  
	width:570px; 
	margin:0px auto 0px; 
	display:block; 
	position:relative; 
	padding:0px 0px 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outerD .SlideItMoo_forwardD,
#SlideItMoo_outerD .SlideItMoo_backD{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:45px; 
	height:40px; 
	top:15px; 
	right:0px; 
	background:url(/images/LPages/Themenkioske/THEMA_arrow_right.gif) no-repeat center;  
}
#SlideItMoo_outerD .SlideItMoo_backD {
	left:0px;
	background:url(/images/LPages/Themenkioske/THEMA_arrow_left.gif) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_innerD{ 
	position:relative ; 
	overflow:hidden ; 
	width:480px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_itemsD { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_itemsD div.SlideItMoo_elementD { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px; 
	font-size:11px; 
	width:480px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_itemsD a { padding:0px; margin:3px 0px 3px; clear:both; display:block; padding:0px; }
#SlideItMoo_itemsD a img{ border:none; }

/* ---------------- SLIDER LPages------------- */
#SlideItMoo_outerL {  
	width:630px; 
	margin:0px; 
	display:block; 
	position:relative; 
	padding:0px 0px 0px 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outerL .SlideItMoo_forwardL,
#SlideItMoo_outerL .SlideItMoo_backL{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:30px; 
	height:20px; 
	top:0px; 
	right:0px;
	float:right;
	background:url(/images/blank20.gif) no-repeat center;
	z-index:65500;
}
#SlideItMoo_outerL .SlideItMoo_forwardL {
	top:30px;
	background:url(/images/blank20.gif) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_innerL{ 
	position:relative ; 
	overflow:hidden ; 
	width:570px ; /* set a display width to make the slider look good in case js is disabled */
	height:56px;
	margin:3px 0px 0px 5px;
	padding:0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_itemsL { 
	display:block; 
	position:relative;
	height:52px;
	padding: 0px 0px 0px 0px;
}
/* single element design */
#SlideItMoo_itemsL div.SlideItMoo_elementL { 
	position:relative;  
	margin:0px; 
	padding:0px;
	font-size:11px; 
	width:570px;
	color:#FFFFFF;
	line-height: 9px;
}
#SlideItMoo_itemsL a { padding:0px; margin:0px; clear:both; display:block; padding:0px; }
#SlideItMoo_itemsL a img{ border:none; }

/* +++++++++++++ Dropdown Kundenservice ++++++++++++++++ */
.datenkundenservice{
	margin:2px 0px 0px 1px;
	padding:0;
	text-align:left;
	color:#333333;
}

/* these are the inner menus*/
.datenkundenservice ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	color:#333333;
}

/* these are all the LIs in the menu*/
.datenkundenservice li {
	margin:0;
	padding:0;
	width:124px;
	list-style:none;
	background: url(/images/grundelemente/dropdownkundenservice.png) no-repeat;
	color:#333333;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.datenkundenservice a {
	text-decoration:none;
	padding:5px 5px;
	font-size:11px;
	display:block;
	position:relative;
	color:#333333;
}

.datenkundenservice li:hover, .datenkundenservice li:focus {
	width:124px;
	background: url(/images/grundelemente/dropdownkundenservice_aktiv.png) no-repeat;
	color:#333333;
}

.datenkundenservice li li:hover, .datenkundenservice li li:focus {
	background: #424242;
	background-color: #424242;
	width:122px;
	color:#333333;
}

/* these are the LIs that only belong to submenu*/
.datenkundenservice li li {
	border:1px solid #dddddd;
	border-top:0;
	background: #eeeeee;
	width:122px;
	color:#333333;
}
/* +++++++++++++ Dropdown End ++++++++++++++++ */

/* +++++++++++++ Startseite ++++++++++++++++ */
p { margin: 0; padding:0; }
.start_neu_kat_out {
	float:left;
	width:230px;
	min-width:230px;
	max-width:230px;
	height:241px;
	min-height:241px;
	background: url(/images/homepage/start_neu_kat_bg.png) no-repeat;
	margin: 0px 20px 0px 0px;
}
.start_neu_kat_out_end {
	float:left;
	width:230px;
	min-width:230px;
	max-width:230px;
	height:241px;
	min-height:241px;
	background: url(/images/homepage/start_neu_kat_bg.png) no-repeat;
	margin: 0px 0px 0px 0px;
}
.start_neu_kat_text_h {
	font-size: 16px;
	font-weight:bold;
	color: #666666;
	text-align:center;
	margin: 15px 0px 0px 0px;
	width:230px;
	min-width:230px;
}
.start_neu_kat_text {
	text-align:center;
	margin: 7px 15px 0px 15px;
	width:200px;
	min-width:200px;
}
.start_neu_banner {
	float:left;
	width:728px;
	min-width:728px;
	max-width:728px;
	height:90px;
	min-height:90px;
	margin: 0px 22px 0px 0px;
}
.start_neu_facebook {
	float:left;
	width:230px;
	min-width:230px;
	max-width:230px;
	height:90px;
	min-height:90px;
	margin: 0px 0px 0px 0px;
	background: url(/images/homepage/start_neu_facebook_bg.png) no-repeat;
}
.start_neu_covers_out {
	float:left;
	width:155px;
	min-width:155px;
	max-width:155px;
	height:220px;
	min-height:220px;
	margin: 22px 0px 0px 0px;
	text-align:center;
}
.start_neu_covers_zwischen {
	float:left;
	width:10px;
	min-width:1px;
	max-width:10px;
	height:220px;
	min-height:220px;
	margin: 22px 0px 0px 0px;
	text-align:center;
}
.start_neu_covers_text {
	text-align:center;
	margin: 9px 13px 0px 12px;
	width:130px;
	min-width:130px;
	font-size: 12px;
}
.start_neu_covers_detail {
	text-align:center;
	margin: 0px 23px 0px 22px;
	width:110px;
	min-width:110px;
	font-size:14px;
}
.start_neu_apps {
	float:left;
	width:980px;
	min-width:980px;
	max-width:980px;
	height:242px;
	min-height:242px;
	margin: 0px 0px 0px 0px;
}

A.highlightStart {
	color: #F66014;
	font-size: 16px;
	font-weight: bold;
}
A.highlightStart_WN {
	color: #DD0000;
	font-size: 16px;
	font-weight: bold;
}
A.highlightStart:hover, A.highlightStart_WN:hover {color: #F66014;}

.buttons span{background: url(/images/homepage/start_neu_dot.png) no-repeat;}
.buttons span.active, .buttons span:hover{background: url(/images/homepage/start_neu_dot_aktiv.png) no-repeat;}

#coverbox{
	position:absolute;
	margin: 0;
	padding: 0;
}
#coverbox .cover6{
	width:980px;
	min-width:980px;
	float:left;
	height:265px;
	min-height:265px;
}
.coverall .buttons{
	text-align:center;
	clear:both;
	margin-top: 5px;
	width:970px;
	min-width:970px;
}
.mask{
	position:relative;
	width:980px;
	height:265px;
	overflow:hidden;
	margin: 0;
	padding: 0;
}
/* +++++++++++++ Startseite End ++++++++++++++++ */

/* Für orangenen Balkenheader (allgemein.asp) */

.TopbarAllgemein {
    background: url("/images/grundelemente/Balken_header.png") no-repeat scroll 0 0 transparent;
    vertical-align: top;
    white-space: nowrap;
    max-width: 980px;
    min-width: 980px;
    top: 0;
    width: 980px;
    height: 30px;
    margin-bottom: 10px;
}

.TopbarAllgemein_Schrift {
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: normal;
    left: 10px;
    line-height: 24px;
    position: relative;
    top: 2px;
}

/* -----------MenuMatic -------------*/

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ] sprache pdf-upload----*/
/* all menu links */
#navsprachedld a, #subMenusContainer a{
	text-decoration:none;
	font-size: 12px;
	display:block;
	padding:0px;
	background-color:#fff;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#navsprachedld a {
	margin:0;
	float:left;
	background: url(/images/buttons/Dropdown_sprache.png) no-repeat;
	width:165px;
	height:22px;
	min-height:22px;
	padding-top:4px;
}

/* Just sub menu links */
#subMenusContainer a, #navsprachedld li li a{
	text-align:left;
	padding:5px 10px 5px 10px;
}
#subMenusContainer a{
	min-width:145px;
}

/* All menu links on hover or focus */
#navsprachedld a:hover, #navsprachedld a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus{
	background-color:#ffffff;
	color:#555555;
}

/* main menu links on hover or focus */
#navsprachedld a:hover, #navsprachedld a:focus, #navsprachedld a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background: url(/images/buttons/Dropdown_sprache_aktiv.png) no-repeat;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#navsprachedld li a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#navsprachedld li a:hover,
#navsprachedld li a:focus{
	background-color:#424242;
	color:#ffffff;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(/images/buttons/Dropdown_sprache_aktiv.png) no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(/images/buttons/Dropdown_sprache_aktiv.png) no-repeat;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#navsprachedld, #navsprachedld ul, #navsprachedld ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#navsprachedld ol, #navsprachedld ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	background:#fff;	
	border:1px solid #dddddd;
	left:0px;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#navsprachedld li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
	left:0px;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
	#navsprachedld {
		display:block;
		position: relative;
		list-style:none;
		margin:0px 0px 0px 0px;
		z-index:5;
		top:4px;
		right:5px;
		display:block;
	}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#navsprachedld li li{	float:none; }

#navsprachedld li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#navsprachedld li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#navsprachedld li ul ul { margin: -1em 0 0 -1000em; }
#navsprachedld li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#navsprachedld li:hover ul{	margin-left: 0; }
#navsprachedld li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#navsprachedld li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#navsprachedld li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#navsprachedld li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#navsprachedld li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#navsprachedld li:hover a:focus{ margin-left: 0; }
#navsprachedld li li:hover a:focus + ul { margin-left: 10em; }


/* ----[ LINKS ] Servicedropdown ----*/
/* all menu links */
#sddm a, #subMenusContainer a{
	text-decoration:none;
	font-size: 12px;
	display:block;
	padding:0px;
	background-color:#fff;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#sddm a {
	margin:0;
	float:left;
	background: url(/images/grundelemente/head_neu/Button_Kundenservice_1.png) no-repeat;
	width:143px;
	height:23px;
	min-height:23px;
	padding-top:4px;
	margin-left:5px;
}

/* Just sub menu links */
#subMenusContainer a, #sddm li li a{
	text-align:left;
	padding:5px 10px 5px 10px;
}
#subMenusContainer a{
	min-width:123px;
}

/* All menu links on hover or focus */
#sddm a:hover, #sddm a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus{
	background-color:#ffffff;
	color:#555555;
}

/* main menu links on hover or focus */
#sddm a:hover, #sddm a:focus, #sddm a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background: url(/images/grundelemente/head_neu/Button_Kundenservice_1_aktiv.png) no-repeat;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#sddm li a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#sddm li a:hover,
#sddm li a:focus{
	background-color:#424242;
	color:#ffffff;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../img/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(/images/grundelemente/head_neu/Button_Kundenservice_1_aktiv.png) no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(../img/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(/images/grundelemente/head_neu/Button_Kundenservice_1_aktiv.png) no-repeat;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#sddm, #sddm ul, #sddm ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#sddm ol, #sddm ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	background:#fff;	
	border:1px solid #dddddd;
	left:0px;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#sddm li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
	left:0px;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
	#sddm {
		display:block;
		position: relative;
		list-style:none;
		margin:0px 0px 0px 0px;
		z-index:5;
		top:4px;
		right:5px;
		display:block;
	}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#sddm li li{	float:none; }

#sddm li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#sddm li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#sddm li ul ul { margin: -1em 0 0 -1000em; }
#sddm li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#sddm li:hover ul{	margin-left: 0; }
#sddm li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#sddm li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#sddm li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#sddm li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#sddm li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#sddm li:hover a:focus{ margin-left: 0; }
#sddm li li:hover a:focus + ul { margin-left: 10em; }
/* -----------MenuMatic Ende -------------*/
