#content {
  color: #666666;
  font-family: Arial; font-size: .75em;
  width: 520px;
}

p {
  margin: 0 0 0.5em 0;
  padding: 0;	
}

.message-box-info p {
  margin-left: 0 !important;
}

#bonus .label {
  display: none
}

#bonus input {
  clear: left; float: left;
}

#bonus label {
  float: left;
  width: 90%;
}

.bonus {
  clear: both;
  overflow: hidden;
}

.bonus img {
  float: left;
  width: 130px;
}

.bonus p {
  clear: none !important;
  margin-left: 140px;
}

.confirmation .bonus p {
  clear: both !important;
  margin-left: 0;
}

.bonus p strong {
  display: block;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Stylesheet für den FormMaker
| fasc | 2009-09-07 - 2009-09-10
| 
| Inhaltsverzeichnis:
| - ==elements          Elemente
| - ==classess          nicht elementgebundene Klassen
| - ==tabs              Kartenreiter
| - ==checkboxes        Checkboxen: checkbox, checkboxgroup
| - ==textbased         Textbasierte Eingaben: varchar, text, date, combined
| - ==buttons           Buttons
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==elements */

.cy-form-tool div.inner {
  overflow: auto;
  padding: 0.45em 2%;
}

.cy-form-tool div.text p {
  clear: none;
}

.cy-form-tool fieldset {
  border: none;
  margin: 0.5em 0; padding: 0;
  width: 520px; 
}

.cy-form-tool form {
  background: #F3FBE6;
  margin-top: 20px;
  width: 520px; 
}

.cy-form-tool h4 {
  margin: 1.25em 0 .5em 0;
}

.cy-form-tool h5 {
  font-size: 1em; line-height: 1.25em;
  font-weight: bold;
  margin: 0 0 .5em 0;
}

.cy-form-tool legend {
  font-weight: bold;
  padding: 0 25px;
}

.cy-form-tool legend.first {
  padding: 0;
}

.cy-form-tool legend.first span {
  background: #BCE176; color: #FFF;
  border-bottom: 1px solid #FFF;
  display: block;
  font-size: 1.5em; line-height: 2.5em;
  font-weight: bold;
  margin: 0; padding: 0 25px;
  width: 522px;
}

.cy-form-tool legend.hidden {
  display: none;
}

.cy-form-tool p {
  clear: both;
}

.cy-form-tool label.error,
.cy-form-tool p.error {
  background: none;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==classes */

.cy-form-tool .error-message {
  color: #F00;
  margin-left: 30%;
}

.cy-form-tool .cy-checkbox .error-message {
  margin-left: 24px;
}

.cy-form-tool .error-message .error-icon {
  background: url(../images/error.png) no-repeat top right;
  display: block;
  position: absolute; top: 2px; right: 36px;
  width: 16px; height: 16px;
}

.cy-form-tool .cy-checkbox .error-message .error-icon {
  right: 6px;
 }

.cy-form-tool .cy-date .error-message .error-icon,
.cy-form-tool .cy-text .error-message .error-icon,
.cy-form-tool .cy-varchar .error-message .error-icon {
  right: 36px;
}

.cy-form-tool .pending {
  background: url(../images/loading.gif) no-repeat top right #FFF;
}

.cy-form-tool .success {
  background: url(../images/ok.png) no-repeat top right #FFF;
}

.cy-form-tool .required {
  color: #F00;
}

.cy-form-tool .cy-field {
  margin: 8px 0;
  overflow: hidden;
  position: relative;
}

.cy-form-tool .hidden {
  display: none;
}

.cy-form-tool .image-left {
  float: left;
  margin: 0 15px 15px 0;
}

.cy-form-tool .notice {
  clear: both; float: none;
  font-size: .9em;
  line-height: 1.2em;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}

.cy-form-tool .notice .icon {
	background: url(../images/ico_hilfe.gif) no-repeat;
	cursor: pointer;
	display: block;
	position: absolute; top: -21px; right: 0;
	text-indent: -9999px;
	width: 25px; height: 25px;
}

.cy-form-tool .notice .text {
	margin-top: 5px;
	padding: 5px 20px 0 0;
}

.addnewfield {
	margin: 0 0 0 250px;
}

.cy-form-tool .varchar-width-25 {
  display: block; float: left;
  margin-right: 3px;
  width: 74px !important;
}

.cy-form-tool .varchar-width-50 {
  display: block; float: left;
  margin-right: 3px;
  width: 120px !important;
}

.cy-form-tool .varchar-width-75 {
  display: block; float: left;
  margin-right: 3px;
  width: 232px !important;
}

.cy-form-tool input.right {
  margin-right: 0 !important;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==tabs */

.cy-form-tool div.tab {
  overflow: auto;
}

.cy-form-tool ul.anchors {
  list-style-type: none;
  margin-top: 0; padding-left: 0;
}

.cy-form-tool ul.anchors li {
  background: url(../images/anchor.png) no-repeat left center;
  padding-left: 15px;
}

.cy-form-tool ul.anchors li a {
  color: #666;
  text-decoration: none;
}

.cy-form-tool ul.ui-tabs-nav li a.error {
  background: none !important;
  color: #F00;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==checkbox */

.cy-form-tool .cy-checkbox {
  clear: both; float: none;
  width: 470px;
}

.cy-form-tool .cy-checkbox {
  margin-bottom: 1em; margin-left: 0 !important;
}

.cy-form-tool .cy-checkboxgroup {
  margin-bottom: 1em;
}

.cy-form-tool .cy-checkbox input,
.cy-form-tool .cy-checkboxgroup input {
  display: inline-block;
  margin: 1px 3px 3px 0;
  vertical-align: middle;
}

.cy-form-tool .cy-checkbox span.checkbox,
.cy-form-tool .cy-checkboxgroup span.checkbox {
  display: block;
  margin: 3px 3px 3px 0; padding-left: 20px;
}

.cy-form-tool .cy-checkbox span.checkbox-checked,
.cy-form-tool .cy-checkboxgroup span.checkbox-checked {
  background: url(../images/checked.png) no-repeat 0 0;
}

.cy-form-tool .cy-checkbox span.checkbox-unchecked,
.cy-form-tool .cy-checkboxgroup span.checkbox-unchecked {
  background: url(../images/unchecked.png) no-repeat 0 0;
}

.cy-form-tool .cy-checkbox label {
   display: block;
   padding-left: 24px;
   position: relative;
}

.cy-form-tool .cy-checkbox label input {
   position: absolute; top: 0; left: 0;
}

.cy-form-tool .cy-checkboxgroup .error-message {
   margin-left: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==textbased */

.cy-form-tool .cy-combined {
  clear: both; float: none;
  line-height: 1.5em;
}

.cy-form-tool .cy-combined div.label {
  display: block; float: left;
  line-height: 1.5em;
  width: 30%;
}

.cy-form-tool .cy-combined div.label label {
   display: inline;
   margin-right: 5px;
   width: auto;
 }

.cy-form-tool .cy-combined div.input {
  display: block; float: left;
  line-height: 1.5em;
}

.cy-form-tool .cy-combined div.input input {
  margin-right: 3px;
}

.cy-form-tool .cy-date,
.cy-form-tool .cy-radio,
.cy-form-tool .cy-text,
.cy-form-tool .cy-varchar {
  clear: both; float: none;
  line-height: 1.5em;
}

.cy-form-tool .cy-date label,
.cy-form-tool .cy-date span.label,
.cy-form-tool .cy-radio span.label,
.cy-form-tool .cy-select label,
.cy-form-tool .cy-select span.label,
.cy-form-tool .cy-text label,
.cy-form-tool .cy-text span.label,
.cy-form-tool .cy-varchar label,
.cy-form-tool .cy-varchar span.label {
   display: block; float: left;
   line-height: 1.5em;
   width: 30%;
}

.cy-form-tool .cy-date,
.cy-form-tool .cy-radio input,
.cy-form-tool .cy-text,
.cy-form-tool .cy-varchar {
  vertical-align: baseline;
}

.cy-form-tool .cy-date input,
.cy-form-tool .cy-date span.input,
.cy-form-tool .cy-text textarea,
.cy-form-tool .cy-text span.textarea,
.cy-form-tool .cy-varchar input,
.cy-form-tool .cy-varchar span.input {
  display: block; float: left;
  padding-right: 20px;
}

.cy-form-tool .cy-text textarea.in-tab {
}

.cy-form-tool .cy-date input {
  width: 20% !important;;
}

.cy-form-tool .cy-date img.picker-trigger {
  margin: 0 0 2px 3px;
}

.cy-form-tool .cy-radio {
  padding: 5px 0;
}

.cy-form-tool .cy-radio p,
.cy-form-tool .cy-select p,
.cy-form-tool .cy-combined p,
.cy-form-tool .cy-date p,
.cy-form-tool .cy-text p,
.cy-form-tool .cy-varchar p {
   clear: both;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  ==buttons */

.cy-form-tool .cy-abort {
  float: left;
}

.cy-form-tool .cy-change,
.cy-form-tool .cy-submit,
.cy-form-tool .cy-print,
.cy-form-tool .cy-ready {
  float: right;
}

.cy-form-tool .cy-abort a {
  background: url(../images/button-abort.gif) no-repeat;  color: #666;
  display: block; 
  font-size: 1em; line-height: 18px;
  margin-right: 10px; padding: 0 0 5px 19px;
  text-align: center; text-decoration: none;
  width: 75px; height: 18px;
}

.cy-form-tool .cy-change a {
  background: url(../images/button-back.gif) no-repeat;  color: #666;
  display: block; 
  font-size: 1em; line-height: 18px;
  margin-right: 10px; padding: 0 0 5px 19px;
  text-align: center; text-decoration: none;
  width: 64px; height: 18px;
}

.cy-form-tool .cy-print a {
  background: url(../images/button-print.gif) no-repeat;  color: #666;
  display: block; 
  font-size: 1em; line-height: 18px;
  margin-right: 10px; padding: 0 0 5px 19px;
  text-align: center; text-decoration: none;
  width: 160px; height: 18px;
}

.cy-form-tool .cy-ready a {
  background: url(../images/button.gif) no-repeat;  color: #666;
  display: block; 
  font-size: 1em; line-height: 18px;
  margin-right: 10px; padding: 0 0 5px 19px;
  text-align: center; text-decoration: none;
  width: 64px; height: 18px;
}

.cy-form-tool .cy-submit input {
  background: url(../images/button.gif) no-repeat;  color: #666;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 1em; line-height: 18px;
  padding: 0 0 5px 19px;
  width: 83px; height: 18px;
}