/*

########################################################################################
                                                                                                                             FORMATIERUNGEN FÜR POWERMAIL

           Class und ID beginnen mit 'im_' fuer Formular 'Infomaterial anfordern'

########################################################################################



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 200px;
}
fieldset.tx-powermail-pi1_fieldset {
        /* Fieldset */
        border: 1px solid #aaa;
        background-color: #FFFFFF;
        padding: 10px;
        margin-left: 8px;
        margin-right: 6px;
}
fieldset.tx-powermail-pi1_fieldset legend {
        /* legend of Fieldset */
        font-weight: bold;
        color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
        /* label */
        display: block;
        width: 200px;
        float: left;
        clear: both;
        font-weight: bold;
        margin-left: 8px;
}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
        /* Radiobuttons */
        margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
        /* DIV container arround every field */
        margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
        /* submit button */
        margin: 20px 0 10px 200px;
        font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
        margin: 0;
        padding: 0;
        font-weight: bold;
}
div.countryzone {
        margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
        /* Description */
        cursor: help;
        text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
        /* Description */
        display: none;
        text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
        /* Description on mouseover */
        display: block;
        position: absolute;
        width: 250px;
        padding: 5px;
        background-color: #ddd;
        border: 1px solid red;
        color: black;
        text-decoration: none;
        font-size: 0.8em;
        text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
        /* Description icon */
        padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
        background-color: #eee;
}


        /* Confirmation */
td.powermail_all_td {
        padding: 3px 10px 3px 0;
}

        /* THX */
td.powermail_all p.bodytext {
        margin: 0;
}


/* #######################################################

                Ergänzungen Karl 25-11-2009

 #######################################################*/
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
        /* Input and textarea */
        width: 260px;
        background: #fff url("../images/css/background-formular-input.png") repeat-x left -25px;
        border: none;
        border: 1px solid;
        border-bottom: 2px dotted;
}

fieldset.tx-powermail-pi1_fieldset legend {display: none;}


fieldset.tx-powermail-pi1_fieldset .p_meineradioklasse_32,
fieldset.tx-powermail-pi1_fieldset .div_meineradioklasse {
                  display: inline;
                   float: left;
                   }
fieldset.tx-powermail-pi1_fieldset .meineDIVklasse_32 { margin-left: 120px; }

fieldset.tx-powermail-pi1_fieldset .p_meineradioklasse_32 { display: none; }

fieldset.tx-powermail-pi1_fieldset .div_meineradioklasse label {
                 width: 45px;
                 padding: 0px;padding-top: 2px;
                 margin-left: 15px;
                 float: left;
                 clear: none;
                  }

fieldset.tx-powermail-pi1_fieldset div.trenner {
                  /* width: 100%; */
                  clear: both;
                  background: #D24E01;
                  margin-top: 15px;
                  border-bottom:1px solid;
                  }

fieldset.tx-powermail-pi1_fieldset .mein_P_label_22 {
                        color: #2F2F2F;
                        font-size: 110%;
                       /*  margin: 10px 20px; */
                        padding:1.5em 1.5em 1.5em 4.5em;
                        border-bottom: 1px solid #f2f2f2;
                        border-top: 2px solid #AFAFAF;
                        background: #fff url(/fileadmin/on-topic/images/css/info-transparent.gif) 3px 6px no-repeat;
                        }

fieldset.tx-powermail-pi1_fieldset .div_infocheckboxen  {
                clear: both;
                border-bottom: 2px dotted #ddd;
                padding: 10px 5px;
                margin-left: 30px;
                 }

fieldset.tx-powermail-pi1_fieldset .div_infocheckboxen label {
                        width: 250px;
                        }
fieldset.tx-powermail-pi1_fieldset div.meineklasse_22 {
                     background: #fff url("../images/css/info-anfordern-broschuere-bg-weiss.jpg") no-repeat bottom right;
                     z-index: 20;
                     }

fieldset.tx-powermail-pi1_fieldset .einverstandenclass {
             border: 1px solid #ddd;
             padding: 12px 12px 0px;
             background: #fff url("../images/css/background-formular-input.png") repeat-x left -30px;
             }

/* Hausnummer */
fieldset.tx-powermail-pi1_fieldset .meineDIVinputTextklasse_28 label { display: none; }
fieldset.tx-powermail-pi1_fieldset input.powermail_uid28 {width: 40px}

/* Strasse */
/* fieldset.tx-powermail-pi1_fieldset .meineDIVinputTextklasse_29 label { display: inline; float:left;} */
fieldset.tx-powermail-pi1_fieldset .meineDIVinputTextklasse_29 input { display: inline; float:left;}
fieldset.tx-powermail-pi1_fieldset input.powermail_uid29 {width: 200px}

/* PLZ 27 */
fieldset.tx-powermail-pi1_fieldset .meineDIVinputTextklasse_27 input { display: inline; float:left;}
fieldset.tx-powermail-pi1_fieldset input.powermail_uid27 {width: 40px}

/* Ort 26 */
fieldset.tx-powermail-pi1_fieldset .meineDIVinputTextklasse_26 label { display: none; }
fieldset.tx-powermail-pi1_fieldset input.powermail_uid26 {width: 200px}

/* Nachricht 21 */
fieldset.tx-powermail-pi1_fieldset  .meineDIVTextareaClass_21 label {
                     margin: 5px 0;
                     font-size: 110%;
                     color: #000000;
                     background: #DFDFDF;
                     padding: 5px 10px 3px;
                     overflow: hidden;
                     width: 96.5%;
                     }

/*  powermail_textarea powermail_uid21 */
fieldset.tx-powermail-pi1_fieldset textarea.powermail_uid21 {
        /* Input and textarea */
        margin-left: 30px;
        width: 460px;
        background: #fff url("../images/css/background-formular-input.png") repeat-x left -25px;
        border: none;
        border: 1px solid;
}