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

#main			{
				width: 1020px;
				padding: 180px 0px 40px 0px;
				}

	#content			{
					float: left;
					width: 560px;
					margin-left: 200px;
					padding:6px 15px 0px 25px;
					}
					
	#navigation_left		{
					float: left;
					width: 176px;
					margin-left: -790px;
					}

	#navigation_right	{
					float: right;
					width: 176px;
					margin-right:10px;
					}

		#navigation_left .box_top	{
						width: 176px;
						padding: 5px 10px;
						
						background:url(../img/layout/navi_left_top.jpg) top left no-repeat;
						}
						
		#navigation_left .subnav_box_top	{
						width: 176px;
						padding: 5px 10px;
						
						background:url(../img/layout/subnav_top.jpg) top left no-repeat;
						}
						
		#navigation_right .box_top	{
						width: 176px;
						height:23px;
						padding: 8px 10px 2px 10px;
						
						background:url(../img/layout/navi_right_top.jpg) top left no-repeat;;
						}

		#navigation_left .box_middle	{
						width: 170px;

						border-right: #d8d8d8 3px solid;
						border-left: #d8d8d8 3px solid;
						background: #7db0e5;
						}
						
		#navigation_right .box_middle	{
						width: 150px;

						padding: 10px;

						
						border-left: #d8d8d8 3px solid;
						border-right: #d8d8d8 3px solid;
						background: #ffffff;
						}

		  #navigation_left .box_bottom	{
						width: 176px;
						height: 14px;
						margin-bottom: 15px;

						background:url(../img/layout/navi_left_bottom.jpg) top left no-repeat;
						}
						
		 #navigation_right .box_bottom	{
						width: 176px;
						height: 12px;
						margin-bottom: 15px;

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

#footer			{
				margin: 0px auto;

				width: 1020px;
				height: 50px;

				line-height: 50px;
				text-align: center;

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

#header			{
				position: absolute;
				top: 0px;
				width: 1000px;
				height: 150px;

				padding: 0px 10px;
				}

	#logo			{
					position: absolute;
					top: 20px;

					width: 1000px;
					height: 110px;

					background: #ffffff;
					}

	#navigation_top		{
					position:absolute;
					top:33px;
					left:209px;
					width: 800px;
					height: 27px;
					
					line-height: 27px;
					}
					
	#header #head_navigation .Navigation {
					margin-right:20px;
					position:absolute;
					right:0;
					top:4px;
					}

	.Breadcrumbs		{
					position: absolute;
					top: 119px;
					left:0px;
					
					width:750px;
					height: 25px;
					padding-left: 226px;

					line-height: 35px;
					text-align: right;
					}

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

.order_top			{
				margin-bottom: 2em;

				background: #f5f5f5;
				}

.order_bottom		{
				margin: 2em 0em;
				}

.paging_top		{
				padding: 10px 10px 50px 10px;
				font-size:0.8em;
				}

.paging_bottom		{
				border-top:1px dotted #E1EBF5;
				padding: 10px;
				margin-top: 2em;
				}

.account_top		{
				padding:0px;
				margin-bottom: 4em;

				color: #7ca07b;
				font-weight: bold;
				}

.order_information	{
				margin-top: 2em;
				padding-top: 2em;
				margin-bottom:20px;


				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: 0 0 1em 1em;
				padding: 0.5em;

				border: #e4e8ed 1px solid;
				}

div.printpage:hover	{
				border: #8ebacd 1px solid;
				}

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_top	{
				padding: 5px 10px 5px 10px;
				
				background:url(../img/layout/box_top.jpg) top left repeat-x;
				color:#5c5c5c;
				font-family: Verdana, Tahoma, sans-serif;
				font-weight: bold;
				font-size: 1em;
				line-height: 1.5em;
				}

#content .box_middle	{
				padding: 1em;

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

/* home (Startseite) */
#home #content .box	{
				float: left;
				width: 190px;
				margin-right: 15px;
				padding: 0px;
				}

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

#home #content .box_top	{
				background-repeat:no-repeat;
				background-position:bottom center;
				width:230px;
				height:230px;
}

#home #content .box_middle	{
				position:relative;
				padding:8px 0px;

				background:url(../img/layout/box_middle.jpg) top left no-repeat;
				font-size:1em;
				}
				
#home #content .box_bottom	{
				height:43px;
				padding:5px 0px 0px 5px;
				
				background:url(../img/layout/box_bottom.jpg) top left no-repeat;
}

  #home #content .specialOffers .box_top
, #home #content .novelties .box_top
, #home #content .randomProducts .box_top	{	

}

  #home #content .specialOffers .box
, #home #content .novelties .box
, #home #content .randomProducts .box	{
				float: left;
				width: 256px;
				margin:30px 45px 60px 0px;
				border: none;
				background: none;
				}

  #home #content .specialOffers .box.last
, #home #content .novelties .box.last
, #home #content .randomProducts .box.last	{
				float: left;
				width: 256px;
				margin-right: 0px;
				background:none;
				}				


/* category_folder (Kategorie�bersicht) */
#category_folder #content .box	{
				float: left;
				width: 260px;
				}

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

#category_folder #content .box_top	{
				height: 100px;
				padding:10px;

				background:url(../img/layout/box_middle.jpg) top left no-repeat;
				width:237px;
				height:42px;
				
				font-size:1.2em;
				}

#category_folder #content .box_middle	{
				height:260px;
}

#category_folder #content .box_middle a {
				display:block;
				height:250px;
				width:260px;
}

/* category (Produkt�bersicht) */
  #category #content .box
, #search #content .box	{
				margin-bottom: 2.5em;
				width:256px;
				float:left;
				margin-right:45px;
				}
				
  #category #content .box.last
, #search #content .box.last {
				margin:0px;
}

  #category #content .box_middle
, #search #content .box_middle	{
				padding:10px 0px 10px 10px;
				width:246px;
				height:22px;

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

  #category #content .box_top
, #search #content .box_top	{
				background:none;
}

  #category #content .box_bottom
, #search #content .box_bottom	{
				position:relative;
				padding: 0.5em 0em 0em 0.5em;
				margin-bottom:5em;
				
				width:256px;
				height:43px;
				
				background:url(../img/layout/box_bottom.jpg) top left no-repeat;
				}

  #category #content .image
, #search #content .image	{
				width: 246px;
				height:auto;
				text-align:center;
				}

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

	  #category #content .box_bottom .cart
	, #search #content .box_bottom .cart {
					width:145px;
	}
	
	
	  #category #content .box_bottom .price
	, #search #content .box_bottom .price	{
					float:right;
					margin:5px 10px 0px 0px;
					font-size: 1.2em;
					font-weight: bold;
					text-align: right;
					color:#497db2;
					}
					
	  #category #content .box_bottom .old_price
	, #search #content .box_bottom .old_price {
					float:right;
					width:70px;
					margin:6px 0px 0px 0px;
					
					text-decoration:line-through;			
	}

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

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

  #category .paging_bottom
, #search .paging_bottom	{
				margin-top: 0em;
				}
				
  #category #content div.shipping
, #search #content div.shipping {
				font-size:0.9em;
				text-align:right;
				font-style:italic;
				padding-top:10px;
}
				
/* product (Produktansicht) */
#product #content div.description h4 {
				margin-top:50px;
				padding-left:25px;
				
				color:#333333;
				font-weight:bold;
				background:url(../img/icons/info.gif) top left no-repeat;
}

#product #content {
				position:relative;
}

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

				background: none;
				}

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

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

#product #content .box_bottom div.description {
				font-weight:normal;
				
				margin-top:5px;
}

	#product #content .product .box_middle	{
				background:#ffffff;
	}
	
	#product #content .product .producer	{
					float: right;
					margin: 0px 0px 3px 10px;

					text-align: center;
					}

	#product #content .product .price	{
					margin: 1em 0em 0em 0em;
					padding-left:25px;

					color:#497db2;
					font-size: 2.5em;
					font-weight: bold;
					}
					
	#product #content .product .old_price {
					width:227px;
					padding-left:25px;
					
					font-size:12pt;
					text-decoration:line-through;			
	}

	#product #content .product .comment	{
					padding-left:25px;
					
					font-size: 0.8em;
					}
				
#product #content div.shipping {
				background:url(../img/icons/shipping.gif) 0px 21px no-repeat;
				font-weight:bold;
				
				padding:20px 0px 0px 30px;
}
				
#product #content .images	{
				float: left;
				width: 262px;

				
				text-align: center;
				}

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

#product #content .images .thumbnails	{
				width: 262px;
				padding-top: 1.5em;
				margin:20px 0px 0px 100px;

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

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

#product #content .images .box_middle {	
				background:#e6e6e6;
				border-left:3px solid #d8d8d8;
				border-right:3px solid #d8d8d8;
}

#product #content .images .box_top {
				display:block;
				
				background:url(../img/layout/thumbnail_top.jpg) top left no-repeat;
}

#product #content .images .box_bottom {
				background:url(../img/layout/thumbnail_bottom.jpg) top left no-repeat;
				height:10px;
				
				margin-top:0px;
}

#product #content .images .box_middle .image	{
				float: left;
				width: 75px;
				margin-bottom:5px;
				}

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

#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	{
				margin-top: 1em;

				line-height: 2em;
				background: url(../img/icons/print.gif) center left no-repeat;
				}

#product #content .recommend	{
				line-height: 2em;
				background: url(../img/icons/recommend.gif) center left no-repeat;
				}

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

/* cart (Warenkorb) */
#cart #content .box_middle {
				padding:10px 2px;
				}

#cart #content .box_top	{
				background:none;
				}

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

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

#cart #content div.voucher	{
				margin-top: 2em;
				margin-bottom: 1em;
				}

#cart #content .cart_buttons .update {
				margin-top:20px;
				float:right;
}

#cart #content .cart_buttons .clear {
				margin-top:20px;
				float:left;
}

/* address (Adressdateneingabe) */
#address #content .billing	{
				float:left;
				width:240px;
				padding-right:25px;
				}

#address #content .shipping	{
				float:right;
				width:240px;
				
				}

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

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


/* payment (Zahlungsseite) */
#payment #content .order_bottom	{
				margin-top: 3.5em;
				}

/* finish (Abschlussseite) */

#finish #content .box_middle {
				padding:10px 2px;
}

  #finish #content div.cart
, #finish #content div.payment
, #finish #content div.shipping
, #finish #content div.billing_address
, #finish #content div.shipping_address	{
				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;
				}

#finish #content div.order_bottom	{
				margin: 0px;
				}


/* register (Registrierungsseite) */
#register #content .box	{
				margin-bottom: 1.5em;
				width:270px;
				float:left;
				padding-right:10px;
				}

#register #content .box.last	{
				border: none;
				background: none;
				}

#register #content .box.last .box_middle	{
				margin-bottom: 1.5em;
				}
				
#register #content .box_bottom {
				padding:1em;
}

/* contact (Kontaktformular) */
#contact #content .box.last	{
				margin-top: 3em;
				}

/* recommend (Produkt empfehlen) */
#recommend #content .box.last	{
				margin-top: 3em;
				}

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


/* login (Loginseite) */
#login #content .box	{
				float: left;
				width: 195px;
				}
				
#login #content .box_top {
				border-right:1px dashed #d9d9d9;
}

#login #content .box.last .box_top {
				border:none;
}

#login #content .box.last	{
				float: left;
				width: 170px;
				margin-right:0px;
				
				border: none;
				background: none;
				}

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

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

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



/* forgotPassword (Passwort vergessen) */
#forgotPassword #content .box	{
				width: 310px;
				}


/* profile (Meine Daten) */
#profile #content .box	{
				margin-bottom: 2.5em;
				width:250px;
				float:left;
				margin-right:45px;
				}
				
#profile #content .box.last {
				margin:0px;
}

#profile #content .box_middle	{
				padding: 10px;
				

				text-align: left;

				background-position: top left;
				background-repeat: no-repeat;
				background-color: #ffffff;
				}

/* editCustomer (Benutzerdaten und Pers�nliche Daten) */
#editCustomer #content .box	{
				float:left;
				width:220px;
				}

#editCustomer #content .box.last	{
				float:right;
				width:220px;
				
				margin-bottom:30px;
				}
				
#editCustomer #content .box_middle {
				min-height:200px;
}

#editCustomer #content .vspacer	{
				clear: both;
				}
				
#editAddress #content .box {
				width:230px;
}

#editAddress #content .account_bottom {
				margin-top:20px;
}

#editAddress #content .account_bottom .save {
				float:left;
	}
	
	
/* orders (Meine Bestellungen) */
#orders #content .dataTable {
				border-collapse: collapse;
				border-spacing: 0px;
				border:none;
				
				border:none;
}
			
#orders #content .dataTable td {
				border-bottom:1px dotted #E1EBF5;
}

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

#orders #content .orderInfo {
				width:100%;
				margin:20px 0px 30px 0px;
}

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

#orders #content table.orderInfo thead td {
				background:url(../img/layout/box_top.jpg) top left repeat-x;
}

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

#orders #content .orderInfo tbody td {
				border-bottom:1px solid #E5E5E5;
				padding:10px 4px;
}

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

#orders #content .orderInfo thead td.totalprice {
				text-align:right;
}

#orders #content .orderInfo tr.totalprice td.label {
				width:100px;
}

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

  #orders #content thead td.paymentaddress
, #orders #content thead td.shippingaddress
, #orders #content table.moreInfo thead td {
				background:url(../img/layout/box_top.jpg) top left repeat-x;
				border:none;
}

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

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

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

#orders #content .moreInfo td {
				border:none;
}

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

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

div.hr			{
				clear: both;
				height: 1px;
				line-height: 1px;

				margin: 2.5em 0em;

				background: #f5f5f5;
				}

.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;
				}