/* std form
************************************************************************************************************/

INPUT.formInput,
TEXTAREA,
SELECT {
    border: 1px solid #c8c0ba;
    background-color: #ffffff;
  
    padding: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
    font-size: 11px;
  

  box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.1) inset;

}

INPUT.formInput {
}

TEXTAREA {
  overflow: auto;
/*  height: 115px;*/
}

SELECT {
  padding: 0px;
}


/* Focus */
INPUT.formInput-active, TEXTAREA.formInput-active,
SELECT.formInput-active,
INPUT.formInput:hover, INPUT.formInput:focus,
SELECT:hover, SELECT:focus,
TEXTAREA:hover, TEXTAREA:focus {
/*    border-bottom: 1px solid black; */
    
}

/*
***********************************************************************************************************
FormularStyles FormularStyles FormularStyles FormularStyles FormularStyles FormularStyles
***********************************************************************************************************
*/

.formWrap {
  background-color: #f5f3ef;
  padding: 20px;
  margin-bottom: 20px;
}

.formGreen {
  background-color: #7f7a00;
  padding: 20px;
  margin-bottom: 20px;  
}

.formGreen p, .formGreen h1, .formGreen h2, .formGreen h3, .formGreen label {
  color: #ffffff;
}

/***********************/
/* Row templates       */
/***********************/

.formRow {
  padding-bottom: 14px;
}
.formRow.formRowLast{
/*
    todo: fehler beim ermitteln von formRowLast bei formularen!
    padding-bottom: 0px;*/
}

.labelWrap, .fieldWrap {
    display: inline-block;
  vertical-align: top;
}
.labelWrap {
  width: 145px;
}
.fieldWrap {
    position: relative;
  width: 315px;
}
LABEL {
  display: inline-block;
  cursor: pointer; cursor: hand;

  padding-right: 10px;
  padding-top: 3px;

}
/***********************/

.formRowTemplate-checkbox .checkboxWrap {
  margin-left: 148px;
}



/***********************/
/* Felder              */
/***********************/
.formInput,
.formSelect {
  padding-top: 1px;
  padding-bottom: 3px;
  
  width: 305px;
}

.formSelect {
  width: 315px;
}


/* checkbox */
/***********************/
.checkboxWrap {
  position: relative;
}
.checkboxWrap .formCheckbox {
  position: absolute;
  left: 0px;
  top: 4px;
}
.checkboxWrap LABEL {
  padding-left: 20px;
    padding-right: 20px;
}


/* toggle fieldset */
/***********************/
.formRowType-Toggle {
    overflow: hidden;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

/* toggle annotation */
/***********************/
.fieldWrap .annotation {
    display: inline-block;
    margin-top: 3px;
    color: #91004b;
    font-size:  11px;
}

/* button */
/***********************/


.formButton {
  display: inline-block;
    margin-bottom: 1px;
  
  /* border: 1px solid #770240; */
  border: none;

	border-radius: 3px;
	box-shadow: inset 0px -5px 8px rgba(0, 0, 0, 0.2), inset 0px 0px 6px rgba(0, 0, 0, 0.1);

  background-color: #91004b;

  color: #fff;
    font-weight: bold;

    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;

  /*height: 20px;*/
    
    
    cursor: pointer;
    float: right;
}

.formButton:hover {
    background-color: #7b858a;
}
.formButton:active {

    margin-top: 1px;
    margin-bottom: 0px;
}

.formRowType-Submit {
    overflow: hidden;
}

.submitWrap {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* custom selectbox */
/***********************/

.formWrap .selectBoxStyledToggle {
  background-image: url("../pix/selectBoxToggleBack.gif");
  background-repeat: no-repeat;
  background-position: 299px 7px;
  background-color: #fff;
  
  border: 1px solid #C8C0BA;
  
  color: #323232;
  font-size: 11px;
  
  display: block;

  height: 13px;
  margin-bottom:5px;

  
  overflow:hidden;
  padding-left: 4px;
  padding-right: 20px;
  padding-top: 2px;
  white-space: nowrap;
  width: 289px;

    box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.1) inset;
}
.formWrap .selectBoxStyledToggleActive {
  background-image:url("../pix/selectBoxToggleActiveBack.gif");
}




.selectBoxStyled {
  background-color: #fff;

  box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.1) inset;
  background-position: bottom left;
  
  margin-top: 19px;
  overflow: hidden;
  position: absolute;
  max-width: 315px;

    box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}
.selectBoxStyled ul {
  margin:0;
  max-height:400px;
  overflow-y:auto;
  border: 1px solid #C8C0BA;
}
.selectBoxStyled li {
  background-image:none;
  padding:0;
}
.selectBoxStyled a {
  color: #323232;
  font-size: 11px;
  display: block;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 1px 4px 2px;

    line-height: normal;
}
.selectBoxStyled a.default {
    border-bottom: 2px solid #BDC2C4;
}
.selectBoxStyled a.new {
    border-top: 2px solid #BDC2C4;
}

.selectBoxStyled a:hover {
  background-color:#003F72;
  color:#FFFFFF;
  text-decoration:none;
}
.selectBoxStyled a.selectBoxStyledOptionActive {
  background-color:#91004B;
  color:#FFFFFF;
}


/*
***********************************************************************************************************
Fieldsets Fieldsets Fieldsets Fieldsets Fieldsets Fieldsets Fieldsets
***********************************************************************************************************
*/



.formRowTemplate-fieldset {

}

.formWrap FIELDSET {
  border: none;
  margin-bottom: 0px;
    margin-top: 20px;
}
.formWrap .formRowType-Fieldset.formRowFirst.formRowDeep-1 FIELDSET {
    margin-top: 0px;
}

.formWrap FIELDSET LEGEND {
    width: 100%;
  font-weight: bold;
  font-size: 16px;

    border-top: 1px solid #bdc2c4;

    padding: 0px;
    margin:  0px;

    padding-top: 8px;
    padding-bottom: 26px;
}
.formWrap .formRowType-Fieldset.formRowFirst.formRowDeep-1 FIELDSET LEGEND {
    border-top: none;
    padding-top: 0px;
}

.formWrap FIELDSET .fieldset-description {
  margin-bottom: 10px;
  font-weight: bold;
}

.formWrap FIELDSET .fieldset-inner {
    position: relative;
}

.formWrap FIELDSET .formButton {
}

.formWrap FIELDSET .formInput,
.formWrap FIELDSET .formSelect {
    width: 305px;
}
.formWrap FIELDSET .selectBoxStyledToggle {
    width: 289px;
    background-position: 298px 7px;
}




/* fieldset 2. ebene */
/*
.formWrap FIELDSET FIELDSET {
  position: relative;

  margin-top: 10px;
  margin-bottom: 10px;
}

.formWrap FIELDSET FIELDSET LEGEND {
  display: inline;
  position: absolute;
  left: 0px;
  top: 0px;

  width: 128px;

  font-weight: normal;
  font-size: 12px;
  padding-bottom: 3px;
  border: none;
}

.formWrap FIELDSET FIELDSET .fieldset-inner {
  padding-left: 128px;
}

.formWrap FIELDSET FIELDSET .fieldset-description {
  margin-bottom: 10px;
  font-weight: normal;
}

.formWrap FIELDSET FIELDSET .labelWrap {
  width: 90px;
}
.formWrap FIELDSET FIELDSET .fieldWrap {
  width: 190px;
}

.formWrap FIELDSET FIELDSET .formInput,
.formWrap FIELDSET FIELDSET .formSelect {
  width: 190px;
}
*/


/*
***********************************************************************************************************
Flexfieldset Flexfieldset Flexfieldset Flexfieldset
***********************************************************************************************************
*/

.formRowType-FlexFieldset .addLink {
    float: none;
    position: absolute;
    top: -42px;
    right: 0px;

}



.formRowType-FlexFieldset .abstract {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;

    padding-top: 5px;
    padding-bottom: 5px;
}
.formRowType-FlexFieldset .abstract:hover {
    background-color: #E6E2DF;


}

.formRowType-FlexFieldset .abstract .text {
    width: 400px;
    overflow: hidden;

    cursor: s-resize;

}

.formRowType-FlexFieldset .abstract .text dt {
    clear: left;
    float: left;
    width: 110px;
    font-weight: bold;
}
.formRowType-FlexFieldset .abstract .text dd {
    float: left;
    margin-bottom: 3px;
}
.formRowType-FlexFieldset .abstract .text dd.textRowLast {
    margin-bottom: 0px;
}

.formRowType-FlexFieldset .abstract .editLink,
.formRowType-FlexFieldset .abstract .delLink {
    position: absolute;
    top: 0px;

    height: 16px;
    width: 16px;

    line-height: 110px;
    overflow: hidden;

    background-repeat: no-repeat;

}
.formRowType-FlexFieldset .abstract .editLink {
    top: 5px;
    right: 20px;
    background-image: url("../../../typo3conf/ext/df_contact/Resources/Public/Images/FlexFieldset/edit.gif");
    background-position: 0px 1px;
}
.formRowType-FlexFieldset .abstract .delLink {
    top: 5px;
    right: 0px;
    background-image: url("../../../typo3conf/ext/df_contact/Resources/Public/Images/FlexFieldset/del.gif");
    background-position: 3px 1px;
}

.formRowType-FlexFieldset .form {
    overflow: hidden;
    padding: 10px;
    background-color: #e6e2df;
    margin-bottom: 20px;

}
.formRowType-FlexFieldset .form .labelWrap {
    width: 135px;

}
.formRowType-FlexFieldset .form .fieldWrap {
    width: 305px;

}

.formRowType-FlexFieldset .form .formInput {
    width: 295px;
}
.formRowType-FlexFieldset .form .formSelect {
    width: 305px;
}

.formRowType-FlexFieldset .form .selectBoxStyledToggle {
    width: 279px;
    background-position: 289px 7px;
}




.formRowType-FlexFieldset .form .cancelLink {
    float: right;
    margin-right: 10px;
    display: inline-block;
    color: #003F72;
}
.formRowType-FlexFieldset .form .saveLink {
    margin-right: 0px;
}

/*
***********************************************************************************************************
Calendar Calendar Calendar Calendar Calendar Calendar Calendar Calendar Calendar
***********************************************************************************************************
*/

.formRowType-Calendar .fieldWrap {
}
.formRowType-Calendar .fieldWrap .formInput {
    width: 60px;
}

.formRowType-Calendar .fieldWrap .trigger {
    position: absolute;
    display: block;

    left: 80px;
    top: 0px;
    width: 22px;
    height: 19px;

    overflow: hidden;

    background-color: blue;
    text-indent: 100px;

    cursor: pointer;


    background-image: url("../../../typo3conf/ext/df_contact/Resources/Public/Images/Calendar/calendarIcon.gif");
    background-repeat: no-repeat;
    background-position: top left;
}
.formRowType-Calendar .fieldWrap .annotation {
    margin-left: 47px;
    margin-top: 0px;
}


/*
***********************************************************************************************************
Error Error Error Error
***********************************************************************************************************
*/


/* error in deep 1 (root) */
.formRowError .formInput,
.formRowError .formCheckbox,
.formRowError .formSelect {
  border: 1px solid #91004b;
}
.formRowError .labelWrap LABEL,
.formRowError > .checkboxWrap LABEL {
  color: #91004b;
}


.formRowError FIELDSET LEGEND {
  color: #91004b;
}


.formRowValid .formInput,
.formRowValid .formCheckbox,
.formRowValid .formSelect {
  /*border: 1px solid Green;*/
}






/*
.formRowError .formInput,
.formRowError .formSelect {
  border: 1px solid #91004b;
}

.formRowError LABEL {
  color: #91004b;
  font-weight: bold;
}
*/


/* validationMessage */
.validationMessage {
  display: block;
    position: absolute;
    top: -12px;
    left: 10px;

    width: auto;
    max-width: 315px;

    border-radius: 2px;
    background-color: #91004B;
    background-color: rgba(145, 0, 75, 0.9);

    font-style: normal;
    font-size: 10px;
  padding: 0px;
    padding-left: 5px;
    padding-right: 5px;

    color: #fff;
}

.fieldset-inner > .validationMessage {
  display: block;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 10px;
}





/* spash message */
.errorFlashMessage {
  background-color: #e6e2df;

    margin-bottom: 26px;
    padding-bottom: 1px;
    padding: 10px 10px 0px;
}

.errorFlashMessage P {
  font-weight: bold;
  color: #91004b;
  background-image: url(../pix/icon_error.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;

  padding-left: 22px;
}

.errorFlashMessage UL {
  margin-top: 10px;
    padding-bottom: 10px;
}
.errorFlashMessage LI {

}



/*
***********************************************************************************************************
Summary
***********************************************************************************************************
*/


.summaryValidMessage,
.summaryErrorMessage {
    border-top: 1px solid #BDC2C4;
    padding-top: 11px;
}

.summaryValidMessage P,
.summaryErrorMessage P {
    min-height: 16px;
    padding-left: 58px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;

    background-position: top left;
    background-repeat: no-repeat;

    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}


.summaryValidMessage P {
    background-color: #91004B;
    background-image: url('../pix/sendSuccess.png');
}

.summaryErrorMessage P {
    background-color: #333333;
    background-image: url('../pix/sendError.png');
}


/* ... Formatdefinitionen zum Drucken ... */
@media print {
  .summaryValidMessage

  { display: none; }

}

/*
***********************************************************************************************************
kontaktformular kontaktformular kontaktformular kontaktformular kontaktformular
***********************************************************************************************************
*/


#contactform_gender {
  width: auto;
}
.formRow_country {
  margin-bottom: 22px;
}


#form68_nachname {
    width: 100px;
}






/*******************************************************************************************************************/
/* Marginalie */
/*******************************************************************************************************************/
#margin .formWrap,
.fce-grid5050 .formWrap {
  padding: 15px;
}

#margin .labelWrap,
.fce-grid5050 .labelWrap {
  width: 210px;
}
#margin .fieldWrap,
.fce-grid5050 .fieldWrap {
  width: 210px;
}


#margin .formInput,
#margin .formSelect,

.fce-grid5050 .formInput,
.fce-grid5050 .formSelect {
  width: 200px;
}
#margin .formSelect,
.fce-grid5050 .formSelect {
  width: 210px;
}

#margin A.formSelect,
.fce-grid5050 A.formSelect {
  width: 184px;
    background-position: 192px 7px;
}


#margin .formRowTemplate-checkbox .checkboxWrap,
.fce-grid5050 .formRowTemplate-checkbox .checkboxWrap {
  margin-left: 148px;
}


#margin .validationMessage,
.fce-grid5050 .validationMessage {
    top: auto;
    bottom: 18px;
}

#margin .summary DL DT,
.fce-grid5050 .summary DL DT {
    float: none;
    width: auto;
}
#margin .summary DL DD,
.fce-grid5050 .summary DL DD {
    float: none;
    width: auto;
}


#margin .summary,
 .summary {
    margin-bottom: 28px;
}

.formButton invest {
    width: 390px;
    height: 60px;
    font-size: 20px;
}