/*
	***************************************************************
	*
	* Inhaltsverzeichnis von www.schnurloses.de
	*
	
	---------------------------------------------------------------
	1. Allgemeine Definitionen
	---------------------------------------------------------------
	2. Header
	---------------------------------------------------------------
		2.1 Logo
	---------------------------------------------------------------
		2.1 Navigation
	---------------------------------------------------------------
		2.1 Warenkorb
	---------------------------------------------------------------
	3. Content
	---------------------------------------------------------------
		3.1 Boxdefinitionen
	---------------------------------------------------------------
		3.2 Sub-Navigation
	---------------------------------------------------------------
		3.3 Content-Box, Footer-Navigation & Bread-Crumb
	---------------------------------------------------------------
		3.4 Kleiner Artikel
	---------------------------------------------------------------
		3.5 Großer Artikel
	---------------------------------------------------------------
		3.6 Detail Artikel
	---------------------------------------------------------------
		3.7 Tabelle
	---------------------------------------------------------------
		3.8 Formulare im Content
	---------------------------------------------------------------
	4. Footer
	---------------------------------------------------------------

*/


/**********************************************************
*
* 1. Allgemeine Definitionen
*
*/

* /* Alle Elemente nullen */
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}

html /* Scrollbars in Firefox immer anzeigen um Sprünge zu vermeiden */
{
	min-height: 101%;
	height: 101%;
}

body /* Hauptdefinitionen/Hintergrund */
{
	background-color: #2c5a99;
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #1d498f;
	text-align: center;
}

.Wrapper /* DIV-Umgebung (Mitte bestimmen) */
{
	margin: 20px auto;
	width: 906px;
	text-align: left;
}

.Header /* Header mit Logo, Navigation und Warenkorb */
{
	display: block;
	padding: 20px 0 0 0;
	width: 906px;
	height: 91px;
	background: transparent url(../imgs/header.jpg) no-repeat left top;
}

.Content /* Content */
{
	padding-top: 10px;
	background: transparent url(../imgs/content1.gif) no-repeat left top;
}

	.Content .InnerContent /* Inner-Content */
	{
		padding: 0 0 10px 3px;
		background: transparent url(../imgs/content2.gif) no-repeat left bottom;
	}
	
.ContentWide /* Content ohne Marginalspalte */
{
	padding-top: 10px;
	background: transparent url(../imgs/content1wide.gif) no-repeat left top;
}

	.ContentWide .InnerContentWide /* Inner-Content ohne Marginalspalte */
	{
		padding: 0 0 10px 3px;
		background: transparent url(../imgs/content2wide.gif) no-repeat left bottom;
	}
	
		.Content .InnerContent .Navigation, /* Navigationsspalte */
		.ContentWide .InnerContentWide .Navigation
		{
			padding: 0 10px;
			width: 180px;
			float: left;
		}
		
		.Content .InnerContent .MainContent /* Contentspalte */
		{
			padding: 12px 0 20px 0;
			width: 500px;
			float: left;
		}
		
		.ContentWide .InnerContentWide .MainContent /* Breite Contentspalte */
		{
			padding: 12px 0 20px 0;
			width: 680px;
			float: left;
		}
		
		.Content .InnerContent .Marginal /* Marginalspalte */
		{
			padding: 0 10px;
			width: 180px;
			float: left;
		}
	
.Footer /* Footer */
{
	display: block;
	margin-top: 9px;
	width: 906px;
	height: 33px;
	background: transparent url(../imgs/footer.gif) no-repeat left top;
}

.Clearer /* Cleart alle Floats */
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

a.Button /* Button */
{
	padding: 0 0 0 10px;
	height: 18px;
	background: transparent url(../imgs/button1.gif) no-repeat left top;
	float: left;
}

	a.Button strong /* Inner-Button */
	{
		display: block;
		padding: 2px 10px 0 0;
		height: 18px;
		font: bold 11px/15px Trebuchet MS, Arial, Verdana;
		color: white;
		background: transparent url(../imgs/button2.gif) no-repeat right top;
		white-space: nowrap;
		cursor: pointer;
		width: auto;
	}
	
	* html a.Button strong /* IE 6 FIX */
	{
		display: inline-block;
	}

		a.Button strong:hover /* Inner-Button-Hover */
		{
			color: #98c0e5;
		}
		
a.ButtonBright /* Button hellblau */
{
	margin-left: 5px;
	padding: 0 0 0 10px;
	height: 18px;
	background: transparent url(../imgs/buttonbright1.gif) no-repeat left top;
	float: left;
}

	a.ButtonBright strong /* Inner-Button */
	{
		display: block;
		padding: 2px 10px 0 0;
		height: 18px;
		font: bold 11px/15px Trebuchet MS, Arial, Verdana;
		color: white;
		background: transparent url(../imgs/buttonbright2.gif) no-repeat right top;
		white-space: nowrap;
		cursor: pointer;
		width: auto;
	}
	
	
	* html a.ButtonBright strong /* IE 6 FIX */
	{
		display: inline-block;
	}

		a.ButtonBright strong:hover /* Inner-Button-Hover */
		{
			color: #98c0e5;
		}


/******************************************************************************
*
* 2. Header
*
*/


/* 2.1 Logo -----------------------------------------------------------------*/

.Header a.Logo /* Logo */
{
	display: block;
	width: 210px;
	height: 60px;
	float: left;
}

	.Header a.Logo span /* Fallback */
	{
		visibility: hidden;
	}


/* 2.2 Navigation -----------------------------------------------------------*/

.Header ul /* Navigationsliste */
{
	padding: 40px 0 0 50px;
	list-style-type: none;
	float: left;
}

	.Header ul li /* Listenpunkt */
	{
		background: transparent url(../imgs/seperator.gif) no-repeat 0 2px;
		float: left;
	}

	.Header ul li a /* Navigationspunkt */
	{
		display: block;
		padding: 0 10px 0 11px;
		width: auto;
		height: auto;
		font: bold 13px/17px Trebuchet MS, Arial, Verdana;
		color: white;
	}
	
		.Header ul li a:hover /* Navigationspunkt-Hover */
		{
			color: #98c0e5;
		}
	
	.Header ul li a.Active /* Aktiver Navigationspunkt */
	{
		font-style: italic;
		color: #98c0e5;
	}


/* 2.3 Warenkorb ----------------------------------------------------------*/

.Header .Basket /* Warenkorb rechts oben */
{
	display: block;
	padding: 10px 13px 0 0;
	width: 152px;
	float: right;
}

	.Header .Basket strong.Article /* Artikel-Anzahl */
	{
		display: block;
		width: 35px;
		text-align: right;
		font: bold 18px/22px Trebuchet MS, Arial, Verdana;
		font-style: italic;
		color: #0e2d5a;
		float: left;
	}

	.Header .Basket em /* Artikel + Preis */
	{
		padding: 4px 0 4px 2px;
		width: 115px;
		font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
		color: #0e2d5a;
		float: left;
	}	
	
	
/******************************************************************************
*
* 3. Content
*
*/

.Content .InnerContent .MainContent h1, /* Überschrift */
.ContentWide .InnerContentWide .MainContent h1
{
	display: block;
	padding: 0 20px 15px 20px;
	font: bold 18px/22px Trebuchet MS, Arial, Verdana;
}

.Content .InnerContent .MainContent h2, /* Sub-Überschrift */
.ContentWide .InnerContentWide .MainContent h2
{
	padding: 0 20px 10px 20px;
	font: bold 14px/18px Trebuchet MS, Arial, Verdana;
	
}

.Content .InnerContent .MainContent p, /* Text */
.ContentWide .InnerContentWide .MainContent p
{
	padding: 0 20px;
}

.Content .InnerContent .MainContent p a, /* Link im Text */
.ContentWide .InnerContentWide .MainContent p a
{
	color: #1d498f;
	text-decoration: underline;
}

	.Content .InnerContent .MainContent p a:hover, /* Link-Hover im Text */
	.ContentWide .InnerContentWide .MainContent p a:hover
	{
		color: #98c0e5;
		text-decoration: underline;
	}
	
.Content .InnerContent .MainContent ul.Liste, /* Liste */
.ContentWide .InnerContentWide .MainContent ul.Liste
{
	padding: 15px 0 15px 33px;
}

/* 3.1 Boxdefinitionen ------------------------------------------------------*/
.DropDownMAWI
{
			padding: 2px;
			height: 16px;
			width: 110px;
			color: #1d498f;
			font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
			background-color: white;
	}
	
			*+html .DropDownMAWI /* IE 7 FIX */
			{
				height: 18px;
			}	

.Box /* Box */
{
	padding-top: 10px;
	margin-bottom: 15px;
	background: transparent url(../imgs/box1.gif) no-repeat left top;
}

	.Box h3 /* Box Überschrift */
	{
		padding: 0 10px;
		font: bold 12px/16px Trebuchet MS, Arial, Verdana;
	
	}

	.Box .InnerBox /* Inner-Box */
	{
		padding: 10px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		background: transparent url(../imgs/box2.gif) no-repeat left bottom;
	}
	
.BoxError /* Box-Error */
{
	padding-top: 10px;
	margin-bottom: 15px;
	background: transparent url(../imgs/boxerror1.gif) no-repeat left top;
}

	.BoxError h3 /* Box-Error Überschrift */
	{
		padding: 0 10px;
		font: bold 12px/16px Trebuchet MS, Arial, Verdana;
		color: #871111;
	}

	.BoxError .InnerBoxError /* Inner-Box-Error */
	{
		padding:0 10px 10px 10px;
		color: #871111;
		background: transparent url(../imgs/boxerror2.gif) no-repeat left bottom;
	}
	
.BoxStatus /* Box-Status */
{
	padding-top: 10px;
	margin-bottom: 15px;
	background: transparent url(../imgs/boxstatus1.gif) no-repeat left top;
}

	.BoxStatus h3 /* Box-Status Überschrift */
	{
		padding: 0 10px;
		font: bold 12px/16px Trebuchet MS, Arial, Verdana;
		color: #3b6329;
	}

	.BoxStatus .InnerBoxStatus /* Inner-Box-Status */
	{
		padding:0 10px 10px 10px;
		color: #3b6329;
		background: transparent url(../imgs/boxstatus2.gif) no-repeat left bottom;
	}
	
/* 3.2 Sub-Navigation -------------------------------------------------------*/
	
		.Box .InnerBox ul.NavList /* Navigationsliste */
		{
			padding-top: 10px;
			border-top: 1px solid #75a5d0;
			list-style-type: none;
		}
		
			.Box .InnerBox ul.NavList li /* Listenelement */
			{
				padding: 1px 0;
			}
		
				.Box .InnerBox ul.NavList li a /* Link in der Navigation */
				{
					display: block;
					padding: 0 10px 0 21px;
					color: #1d498f;
					font-weight: bold;
					font-size: 9px;
					background: transparent url(../imgs/arrow1.gif) no-repeat 10px 4px;
				}
				
				.Box .InnerBox ul.NavList li a.Active /* Aktiver Link in der Navigation */
				{
					display: block;
					padding: 0 10px 0 21px;
					font-weight: bold;
					font-style: italic;
					color: #4173b6;
					background: transparent url(../imgs/arrow1_hi.gif) no-repeat 10px 4px;
				}
			
					.Box .InnerBox ul.NavList li a:hover /* Link-hover in der Navigation */
					{
						color: #75a5d0;
					}
					
				.Box .InnerBox ul.NavList li ul /* Liste */
				{
					list-style-type: none;
					padding: 0 0 0 10px;
				}
				
					.Box .InnerBox ul.NavList li ul li /* Listenelement */
					{
						padding: 5px 0 0 0;
					}
					
						.Box .InnerBox ul.NavList li ul li a /* Link in der Navigation */
						{
							display: inline-block;
							padding: 0 10px 0 17px;
							color: #1d498f;
							font-weight: bold;
							font-style: italic;
							background: transparent url(../imgs/arrow2.gif) no-repeat 10px 4px;
						}
						
						.Box .InnerBox ul.NavList li ul li a.Active /* Aktiver Link in der Navigation */
						{
							display: block;
							padding: 0 10px 0 17px;
							font-weight: bold;
							font-style: italic;
							color: #4173b6;
							background: transparent url(../imgs/arrow2_hi.gif) no-repeat 10px 4px;
						}
						
							.Box .InnerBox ul.NavList li ul li a:hover /* Link-hover in der Navigation */
							{
								color: #75a5d0;
							}
						
					.Box .InnerBox ul.NavList li ul li ul /* Liste */
					{
						list-style-type: none;
						padding: 0 0 0 10px;
					}
					
						.Box .InnerBox ul.NavList li ul li ul li /* Listenelement */
						{
							padding: 5px 0 0 0;
						}
											
							.Box .InnerBox ul.NavList li ul li ul li a /* Link in der Navigation */
							{
								display: block;
								padding: 0 10px 0 18px;
								color: #1d498f;
								font-weight: normal;
								font-style: normal;
								background: transparent url(../imgs/bullet.gif) no-repeat 10px 5px;
							}
							
							.Box .InnerBox ul.NavList li ul li ul li a.Active /* Aktiver Link in der Navigation */
							{
								display: block;
								padding: 0 10px 0 18px;
								font-weight: bold;
								font-style: italic;
								color: #4173b6;
								background: transparent url(../imgs/bullet_hi.gif) no-repeat 10px 5px;
							}
							
								.Box .InnerBox ul.NavList li ul li ul li a:hover /* Link-hover in der Navigation */
								{
									color: #75a5d0;
								}
	
		.Box .InnerBox label /* Labeltag*/
		{
			display: block;
			padding: 0 0 0 5px;
			cursor: pointer;
			float: left;
		}
		
		.Box .InnerBox input.TextField /* Textfeld in der Box */
		{
			padding: 2px;
			margin-bottom: 5px;
			height: 12px;
			width: 155px;
			color: #1d498f;
			font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
			border-top: 1px solid #75a5d0;
			border-left: 1px solid #75a5d0;
			float: left;
		}
		
			.Box .InnerBox input.TextFieldError /* Textfeld-Error in der Box */
			{
				padding: 2px;
				margin-bottom: 5px;
				height: 12px;
				width: 155px;
				color: #1d498f;
				font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #871111;
				border-left: 1px solid #871111;
				background-color: #f6c6c6;
				float: left;
			}

		.Box .InnerBox select.DropDown /* Dropdown in der Box */
		{
			padding: 2px;
			margin-bottom: 5px;
			height: 16px;
			width: 160px;
			color: #1d498f;
			font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
			background-color: white;
			float: left;
		}
		
			.Box .InnerBox select.DropDownError /* Dropdown-Error in der Box */
			{
				padding: 2px;
				margin-bottom: 5px;
				height: 16px;
				width: 160px;
				color: #1d498f;
				font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
				background-color: #f6c6c6;
				float: left;
			}
		
			*+html .Box .InnerBox select.DropDown /* IE 7 FIX */
			{
				height: 18px;
			}
		
		.Box .InnerBox a.Link /* Link in der Box */
		{
			color: #1d498f;
			text-decoration: underline;
			float: left;
		}

			.Box .InnerBox a.Link:hover /* Link-Hover in der Box */
			{
				color: #75a5d0;
			}
			
			.Box .InnerBox p.p1, /* Textfeld-Text */
			.Box .InnerBox p.p3
			{
				margin: 2px 0 0 5px;
			}
			
			* html .Box .InnerBox p.p1 /* IE 6 FIX */
			{
				margin: -67px 0 0 -152px;
			}
			
			*+html .Box .InnerBox p.p1 /* IE 7 FIX */
			{
				margin: -67px 0 0 -152px;
			}
			
			* html .Box .InnerBox p.p3 /* IE 6 FIX */
			{
				margin: -48px 0 0 -152px;
			}
			
			*+html .Box .InnerBox p.p3 /* IE 7 FIX */
			{
				margin: -48px 0 0 -152px;
			}
			
			.Box .InnerBox p.p2, /* Passwort-Text */
			.Box .InnerBox p.p4
			{
				margin: 24px 0 0 5px;
			}
			
			* html .Box .InnerBox p.p2 /* IE 6 FIX */
			{
				margin: -20px 0 0 -112px;
			}
			
			*+html .Box .InnerBox p.p2 /* IE 7 FIX */
			{
				margin: -20px 0 0 -112px;
			}
			
			* html .Box .InnerBox p.p4 /* IE 6 FIX */
			{
				margin: -26px 0 0 -152px;
			}
			
			*+html .Box .InnerBox p.p4 /* IE 7 FIX */
			{
				margin: -26px 0 0 -152px;
			}
			
			
			
/* 3.3 Content-Box, Footer-Navigation & Bread-Crumb -------------------------*/

.ArticleStatusMarginal /* Artikel-Status in der Inner-Box */
			{
				display: block;
				margin: 0 0 0 5px;
				padding: 6px 0 0 25px;
				height: 12px;
				width: 29px;
				background: transparent url(../imgs/articlestatusmarginal.gif) no-repeat left bottom;
				float: left;
			}
			
				* html .ArticleStatusMarginal /* IE 6 FIX */
				{
					padding: 2px 0 0 25px;
					height: 16px;
				}
				
				*+html .ArticleStatusMarginal /* IE 7 FIX */
				{
					padding: 2px 0 0 25px;
					height: 16px;
				}		
				
.ArticleStatusDetails /* Artikel-Status in der Inner-Box */
			{
				display: block;
				margin: 5px 0 0 0px;
				padding: 8px 0 0 25px;
				height: 20px;
				width: 29px;
				background: transparent url(../imgs/articlestatusmarginal.gif) no-repeat left top;
				float: left;
			}
			
				* html .ArticleStatusDetails /* IE 6 FIX */
				{
					padding: 6px 0 0 25px;
					height: 16px;
				}
				
				*+html .ArticleStatusDetails /* IE 7 FIX */
				{
					padding: 6px 0 0 25px;
					height: 16px;
				}						

.ContentBox /* Content-Box */
{
	display: block;
	margin: 0 20px 20px 20px;
	padding: 7px 0 0 0;
	background: transparent url(../imgs/contentbox1.gif) no-repeat left top;
	clear: both;
}

.ContentWide .InnerContentWide .ContentBox /* Content-Box */
{
	display: block;
	margin: 0 20px 20px 20px;
	padding: 7px 0 0 0;
	background: transparent url(../imgs/contentbox1wide.gif) no-repeat left top;
	clear: both;
}

* html .ContentBox /* IE 6 FIX */
{
	display: inline-block;
}

*+html .ContentBox /* IE 7 FIX */
{
	display: inline-block;
}

	.ContentBox .InnerContentBox /* Inner-Content-Box */
	{
		padding: 0 0 7px 10px;
		background: transparent url(../imgs/contentbox2.gif) no-repeat left bottom;
	}
	
	.ContentWide .InnerContentWide .ContentBox .InnerContentBox /* Inner-Content-Box */
	{
		padding: 0 0 7px 10px;
		background: transparent url(../imgs/contentbox2wide.gif) no-repeat left bottom;
	}
	
		.ContentBox .InnerContentBox a.Overview /* Übersichtslink */
		{
			padding: 0 0 0 10px;
			background: transparent url(../imgs/arrow_active1.gif) no-repeat left 5px;
			color: #1d498f;
			float: left;
		}
		
			.ContentBox .InnerContentBox a.Overview:hover /* Übersichtslink-Hover */
			{
				color: #75a5d0;
			}
		
		.ContentBox .InnerContentBox a.BackToTop /* Nachoben-Link */
		{
			margin-right: 10px;
			padding: 0 10px 0 0;
			background: transparent url(../imgs/arrow_top.gif) no-repeat right 5px;
			color: #1d498f;
			float: right;
		}
		
			.ContentBox .InnerContentBox a.BackToTop:hover /* Nachoben-Link-Hover */
			{
				color: #75a5d0;
			}
	
		.ContentBox .InnerContentBox ul.BreadCrumb /* Bread-Crumb-Liste */
		{
			padding: 0;
			list-style-type: none;
		}

			.ContentBox .InnerContentBox ul.BreadCrumb li /* Bread-Crumb-Listenpunkt */
			{
				padding: 0 8px 0 0;
				float: left;
			}
			
				.ContentBox .InnerContentBox ul.BreadCrumb li a /* Link im Bread-Crumb-Listenpunkt */
				{
					padding-right: 14px;
					background: transparent url(../imgs/arrow2.gif) no-repeat right 3px;
					color: #1d498f;
				}
				
				.ContentBox .InnerContentBox ul.BreadCrumb li span /* Inaktiver-Link im Bread-Crumb-Listenpunkt */
				{
					padding-right: 14px;
					background: transparent url(../imgs/arrow_inactive2.gif) no-repeat right 3px;
					color: #98c0e5;
				}
				
				.ContentBox .InnerContentBox ul.BreadCrumb li a:hover /* Link-Hover im Bread-Crumb-Listenpunkt */
				{
					color: #75a5d0;
				}
				
					.ContentBox .InnerContentBox ul.BreadCrumb li a.Active /* Aktiver-Link im Bread-Crumb-Listenpunkt */
					{
						background-image: none;
						font-weight: bold;
					}
					
					.ContentBox .InnerContentBox ul.BreadCrumb li a.ActiveBasket /* Aktiver-Link im Bread-Crumb-Listenpunkt */
					{
						font-weight: bold;
					}
					

			.ContentBox .InnerContentBox ul.Zusaetze /* Zusaetze-Crumb-Liste */
					{
						padding: 0;
						list-style-type: none;
					}

			.ContentBox .InnerContentBox ul.Zusaetze li /* Zusaetze-Crumb-Listenpunkt */
			{
				padding: 0 12px 0 0;
				float: left;
			}
			
				.ContentBox .InnerContentBox ul.Zusaetze li a /* Link im Zusaetze-Crumb-Listenpunkt */
				{
					padding-left: 8px;
					background: transparent url(../imgs/arrow2.gif) no-repeat left 3px;
					color: #1d498f;
				}
				
				.ContentBox .InnerContentBox ul.Zusaetze li span /* Inaktiver-Link im Zusaetze-Crumb-Listenpunkt */
				{
					padding-left: 8px;
					background: transparent url(../imgs/arrow_inactive2.gif) no-repeat left 3px;
					color: #98c0e5;
				}
				
				.ContentBox .InnerContentBox ul.Zusaetze li a:hover /* Link-Hover im Zusaetze-Crumb-Listenpunkt */
				{
					color: #75a5d0;
				}
				
					.ContentBox .InnerContentBox ul.Zusaetze li a.Active /* Aktiver-Link im Zusaetze-Crumb-Listenpunkt */
					{
						background-image: none;
						font-weight: bold;
					}
					
					.ContentBox .InnerContentBox ul.Zusaetze li a.ActiveBasket /* Aktiver-Link im Bread-Crumb-Listenpunkt */
					{
						font-weight: bold;
					}
										
					
		.ContentBox .InnerContentBox ul.SiteNavigation /* Seitennavigation-Liste */
		{
			padding: 0;
			list-style-type: none;
			float: left;
		}
		
			.ContentBox .InnerContentBox ul.SiteNavigation li /* Seitennavigation-Listenpunkt */
			{
				padding: 0 10px 0 0;
				float: left;
			}
			
				.ContentBox .InnerContentBox ul.SiteNavigation li a /* Link im Seitennavigation-Listenpunkt */
				{
					padding-right: 10px;
					background: transparent url(../imgs/pipe.gif) no-repeat right 2px;
					color: #1d498f;
				}
				
				.ContentBox .InnerContentBox ul.SiteNavigation li a:hover /* Link-Hover im Seitennavigation-Listenpunkt */
				{
					color: #75a5d0;
				}
				
					.ContentBox .InnerContentBox ul.SiteNavigation li a.Active /* Aktiver-Link im Seitennavigation-Listenpunkt */
					{
						font-weight: bold;
					}
		
		.ContentBox .InnerContentBox ul.ForwardBack /* Weiter-Zurück-Liste */
		{
			padding: 0;
			list-style-type: none;
			float: right;
		}
		
			.ContentBox .InnerContentBox ul.ForwardBack li /* Weiter-Zurück-Listenpunkt */
			{
				padding: 0 10px;
				float: left;
			}
			
				.ContentBox .InnerContentBox ul.ForwardBack li span.Back /* Inaktiver Zurück-Listenpunkt */
				{
					padding: 0 0 0 10px;
					background: transparent url(../imgs/arrow_inactive1.gif) no-repeat left 4px;
					color: #98c0e5;
				}
				
				.ContentBox .InnerContentBox ul.ForwardBack li span.Forward /* Inaktiver Weiter-Listenpunkt */
				{
					padding: 0 10px 0 0;
					background: transparent url(../imgs/arrow_inactive2.gif) no-repeat right 4px;
					color: #98c0e5;
				}
				
				.ContentBox .InnerContentBox ul.ForwardBack li a.Forward /* Aktiver Weiter-Link */
				{
					padding-right: 10px;
					background: transparent url(../imgs/arrow_active2.gif) no-repeat right 4px;
					color: #1d498f;
				}
				
					.ContentBox .InnerContentBox ul.ForwardBack li a.Forward:hover /* Aktiver Weiter-Link-Hover */
					{
						color: #75a5d0;
					}
					
				.ContentBox .InnerContentBox ul.ForwardBack li a.Back /* Aktiver Zurück-Link */
				{
					padding-left: 10px;
					background: transparent url(../imgs/arrow_active1.gif) no-repeat left 4px;
					color: #1d498f;
				}

					.ContentBox .InnerContentBox ul.ForwardBack li a.Back:hover /* Aktiver Zurück-Link-Hover */
					{
						color: #75a5d0;
					}
					
					
.ContentBoxError /* Content-Box-Error */
{
	margin: 10px 20px 20px 20px;
	padding: 7px 0 0 0;
	background: transparent url(../imgs/contentboxerror1.gif) no-repeat left top;
}

	.ContentBoxError .InnerContentBoxError /* Inner-Content-Box-Error */
	{
		padding: 0 0 7px 0;
		background: transparent url(../imgs/contentboxerror2.gif) no-repeat left bottom;
	}
	
		.ContentBoxError .InnerContentBoxError h3 /* Überschrift im Inner-Content-Box-Error */
		{
			display: block;
			padding: 0 10px 10px 10px;
			font: bold 14px/18px Trebuchet MS, Arial, Verdana;
			color: #871111;
		}
	
		.ContentBoxError .InnerContentBoxError p /* P im Inner-Content-Box-Error */
		{
			display: block;
			margin: 0 0 0 -10px;
			padding: 0;
			color: #871111;
		}
	
	
.ContentBoxStatus /* Content-Box-Status */
{
	margin: 10px 20px 20px 20px;
	padding: 7px 0 0 0;
	background: transparent url(../imgs/contentboxstatus1.gif) no-repeat left top;
}

	.ContentBoxStatus .InnerContentBoxStatus /* Inner-Content-Box-Status */
	{
		padding: 0 0 7px 0;
		background: transparent url(../imgs/contentboxstatus2.gif) no-repeat left bottom;
	}
	
		.ContentBoxStatus .InnerContentBoxStatus h3 /* Überschrift im Inner-Content-Box-Status */
		{
			display: block;
			padding: 0 10px 10px 10px;
			font: bold 14px/18px Trebuchet MS, Arial, Verdana;
			color: #3b6329;
		}
		
		.ContentBoxStatus .InnerContentBoxStatus .ProduktEmpfehlung /* Überschrift im Inner-Content-Box-Status */
		{
			display: block;
			padding: 10px 0 5px 0;
			font: bold 12px/14px Trebuchet MS, Arial, Verdana;
			color: #3b6329;
		}
	
		.ContentBoxStatus .InnerContentBoxStatus p /* P im Inner-Content-Box-Status */
		{
			display: block;
			margin: 0 0 0 -10px;
			padding: 0;
			color: #3b6329;
		}
		
		.ContentBoxStatus .InnerContentBoxStatus table
		{
			margin: 10px 0 0 10px;
		}

			.ContentBoxStatus .InnerContentBoxStatus td
			{
				color: #3b6329;
				vertical-align: top;
			}
			
				.ContentBoxStatus .InnerContentBoxStatus input
				{
					color: #3b6329;
					width: 260px;
					padding: 2px;
					margin-bottom: 5px;
					height: 12px;
					font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;

					float: left;
				}
				
					.ContentBoxStatus .InnerContentBoxStatus textarea
					{
						color: #3b6329;
						width: 265px;
						height: 100px;
					}


					a.ButtonStatus /* Button */
					{
						padding: 0 0 0 10px;
						margin-right: 10px;
						height: 18px;
						background: transparent url(../imgs/buttonstatus1.gif) no-repeat left top;
						float: left;
					}

						a.ButtonStatus strong /* Inner-Button */
						{
							display: block;
							padding: 2px 10px 0 0;
							height: 18px;
							font: bold 11px/15px Trebuchet MS, Arial, Verdana;
							color: #3b6329;
							background: transparent url(../imgs/buttonstatus2.gif) no-repeat right top;
							white-space: nowrap;
							cursor: pointer;
							width: auto;
						}
						
						* html a.ButtonStatus strong /* IE 6 FIX */
						{
							display: inline-block;
						}

							a.ButtonStatus strong:hover /* Inner-Button-Hover */
							{
								color: white;
							}
							
							
/* 3.4 Kleiner Artikel ------------------------------------------------------*/

.ArticleSmall /* Kleiner Artikel */
{
	display: block;
	margin: 0 0 20px 20px;
	width: 140px;
	float: left;
}

	* html .ArticleSmall /* IE 6 FIX */
	{
		margin: 0 10px 20px 10px;
	}
	
		a.ArticleHeadSmall /* Artikel-Überschrift */
		{
			display: block;
			margin: 0 0 5px 0;
			padding-top: 8px;
			background: transparent url(../imgs/articlesmall1.gif) no-repeat left top;
		}

			a.ArticleHeadSmall .InnerArticleHeadSmall /* Inner-Box */
			{
				display: block;
				padding: 0 10px 7px 10px;
				background: transparent url(../imgs/articlesmall2.gif) no-repeat left bottom;
				color: #1d498f;
				font-weight: bold;
			}
			
				a.ArticleHeadSmall .InnerArticleHeadSmall em /* Inner-Box */
				{
					font-weight: normal;
				}
			
			.ArticleSmall img.ArticleImageBorder /* Artikelrahmen mit Lupe */
			{
				position: absolute;
				z-index: 1;
			}
			
			.ArticleSmall img.ArticleImageStatus /* Artikelstatus rechts oben */
			{
				margin-left: 81px;
				position: absolute;
				z-index: 2;
			}
			
		.ArticleSmall a.LightBox /* Lightbox-Link links unten */
		{
			display: block;
			margin: 91px 0 0 0;
			height: 34px;
			width: 34px;
			position: absolute;
			z-index: 3;
		}
			
			.ArticleSmall a.ArticleImage /* Bild in der Inner-Box */
			{
				display: block;
				margin: 0 0 5px 0;
			}
			
			.ArticleSmall a.ArticlePrice /* Artikel-Preis in der Inner-Box */
			{
				display: block;
				padding: 2px 5px 0 0;
				height: 16px;
				width: 76px;
				color: white;
				text-align: right;
				background: transparent url(../imgs/articleprice.gif) no-repeat left bottom;
				float: left;
			}

			.ArticleSmall .ArticleStatus /* Artikel-Status in der Inner-Box */
			{
				display: block;
				margin: 0 0 0 5px;
				padding: 6px 0 0 25px;
				height: 12px;
				width: 29px;
				background: transparent url(../imgs/articlestatus.gif) no-repeat left bottom;
				float: left;
			}
			
				* html .ArticleSmall .ArticleStatus /* IE 6 FIX */
				{
					padding: 2px 0 0 25px;
					height: 16px;
				}
				
				*+html .ArticleSmall .ArticleStatus /* IE 7 FIX */
				{
					padding: 2px 0 0 25px;
					height: 16px;
				}

/* 3.5 Großer Artikel -------------------------------------------------------*/
.ArticleBig /* Großer Artikel */
{
	display: block;
	margin: 0 0 20px 20px;
	width: 220px;
	float: left;
}

.ArticleBig a.LightBox /* Lightbox-Link links unten */
{
	display: block;
	margin: 91px 0 0 0;
	height: 34px;
	width: 34px;
	position: absolute;
	z-index: 3;
}

	* html .ArticleBig /* IE 6 FIX */
	{
		margin: 0 10px 20px 10px;
	}
	
		a.ArticleHead /* Artikel-Überschrift */
		{
			display: block;
			margin: 0 0 5px 0;
			padding-top: 8px;
			background: transparent url(../imgs/articlebig1.gif) no-repeat left top;
			cursor: pointer;
		}
		
			a.ArticleHead .InnerArticleHead /* Inner-Box */
			{
				display: block;
				padding: 0 10px 7px 10px;
				background: transparent url(../imgs/articlebig2.gif) no-repeat left bottom;
				color: #1d498f;
				font-weight: bold;
				height: 38px;
				overflow: hidden;
				
			}
			
						a.ArticleHead .InnerArticleHead:hover /* Inner-Box */
			{
				color: #75a5d0;
				
			}
			
				a.ArticleHead .InnerArticleHead em /* Inner-Box */
				{
					font-weight: normal;
				}
			
			.ArticleBig img.ArticleImageBorder /* Artikelrahmen mit Lupe */
			{
				position: absolute;
				z-index: 1;
			}
			
			.ArticleBig img.ArticleImageStatus /* Artikelstatus rechts oben */
			{
				margin-left: 161px;
				position: absolute;
				z-index: 2;
			}
			
			.ArticleBig a.ArticleImage /* Bild in der Inner-Box */
			{
				display: block;
				margin: 0 0 5px 0;
			}
			
			.ArticleBig a.ArticlePrice /* Artikel-Preis in der Inner-Box */
			{
				display: block;
				padding: 2px 8px 0 0;
				height: 16px;
				width: 93px;
				color: white;
				text-align: right;
				font-weight: bold;
				letter-spacing: 0.05em;
				background: transparent url(../imgs/articleprice.gif) no-repeat left bottom;
				float: left;
			}
			
			.ArticleBig a.ArticlePrice:hover /* Artikel-Preis in der Inner-Box */
			{
				color: #75a5d0;
			}			

			.ArticleBig .ArticleStatus /* Artikel-Status in der Inner-Box */
			{
				display: block;
				margin: 0 0 0 5px;
				padding: 6px 0 0 25px;
				height: 12px;
				width: 29px;
				background: transparent url(../imgs/articlestatus.gif) no-repeat left bottom;
				float: left;
			}
			
				* html .ArticleBig .ArticleStatus /* IE 6 FIX */
				{
					padding: 2px 0 0 25px;
					height: 16px;
				}
				
				*+html .ArticleBig .ArticleStatus /* IE 7 FIX */
				{
					padding: 2px 0 0 25px;
					height: 16px;
				}
				
/* 3.6 Detail Artikel -------------------------------------------------------*/

.ArticleDetail /* Großer Artikel */
{
	display: block;
	margin: 0 0 20px 20px;
}

	.ArticleDetail a.ArticleImage /* Bild in der Inner-Box */
	{
		display: block;
		margin: 0 0 5px 0;
		float: left;
	}

		.ArticleDetail a.ArticleImage  img.ArticleImageBorder /* Artikelrahmen mit Lupe */
		{
			position: absolute;
			z-index: 1;
		}

		.ArticleDetail a.ArticleImage  img.ArticleImageStatus /* Artikelstatus rechts oben */
		{
			margin-left: 161px;
			position: absolute;
			z-index: 2;
		}
		
	.ArticleDetail .ArticleText /* Text in der Inner-Box */
	{
		width: 240px;
		float: left;
	}
	
		.ArticleDetail .ArticleText .ArticleDetailPrice /* Price in Text in der Inner-Box */
		{
			margin: 20px 0 0 20px;
			width: 220px;
			height: 77px;
			background: transparent url(../imgs/articledetailprice.gif) no-repeat left bottom;
		}
		
			.ArticleDetail .ArticleText .ArticleDetailPrice strong /* Der Preis im Text in der Inner-Box */
			{
				display: block;
				padding: 8px 8px 0 8px;
				font: bold 20px/20px Trebuchet MS, Arial, Verdana;
				color: #1d498f;
			}
			
			.ArticleDetail .ArticleText .ArticleDetailPrice em /* Beschreibung im Text in der Inner-Box */
			{
				display: block;
				padding: 0 8px 0 10px;
				font: bold 11px/15px Trebuchet MS, Arial, Verdana;
				color: #1d498f;
			}
			
				.ArticleDetail .ArticleText .ArticleDetailPrice em a /* Link in der Beschreibung im Text in der Inner-Box */
				{
					text-decoration: underline;
					color: #1d498f;
				}
				
				.ArticleDetail .ArticleText .ArticleDetailPrice em a:hover /* Link-hover in der Beschreibung im Text in der Inner-Box */
				{
					text-decoration: underline;
					color: #98c0e5;
				}
				
			.ArticleDetail .ArticleText .ArticleDetailPrice a.Link /* Warenkorblink im Text in der Inner-Box */
			{
				display: block;
				padding: 8px 0 0 45px;
				font: bold 11px/15px Trebuchet MS, Arial, Verdana;
				color: white;
			}
			
				.ArticleDetail .ArticleText .ArticleDetailPrice a.Link:hover /* Warenkorblink-hover im Text in der Inner-Box */
				{
					color: #98c0e5;
				}

ul.TechnicalDates /* Liste der Technischen Daten */
{
	margin: 0;
	padding: 0 20px 20px 20px;
	width: 460px;
	list-style-type: none;
}

	ul.TechnicalDates li /* Listenpunkt der Technischen Daten */
	{
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #e7f2fc;
	}
	
		ul.TechnicalDates li strong /* Beschreibung im Listenpunkt */
		{
			margin: 0;
			padding: 10px 0;
			width: 220px;
			float: left;
		}
	
		ul.TechnicalDates li span /* Beschreibung im Listenpunkt */
		{
			margin: 0 0 0 20px;
			padding: 10px 0;
			width: 220px;
			float: left;		
		}	
	
/* 3.7 Tabelle --------------------------------------------------------------*/

table.Tabelle /* Tabelle z.B. Warenkorb */
{
	margin: 0 20px 20px 20px;
	padding: 0;
	width: 460px;
	border-collapse: collapse;
}

	table.Tabelle thead th /* Überschriften in der Tabelle */
	{
		padding: 5px 2px 5px 10px;
		text-align: left;
		background-color: #1d498f;
		color: white;
	}
	
	table.Tabelle tfoot td /* Gesamtpreis in der Tabelle */
	{
		padding: 5px 0 5px 10px;
		background-color: #98c0e5;
	}
	
	table.Tabelle tbody td /* Text in der Tabelle */
	{
		padding: 10px 2px 10px 10px;
		vertical-align: top;
		background-color: #cce1f5;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}
	
	table.Tabelle tbody tr.Bright td /* Text in der Tabelle */
	{
		padding: 10px 0 10px 10px;
		vertical-align: top;
		background-color: #e7f2fc;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}
	
		table.Tabelle tbody td a.Link,  /* Link in der Tabelle */
		table.Tabelle tbody tr.Bright td a.Link
		{
			color: #1d498f;
			text-decoration: underline;
			font-weight: bold;
		}
		
			table.Tabelle tbody td a.Link:hover,  /* Link-Hover in der Tabelle */
			table.Tabelle tbody tr.Bright td a.Link:hover
			{
				color: #98c0e5;
				text-decoration: underline;
				font-weight: bold;
			}
			
/* 3.8 Formulare im Content -------------------------------------------------*/

fieldset legend, /* Überschrift im Formular */
fieldset strong.Headline
{
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
}

	* html fieldset legend /* IE 6 FIX */
	{
		margin: 0 0 0 -10px;
	}
	
	*+html fieldset legend /* IE 7 FIX */
	{
		margin: 0 0 0 -10px;
	}

	fieldset input.Radio /* Radio-Button im Formular */
	{
		display: block;
		padding-bottom: 10px;
		float: left;
	}
	
	fieldset label.Radiobox /* Label der Formularelemente im Formular */
	{
		display: block;
		padding: 0 0 5px 5px;
		width: auto;
		float: left;
	}
	
		fieldset label.Radiobox a /* Link im Label der Formularelemente im Formular */
		{
			color: #1d498f;
			text-decoration: underline;
		}
		
			fieldset label.Radiobox a:hover /* Link-Hover im Label der Formularelemente im Formular */
			{
				color: #98c0e5;
				text-decoration: underline;
			}
	
	fieldset ol li label /* Label der Formularelemente im Formular */
	{
		display: block;
		padding: 0 10px 10px 0;
		width: 120px;
		float: left;
	}
	
		fieldset ol li label em /* Kursiver Label der Formularelemente im Formular */
		{
			color: #6e9bc5;
		}
	
	fieldset ol li p /* P-Tag im Formular */
	{
		display: block;
		font-weight: bold;
		float: left;
	}
	
	fieldset ol li a /* Link im Formular */
	{
		display: block;
		padding: 0 0 10px 130px;
		color: #1d498f;
		text-decoration: underline;
	}
	
		* html fieldset ol li a /* IE 6 HACK */
		{
			padding: 0 0 0 130px;
		}
		
		fieldset ol li a:hover /* Link-hover im Formular */
		{
			display: block;
			padding: 0 0 10px 130px;
			color: #98c0e5;
			text-decoration: underline;
		}
	
	fieldset a.Button /* Link im Formular */
	{
		margin-left: 130px;
	}
	
	fieldset ol /* Liste im Formular */
	{
		width: 440px;
		list-style-type: none;
	}
		
		fieldset ol li input.TextField, /* Textfeld in der Box */
		table.Tabelle tbody td input.TextField
		{
			padding: 2px;
			margin-bottom: 5px;
			height: 12px;
			width: 200px;
			color: #1d498f;
			font-size: 10px;
			border-top: 1px solid #75a5d0;
			border-left: 1px solid #75a5d0;
			float: left;
		}

			fieldset ol li input.TextFieldError, /* Textfeld-Error in der Box */
			table.Tabelle tbody td input.TextFieldError
			{
				padding: 2px;
				margin-bottom: 5px;
				height: 12px;
				width: 200px;
				color: #1d498f;
				font-size: 10px;
				border-top: 1px solid #871111;
				border-left: 1px solid #871111;
				background-color: #f6c6c6;
				float: left;
			}

		fieldset ol li select.DropDown /* Dropdown in der Box */
		{
			padding: 2px;
			margin-bottom: 5px;
			height: 16px;
			width: 205px;
			color: #1d498f;
			font-size: 10px;
			background-color: white;
			float: left;
		}

			fieldset ol li select.DropDownError /* Dropdown-Error in der Box */
			{
				padding: 2px;
				margin-bottom: 5px;
				height: 16px;
				width: 205px;
				color: #1d498f;
				font-size: 10px;
				background-color: #f6c6c6;
				float: left;
			}

			*+html fieldset ol li select.DropDown /* IE 7 FIX */
			{
				height: 18px;
			}


/******************************************************************************
*
* 4. Footer
*
*/

.Footer p /* Copyright links */
{
	padding: 9px 0 0 13px;
	color: white;
	float: left;
}

	.Footer p span /* Blaue Gimmicks */
	{
		color: #98c0e5;
	}

.Footer ul /* Footer Navigation rechts */
{
	padding: 9px 3px 0 0;
	list-style-type: none;
	overflow: hidden;
	float: right;
}

.Footer ul li /* Listenpunkt */
{
	background: transparent url(../imgs/seperator.gif) no-repeat 0 1px;
	float: left;
}

.Footer ul li a /* Link im Listenpunkt */
{
	display: block;
	padding: 0 10px 0 11px;
	color: white;
}

	.Footer ul li a:hover /* Link-Hover im Listenpunkt */
	{
		color: #98c0e5;
	}