.yform {
}

.yform fieldset {
	border: 1px solid #DDD;
	margin:0 0 20px 0;
	padding: 30px 30px 30px 30px;
	/* background-color: #E5E5E5; */
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}

.yform fieldset div {
	/* margin-left: 10px; */
}

.yform legend {
	background-color: #FFF;
	/* color: #888; */
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	display: inline;
	width: auto;
	margin-bottom: 0;
	margin-left: -10px;
}

.yform label {
	margin-bottom: 3px;
}

.yform fieldset h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0A287F;
	margin: 0 0 10px 0;
}

.yform fieldset p {
	margin: 0 0 10px 0;
}

.yform div.type-check {
	display: table !important;
	padding-bottom: 5px;
}

.yform div.type-check label,
.yform div.type-check input[type="checkbox"] {
	display: table-cell !important;
}

.yform div.type-check input[type="checkbox"] {
	margin: 0 10px 0 0 !important;
}

.yform input[type="text"],
.yform select,
.yform textarea {
	width: 80% !important;
	background-color: #F5F5F5;
}



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

 /**
  * 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 */
.yform { overflow:hidden; }
.yform fieldset { display:block; zoom:1; }
.yform label { display:block; cursor:pointer; }
.yform legend { border:0; padding: 0 10px 0 10px; }
.yform .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) */
.yform input[type=hidden] { display:none !important; }

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

/* Styling of error-messages | Fehlermeldungen */
.yform div.error {
    border: 1px dashed #a00;
    background:#faf4f4;
    padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

.yform div.detail > div.error {
	margin-bottom: 30px;
	font-weight: bold;
}

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

/* avoid jumping checkboxes & radiobuttons in IE8 */
.yform div.type-check input:focus,
.yform div.type-check input:hover,
.yform 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 */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* 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 */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

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

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .columnar 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 .columnar div.type-text input,
  * html .columnar div.type-text textarea { width:67.2%; }
  * html .columnar div.type-select select { width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .yform, 
  .yform div,
  .yform div * { zoom:1; }

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */ 
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 5px\9; padding-top:1em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:1.5em; }
  
  /* IE5.x & IE6 */
  * html .yform { padding-top:10px; }