/***********************************
*	Style-Sheet für den Cafe Del Sol Online-Shop
*	letzte Änderung: 15.01.2009
***********************************/

.check {
	float: none;
	display:block;
	width: 97%;
    margin:  0.3em;
	padding: 0.3em;
	font-weight: bold;
	text-align:left;
	clear: both;
}

.error {
	margin: 0.3em;
	font-weight: bold;
	text-align:left;
	clear:both;
}

.small_basket {
}

.description {
	float: left;
	width: 97%;
	height: 50px;
	margin:  0.3em;
	padding: 0.6em;
}

.adressauswahl {
	width: 400px;
	margin:  0.0em;
	padding: 0.0em;
}

.eins {
	width: 30px;
	margin:  0.0em;
	padding: 0.0em;
	vertical-align: middle;
}

.zwei {
	width: 370px;
	margin:  0.0em;
	padding: 0.0em;
	vertical-align: middle;
}
	
/**************************
* Checkout-Site
**************************/

.spalte_eins {
   margin-left: 0em;
   width: 100%;
   padding: 1px;
   text-decoration: none;
   color:#6F240F;
}
* html .spalte_eins { 
/* fuer IE Win \*/
  margin-left: 1.1%;
/* */
}

.spalte_zwei {
  margin: 0em;
  width: 100%;
  text-decoration: none;
  color:#6F240F;
  }

/**************************
* Checkout-Formularelemente
**************************/

.spalte_zwei_label {
  float:left;
  width: 97%; /* Breite.*/
  margin:  0.3em;
  padding: 0.3em;
  color: #6F240F;
  border-bottom: 1px dotted #6F240F;
}

.spalte_zwei_ergebnis {
  float:left;
  width: 97%; /* Breite.*/
  margin:  0.3em;
  padding: 0.3em;
  background-repeat:no-repeat;
  background-color: #F4F4F4;
  color: #000000;
}

.spalte_zwei_ergebnis input[type="hidden"] { 
  display: none;
 }


.spalte_zwei_ergebnis:hover {
  background-color: #999999;
}
  
.spalte_zwei input {
  float:left;
  width: 97%; /* Breite.*/
  margin:  0.3em;
  padding: 0.3em;
  border: none;
}
  
.spalte_zwei input[type='submit'] {
  font-size: 0.9em;
  float: right;
  color: #FFFFFF;
  background: #6F240F;
  width: auto;
  margin:  0.3em;
  padding: 0.3em;
  border: none;
}

.spalte_zwei select {
	float:left;
	width: 98%; /* Breite.*/
	border: 1px inset #6F240F;
	color: #FFFFFF;
	background: #6F240F;
	width: auto;
	margin: 0.3em;
	padding: 0.3em;
}

.spalte_zwei input[type='checkbox'], input[type='radio'] { /* Alle Labels UND Formularelemente auswählen */
	width: auto; /* Breite.*/
	margin: 0.3em;
	padding: 0.3em;
	
}

/**************************
* Abwicklungsschritte
**************************/

.steps {
  float:left;
  width: 655px;
  height: 30px;
  padding: 0px;
  margin:  5px;
  margin-bottom: 10px;
  color: #6F240F;
  background-color:#FFFFFF;
  border-bottom: 1px dotted #6F240F;
  }
  
.steps_back a {
  float:left;
  font-size: 1.05em;
  padding: 0px;
  margin:  5px;
  color: #6F240F;
  }
  
.steps_active {
  float:left;
  font-size: 1.05em;
  font-weight:bold;
  padding: 0px;
  margin:  5px;
  color: #6F240F;
  }

.steps_active a {
  float:left;
  font-size: 1.05em;
  padding: 0px;
  margin:  5px;
  color: #6F240F;
  }
  
.steps_inactive {
  float:left;
  font-size: 1.05em;
  padding: 0px;
  margin:  5px;
  color: #6F240F;
  }
  
.steps_inactive a {
  float:left;
  font-size: 1.05em;
  padding: 0px;
  margin:  5px;
  color: #6F240F;
  }

    
/**************************
* Warenkorbseite & Produktübersicht
**************************/

div#produkt_eins {
   width: 200px;
   min-width: 200px;
   float:left;
   padding: 5px;
   margin:  5px;
}

* html .produkt_eins { 
/* fuer IE Win \*/
  margin-left: 1.0%;
/* */
}

div#produkt_zwei {
  width:  200px;
/* min-width siehe .box01 */
  min-width: 200px;
  float:left;
  padding: 5px;
  margin:  5px;
  background: #FFFFFF;
  border: 1px dotted #6F240F;
}
  
div#produkt_drei a {
   width:  200px;
/* min-width siehe .box01 */
   min-width: 200px;
   float:left;
   padding: 5px;
   margin:  0px;
   text-align: center;
   color: #FFFFFF;
   background: #6F240F;
   border: 1px dotted #6F240F;  
}

.clear {   
   clear: both;
}

/**************************
* Warenkorbseite - Tabellenansicht
**************************/
	
.warenkorb {
  width: 98%;
  margin:  6px;
  padding: 2px;
  }
  
 .warenkorb a {
  margin:  2px;
  }
  
.warenkorb caption {
  }
  
.warenkorb td, th {
  padding: .4em;
  color: #6F240F;
  border-bottom: 1px dotted #6F240F;
  }

.warenkorb thead th, tfoot th {
  text-align: left;
  padding: .4em;
  color: #6F240F;
  border-bottom: 1px solid #6F240F;  
  }
.warenkorb tbody td a {
  background: transparent;
  text-decoration: none;
  color: #6F240F;
  }
.warenkorb tbody td a:hover {
  }
.warenkorb tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #6F240F;
  }
.warenkorb tbody th a:hover {
  }
.warenkorb tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.warenkorb tfoot td {
  color: #FFFFFF;
  }
.warenkorb tbody tr:hover {
  color: #FFFFFF;
  }
.warenkorb tbody tr:hover th,
.warenkorb tbody tr.odd:hover th {
  color: #FFFFFF;
  }

/**************************
* Adressenseite
**************************/

#box_1 {
  width: 99%;
  float:left;
  margin:  0.3em;
  padding: 0.3em;

}

#box_2 {
  width: 99%;
  float:left;
  margin:  0.3em;
  padding: 0.3em;
 
}

.submit_left {
	font-size: 0.9em;
	float: left;
	color: #FFFFFF;
	background: #6F240F;
	width: auto;
	margin:  0.3em;
	padding: 0.3em;
	border: none;
}

.submit_left a {
	font-size: 0.9em;
	float: left;
	color: #FFFFFF;
	background: #6F240F;
	width: auto;
	margin:  0.1em;
	padding: 0.1em;
	border: none;
}

.submit_right {
	font-size: 0.9em;
	float:right;
	color: #FFFFFF;
	background: #6F240F;
	width: auto;
	margin: 0.3em;
	margin-right: 0.6em;
	padding: 0.3em;
	border: none;
}

/* Cafe Del Sol Uebersicht */

.uebersicht {
  width: 100%;
  margin:  0px;
  padding: 0px;
  }
  
.uebersicht_1 {
  margin:  8px;
  padding: 8px;
  padding-left:45px;
  background-image: url(../images/cds_zeichen_1.gif);
  background-position: left; background-repeat: no-repeat;
  vertical-align: bottom;
}

.uebersicht_2 {
  margin:  8px;
  padding: 8px;
  padding-left:45px;
  background-image: url(../images/cds_zeichen_2.gif);
  background-position: left; background-repeat: no-repeat;
  vertical-align: bottom;
}

.uebersicht_3 {
  margin:  8px;
  padding: 8px;
  padding-left:45px;
  background-image: url(../images/cds_zeichen_3.gif);
  background-position: left; background-repeat: no-repeat;
  vertical-align: bottom;
}

.uebersicht_4 {
  margin:  8px;
  padding: 8px;
  padding-left:45px;
  background-image: url(../images/cds_zeichen_4.gif);
  background-position: left; background-repeat: no-repeat;
  vertical-align: bottom;
}
  
.uebersicht caption {
  }
  
.uebersicht td, th {
  padding: .4em;
  color: #6F240F;
  border-bottom: 1px dotted #6F240F;
  }

.uebersicht thead th, tfoot th {
  text-align: left;
  padding: .4em;
  color: #6F240F;
  border-bottom: 1px solid #6F240F;  
  }
.uebersicht tbody td a {
  background: transparent;
  text-decoration: none;
  color: #6F240F;
  }
.uebersicht tbody td a:hover {
  }
.warenkorb tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #6F240F;
  }
.uebersicht tbody th a:hover {
  }
.warenkorb tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.uebersicht tfoot td {
  color: #FFFFFF;
  }
.uebersicht tbody tr:hover {
  color: #FFFFFF;
  }
.uebersicht tbody tr:hover th,
.uebersicht tbody tr.odd:hover th {
  color: #FFFFFF;
  }
  
.uebersicht_submit {
    font-size: 0.9em;
	float:right;
	color: #FFFFFF;
	background: #6F240F;
	width: auto;
	margin:  0.3em;
	padding: 0.3em;
	border: none;
  }