/* ==== COMMON SETTINGS ==== */
*       { margin:0; padding: 0; }
p       { padding-bottom: 15px; }
a       { text-decoration: none; color: #C0CD04; }
ul	{ list-style-position: inside; }
a:hover { text-decoration: underline; }
.clear  { clear: both; }
.clean  { clear: both; }
body    { font: 11pt Arial, Helvetica, sans-serif; color: #c8d100; background: #000000 url('img/body_start.jpg') top center no-repeat; line-height: 14pt;}

/* ==== HEADINGS ==== */
h1	{ font-size: 24px; margin-bottom: 15px; color: #ffffff; line-height: 22pt; text-transform: uppercase;}
h4	{ font-size: 24px;margin-bottom: 15px; color: #ffffff; line-height: 22pt; text-transform: uppercase; text-align: center;}
h2	{ margin-bottom: 10px;  }
h3	{  }

/* ==== FORMS ==== */
.text,
.textarea,
.select,
.captcha       { border: 1px solid #333; background: #010E14; padding: 2px; width: 220px; font: 9pt Arial; margin-bottom: 5px; color: #fff; }
.select	       { width: 226px; }
.submit	       { border: none; background: #333; color: #fff; padding: 3px 10px; font: 8pt Arial; font-weight: bold; }
.submit:hover  { cursor: pointer; background: #C0CD04; color: #333; text-decoration: none; }
label	       { display: block; float: left; width: 130px; }
fieldset       { border: 1px solid #333; padding: 20px; }
legend	       { padding: 0 5px; }

/* ==== PAGE POSITIONING ==== */
#wrapper       { width: 980px; margin: 0 auto; }
#container     { background: #000000; min-height: 450px; padding: 30px; }
#header	       { position: relative; height: 227px; }
#footer	       { clear: both; border-top: 1px solid #d4d603; padding: 5px 0; width: 980px; }

/* ------ Header ------ */
#header .topnav		      { position: absolute; top: 181px; height: 46px; width: 940px; padding: 0 20px; background: transparent url('img/menu.png') 0 0 no-repeat; }
#header .topnav ul	      { list-style-type: none; line-height: 46px; }
#header .topnav li	      { display: inline; font-size: 12pt; color: #fff; }
#header .topnav a,
#header .topnav span	      { float: left; display: block; color: #fff; height: 46px; padding: 0 10px; text-decoration: none; }
#header .topnav a:hover,
#header .topnav span,
#header .topnav .trail a      { background: #000000; }

#main .distributor_search     { margin-bottom: 20px; }
#main .distributor	      { border: 1px solid #3d4208; background: #0d0f04; padding: 15px; margin-bottom: 5px; }
#main .distributor h3	      { color: #D4D603; margin-bottom: 10px; }
#main .distributor ul	      { list-style-type: none; }

/* ------ Left, Right ------- */
#left h3, #right h3	      { line-height: 25px; border-bottom: 1px solid #C0CD04; color: #fff; padding-left: 5px; font-weight: normal; margin-bottom: 10px; }
#left .block, #right .block   { margin-bottom: 20px; }
#right form		      { padding: 5px; }
#right form .text	      { width: 150px; }
#left ul		      { list-style-type: none; }
#left li		      { line-height: 25px; padding-left: 5px; }
#left a			      { color: #C0CD04; }
#left a.active		      { font-weight: bold; color: #fff; }

/* ------ Webshop ------ */
/* Articlelist */
#main .articleListItem		{ width: 100%; text-align: left; padding: 10px 0; border-bottom: 1px solid #333; }
#main .articleImage		{ float: left; border: none; margin-right: 20px; }
#main .articleImage img		{ padding: 2px; border: 1px solid #333; }
#main .articleImage img:hover	{ border-color: #999; }
#main .articleTitle a		{ font-size: 10pt; font-weight: bold; }
#main .articleTeaser a	        { color: #ccc; }
#main .articlePrices		{ margin-top: 20px; }
#main .valuePrice		{ font-size: 12pt; font-weight: bold; }
#main .captcha_text		{ display: block; width: 216px; line-height: 20px; margin: -5px 0 5px 0; padding: 0 5px; background: #222; }
#main ul			{ margin: 0; }
#main .sitemap h3		{ margin-top: 20px; padding-bottom: 5px; }
#main .mod_login		{ margin-bottom: 30px; }

#main .offers			{ list-style-type: none; margin: 0; }
#main .offers li		{ float: left; display: block; width: 163px; background: #eee; border: 1px solid #ddd; padding: 10px; margin: 0 10px 10px 0; text-align: center; }
#main .offers .third		{ margin-right: 0; }
#main .offers h3		{ margin-bottom: 10px; font-size: 10pt; }
#main .offers h3 a		{ color: #000; }
#main .offers .price		{ margin-top: 5px; }
#main .offers .valuePrice	{ color: #C0CD04; display: block; }
#main .offers .shippingNotice	{ font-size: 7.5pt; }
#main .offers .taxInfo		{ font-size: 7.5pt; }

#main .reg a			 { color: #fff; text-decoration: underline; }
#main p.error			 { display: none; }
#main input.error		 { border: 1px solid red; }

/* Minishop */
#main .item			 { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #222; }
#main .item img			 { float: left; padding: 2px; border: 1px solid #222; }
#main .item .right		 { margin-left: 130px; }
#main .item .price		 { float: right; font-size: 15pt; font-weight: bold; color: #fff; }
#main .item .text		 { width: 30px; }
#main .item p.amount		 { display: inline; padding: 0 0 0 10px; }

#main .checkout table		 { width: 100%; margin-bottom: 30px; }
#main .checkout th		 { line-height: 20px; border-bottom: 1px solid #333; }
#main .checkout td		 { line-height: 20px; }
#main .checkout .border td	 { border-bottom: 1px solid #222; }
#main .checkout .submit		 { margin-top: 10px; }

/* Articledetail */
#main .webShopQTY		{ padding: 2px; font: 9pt Arial; border: 1px solid #ccc; width: 30px; }

/* Cart */
#main .mod_webShop_shoppingCart	 { width: 100%; }
#main .webShop_cartHeading li	 { border-bottom: 1px solid #555; }
#main .webShop_cartItem		 { border-bottom: 1px solid #333; }
#main .cartItemImage		 { width: 50px; }
#main .cartItemTitle		 { width: 435px; }
#main .cartItemQTY		 { width: 110px; position: relative; }
#main .cartItemQTY .itemQTY	 { position: absolute; top: 1px; left: 0; width: 30px; padding: 1px; font: 9pt Arial; border: 1px solid #333; }
#main .cartItemQTY .updateCart	 { position: absolute; top: 0; left: 38px; }
#main .cartItemQTY .btnRemoveItem{ position: absolute; top: 0; left: 60px; }
#main .cartItemSinglePrice	 { width: 50px; }
#main .cartItemTotalPrice	 { width: 50px; }
#main .leftRow			 { float: left; width: 155px; margin-right: 0; }
#main .rightRow			 { float: right; width: 340px; }
#main .articleNumber		 { display: none; }
#main .webShop_total label	 { width: 500px; }
#main .shoppingOverview ul		 { border-bottom: 1px solid #333; }
#main .shoppingOverview .heading	 { border: none; }
#main .shoppingOverview li		 { display: block; float: left; }
#main .shoppingOverview .articleName	 { width: 410px; }
#main .shoppingOverview .articleQTY	 { width: 40px; }
#main .shoppingOverview .articlePrice	 { width: 60px; }
#main .shoppingOverview .articleSum	 { width: 60px; }
#main .shoppingTotal			 { border-top: 0; display: block; height: 30px; }
#main .addresses div			 { width: 200px; }
#main .billingLabel,
#main .taxLabel,
#main .paymentLabel,
#main .shippingLabel,
#main .articlePriceLabel		 { width: 250px; }
#main .overviewBilling			 { margin-bottom: 20px; }
#main .customerCommentArea		 { width: 500px; background: #333; }
#main #frmCheckoutConfirm label		 { width: 100%; }
#main #frmCheckoutConfirm		 { margin-bottom: 20px; }
#main .webShop_info			 { display: block; height: 24px; font: 12px Arial; padding: 0 5px; line-height: 24px; color: #90B50F; }
#main .webShop_info			 { background: none; font-weight: bold; }
#main .articleListItem .hasSpecialPrice  { color: #333; }
#main .articleListItem .specialOffer	 { color: #ff0000; font-size: 13pt; font-weight: bold; }
#main .articleListItem label		 { float: none; }
#main .rightRow .articleTeaser		 { margin-bottom: 20px; }
.mod_webShop_articleDetails .articlePrice{ margin-bottom: 10px; }
#main .rightRow .submit			 { padding: 3px 10px; margin-left: 5px; }
#main .rightRow fieldset		 { border: 1px solid #333; padding: 10px; }
#main .webShop_total			 { margin-top: 10px; }
#main .webShop_total label		 { display: inline; width: 450px; }
#main ul.webShop_cartItem		 { padding: 0; height: 60px; padding: 5px 0; }
#main .webShop_cartItem .btn		 { margin-top: 1px; }
#main .webShop_cartItem input		 { background: #010E14; color: #fff; }
#main .webShop_cartHeading li		 { margin: 0; }
#bestelluebersicht .item_even li,
#bestelluebersicht .item_odd li		 { border-bottom: 1px solid #333; }
#bestelluebersicht .shoppingOverview .articleName { width: 540px; }
#bestelluebersicht textarea		  { color: #fff; }
.checkboxOn { color: #fff; }


/* ------ Footer ------ */
#footer ul	  { list-style-type: none; }
#footer a	  { color: #fff; }