/* form.example.css */

form.example fieldset legend {
  line-height: 150%;
}

form.example input, form.example select, form.example textarea {
  background-color: #ffffff;
}

form.example textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div label:before {
  content: '';
}
  
form.example div label.labelCheckbox, form.example div label.labelRadio, label.labelCheckbox, label.labelRadio {

  display: block;
  width: 190px;
  /*height: expression('1%');*/
  padding: 4px 0px 0px 18px !important;
  text-indent: -18px;
  line-height: 120%;
}

form.example div label.labelCheckbox input.inputCheckbox, form.example div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 0px;
}

form.example div fieldset input.inputText, form.example div fieldset input.inputPassword, form.example div fieldset input.inputFile, form.example div fieldset textarea.inputTextarea {
  width: 150px;
  margin: 0px 0px 0px 18px;
  /*margin: expression('0px 0px 0px -124px');*/
}

form.example div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
}

form.example div.wide label {
  float: none;
  display: block;
}

form.example div label.wide {
  width: 338px;
}

form.example div.wide input.inputText, form.example div.wide input.inputPassword, form.example div.wide input.inputFile, form.example div.wide select, form.example div.wide textarea {
  width: 334px;
  margin: 0px;
}

form.example div.notes p, form.example div small {
  line-height: 125%;
}

form.example div.wide small {
  margin: 0px 0px 5px 0px;
}

form.example {
  margin: 0px;
  padding: 0px;
	width: 524px;
}
form.example p {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 12px;
}
form.example p img{
	display: inline;
	float: none;
	margin: 0;
}
form.example fieldset {
  border-color: #99AEC9;
 /*  background-color: #F0F3F7;*/
  border-width: 1px;
  border-style: solid;
  padding: 9px 9px 5px 9px; /*9 9 26 9*/
  margin: 0px 0px 17px 0px;
}

form.example fieldset legend {
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
  font: 1.2em Arial, Helvetica, sans-serif;
  color: #1A6FB2;
}

form.example label {
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
  color: #494949;
}

form.example label u {
  font-style: normal;
  text-decoration: underline;
}

form.example input, form.example select, form.example textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  
}
 
textarea {
  overflow: auto;
}

form.example div {
  clear: left;
  display: block;
  width: 350px;
  /*height: expression('1%');*/
  margin: 5px 0px 5px 0px;
  padding: 1px 0 1px 0;

}

form.example fieldset div.notes {
  font-family: /*0.65em */Verdana, Arial, Helvetica, sans-serif;
  float: right;
  width: 131px;
  height: auto;
  margin: 0px 0px 9px 0;
  padding: 5px 5px 10px 5px;
 /* padding: 5px 0 10px 0;*/
	/*background-color: #F0F3F7;*/
	border: 1px solid #99AEC9;

  color: #666666;
}

form.example fieldset div.notes h4 {
  background-image:   url("../images/template/icons/icon_info.gif");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  margin-bottom: 10px;
  font: 0.7em Arial, Helvetica, sans-serif;
  font-weight: bold;
}

form.example fieldset div.notes p {
  margin: 1.2em 0em 0em 0em;
  color: #666666;
}

form.example div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #99AEC9;
  margin: 0px 0px 0px 132px;
  padding: 0px 5px 5px 5px;
  width: 200px;
}

form.example div fieldset legend {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;;
  padding: 0px 3px 0px 9px;
  margin-bottom: 5px;
}

form.example div.required fieldset legend {
  font-weight: bold;
}

form.example div label {
  display: block;

  width: 122px;
  padding: 3px 9px 0 0;
	/*padding: 3px 0 0 0;*/
  margin: 0px 0px 5px 0px;
  text-align: right;
  /*border: 1px solid cyan;*/
  float: left;
}

form.example div.required label, label.required {
  font-weight: bold;
}

form.example div label.labelCheckbox, form.example div label.labelRadio {
  float: none;
  display: block;
  /*width: 190px;*/
  /*height: expression('1%');*/
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

form.example div fieldset label.labelCheckbox, form.example div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

p.error {
  background-color: #ff0000;
  background-image:   url("../images/template/icons/icon_error.gif");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: 0 100px;
  
}

form.example div.error {
  background-color: #ffffe1;
  background-image:   url("../images/template/box_corners/required_bg.gif");
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form.example div.error p.error {
  background-image:   url("../images/template/icons/icon_error.gif");
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  /*width: 200px;*/
  color: #ff0000;
}

form.example div input, form.example div select, form.example div textarea {
  width: 204px;
padding: 1px 3px;

  margin: 0px 0px 0px 0px;
  background: #F0F3F7;
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #99AEC9;
}
textarea.note_wide {
	width: 334px !important;
}

form.example div input.inputFile {
  width: 204px;
}

form.example div select.selectOne, form.example div select.selectMultiple {
  /*width: 201px;*/
  padding: 1px 3px;
}

form.example div input.inputCheckbox, form.example div input.inputRadio, input.inputCheckbox, input.inputRadio {
	display: inline;
	height: 14px;
	width: 14px;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
	margin: 0px 0px 0px 130px;
}
/* gegen unsichtbare Checkboxen. [...] wird von IE ignoriert */
input[class].inputCheckbox{
	display: inline;
	height: 14px;
	width: 14px;
	background-color: transparent;
	border-width: 1px !important;
	padding: 0px;
	margin: 0px 0px 0px 130px;
}


form.example div.submit {
  /*width: 214px;*/
  padding: 0px 0px 0px 130px;
}

form.example div.submit div {
  display: inline;
  float: left;
	text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

form.example div input.inputSubmit, form.example div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form.example div.submit div input.inputSubmit, form.example div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
	background-color: #3C62A9;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

form.example div small {
  display: block;
  margin: 0px 0px 5px 132px;
  padding: 1px 3px;
  /*height: expression('1%');*/
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
  color: #999999;
}
form.example kbd {
	font-size: 110%;
}


/*\*/ /*/

form.example div {
	position: relative;
}

form.example input.inputText, form.example div select, form.example input.inputPassword, form.example div textarea, form.example input.inputFile{
	width: 200px;
	margin-left: 130px;
	position: relative;
	top: -18px;

}


form.example div fieldset input.inputText, form.example div textarea.note_wide {
	position: static;
}
form.example div label {

}

/* End for Mac */