#container		{
				margin: 0px auto;
				width: 960px;
				}

#main			{
				width: 960px;

				margin-top: 238px;
				padding-bottom: 40px;
				}

	#content			{
					float: left;
					width: 518px;

					margin-left: 210px;
					margin-right: 10px;

					padding: 10px;

					border: #6c6c6c 1px solid;
					background: #000000;
					}

	#navigation_left		{
					float: left;
					width: 200px;
					margin-left: -760px;
					}

	#navigation_right	{
					float: right;
					width: 195px;
					padding-left: 5px;
					}

		#navigation_right .box_bottom, #navigation_left .box_bottom	{
						margin-bottom: 2em;
						}

		#navigation_left .box_top, #navigation_right .box_top	{
						width: 180px;
						height: 35px;

						padding: 10px 0px 0px 15px;

						color: #ffffff;
						font-size: 1.2em;
						font-weight: bold;
						line-height: 1.2em;

						background: url(../img/layout/navigation_box_top.png) top right no-repeat;
						}

		#navigation_left .box_middle	{
						width: 195px;
						padding: 0px;

						background: url(../img/layout/navigation_box_middle.png) top right repeat-y;
						}

		#navigation_right .box_middle	{
						padding: 10px;

						background: url(../img/layout/navigation_box_middle.png) top right repeat-y;
						}

		#navigation_left .box_bottom, #navigation_right .box_bottom	{
						width: 195px;
						height: 25px;

						background: url(../img/layout/navigation_box_bottom.png) top left no-repeat;
						}


#footer			{
				margin: 0px auto;

				height: 100px;

				line-height: 100px;
				text-align: center;
				}

#header			{
				position: absolute;
				top: 0px;

				width: 960px;
				height: 227px;
				}

	#logo			{
					position: absolute;
					top: 25px;
					left: 0px;

					width: 960px;
					height: 153px;

					background: url(../img/layout/logo.jpg) top left no-repeat;
					}

	#navigation_top		{
					position: absolute;
					top: 186px;
					left: 0px;

					width: 920px;
					height: 42px;

					padding: 0px 20px;

					line-height: 42px;

					background: url(../img/layout/navigation_top.jpg) top left no-repeat;
					}
					
	#header #head_navigation .Navigation {
					position:absolute;
					top:30px;
					left:0px;
					
	}

	.Breadcrumbs		{
					position: absolute;
					top: 0px;
					left: 0px;

					width: 940px;
					height: 21px;

					padding-left: 20px;

					line-height: 19px;

					background: url(../img/layout/breadcrumbs.jpg) top left no-repeat;
					}

#navigation_left .loginbox .vspacer, #navigation_right .loginbox .vspacer	{
				height: 2em;
				line-height: 2em;
				}

.order_top			{
				margin-bottom: 2em;
				width: 520px;
				}

.order_bottom		{
				margin-top: 2em;
				margin-bottom: 1em;
				}

	.order_bottom .left, .order_bottom .right	{
					width: 260px;
					}

.paging_top		{
				padding: 10px;
				margin-bottom: 2em;

				border: #6c6c6c 1px solid;
				background: #000000;
				}

.paging_bottom		{
				padding: 10px;
				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: #000000;
				}

.smallInfo			{
				padding: 10px;
				height: 1em;
				margin-bottom: 3em;

				border: #6c6c6c 1px solid;
				background: #000000;
				}

.account_top		{
				margin-bottom: 2em;
				width: 520px;
				}

.account_bottom	{
				margin-top: 2em;
				width: 520px;
				}

.order_information	{
				margin-top: 2em;
				padding-top: 2em;

				border-top: #e4e8ed 1px dashed;
				}

div.comment		{
				font-style: italic;
				}

div.messages		{
				margin-bottom: 1.5em;
				padding: 1em;

				border: #e4e8ed 1px dashed;
				}

div.error_message	{
				padding: 0em 1em 1em 1em;
				}

div.printpage		{
				float: right;

				margin: 0em 0em 1em 1em;
				padding: 0.5em;

				border: #6c6c6c 1px dashed;
				}

div.printpage a		{
				padding-left: 28px;
				background: url(../img/icons/print.gif) center left no-repeat;
				}


/* ---------------------------- Boxen ---------------------------- */

/* Default Box
(Abweichende Boxen per parent-body-id darunter deklariert)
*/
#content .box		{
				border: #6c6c6c 1px solid;
				}

#content .box_top	{
				padding-left: 10px;

				color: #ffffff;
				font-weight: bold;
				font-size: 1em;
				line-height: 2em;

				background: #1a1a1a url(../img/layout/box_top.jpg) bottom left repeat-x;
				}

#content .box_middle	{
				padding: 1em;

				background: #000000;
				background-repeat: no-repeat;
				background-position: center center;
				}


/* home (Startseite) */
#home #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#home #content .box	{
				float: left;
				width: 250px;
				min-height: 220px;

				margin-bottom: 3em;
				margin-right: 10px;

				border: none;
				background: none;
				}

#home #content .box.last	{
				float: left;
				}

#home #content .box_top	{
				padding-left: 0px;
				background: none;
				min-height: 5em;
				}

#home #content .box_middle	{
				padding: 0px;

				border: #6c6c6c 1px solid;
				background-color: #000000;
				background-position: center center;
				background-repeat: no-repeat;
				}
				
#home #content .novelties .headline, #home #content .specialOffers .headline {
				margin-bottom:25px;
}


/* category_folder (Kategorieübersicht) */
#category_folder #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#category_folder #content .box	{
				float: left;
				width: 250px;

				margin-bottom: 3em;

				border: none;
				background: none;
				}

#category_folder #content .box.last	{
				float: right;
				width: 250px;
				margin-right: 0px;
				}

#category_folder #content .box_top	{
				padding-left: 0px;
				background: none;
				}

#category_folder #content .box_middle	{
				height: 150px;
				padding: 0px;

				border-top: #6c6c6c 2px solid;
				background-color: #000000;
				}


/* category (Produktübersicht) */
#category #content, #search #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#category #content .box, #search #content .box	{
				float: left;
				width: 250px;

				margin-right: 20px;
				margin-bottom: 3em;

				border: none;
				background: none;
				}

#category #content .box.last, #search #content .box.last	{
				margin-right: 0px;
				}

#category #content .box_top, #search #content .box_top	{
				padding-left: 0px;
				background: none;
				}

#category #content .box_middle, #search #content .box_middle	{
				width: 248px;
				padding: 5px 0px;

				text-align: center;

				border: #6c6c6c 1px solid;
				border-bottom: none;
				}

#category #content .box_bottom, #search #content .box_bottom	{
				width: 218px;
				padding: 15px 15px 25px 15px;

				border: #6c6c6c 1px solid;
				border-top: none;
				background: #000000;
				}

#category #content .image, #search #content .image	{
				display: table-cell;
				width: 248px;
				height: 180px;

				vertical-align: middle;
				}

#category #content .image img, #search #content .image img	{
				vertical-align: middle;
				}

	#category #content .box_bottom .description, #search #content .box_bottom .description	{
					min-height: 2em;
					}

	#category #content .availability, #category #content .delivery, #search #content .availability, #search #content .delivery	{
					padding-left: 28px;
					margin-bottom: 1em;

					background: #000000;
					}

	#category #content .availability.green, #search #content .availability.green	{
					background: url(../img/icons/availability_green.gif) center left no-repeat;
					}

	#category #content .availability.yellow, #search #content .availability.yellow	{
					background: url(../img/icons/availability_yellow.gif) center left no-repeat;
					}

	#category #content .availability.red, #search #content .availability.red	{
					background: url(../img/icons/availability_red.gif) center left no-repeat;
					}

	#category #content .box_bottom .more, #search #content .box_bottom .more	{
					float: left;
					}

	#category #content .box_bottom .price, #search #content .box_bottom .price	{
					float: right;

					font-size: 1.8em;
					font-weight: bold;
					text-align: right;
					}
					
	#category #content .box_bottom .old_price, #search #content .box_bottom .old_price {
					width:218px;
					text-align:right;
					padding-top:26px;
					font-size:10pt;
					text-decoration:line-through;			
	}

	#category #content .box .comment, #search #content .box .comment	{
					margin-top: 1em;

					font-size: 0.8em;
					text-align: right;
					}

	#category #content .box .cart, #search #content .box .cart	{
					margin-top: 1em;
					}

#category .paging_bottom, #search .paging_bottom	{
				margin-top: 0em;
				}


/* product (Produktansicht) */
#product #content	{
				padding-bottom: 2em;
				}

#product #content .box	{
				float: right;
				width: 250px;

				border: none;
				}

#product #content .box_top	{
				display: none;
				}

#product #content .box_middle	{
				padding: 0px;
				}

	#product #content .product .producer	{
					float: right;
					margin: 0px 0px 5px 5px;

					text-align: center;
					}

	#product #content .product .price	{
					margin: 1em 0em;

					font-size: 2.5em;
					font-weight: bold;
					text-align: right;
					}
					
	#product #content .product .old_price {
					width:248px;
					text-align:right;
					font-size:12pt;
					margin-top:-25px;
					margin-bottom:15px;
					text-decoration:line-through;			
	}	

	#product #content .product .comment	{
					font-size: 0.8em;
					text-align: right;
					}

#product #content .options	{
				margin-top: 1.5em;
				padding: 1em;

				font-size: 0.9em;
				}

#product #content .images	{
				float: left;
				width: 250px;

				text-align: center;
				}

#product #content .images .image	{
				margin-bottom: 20px;
				}

/* <-- kleine Bilder vertikal zentrieren */
#product #content .images .thumbnails .image	{
				height: auto;
				width: auto;
				margin-bottom: 0em;
				}

#product #content .images .thumbnails	{
				width: 250px;
				height: 65px;
				padding-top: 20px;

				display: table-cell;
				text-align: center;
				vertical-align: middle;
				}

#product #content .images .thumbnails img	{
				vertical-align: middle;
				}
/* --> */

#product #content .images .thumbnails .image	{
				float: left;
				width: 65px;
				padding: 1px;
				}

#product #content .availability, #product #content .delivery	{
				padding-left: 28px;
				margin-bottom: 1em;
				}

#product #content .availability.green	{
				background: url(../img/icons/availability_green.gif) center left no-repeat;
				}

#product #content .availability.yellow	{
				background: url(../img/icons/availability_yellow.gif) center left no-repeat;
				}

#product #content .availability.red	{
				background: url(../img/icons/availability_red.gif) center left no-repeat;
				}

#product #content .print, #product #content .recommend	{
				padding: 0.3em 0em 0.3em 1em;
				margin-bottom: 3px;
				background: url(../img/layout/product_options.jpg) top left repeat-y;
				}

#product #content .button.cart	{
				margin-top: 1.5em;
				}


/* cart (Warenkorb) */
#cart #content		{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#cart #content div.cart	{
				border: #6c6c6c 1px solid;
				}

#cart #content div.comment	{
				margin-top: 2em;
				}

#cart #content div.cart_buttons	{
				margin-top: 1em;
				}

#cart #content div.terms	{
				margin-top: 2em;
				}

#cart #content div.voucher	{
				margin-top: 2em;
				margin-bottom: 1em;
				border: #6c6c6c 1px solid;
				}


/* address (Adressdateneingabe) */
#address #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#address #content .box	{
				float: left;
				width: 250px;

				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}

#address #content .box.last	{
				float: right;
				}

#address #content .box .box_bottom	{
				padding: 10px;
				}

#address #content .billing	{
				border: #6c6c6c 1px solid;
				}

#address #content .shipping	{
				margin-top: 3em;
				border: #6c6c6c 1px solid;
				}

#address #content div.terms	{
				margin-top: 1.5em;
				}

#address #content div.error_message	{
				margin-bottom: 1.5em;
				}


/* shipping (Lieferservice und Porto) */
#shipping #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}


/* payment (Zahlungsseite) */
#payment #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#payment #content .shipping	{
				border: #6c6c6c 1px solid;
				}


/* finish (Abschlussseite) */
#finish #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#finish #content div.cart, #finish #content div.payment, #finish #content div.shipping, #finish #content div.billing_address, #finish #content div.shipping_address	{
				border: #6c6c6c 1px solid;
				margin-bottom: 2em;
				}

#finish #content div.payment, #finish #content div.billing_address	{
				float: left;
				width: 250px;
				}

#finish #content div.shipping, #finish #content div.shipping_address	{
				float: right;
				width: 250px;
				}


/* register (Registrierungsseite) */
#register #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#register #content .box	{
				float: left;
				width: 250px;

				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}

#register #content .box.last	{
				float: right;
				}

#register #content .box.last .box_bottom	{
				padding: 10px 10px 20px 10px;
				}


/* contact (Kontaktformular) */
#contact #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#contact #content .box	{
				float: left;
				width: 250px;

				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}

#contact #content .box.last	{
				float: right;
				}

#contact #content .box .box_bottom	{
				padding: 10px;
				}


/* recommend (Produkt empfehlen) */
#recommend #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#recommend #content .box	{
				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}

#recommend #content .box .box_bottom	{
				padding: 10px;
				}

#recommend #content .comment	{
				margin-bottom: 2em;
				}


/* login (Loginseite) */
#login #content .box	{
				float: left;
				width: 160px;
				margin-right:15px;
				
				}

#login #content .box.last	{
				float: left;
				width: 160px;

				margin-right:0px;
				}

#login #content .box_middle {
				min-height:170px;
				line-height:14pt;
}

#login #content .box_bottom {
				background:#000000;
				height:30px;
}

#login #content .box_bottom a.button {
				margin-left:10px;
} 


/* forgotPassword (Passwort vergessen) */
#forgotPassword #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#forgotPassword #content .box	{
				float: left;
				width: 250px;

				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}


/* account (Mein Konto) */
#account #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}


/* profile (Meine Daten) */
#profile #content .box	{
				float: left;
				width: 245px;
				margin-top: 2em;
				background:#none;
				margin-right:20px;
				}

#profile #content .box.last	{
				margin-right:0px;
}


/* editCustomer (Benutzerdaten und Persönliche Daten) */
#editCustomer #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#editCustomer #content .box	{
				float: left;
				width: 250px;

				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}

#editCustomer #content .box.last	{
				float: right;
				}

#editCustomer #content .box .box_bottom	{
				padding: 10px;
				}


/* editAddress (Adressdaten) */
#editAddress #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#editAddress #content .box	{
				width: 250px;
				}


/* orders (Meine Bestellungen) */
#orders #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}


/* logout (Logout) */
#logout #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}


/* subscribe (Newsletter abonnieren) */
#subscribe #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#subscribe #content .box	{
				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}


/* unsubscribe (Newsletter kuendigen) */
#unsubscribe #content	{
				width: 520px;

				margin-left: 210px;
				margin-right: 10px;

				padding: 10px;

				border: none;
				background: none;
				}

#unsubscribe #content .box	{
				margin-top: 2em;

				border: #6c6c6c 1px solid;
				background: none;
				}


/* activate (Newsletter aktivieren) */

/* orders (Meine Bestellungen) */
#orders #content .dataTable {
				border-collapse: collapse;
				border-spacing: 0px;
				border:1px solid #6c6c6c;

}

#orders #content tbody .odd .quantity {
				width:30px;
}

#orders #content .orderInfo {
				width:100%;
				margin-top:20px;
}

#orders #content td.price {
				width:50px;
}

#orders #content tr.totalprice td {
				width:60px;
}

#orders #content .orderInfo, #orders #content .moreInfo, #orders #content .paymentaddress, #orders #content .shippingaddress { 
				border-collapse: separate;
				border-spacing: 0px;
				border:1px solid #6c6c6c;
}

#orders #content .orderInfo tbody, #orders #content .moreInfo tbody, #orders #content .paymentaddress tbody, #orders #content .shippingaddress tbody  {
				border:none;
}

#orders #content .orderInfo thead td {
				border:none;
}

#orders #content .orderInfo td {
				border-bottom:1px solid #6c6c6c;
}

#orders #content .orderInfo tr.totalprice td {
				border-top: #6c6c6c 3px double;
				border-bottom:none;
				font-weight:bold; 
}

#orders #content .shippingaddress {
				float:left;
				width:210px;
				border:none;
}

#orders #content .paymentaddress {
				float:right;
				width:210px;
				border:none;
} 

#orders #content table.paymentaddress, #orders #content table.shippingaddress {
				border:1px solid #6c6c6c;
}  

#orders #content table.paymentaddress, #orders #content table.shippingaddress {
				margin-bottom:20px;
}

#orders #content table.moreInfo {
				margin-bottom:20px;
				width:220px;
}

#orders #content td.orderContent, #orders #content td.emptybar {
				border-bottom:2px solid #6c6c6c;
}


/* ----------------------------------------------------------------------------------- */

.vspacer			{
				clear: both;
				height: 0em;
				line-height: 0em;
				}

.vspacer1			{
				clear: both;
				height: 1em;
				line-height: 1em;
				}

.vspacer2			{
				clear: both;
				height: 2em;
				line-height: 2em;
				}

.vspacer3			{
				clear: both;
				height: 3em;
				line-height: 3em;
				}