<style>
        .layerWrapper{
            padding: 10px;
            position: relative;
        }
        .layerWrapper .closeLightbox{
            position: relative;
            bottom: 0;
        }

        .layerWrapper * tr.form td{
            padding: 0px 10px;
        }
        .layerWrapper * tr.messages td{
            padding: 0px 10px;
            height: 30px;
            vertical-align: bottom;
        }
        .layerWrapper input[type="text"]{
            padding: 10px 5px 10px 5px;
            width: 193px;
        }
        .layerWrapper span{
            margin-left: 10px;
        }
        .layerWrapper textarea{
            width: 100%;
            padding: 0px 0px 0px 5px;
            line-height: 25px;
            resize: none;
            height: 100px;
        }
        .layerWrapper h1{
            margin: 0px 0px 0px 10px;
            font-size: 16px;
            width: 100%;
        }

        .layerWrapper .radioLabel {
            float: left;
            margin-right: 10px;
        }

        .layerWrapper input[type="radio"].error{
            outline: 1px solid red;
        }
    </style>
    <div class="layerWrapper">
        <a class="closeLayer">schließen</a>
        <h1>Produkt per E-Mail empfehlen</h1>
        
        
        
        
        <form action="/wilka/responders/articleAdvice.txt" method="post" id="adviceEmailForm" class="validate"><input type="hidden" id="articleid" name="articleid" value="359" /><table class="layouttable">
                        <tr class="messages">
                            <td>
                                <label class="error" for="sendergender" generated="true" />
                            </td>
                            <td>
                                <label class="error" for="receipientgender" generated="true" />
                            </td>
                        </tr>
                        <tr class="form">
                            <td>
                                <input class="radio validateRequired" type="radio" id="sendergenderFrau" name="sendergender" value="female" title="Bitte wählen Sie eine Anrede aus!" />
                                <label class="radioLabel" for="userSalutationFrau">Frau</label>
                                <input class="radio validateRequired" type="radio" id="sendergenderHerr" name="sendergender" value="male" title="Bitte wählen Sie eine Anrede aus!" />
                                <label class="radioLabel" for="userSalutationHerr">Herr</label>
                            </td>
                            <td>
                                <input class="radio validateRequired" type="radio" id="receipientgenderFrau" name="receipientgender" value="female" title="Bitte wählen Sie eine Anrede aus!" />
                                <label class="radioLabel" for="userSalutationFrau">Frau</label>
                                <input class="radio validateRequired" type="radio" id="receipientgenderHerr" name="receipientgender" value="male" title="Bitte wählen Sie eine Anrede aus!" />
                                <label class="radioLabel" for="userSalutationHerr">Herr</label>
                            </td>
                        </tr>
                        <tr class="messages">
                            <td>
                                <label class="error" for="sendername" generated="true" />
                            </td>
                            <td>
                                <label class="error" for="receipientname" generated="true" />
                            </td>
                        </tr>
                        <tr class="form">
                            <td>
                                <input maxlength="80" tabindex="1" type="text" id="sendername" name="sendername" alt="Ihr Name*" title="Bitte geben Sie Ihren Namen an!" value="" class="removeOnClick validateRequired" />
                            </td>
                            <td>
                                <input maxlength="80" tabindex="3" type="text" id="receipientname" name="receipientname" alt="Name des Empfängers*" title="Bitte geben Sie den Namen des Empfängers an!" value="" class="removeOnClick validateRequired" />
                            </td>
                        </tr>
                        <tr class="messages">
                            <td>
                                <label class="error" for="senderemail" generated="true" />
                            </td>
                            <td>
                                <label class="error" for="receipientemail" generated="true" />
                            </td>
                        </tr>
                        <tr class="form">
                            <td>
                                <input maxlength="80" tabindex="2" type="text" id="senderemail" name="senderemail" alt="Ihre E-mail*" title="Bitte geben Sie Ihre E-Mail an!" value="" class="removeOnClick validateRequired validateEmail checkDomain" />
                            </td>
                            <td>
                                <input maxlength="80" tabindex="4" type="text" id="receipientemail" name="receipientemail" alt="E-Mail des Empfängers*" title="Bitte geben Sie die E-Mail des Empfängers an!" value="" class="removeOnClick validateRequired validateEmail checkDomain" />
                            </td>
                        </tr>
                        <tr class="messages">
                            <td colspan="2">
                                <label class="error" for="nachricht" generated="true" />
                            </td>
                        </tr>
                        <tr class="form">
                            <td colspan="2">
                                <textarea tabindex="5" id="nachricht" name="nachricht" alt="E-Mail" title="Hier koennen Sie den E-Mail-Text bearbeiten." class="removeOnClick validateRequired">Hallo,
diesen Artikel möchte ich Ihnen empfehlen.
Viele Grüße</textarea>
                            </td>
                        </tr>
                        <tr class="messages">
                            <td colspan="2">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="formbutton">
                            <td class="pflichtfelder">
                                <span>* Pflichtfelder</span>
                            </td>
                            <td class="submitbutten">
                                <input type="submit" class="lightBoxAktion mainButton" value="Absenden" />
                            </td>
                        </tr>
                    </table></form>
    </div>