/* 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;
}


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

.formRow {
	padding-bottom: 14px;
}
.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: 22px;
}


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

/* toggle annotation */
/***********************/
.fieldWrap .annotation {
    margin-top: 3px;
    display: inline-block;
}

/* 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;
}


/* 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 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 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 {
    height: 21px;
    padding-left: 58px;
    padding-top: 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;
}