/*
****************************** Globale Formatierungen ******************************
*/

html {
  height:100%;
}

body {
  height:100%;
  margin:0;
  padding:0;
  background-color:#000000;
  font-size:62.5%;
}

form {
  margin:0;
  padding:0;
}

input, select, textarea {
  font:normal 1.0em Arial, Helvetica, sans-serif;
  height:16px;
  padding:2px 1px;
  background:#F1F1F1;
  border:1px solid #000000;
}
*html input, * html select, * html textarea {
  border:2px inset #444444;
}
select {
  height:22px;
}
.black {
  height:24px;
  border:0;
  color:#999999;
  margin-bottom:-1px;
  padding-bottom:2px;
}
* html .black {
  margin:0;
  padding:0;
}
.choice {
  border:0;
  margin:0;
  padding:0;
  background:transparent;
}


table {
  width:100%;
  margin:0;
  padding:0;
}

td {
  margin:0;
  padding:0;
  vertical-align:top;
}

br {
  clear:left;
}

ul {
  list-style-image:url(images/dot.gif);
}

li {
  margin-bottom:0.6em;
}

h1 {
  font:normal 1.8em "Verdana", Arial, Helvetica, sans-serif;
  color:#999999;
  margin:0;
  margin-bottom:16px;
}

h2 {
  font:bold 1.1em/1.2em "Verdana", Arial, Helvetica, sans-serif;
  color:#97006E;
  margin:0;
  margin-bottom:1.6em;
}

.bold {
  color:#BB6600;
  font-weight:bold;
}

.small {
  font:normal 0.9em/1.4em "Verdana", Arial, Helvetica, sans-serif;
}

.alert {
  font:bold 0.9em "Verdana", Arial, Helvetica, sans-serif;
  color:#BB6600;
  text-transform:uppercase;
}

.pagelist {
  text-align:right;
  color:#C48600;
}

a {
  color:#C48600;
  text-decoration:underline;
}

/*
************************************ Hintergrund ***********************************
*/

.header {
  position:absolute;
  top:0;
  width:900px;
  margin-left:-450px;
  left:50%;
  height:101%;
  z-index:1;
}

.center {
  position:absolute;
  top:233px;
  width:900px;
  margin-left:-450px;
  left:50%;
  background:url(images/center_bg.gif) top repeat-y;
  z-index:3;
}

/*
*************************** Linke Seite (Shopnavigation) ***************************
*/

.shop_nav {
  position:relative;
  width:205px;
  padding-top:15px;
  padding-bottom:35px;
  font:normal 1.2em "Verdana", Arial, Helvetica, sans-serif;
  color:#999999;
  float:left;
  background:url(images/nav_bg.gif) top no-repeat;
}
.shop_nav a {
  text-decoration:none;
}
.shop_nav a:hover {
  text-decoration:underline;
}
.shop_nav form {
  margin-top:4px;
}
h2.shop_title {
  font:bold 1.1em/1.2em "Verdana", Arial, Helvetica, sans-serif;
  margin-bottom:0.2em;
  color:#97006E;
}
.shop_padding {
  padding-left:18px;
}
.shop_nav_padding {
  padding-left:11px;
  padding-bottom:6px;
}

.find {
  width:110px;
}

/*
************************** Rechte Seite (Hauptnavigation) **************************
*/

.main {
  position:relative;
  margin-left:225px;
  background:url(images/main_bg.gif) top no-repeat;
}

/*
************************** Rechte Seite (Inhaltsbereich) ***************************
*/

.content {
  position:relative;
  left:25px;
  width:620px;
  padding-top:15px;
  font:normal 1.2em "Verdana", Arial, Helvetica, sans-serif;
  color:#999999;
  overflow:hidden;
}

/*
**************************** Artikel Vorschau und Liste ****************************
*/

.item_group {
  text-align:center;
}
.item_group table {
  width:auto;
}
.item_group td {
  padding-left:30px;
  padding-right:30px;
}
.item_group img {
  border-top:1px solid #3F3F3F;
  border-right:1px solid #2B2B2B;
  border-bottom:1px solid #2B2B2B;
  border-left:1px solid #3F3F3F;
  margin-bottom:4px;
}
.item_group a {
  font-weight:bold;
}
.item_group .space {
  padding-top:16px;
}


h2.item_title {
  margin-bottom:0.6em;
}
h2.item_price {
  color:#BB6600;
  margin-bottom:0.2em;
}
.item_short_details {
  position:relative;
  float:left;
  width:415px;
}
.item_wide_details {
  position:relative;
  width:600px;
}
.item_list {
  padding-left:25px;
  white-space:nowrap;
}
.item_image_list {
  position:relative;
  float:left;
  padding-left:25px;
  padding-top:13px;
}
* html .item_image_list {
  padding-top:3px;
}
.item_image {
  width:170px;
  border-top:1px solid #3F3F3F;
  border-right:1px solid #2B2B2B;
  border-bottom:1px solid #2B2B2B;
  border-left:1px solid #3F3F3F;
  background:#000000;
  overflow:hidden;
}
.item_image_title {
  width:172px;
  padding-top:4px;
  text-align:center;
  font-size:0.9em;
}
.item_fullsize {
  border-top:1px solid #3F3F3F;
  border-right:1px solid #2B2B2B;
  border-bottom:1px solid #2B2B2B;
  border-left:1px solid #3F3F3F;
  margin-bottom:3px;
}
.item_small_preview {
  border-top:1px solid #3F3F3F;
  border-right:1px solid #2B2B2B;
  border-bottom:1px solid #2B2B2B;
  border-left:1px solid #3F3F3F;
  margin:10px 10px 10px 0;
}
* html .item_small_preview {
  margin:0 10px 0 0;
}

/*
********************************** Menge bestellen *********************************
*/

.order {
  text-align:right;
  padding-top:1.6em;
}
.order_form {
  margin-top:4px;
  margin-bottom:2px;
}
* html .order_form {
  margin-bottom:0;
}

/*
*********************************** News-Vorschau **********************************
*/

.news_image {
  border:1px solid #574734;
}
.news_list {
  padding-left:25px;
}
.news_preview {
  border:1px solid #574734;
  margin-right:25px;
  float:left;
  overflow:hidden;
}
.news_text {
  float:left;
}


.detail {
  display:block;
  float:left;
  margin-top:8px;
}

/*
********************************** Kontaktformular *********************************
*/

.contact_form {
  float:left;
}
.contact_form input {
  width:180px;
  margin-right:25px;
  margin-bottom:10px;
}
.contact_form textarea {
  width:391px;
  height:150px;
  margin-bottom:10px;
}

/*
************************************* Warenkorb ************************************
*/

.cart_first {
  vertical-align:middle;
}
.cart_right {
  text-align:right;
  vertical-align:middle;
  padding-left:10px;
  white-space:nowrap;
}
.cart_space {
  border-style:none;
  background-color:#FFF9F1;
}
.cart_small {
  width:30px;
}
.cart_small_button {
  width:30px;
  background:url(images/cart_small_button.gif);
}
.cart_mid_button {
  width:80px;
  background:url(images/cart_mid_button.gif);
}
.cart_wide_button {
  width:90px;
  background:url(images/cart_wide_button.gif);
}
.cart_next {
  width:60px;
}

/*
********************************* Checkout-Schritte ********************************
*/

.step_active {
  font-weight:bold;
  color:#BB6600;
}
.step_passive {
  font-weight:normal;
  color:#999999;
}

/*
****************************** Anmelde-/Login-Formular *****************************
*/

.checkout label {
  width:115px;
  display:block;
  float:left;
  margin-top:12px;
}
.checkout input {
  width:210px;
  margin-top:8px;
}
.checkout select {
  width:216px;
  margin-top:8px;
}
.checkout .middle {
  width:145px;
}
.checkout .short {
  width:60px;
}
.checkout .short_button {
  width:60px;
  background:url(images/short_button.gif);
}
.large_button {
  width:140px;
  background:url(images/large_button.gif);
}
.checkout .submit {
  width:80px;
}

/*
****************************** Tabelle Kaufbestätigung *****************************
*/

.confirm_right {
  text-align:right;
  padding-left:20px;
  white-space:nowrap;
}
.confirm_edit {
  padding-left:20px;
  vertical-align:bottom;
}
h2.confirm_title {
  margin-bottom:0;
}

/*
*********************************** Bankverbindung *********************************
*/

.bank_left {
  color:#BB6600;
  font-weight:bold;
  float:left;
  width:160px;
}
.bank_right {
  float:left;
}



.footer {
  text-align:right;
}