.simpleform {
    background: #d8def9;
    border: 1px #ddd solid;
    margin: 0 0.5em 1em 0.5em;
    padding: 10px;
    float: left;
}

.simpleform fieldset {
    border: 1px #ddd solid;
    background: #e9ecf9;
    margin: 0 0 1em 1em;
    padding: 0.5em;
    float: left;
}
 
.simpleform legend {
    font-size: 125%; 
    font-weight: normal; 
    color: #000;
}

.simpleform label {
    color: #666;
    font-weight: bold;
}

.simpleform input, .simpleform textarea, .simpleform select, .simpleform optgroup {
    font-family: Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
 }

.simpleform .type-text input, .simpleform .type-text textarea, .simpleform .type-select select {
    border: 1px solid #ddd;
}

/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.simpleform div.type-text input:focus, .simpleform div select:focus, .simpleform div textarea:focus, .simpleform div.type-text input:hover,
.simpleform div select:hover, .simpleform div textarea:hover, .simpleform div.type-text input:active, .simpleform div select:active,
.simpleform div textarea:active {
    border: 1px #a66 solid;
    background: #fff;
}

 /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
.simpleform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #e9edf9;
    padding: 5px 1em;
}

/* button styling */
.simpleform .type-button input.reset { 
	color: white; 
	background: #dc2b1a; 
}

.simpleform .type-button input.submit { 
	color: white; 
	background: #5c79f9; 
}

/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.simpleform div.type-button input:focus, .simpleform div.type-button input:hover, .simpleform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
}

.simpleform div.type-button input.reset:focus, .simpleform div.type-button input.reset:hover, .simpleform div.type-button input.reset:active {
    background: #dc1401;
    color: white;
}

.simpleform div.type-button input.submit:focus, .simpleform div.type-button input.submit:hover,
.simpleform div.type-button input.submit:active {
    background: #002ef9; 
    color: white;
}


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .simpleform { overflow:hidden; }
  .simpleform fieldset { display:block; zoom:1; }
  .simpleform label { display:block; cursor:pointer; }
  .simpleform legend { background:transparent; border:0; padding:0 0.5em; }
  .simpleform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .simpleform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .simpleform sup {
    color: red; 
    font-weight: bold; 
    margin-left: 3px;
  }
    

  /* per row float clearing | zeilenweises Float-Clearing */
  fieldset:after,
  .simpleform div.type-text:after,
  .simpleform div.type-select:after,
  .simpleform div.type-check:after,
  .simpleform div.type-button:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .simpleform div.type-text,
  .simpleform div.type-select,
  .simpleform div.type-check,
  .simpleform div.type-button {
	display:block;
    margin:0.5em 0;
    padding:3px 0.5em;  
    position:relative;
	zoom:1; 
  }
  
  .simpleform div.type-button {
    padding: 3px 0em;
    clear: both;  
  }
  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .simpleform .type-text input,
  .simpleform .type-check input,
  .simpleform .type-text textarea {
    display:block;
    position:relative;
    padding:0.3em 0.3em;
  }

  .simpleform .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.3em 1px;
    cursor:pointer;
  }
  
.simpleform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .simpleform .type-check input { cursor:pointer; }
  .simpleform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .simpleform .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .simpleform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }

  .simpleform div.error label { color:#000; font-weight:bold; }
  .simpleform div.error .message { color:#800; }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .simpleform div.type-check input:focus,
  .simpleform div.type-check input:hover,
  .simpleform div.type-check input:active { border:0 none; }

   /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
/*  .simpleform .type-text label,
  .simpleform .type-select label {
    float: left;
    width: 10em; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
/*  .simpleform div.type-check input { margin-left: 10em; }
  .simpleform div.error .message { margin-left: 10em; }

  .columnar fieldset div.type-button,
  fieldset.simpleform div.type-button { padding-left:30%; }

  .simpleform div.type-text input,
  .simpleform div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .simpleform div.type-select select { float:left; width:69.4%; margin-right: -3px; }
 */ 
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .simpleform div.type-text input,
  * html .simpleform div.type-text textarea { width:67.2%; }
  * html .simpleform div.type-select select { width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/