ul#mitgliedschaft-steps {
	list-style: none;
	padding: 0;
	margin: 1.5em 0;
	height: auto;
}

ul#mitgliedschaft-steps li {
	float: left;
	height: 21px;
	line-height: 21px;
	font-size: 0.85em;
	padding: 0 1%;
	color: #808080;
	width: 22.5%;
}

ul#mitgliedschaft-steps li.stepinfo-text {
	height: 24px;
	line-height: 24px;	
}

ul#mitgliedschaft-steps li.activestep { color: #e95d0f; }

ul#mitgliedschaft-steps li img {
    margin: 0;
    margin-right: 5px;
    float: left;
}

ul#mitgliedschaft-steps li.stepinfo-text span.step-number {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	color: #fff;
	background-color: #808080;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin-right: 5px;
}
ul#mitgliedschaft-steps li.stepinfo-text.activestep span.step-number { background-color: #e95d0f; }

ul#mitgliedschaft-steps li.stepinfo-text span.step-title {
	white-space: nowrap;
}



/*div#mitgliedschaft .form-item .form-item, 
div#mitgliedschaft .form-actions .form-item, 
div#mitgliedschaft .form-radios .form-item,
div#mitgliedschaft .form-item-mitgliedschaft-anrede .form-radios { clear: none;}
*/



div.form-item-mitgliedschaft-zahlung { display: inline; }
/*div#mitgliedschaft div.form-item-mitgliedschaft-anrede.form-type-radio label, */
/*div#mitgliedschaft div.form-item-mitgliedschaft-zahlung.form-type-radio label,*/
div#mitgliedschaft div.form-item-mitgliedschaft-ehepartner label { 
  margin-right: 20px;
  width: auto;
  float: none;
  display: inline;
}

div#mitgliedschaft .form-item-mitgliedschaft-anrede .form-radios .form-item {
  min-width: 70px;
  white-space: nowrap;
}

html.js div#mitgliedschaft  input.form-autocomplete { background-position: 100% 6px; } 

#edit-mitgliedschaft-berufstyp,
#edit-mitgliedschaft-familienstand,
/*#edit-mitgliedschaft-zahlung,*/ 
#edit-mitgliedschaft-konfession { 
	width: 100%;
	clear: both; 
	margin: 1.3em 0;
	position: relative;
}

#edit-mitgliedschaft-zahlung .form-item + .form-item { 
  margin-left: 1em;
}

.cdu-form .form-radios .form-item.form-item-mitgliedschaft-berufstyp,
/*.cdu-form .form-radios .form-item.form-item-mitgliedschaft-familienstand,*/
.cdu-form .form-radios .form-item.form-item-mitgliedschaft-konfession {
  width: 49%;
}

.cdu-form .form-radios .form-item.form-item-mitgliedschaft-familienstand {
  width: auto;
}

.cdu-form .form-radios .form-item.form-item-mitgliedschaft-familienstand + .form-item.form-item-mitgliedschaft-familienstand {
  margin-left: 1em;
}

#edit-mitgliedschaft-familienstand .ajax-progress {
	position: absolute;
	right: 4%;
	top: 1em;
}

#mitgliedschaft-familienstand-wrapper fieldset,
#mitgliedschaft-telefon-wrapper fieldset,
#mitgliedschaft-konto-wrapper fieldset {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
}

div.form-item-mitgliedschaft-ehepartner .form-checkbox { margin-left: 0; }

div#mitgliedschaft div.form-item-mitgliedschaft-funktionen label {
  float: none;
  width: 100%;
}

div#mitgliedschaft div.form-item-mitgliedschaft-funktionen input.form-text { width: 95%; } 

div#mitgliedschaft .form-item-mitgliedschaft-beitrag input.form-text,
div#mitgliedschaft .form-item-mitgliedschaft-beitrag-sonst input.form-text,
div#mitgliedschaft .form-item-mitgliedschaft-spende input.form-text { width: 40%; }

div#mitgliedschaft .cdu-form #edit-mitgliedschaft-mglinfos label,
div#mitgliedschaft .cdu-form  .form-item-mitgliedschaft-accept label {
    float: none;
    width: auto;
}

.cdu-form #edit-mitgliedschaft-mglinfos .form-item { margin: 0.5em 0; }

div#mitgliedschaft input.form-checkbox { margin-left: 0; }

div#mitgliedschaft .form-item-kv-load-all input.form-checkbox {
  width: auto;
}

div#mitgliedschaft .form-item input.error, div#mitgliedschaft .form-item textarea.error, div#mitgliedschaft .form-item select.error { border-color: red; }
div#mitgliedschaft div.error, div#mitgliedschaft .error { color: #8C2E0B; }

div#mitgliedschaft input.form-submit.next-button { float: right; margin-right: 4%; }
div#mitgliedschaft input.form-submit.prev-button { clear: both; margin-left: 0; float: left; }

div#mitgliedschaft .required-info { margin-top: 1em; }

/*** Datum ***/

div#mitgliedschaft .container-inline-date .form-item .description,
div#mitgliedschaft div.captcha .form-item .description {
  font-size: 0.8em;
  font-style: normal;
  display: inline;
}

div.captcha img {
  background-color: #f2f2f2;
  border-color: #999;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  margin-left: 30%;
}

div#mitgliedschaft input#edit-captcha-response { width: 129px; }

div#mitgliedschaft .field-prefix, div#mitgliedschaft .field-suffix { font-size: 1em; }

.cdu-form .form-item-mitgliedschaft-beitrag-wahl .form-radios,
.form-item-mitgliedschaft-beitrag-wahl .field-suffix {
	display: block;
	width: auto;
	float: left;
}

.cdu-form .form-item-mitgliedschaft-beitrag-wahl .form-radios .form-item { padding-left: 0.5em; min-width: 0; }
.form-item-mitgliedschaft-beitrag-wahl .form-radios .form-item:first-child { padding-left: 0; }


a.beitragsinfo {
	display: inline-block;
	margin-left: 1em;
	background-color: #808080;
    border-radius: 0.6em;
    display: inline-block;
    font-size: 1.25em;
	font-family: 'CDUKievit', Arial;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    width: 1.2em;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
a.beitragsinfo:hover { background-color: #e95d0f; }

a.beitragsinfo span.beitragsinfo { color: #fff; display: inline-block; }

div#mitgliedschaft span.warning {
  color: red;
}

div#mitgliedschaft .form-item-mitgliedschaft-telefon div.description { margin-left: 30%; }


/* ---------- Responsives ----------- */
@media all and (max-width: 680px) {
  ul#mitgliedschaft-steps li.stepinfo-text { text-align: center; height: 48px; }

  ul#mitgliedschaft-steps li.stepinfo-text span.step-title {
    display: inline-block;
    width: 99%;
  }	
  div#mitgliedschaft .form-item-mitgliedschaft-telefon div.description { margin-left: 0; }
  
  #edit-mitgliedschaft-zahlung { 
	width: 100%;
	clear: both; 
	margin: 0 0 1em 0;
  }
  
  #edit-mitgliedschaft-zahlung .form-item { 
    /*float: none;*/
    width: 100%;
    min-width: none;
  }
  
  #edit-mitgliedschaft-zahlung .form-item + .form-item { 
    margin-left: 0;
  }
}

@media all and (max-width: 480px) {
  ul#mitgliedschaft-steps li.stepinfo-text { 
    text-align: left; 
    float: none;
    width: auto;	
    margin-bottom: 1em;
    height: 24px;
  }

  ul#mitgliedschaft-steps li.stepinfo-text span.step-title {
    display: inline-block;
    width: auto;
  }	

  div#mitgliedschaft div.form-item-mitgliedschaft-funktionen input.form-text { width: 97%; } 

  .form-item-mitgliedschaft-beitrag-sonst label { display: none; }
}