.flex_suchseite{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin:43px 0px 0px 0px;
	width:100%;
}

div.buttoncontainer{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	background:darkgray;
	position:fixed;
	top:45px;
	left:0px;
	height:45px;
	width:100%;
	z-index:1;
}

.suche_lupe{
	width:29px;
	height:22px;
	background-image:url('../pics/lupe2.png');
	cursor: pointer;
	margin:0px 0px 0px 5px;;
}

.input_suche{
    margin-left:5px;
	padding-left:3px;
	font-size:1.0em;
	width:200px;
	height:23px;
}

.anzeige_suche_info{
	margin-top:30px;
	font-size:1.1em;
	background:#F5F5F6;
	border:1px solid navy;
	border-radius:8px;
	padding:8px;
}

.suche_artikelblock{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	font-size:0.9em;
	border:1px solid darkgrey;;
	width:auto;
	margin:2px;
	padding:2px;
	max-width:450px;
}

.suche_artikelblock_links{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	width:auto;
	margin:5px;
}

a:link.tool_zurueck, a:active.tool_zurueck, a:visited.tool_zurueck 
{	
	height:22px;width:50px;
	margin-top:0px;
	display:inline-block;
	background-image: url("../pics/backward.gif");
	background-repeat: no-repeat, repeat;
	text-decoration:none;
	border:2px outset #000;
	margin-top:5px;
	margin-bottom:5px;
	border-radius:4px;
}

.kontaktform{
  width:auto;
  max-width:350px;
  height:auto;
  padding:6px;
  margin-left:0px;
  margin-top:5px;
  padding:5px;
  border:1px solid #282F35;
  text-align:left;
  font-size:0.9em;
  font-weight:bold;
  color:#282F35;
  background:#EDEFF1;
}

.kontaktform > .msgeingabe
{
  padding-left:3px;
  padding-top:3px;
  margin-left:5px;
  width:96%;
  height:150px;
  display:inline-block;
  border:1px solid #282F35;
} 

.my_label_kontakt
{
   width:auto;
   text-align:left;
   margin-left:5px;
}

.eingabe1, .eingabe2, .eingabe3
{
    margin-left:5px;
	padding-left:3px;
	font-size:1.0em;

} 
.eingabe1 {width:200px;}
.eingabe2 {width:315px;} 
.eingabe3 {width:60px;} 

.my_label_kontakt_nachricht
{
   width:300px;
   text-align:left;
   margin-left:0px;
   height: 20px;
   display:inline-block;
}

.kontakt_Button{color:#474723;font-size:13px;font-weight:bold;margin-top:5px;margin-left:0px;background:#A4A4A4;padding:2px;border:1px solid #3C3F2C;border-radius:5px;}  

.meldung_ok
{
  height:auto;
  width:auto;
  max-width:70vh;
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;
  padding:10px;
  font-size:1.2em;
  font-family:eurostile;
  font-weight:bold;
  color:#3C3F2C;
  border:2px outset #EAEAEA;
  border-radius:10px;
  background:#EAEAEA;
 }
 
  .meldung_login
{
  width:auto;
  height:auto;
  margin:15px;
  padding:5px;
  font-size:120%;
  font-family:eurostile;
  font-weight:bold;
  color:#3C3F2C;
  background:#FFD9D9;
  border:1px solid red;
  border-radius:5px;
 }
 
 
  .meldung_hinweis
{
  width:auto;
  height:auto;
  margin:15px;
  padding:5px;
  font-size:120%;
  font-weight:bold;
  color:#3C3F2C;
  text-align:center;
 }
 
 .zurueckbutton{
  display:inline-block;
  height:auto;
  width: auto;
  font-weight:bold;
  font-size:0.9em;
  white-space:nowrap;
  color:#3C3F2C;
  background-color:#EAEAEA;
  text-decoration:none;
  text-align:center;
  padding:5px;
  margin-bottom:5px;
  border:2px outset #3C3F2C;
  /*border-radius:5px;*/
}

.laden_button{background:lightgray;color:blue;border:1px solid:navy;font-size:11px;
	width:auto;height:auto;display:block;margin-left:25px;
}

/**** die styles für die bestellung ***********************************************/
/* das formular selbst als flex, mit breite 80% */
.bestellformular{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;	
	width:auto;
	height:auto;
	margin-top:5px;
	font-size:1.0em;
}
.bestellformular > hr {width:99%;}

.bestellformular_reihe, .bestellformular_reihe_blanko{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;	
	width:auto;
	height:auto;
	font-size:1.0em;
	font-weight:normal;
	padding:1px;
	border-bottom:1px solid darkgrey;
	margin:3px;
}

.bestellformular_reihe_blanko{border:0px;}

.bestellformular_reihe  > div{margin-left:5px;margin-right:5px;}

.mehrzeiler{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;	
	width:auto;
	height:auto;
}

.bestellform_artikelname{
	font-size:1.0em;background:lightgrey;color:#fff;
	height:auto;padding:1px;border:1px solid darkgrey; border-radius:4px;
}

img.bestellbild{width:120px;margin-top:3px;margin-bottom:3px;}
div.bestell_artikelnummer{font-weight:bold;color:blue;}

input[type="number"].ohne::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"].ohne {
    -moz-appearance: textfield;
	width:26px;
	padding:2px;
	margin-right:10px;
	text-align:center;
	font-weight:bold;
	font-size:1.0em;
	color:blue;
}

div.bestell_artikel_groesse{display:inline-block;width:20px;font-weight:bold;text-align:right;margin-right:15px;}
span.bestell_artikel_anzahl{color:blue;font-weight:bold;}
div.bestell_groessen{border-bottom:1px solid darkgrey;width:190px;margin-bottom:2px;padding:2px;text-align:center;}
div.bestell_andere{width:190px;margin-bottom:2px;padding:2px;text-align:left;}

div.fehlende_stueckzahlen{
	margin-left:5px;width:340px;background:#FFE1E1;border:1px solid red;padding:5px;
}

div.fehlende_adressdaten{
	margin-left:5px;width:auto;background:#FFE1E1;border:1px solid red;padding:5px;
}

div.fehlende_stueckzahlen > ul{font-size:1.0em;margin-left:20px;color:red;}
div.fehlende_adressdaten > ul{font-size:1.0em;margin-left:20px;color:red;}

div.eingabe_label{width:200px;text-align:right;color:blue;}
div.eingabe_daten{width:600px;text-align:left;margin-right:10px;}
div.eingabe_leerzeile{width:100%;color:#000;font-size:1.2em;font-weight:normal;}

.auswahl_land{margin-left:5px;padding-left:3px;font-size:1.0em;}

.lesen_agb_dsgv{width:auto;color:blue;font-weight:bold;background:transparent;border:none;display:inline-block;font-size:0.9em;}
.lesen_agb_dsgv:hover{cursor:pointer;}

div.label_lika_schmodsien{font-size:120%;text-align:center:width:100%;font-weight:bold;}

.b_remove{background: transparent url(../pics/delete.gif);width:20px;height:20px;display:inline-block;margin-left:10px;border:0px;}
.b_edit{background: transparent url(../pics/edit.gif);width:21px;height:27px;display:inline-block;margin-left:10px;border:0px;}
.b_plus{background: transparent url(../pics/plus.png);width:25px;height:25px;display:inline-block;margin:0px;border:0px;}
.b_minus{background: transparent url(../pics/minus.png);width:25px;height:25px;display:inline-block;margin:0px;border:0px;}
.b_ok{background: transparent url(../pics/ok.gif);width:33px;height:27px;display:inline-block;margin:10px;border:0px;}
.b_back{background: transparent url(../pics/back.png);width:26px;height:26px;display:inline-block;margin:0px;border:0px;}
.b_save_klein{background: transparent url(../pics/save_klein.png);width:26px;height:26px;display:inline-block;margin:0px;border:0px;}


div.container_eingabereihe{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;	
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content:flex-start;
	padding-top:0px;
	padding-bottom:0px;	
	padding:2px;
	width:auto;
	height:auto;
	font-size:1.0em;
}

div.container_eingabereihe > .bGroesse{width:50px;}
div.container_eingabereihe > .bFarbe{	width:100px;}
div.container_eingabereihe > .bAnzahl{width:40px;}
div.container_eingabereihe > .bTools{width:80px;}