<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"> </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>