/* CSS Document Formulare*/

form {
   float:left;
   /*clear:left;*/
   display:block;
   width:97%;  
   padding:0 0 0 5px; 
   }

.form-clear{
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}

/*Beschriftung Formulare*/
label {
  text-align: left;   
  float:left;
}


/*Beschriftung Login-Bereich */  

.login-form {
  width:98%;
  float:left;
  margin:0px 0 6px 0;
  }


.login-text {
  font-size:75%;
  width:20%;
  display:block;
  color:#000000;
  float:left;
  /*clear:both;*/
  margin:5px 0 0 0;
  padding:3px 0 0 0px;
  }
  
/*Beschriftung Lesezeichen*/

.lesezeichen {
   font-size:80%;
   display:block;
   float:left;
   padding:3px 0 0 5px;
   margin:0;
   color:#000000;
   }  
   
 /*Beschriftung Label Anzahl*/
 .anzahl-label {
   float:left;
   clear:both;
   color:#000000;
   font-size:80%;
   }  
  
/* Label fuer Auswahlboxen */
.auswahl-suche {
  display:block;
  float:left;
  width:90%;
  font-size:85%;
  color:#000000;
  margin:5px 0 0 0;
  padding:3px 0 0 5px;
  }  
  
/*Container fuer ein Formularabschnitt Texteingabe*/

.formular-breite {
  float:left;
  width:98%;
  /*height:26px;*/
  margin:2px 0 0 0;
  }   
 
  /*Container fuer ein Formularabschnitt Auswahl*/

.formular-breite-auswahl {
  float:left;
  width:49%;
  height:26px;
  margin:16px 0 0 0;
  }  
  
/*Container fuer Warenkorb Anzahl */   
.anzahl {
float:left;
width:2em;
height:1em;
margin:0px 0 5px 10px;
padding:0.2em;
}
  
 
 /*Label text fuer Suchen-Maske*/
  
.suche-text {
  font-size:80%;
  width:30%;
  display:block;
  color:#000000;
  float:left;
  /*clear:both;*/
  margin:5px 0 0 0;
  padding:3px 0 0 5px;
  }
  

/*Breite des Eingabefeldes*/
.formbreite {
   width:53%;
   /*clear:left;*/
   /*height:14px;*/
   float:right;
   margin:5px 5px 0 0;

   }

  
   
   
 /*Breite des Eingabefeldes in der Suchen Maske*/
   
.formbreite-suche {
   width:55%;
   /*clear:left;*/
   /*height:14px;*/
   float:left;
   margin:5px 5px 0 0;
   } 
   

/*Kombifelder suche dropdown und Suche Freitext */
.label-kombi {
   font-size:80%;
   width:98%;
   float:left;
   margin:10px 0 0px 0;
   padding:5px 0 0 5px;
   font-weight:bold;
   border-top:1px solid #004080;
   border-right:0px;
   border-bottom:0px;
   border-left:0px;

   }
/*Formatierung fuer trefferauswahl*/   
.suche-treffer-li {
   width:15%;
   float:left;
   margin:10px 10px 0 5px;
   }


.suche-auswahl-li {
   width:27%;
   float:left;
   margin:10px 10px 0 5px;
   }
  
.suche-auswahl-re {
    width:55%;
   float:left;
   margin:10px 10px 0 5px;
	}      
   
 /*Container fuer Formularabschnitt Auswahlfeld Dropdown Suche*/
  .formbreite-suche-dropdown {
   width:56%;
   /*clear:left;*/
   /*height:20px;*/
   float:left;
   margin:5px 5px 0 0;

   } 
   
   
/*25%Spalte rechtsbuendig fuer Button*/
.suche-25 {
   float:left;
   width:45%;
   text-align:left;
   margin:6px 0px 0 0;
   }
   
/* Container fuer Formular Auswahlbutton*/   
.formbreite-auswahl {
   float:left;
   width: 5%;
   height:20px;
  } 
   

/*formatierung fuer Button links ausgerichtet*/

.button{
   /*float:right;*/
   border-top:1px solid #000000;
   border-right:2px solid #00000;
   border-bottom:2px solid #00000;
   border-left:1px solid #000000;
   background-color:#264468 ;
   padding:0 2px 0 2px;
   color:#FFFFFF;
   font-weight:bold;
   clear:both;
   margin:10px 5px 10px 0;
   height: 20px;
   text-align:center;
   }
 
 
 /*Button rechts ausgerichtet */  
.button-re{
   float:right;
   border-top:1px solid #000000;
   border-right:2px solid #000000;
   border-bottom:2px solid #000000;
   border-left:1px solid #000000;
   background-color:#264468 ;
   padding:0 2px 0 2px;
   color:#FFFFFF;
   font-weight:bold;
   clear:both;
   margin:10px 5px 10px 0;
   height: 20px;
   }
   
   
.absenden{
   float:right;
   border:0;

   color:#000000;
   clear:both;
   background-color:#FFFFFF;
   text-decoration:underline;
   }   
   

/* Formatierung fuer Registrierung */

/*Formatierung der Gesamtbreite des Formulars*/

.breite-form {
  width:98%;
  float:left;
  margin:5px 0 0 10px;
  }

/*Formatierung der Gesamtbreite des Formulars fuer Option*/

.breite-form-option {
  width:98%;
  float:left;
  margin:10px 0 10px 10px;
  }


 /* Beschriftung Label fuer Regiestrierung */
 
 .regis-label {
    float:left;
	color:#000000;
	width:27%;
	margin-top: 4px;

	}

 .regis-label-kdnr-left {
    float:left;
	color:#000000;
	width:17%;
	margin-top: 4px;

	}
 .regis-label-kdnr-middle {
    float:left;
	color:#000000;
	width:10%;
	text-align: right;
	margin-top: 4px;
	}	
/* Breite fuer Eingabefeld breit */

.form-regi-breit {
   width:50%;
   float:left;
   margin:5px 5px 0 0;
   }
   
/* Breite fuer Textfeldbreit */

.form-regi-breit-text {
   width:50%;
   float:left;
   margin:5px 5px 0 0;
   }
   
   
/* Breite fuer Eingabefeld mittel Anpassung HBU margin re 5px*/

.form-regi-mittel {
   width:25%;
   float:left;
   margin:3px 5px 0 5px;
   }


/* Breite fuer Eingabefeld Telefonnummer */

.form-regi-vor-tel {
   width:16%;
   float:left;
   margin:3px 5px 0 0;
   }
   
.form-regi-tel {
   width:29%;
   float:left;
   margin:3px 5px 0 0;
   }

.tel-10 {
   float:left;
   width:3%;
   margin:0;
}  

.form-best-vor-tel {
   width:14%;
   }
   
.form-best-tel {
   width:14%;
   }   
   
   
/* Label fuer Optionsschalter innerhalb */
.option-label {
    float:left;
	color:#000000;
	width:30%;
  }

/*Container Optionsschalter */   
.option {
  float:left;
  width:5%;
  height:1.0em;
  margin: 0px 0 0 0 ;
  }
   
   
/* Bestellformular Formatierung   */

/* Formularspaltenbreite Bestellung*/
.bestellung {
  float:left;
  width:98%;
  margin:3px 0 0 0;
  clear:both;
  }

/*Formatierung fuer linke Spalte 25% breit */
.bestell-label-25-li {
   float:left;
   width:20%;
   margin:3px 0 0 0px;
   }

.bestell-label-15-li {
   float:left;
   width:15%;
   margin:3px 0 0 0px;
   text-align:left;
   }

.bestell-label-5-re {
   float:left;
   width:5%;
   margin:3px 0 0 0px;
   text-align:right;
   }
   

/*Formatierung fuer linke Spalte 25% breit */
.bestell-label-25-li {
   float:left;
   width:20%;
   margin:3px 0 0 0px;
   }
  
/*Auswahlbutton links 30% breit */  

.bestell-label-auswahl {
   float:left;
   width:35%;
   margin:3px 5px 0 5px;
   }
   
/*Bestellung rechts 30% breit */  

.bestell-30-re{
   float:right;
   width:32%;
   text-align:left;
   margin:3px 0 0 0;
   }
   
 .bestell-30-li{
   float:left;
   width:32%;
   text-align:left;
   margin:3px 0 0 0;
   }

 .bestell-10-li{
   float:left;
   width:15%;
   text-align:left;
   margin:3px 0 0 0;
   }

   
/* Rahmen fuer Aenderungsvermerke im Bestellformular */   
.bestell-30-re-aenderungen{
   float:left;
   width:45%;
   text-align:right;
   padding:5px 5px 5px 0;
   margin: 0 0 5px 0;
   }
   
   
.bestell-30-li-dropdown{
   float:left;
  width:39%;
   text-align:left;
   margin:3px 0 0 0;
   }   
   
.bestell-30-re-dropdown{
   float:right;
   width:39%;
   text-align:left;
   margin:3px 0 0 0;
   }
   
   
.bestell-30-re-text-li{
   float:right;
   width:32%;
   text-align:left;
   margin:3px 0 0 0;
} 

.bestell-option{
   float:left;
   width:3em;
   text-align:left;
   }  

.bestell-option-text{
   float:left;
   width:40%;
   }
   
   
/*Label fuer Produktauswahl*/
.label-produktauswahl {
   width:98%;
   float:left;
   margin:3px 0 0px 0;
   padding:5px 0 0 5px;
   font-weight:bold;

   }

/*Kontrollkasten produktauswahl*/
.produkt-auswahl{
  float:left;
  margin:0px 3px 0 0;
  padding:2px 10px 10px 10px;
  }
  
/*Legende Gesamt Artikelauswahl*/

.legende-produkt-gesamt {
  /*width:98%;*/
  border:0px solid #004080;
  padding:0 10px 6px 10px;
  background-color:#EAF1F4;
  border-top: 0px solid #004080;
  border-right: 0px solid #004080;
  border-bottom: 0px solid #004080;
  border-left: 0px solid #004080;
  font-weight:bold;
  

  }  
  
  
.rand-produkt-gesamt {
  clear: both;
  padding: 0 0 6px 0 ;
  margin:0 0 0 10px;
  border: 0px solid #004080;
  background-color:#EAF1F4;
  }
  
.rand-produkt-links {
  padding: 0 0 6px 0 ;
  border: 1px solid #004080;
  background-color:#EAF1F4;
  width:45%;
  float:left;
  
  }
  
  
  
.rand-produkt-rechts {
  padding: 0 0 6px 0 ;
  border: 1px solid #004080;
  background-color:#EAF1F4;
  width:45%;
  float:right;
  
  }
  
.produkt-breite {
  float:left;
  width:98%;
  margin:0 0 9px 0;
  }  

 .radio {
  font-size:80%;
  float:left;
  width:15%;
  margin:5px 0 0 0;
 }  

.suche-radio {
  font-size:80%;
  width:20%;
  display:block;
  color:#000000;
  float:left;
  /*clear:both;*/
  margin:5px 0 0 5px;
  padding:3px 0 0 5px;
  }

.button-waren{
   float:right;
   border: 0px;
   background-color:#EAF1F4;
   /*padding:0 2px 0 2px;*/
   color:#000000;
   /*margin:10px 5px 10px 0;*/
   height: 20px;
   text-decoration: underline;
   }

.login-text-suche {
  font-size:80%;
  width:20%;
  display:block;
  color:#000000;
  float:left;
  /*clear:both;*/
  margin:5px 0 0 0px;
  padding:3px 0 0 0px;
 }

.regis-daten {
    float:left;
	font-size:80%;
	color:#000000;
	width:50%;

	}

.bestell-titel {
 float:left;
 padding:12px 0 3px 0;
 }

.order-warenkorb {
   border: 0px;
   background-color:#FFFFFF;
   color:#000000;
   margin: 10px 0 0 -3px;
   padding:0;
   font-size: 100%;
   text-decoration:underline;
}


/* Container fuer Warenkorb Spalte 13% links PREIS Gesamt*/
.news-10 {
   width:10%;
   float:left;
   padding:0 0 0 6px;
   margin:4px 0 0 0;
   }	
   
 .news-30 {
   width:28.5%;
   float:left;
   padding:0 0 0 0px;
   margin:4px 0 0 0;
}  

.news-8 {
   width:9%;
   float:left;
   padding:1 0 0 6px;
   margin:4px 0 0 0;
   }