/*  =========================================================
    Stylesheet für Formlist
    Datei:  form.css
    Datum:  2008-11-18
    Autor:  Franz Sadjak, http://sura1.wordpress.com
    ========================================================== */
/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */
body{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

p, h1, form, button{
  border: 0;
  margin: 0;
  padding: 0;
}

.spacer{
  clear: both;
  height: 1px;
}

.myform{
  margin: 30px auto;
  width: 400px;
  padding: 14px;
}
/* ============================
   2. Styles für Formular basic
   ============================ */

#basic{
  border: solid 2px #DEDEDE;
}

#basic h1 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

#basic p{
  font-size: 11px;
  color: #666666;
  margin-bottom: 20px;
  border-bottom: solid 1px #dedede;
  padding-bottom: 10px;
}

#basic label{
  display: block;
  font-weight: bold;
  text-align: right;
  width: 140px;
  float: left;
}

#basic .small{
  color: #666666;
  display: block;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  width: 140px;
}

#basic input{
  float: left;
  width: 200px;
  margin: 2px 0 30px 10px;
}

#basic button{
  clear: both;
  margin-left: 150px;
  background: #888888;
  color: #FFFFFF;
  border: solid 1px #666666;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 6px;
}
/* ===============================
   2. Styles für Formular stylized
   =============================== */

#stylized{
  border: solid 2px #b7ddf2;
  background: #ebf4fb;
}

#stylized h1 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

#stylized p{
  font-size: 11px;
  color: #666666;
  margin-bottom: 20px;
  border-bottom: solid 1px #b7ddf2;
  padding-bottom: 10px;
}

#stylized label{
  display: block;
  font-weight: bold;
  text-align: right;
  width: 140px;
  float: left;
}

#stylized .small{
  color: #666666;
  display: block;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  width: 140px;
}

#stylized input{
  float: left;
  font-size: 12px;
  padding: 4px 2px;
  border: solid 1px #aacfe4;
  width: 200px;
  margin: 2px 0 20px 10px;
}

#stylized button{
  clear: both;
  margin-left: 150px;
  width: 125px;
  height: 31px;
  background: #666666 url(img/button.png) no-repeat;
  text-align: center;
  line-height: 31px;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}