JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<form class="emailformular" method="post" action="">
        <fieldset>
            <span class="einteilung">
                <label for="name" >Name/ Firma:*</label>
                <input type="text" class="required" minlength="1" name="name" id="name" />
                <p class="hidden">Bitte Name eingeben</p>
            </span>
           </fieldset>
        <input class="button" id="reset" style="width:70px; color: #FFF; font-size: 0.8em;" type="reset" name="Reset" value="Löschen">
        <input class="button" id="senden" style="width:115px; color: #FFF;" type="submit" name="Submit" value="Abschicken&rarr;">
        <input type="hidden" value="2" name="schritt">
    </form>

CSS

body{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:lighter; line-height: 1.5em; letter-spacing:0.1em; font-size: 0.6em;}
#back_body {background:../bilder/gras_4.jpg; background-repeat:repeat;}
reg_body{font-family:Arial, Tahoma;font-size:12px;}
#window{background-position:bottom;background-repeat:no-repeat;background-color:#FFF193;}
#rahmen{position:absolute;top:0;left:50%;width:800px;margin-left:-461px;overflow:visible;padding-bottom:120px;}
td.menue{background:url(../grafik/schattenlinks.gif) #710000 right;background-repeat:repeat-y;width:160px;margin:0;padding:0;}
div.menue_ausrichtung{position:absolute;top:55px;left:1px;}
td.schatten_rechts_neu{background-image:url(../grafik/schattenrechts.png);}
td.schatten_rechts{background-image:url(../grafik/schatten.gif);}
li.auf,ul.auf{margin-left:20px;list-style-image:url(../grafik/auf.gif);}
li.auf_bo{list-style-image:url(../grafik/auf.gif);padding-left:1px;margin-left:20px;}
h1,h2,h3,h4{font-weight:700;font-size:1.3em;text-shadow: 2px 2px 2px #ccc;}
h1{color:#000;margin:2px;}
h3{font-weight:700;color:#900;margin-bottom:0;}
h4{color:#FFF193;font-size:18px;}
h5{font-size:16px;margin:-10px 0 0;}
ul,li{list-style-type:none;margin:0;padding:0;}
a.link,a.link:hover{font-size:11px;font-weight:700;color:#900;margin:2px 0 5px 5px;}
a.link:hover{color:#C00;}
table{border-collapse:collapse;}
ul#menue li a{height:22px;width:159px;line-height:16px;text-align:left;font-family:Arial, Tahoma;font-size:1.5em;font-weight:300; border-top:2px solid #900;display:block;color:#fff193;text-decoration:underline;background:url(../grafik/navi_button_2.gif);background-repeat:no-repeat;margin:0 1px;padding:2px;}
.unten_rahmen{margin-top:-3px;}
ul#menue{width:160px;margin:45px 0 0;}
ul#menue li a:focus + ul.submenue{color:#000;}
ul#submenue1 li a,ul#submenue2 li a,ul#submenue3 li a,ul#submenue4 li a,ul#submenue5 li a,ul#submenue6 li a,ul#submenue7 li a,ul#submenue8 li a,ul#submenue9 li a,ul#submenue10 li a,ul#submenue11 li...