/* Powermail CSS Stand 08.06.09; AT */

/* Dieser Bereich ist für das Kontaktformular zuständig. */

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}

input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}

div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 110px;
}



/* Hier beginnt der Bereich, in welchem die Eingabefelder und deren Beschreibungen formatiert werden. */

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_text label, .tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_select label{

width: 300px; /*100*/

float: left;

clear: both;

}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_text input{

width: 220px;

border: none;

border-bottom: 1px solid black;

margin-left: 10px;


}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_select select {

width: 220px;

border: none;

border-bottom: 1px solid black;

margin-left: 10px;

}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_textarea label {

width: 300px; /*100*/

float: left;

clear: both;

}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_textarea textarea {

width: 444px; /*644*/

float: right;

}

div.tx_powermail_pi1_fieldwrap_html {

/* Increase margin between every field */

margin: 10px 0;

}

/* Hier endet der Bereich, in welchem die Eingabefelder und deren Beschreibungen formatiert werden. */




/* Hier beginnt der Bereich, welcher die Zusammenfassung der Daten, die in das Kontaktformular eingegeben wurden, anzeigt. */

div.tx-powermail-pi1_confirmation{
padding-top: 5px;
padding-bottom: 5px;
font-size: 1^0pt;
color:#012e65;
}

.powermail_all.powermail_all_td{
padding-top: 1px;
padding-bottom: 1px;
font-size: 10pt;
color:#012e65;
}

/* Hier endet der Bereich, welcher die Zusammenfassung der Daten, die in das Kontaktformular eingegeben wurden, anzeigt. */



/* Hier beginnt der Bereich, für die Formatierung der "Zurück" und "Angaben abschicken"/"Senden"/"Buchen" Button. */

.tx-powermail-pi1_confirmation.tx-powermail-pi1_confirmation_back  input {

width: 200px;
float: left;
padding-top: 2px;
padding-bottom: 2px;
}

.tx-powermail-pi1_confirmation.tx-powermail-pi1_confirmation_submit input {

width: 200px;
margin-top: -20px;
float: right;

padding-top: 2px;
padding-bottom: 2px;
}

.tx-powermail-pi1_confirmation.tx-powermail-pi1_confirmation_reset input{

width: 200px;
float: left;
padding-top: 2px;
padding-bottom: 2px;
}

/* Hier endet der Bereich, für die Formatierung der "Zurück" und "Angaben abschicken" Button. */



/* Hier beginnt der Bereich, in welchem die Checkboxen und deren Beschreibungen formatiert werden. */

.powermail_check_inner label {

width: 300px;

float: left;

clear: both;

margin-left: 10px;

}

.powermail_check_inner input {

width: 25px;

border: none;

border-bottom: 1px solid black;

margin-left: 10px;

}

/* Hier endet der Bereich, in welchem die Checkboxen und deren Beschreibungen formatiert werden. */



/* Hier beginnt der Bereich, in welchem die Radio-Buttons und deren Beschreibungen formatiert werden. */

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_radio label{

width: 380px;

float: left;

clear: both;

margin-left: 10px;

}

.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_radio input{

width: 25px;

border: none;

border-bottom: 1px solid black;

margin-left: 10px;

}

/* Hier endet der Bereich, in welchem die Radio-Buttons und deren Beschreibungen formatiert werden. */



/* Hier beginnt der Bereich, welcher dafuer zustaendig ist, dass die einzelen Kästen ordentlich nebeneinander und untereinander stehen.*/

fieldset.tx-powermail-pi1_fieldset_1 {

width: 47%;

float: left;

}

fieldset.tx-powermail-pi1_fieldset_7 {

width: 47.5%;

}

fieldset.tx-powermail-pi1_fieldset_9 {

width: 47%;

float: left;

}

fieldset.tx-powermail-pi1_fieldset_10 {

width: 47.5%;

}

fieldset.tx-powermail-pi1_fieldset_11 {

width: 47%;

float: left;

height: 258px;
}

fieldset.tx-powermail-pi1_fieldset_13 {

width: 47.3%;

height: 258px;

}

fieldset.tx-powermail-pi1_fieldset_35 {

width: 47%;

float: left;

}

fieldset.tx-powermail-pi1_fieldset_36 {

width: 47.5%;

}
/* Hier endet der Bereich, welcher dafuer zustaendig ist, dass die einzelen Kästen ordentlich nebeneinander und untereinander stehen.*/