/* ===================== */
/* Styles for all Forms */
/* ===================== */

form {
  margin: 0;
}
.colorRowForms {
  background-color: #f8f8f8;
  clear: both;
}
.standardRowForms {
  clear: both;
}

fieldset {
  border: 1px solid #aaa;
  border: 0;
  color: #525864;
  margin: 0;
  padding: 7px 11px;
}
fieldset label{
  vertical-align: middle;
}
fieldset .warning {
  color: #c91014;
  font-weight: bold
}
fieldset b {
  color: #525864;
  font-weight: bold;
}
fieldset b.light {
  color: #525864 !important;
}
fieldset input, fieldset textarea, fieldset select {
  color: #525864; 
  border: 1px solid #778090;
  font-family: arial, sans-serif;
  padding: 2px;
  margin: 0;
}
fieldset .checkbox, fieldset .radio {
  border: 0 !important;
  vertical-align: middle;
}
fieldset .hSpacer2px {
  height: 2px !important;
  clear: both;
}
fieldset .hSpacer5px {
  height: 5px !important;
  clear: both;
}
fieldset .hSpacer10px {
  height: 10px;
}
fieldset .formError {
  color: #ff0000;
}
.currentStep {
  color: #ff0000;
}
div.HrSpacer {display: none}
/*/*/a{}
div.HrSpacer { display: block; height: 1px; background-color: #929daf; margin: 3px 0 3px 0; }
div.HrSpacer hr {display:none}
/* */
.hide {
	display: none;
}



/* Float stuff */
fieldset .fieldRow {
  margin-bottom: 3px;
  clear: both;
}
fieldset .fieldRowLeft {
  float: left;
  width: 180px;
}
/* ... in case we have several rows in fieldRowRight */
fieldset .fieldRowRight {
  padding: 0 0 0 180px;
}
/************************************************/
/* bo Application Form: Jetzt Mitglied werden */

/* |       col1      | col2  | col3  | col4  |*/
/* | label     input | input | input | input |*/

fieldset .fieldRow .column4col1,
fieldset .fieldRow .column4col2,
fieldset .fieldRow .column4col3,
fieldset .fieldRow .column4col4 {
/*  width: 90px;*/
  width: 8em;
  padding: 0;
  margin: 0;
  float: left; 
  /*border: 1px solid black;*/
}
/* 1st column contains label */
fieldset .fieldRow .column4col1 {
  width: 260px;
}
fieldset .fieldRow .column4col1 label {
  float: left;
  width: 168px;
  padding: .1em 0;
  margin: 0.1em 0;
  min-height: 1.4em;
  /*border: 1px solid red;*/
}

/* hide the labels of the other columns */
fieldset .fieldRow .column4col2 label,
fieldset .fieldRow .column4col3 label,
fieldset .fieldRow .column4col4 label { 
display: none;
}
.jmw_fake_label_before {
  float: left;
  margin-top: 4px;
  margin-left: 6px;
  margin-bottom: 2px;
}
.jmw_fake_label_after {
  float:left;
  margin-top: 2px;
  margin-left: 0px;
  margin-right: 2px;
  display: block;
  width: 1.5em;
}
/* adjust font-size because of nested fieldsets */
.column4col1 fieldset,
.column4col2 fieldset,
.column4col3 fieldset,
.column4col4 fieldset {
  margin: 0;
  padding: 0;
}
.column4col1 fieldset legend,
.column4col2 fieldset legend,
.column4col3 fieldset legend,
.column4col4 fieldset legend {
  color: #525864;
  font-weight: bold;
  padding: 0 0 10px 5px;
  display: none; /* switch off legends ...*/
}
/* ... but show legends on top of form */
.colorRowBorderTop fieldset .column4col1 legend,
.colorRowBorderTop fieldset .column4col2 legend,
.colorRowBorderTop fieldset .column4col3 legend,
.colorRowBorderTop fieldset .column4col4 legend {
  display: block;
}
.column4col1 fieldset legend {
  padding-left: 175px;
}
/* adjust legend paddings in IE */
* html .column4col1 fieldset legend,
* html .column4col2 fieldset legend,
* html .column4col3 fieldset legend,
* html .column4col4 fieldset legend {
  padding-left: 0px;
  margin-left: -2px;
}
* html .column4col1 fieldset legend {
  padding-left: 170px;
}
.column4col1 .radio,
.column4col2 .radio,
.column4col3 .radio,
.column4col4 .radio {
  float: left;
  margin: 3px 2px 4px 2px;
}
* html .column4col1 .radio,
* html .column4col2 .radio,
* html .column4col3 .radio,
* html .column4col4 .radio {
  margin: 0;
}
.column4col1 br,
.column4col2 br,
.column4col3 br,
.column4col4 br {
font-size:0;
display: none;
}
/* Inputfields */
fieldset .textInput4col { float:right; width: 78px; margin-right: 2px; margin-bottom:2px;}
fieldset .textInput4colDate { float:right; text-align: center; width: 18px; margin-right: 2px; margin-bottom: 2px;}
fieldset .textInput4colYear { float:right; text-align: center; width: 25px; margin-right: 2px; margin-bottom: 2px;}
fieldset .textInput4colsmall { float:right; width: 54px; margin-right: 2px; margin-bottom: 2px;}
/* Dark Inputfields for 1st and 3rd column */
.column4col1 fieldset .textInput4col,
.column4col1 fieldset .textInput4colsmall, 
.column4col1 fieldset .textInput4colDate,
.column4col1 fieldset .textInput4colYear,

.column4col3 fieldset .textInput4col,
.column4col3 fieldset .textInput4colsmall,
.column4col3 fieldset .textInput4colDate,
.column4col3 fieldset .textInput4colYear { background-color:#E8E8E8;} 

/* eo Application Form: Jetzt Mitglied werden */
/************************************************/

fieldset .fieldRow .column5col {
  float: left;
  width: 104px;
}
legend.vitaKid {
	display: block;
  color: #525864;
  font-weight: bold;
  padding: 0 0 10px 5px;
}


fieldset .fieldRow .details6col1 { float:left; width: 40px; margin-right: 3px; }
fieldset .fieldRow .details6col2 { float:left; width: 45px; margin-right: 3px; }
fieldset .fieldRow .details6col3 { float:left; width: 150px; margin-right: 3px; }
fieldset .fieldRow .details6col4 { float:left; width: 70px; margin-right: 3px; }
fieldset .fieldRow .details6col5 { float:left; width: 50px; margin-right: 3px; }
fieldset .fieldRow .details6col6 { float:left; width: 150px; }

fieldset .fieldRow .row7col2 { float:left; width: 50px; margin-right: 3px; margin-top: 13px; }
fieldset .fieldRow .row7col3 { float:left; width: 40px; margin-right: 3px; margin-top: 13px; }
fieldset .fieldRow .row7col4 { float:left; width: 165px; margin-right: 3px; }
fieldset .fieldRow .row7col5 { float:left; width: 170px; margin-right: 3px; }
fieldset .fieldRow .row7col6 { float:left; width: 90px; }


fieldset .textInput { width: 200px; }
fieldset .textAreaInput { width: 200px; height: 75px; overflow: auto; }
fieldset .textInputStreet {width: 166px; }
fieldset .textInputStreetNumber {width: 25px; }
fieldset .textInputLocation { width: 160px; }
fieldset .textInputPoNumber {width: 31px; }
fieldset .textInputDate { width: 15px; }
fieldset .textInputHeight { width: 15px; }
fieldset .textInputYear { width: 30px; }
fieldset .textInputJob { margin-top: 5px; width: 200px; }
fieldset .textInputJobStatus { width: 15px; }
fieldset .textInputSize { width: 50px; margin-top: 2px; }
fieldset .textInput6col1 { width: 10px; }
fieldset .textInput6col2 { width: 10px; }
fieldset .textInput6col3 { width: 140px; height: 40px; overflow: auto; }
fieldset .textInput6col4 { width: 55px; }
fieldset .textInput6col6 { width: 140px; height: 40px; overflow: auto; }
fieldset .textInput150 { width: 150px; }
fieldset .textInput230 { width: 230px; }
fieldset .textInputLong { width: 300px; }
fieldset .textInputHalfLong { width: 144px; }
fieldset .textInputPartnerInsured { width:101px; }