/*
#######################################################################
#  um-Bestellformular Skript V1.00                                    #
#  zur freien Verwendung, d. h. keinerlei Lizenzen oder Copyright     #
#  der backlink soll aber sein!                                       #
#  Auf jeden Fall aber diesen Tag im XHTML Template einbinden:        #
#  <meta name="Generator" content="script by http://um-fritz.de" />   #
#  Danke und viel Erfolg!                                             #
#  http://um-fritz.de                                                 #
#######################################################################
Diese CSS Datei erm�glicht es, das Bestellformular zu gestalten. Grundkenntnisse
in HTML und CSS sind dabei von grossem Vorteil.
Hervorragende Dokumentationen zu beiden Themenbereichen finden Sie unter:
http://de.selfhtml.org/
*/
/* Allgemeine Angaben */
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Life+Savers:400,700);
* {margin:0; padding:0; font-size:100.1%; outline:none;}
html {margin:0; padding:0;}
body {
  color:#000;
  background:#fff;
  font-family: arial, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  font-size:95%;
    padding: 10px;
}
#wrapper {
	width: 640px;
  padding:20px;
  background:#FFF;
  margin: 0px auto;
    border-top: 5px #000;
    border-bottom: 5px #000;
}
#kochweinlogo{
	margin: 0px auto 50px;
	text-align: center;
	
	}
h1  {
  font-size:350%;
  color:#000;
    font-weight: bold;
	text-transform:uppercase;
}
p {font-size:85%; padding:0.1em 0;}
p small {font-size:65%;}
a {
  padding:0 2px;
  color:#666;
}
a:hover, a:focus {
  color:#DB9E4D;
}
a img {
  border:none;
}
form {
  background:#FFF;
  margin:1em 0;
}
fieldset {
  margin:1em 0 0 0;
  padding:0;
  border:none;
  text-align:left;
}
legend {
	width: 100%;
  margin:60px 0 5px 0;
  padding:2px 0px;
  font
    font-size:180%;
	text-transform:uppercase;
  font-weight:bold;
  clear:both;
  padding-top:30px;
  border-top: 1px dashed #ccc;
}
/* Darstellung Einleitungstext und Preisangabe */
p#einl {padding:1em 0 0 0;}
p#preisangabe {
  font-size:100%;
}
/* Elemente im ersten Formularblock Artikelliste */
fieldset#fs_best table {
  border-collapse:collapse;
  width:100%;
  font-size:85%;
}
fieldset#fs_best p {
  padding:0.5em 0;
}
fieldset#fs_best thead {

}
fieldset#fs_best tr {
border-bottom: 1px solid #fff;
    background-color: #eee
}
fieldset#fs_best th {
  padding:0 2px;


  color:#ccc;
}
fieldset#fs_best th.text_left {
  padding-left:2px;
}
fieldset#fs_best td {
  border:none;

  padding:5px;
}
fieldset#fs_best input {
  text-align:right;
}
fieldset#fs_best .text_left {
  padding-left:2px;
}
fieldset#fs_best .text_middle {
  text-align:center;
}
fieldset#fs_best .text_right {
  text-align:right;
}
fieldset#fs_best td input {
  height:1.2em;
  width:3em;
  line-height:1em;
  /*padding:0 2px;*/
  background-color:#fff;
}
fieldset#fs_best p {
  line-height:1.4em;
}
/* Elemente im zweiten Formularblock Zahlmethode */
#fs_zahlmeth label {
  display:block;
  overflow:auto;
  line-height:1.6em;
}
input#zahlmeth1, input#zahlmeth2, input#agb_confirm, input#send_mail_back {
  float:left;
  display:inline;
  margin:0.3em 5px 0 0;
  border:none;
  height:1.2em;
}
/* Eingabefelder im ersten und dritten Formularblock */
fieldset#fs_best input, fieldset#fs_lieferadr input, fieldset#fs_lieferadr textarea {
  border:none;
  background:#EEE;
  padding:10px;
  font-size:100%;
  margin-right:0.2em;
  font-style:italic;
}
/* Elemente im dritten Formularblock Addresse/Bemerkungen */
#anrede select {
  width:6em;
  border:1px solid #666;
  background:#FFF;
}
input#vorname {width:9.2em;}
input#zuname  {width:9.2em;}
input#hausnum {width:4.4em;}
input#strasse {width:14em;}
input#plz     {width:4.4em;}
input#wohnort {width:14em;}
input#vorwahl {width:4.4em;}
input#rufnum  {width:14em;}
fieldset#fs_lieferadr input#email {width:18.6em; padding:5px;}

div.float_left {
float:left;
width:19em;
}
 p#bemerkung {
  float:left;
  display:inline;
  padding:0;
  border:none;
}
p#bemerkung label {
  display:block;
  padding:0.1em 0.5em;
  color:#ccc;
  font-weight:bold;
  margin:0;
}
p#bemerkung textarea {
  width:18.4em;
  height:8em;
  margin:0;
  font-family:Arial, sans-serife; font-size:100%;
  border:none;
  overflow:auto;
  padding-right:0;
}
/* Buttons zum Senden des Formulars */
input#senden, input#recalc  {
  padding:0.1em 0.5em;
  font-weight:bold;
  color:#FFF;
  font-size:100%;
  margin:0.5em 5px 0 0;
  cursor:pointer;
    background-color: #000;
    border: none;
}
/* Anzeige Eingabefalder mit fehlerhaften Eingaben 'class="error"' */
p span.error, form#bestellform input.error, form#bestellform legend.error , form#bestellform select.error {
  background:#FF0004;
  color:#fff;
 
}
p span.error {padding:0 2px;}
form#bestellform input.error {background:#FFF;}
/* Elemente der Dankesseite */
p#danke {
  font-size:95%; 
  line-height:1.2em; 
  margin:0 0 1em 0; 
  padding:0;
}
code {
  background:#EEE; 
  display:block;
  padding:5px;
}
/*Klasse linksfloatender Objekte */
.float_left {float:left; margin-right:1em;}
p#balink {font-size:60%; text-align:right;}
p#valid a {font-weight:bold;}
/* CSS Hacks, Damit auch IE>7 versteht was gemeint ist */
*:first-child + html form {padding-top:1em;}
* html form {padding-top:1em;}
* html input#zahlmeth1, * html input#zahlmeth1, * html input#agb_confirm, * html input#send_mail_back {display:inline;}
* html input#agb_confirm, * html input#send_mail_back {margin-top:0;}
* html #fs_zahlmeth label,
* html legend {
  height:1%;
}
* html fieldset#fs_best p {
  line-height:1.6em;
}

td.text-middle input
{
    background-color:#fff;
}

fieldset#fs_agb{
visibility: hidden;	
}