<!-- Loginbox Modal -->
<div class="modal fade login bs-modal-sm" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<br>
<div class="bs-example bs-example-tabs">
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#signin" data-toggle="tab">Login</a></li>
<li class=""><a href="#signup" data-toggle="tab">Registrieren</a></li>
</ul>
</div>
<div class="modal-body">
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="signin">
<form class="form-horizontal">
<fieldset>
<!-- Login -->
<!-- Benutzername-->
<div class="control-group">
<label class="control-label" for="userid">Benutzername:</label>
<div class="controls">
<input required="" id="userid" name="userid" type="text" class="form-control" placeholder="Benutzername" class="input-medium" required="">
</div>
</div>
<!-- Passwort-->
<div class="control-group">
<label class="control-label" for="passwordinput">Passwort:</label>
<div class="controls">
<input required="" id="passwordinput" name="passwordinput" class="form-control" type="password" placeholder="********" class="input-medium">
</div>
</div>
<!-- Button -->
<div class="control-group">
<label class="control-label" for="signin"></label>
<div class="controls">
<button id="signin" name="signin" class="btn btn-success">Login</button>
</div>
</div>
</fieldset>
</form>
</div>
<div class="tab-pane fade" id="signup">
<form class="form-horizontal">
<fieldset>
<!-- Registrierung -->
<!-- Emailadresse-->
<div class="control-group">
<label class="control-label" for="Email">Email:</label>
<div class="controls">
<input id="Email" name="Email" class="form-control" type="text" placeholder="name@example.com" class="input-large" required="">
</div>
</div>
<!-- Benutzername-->
<div class="control-group">
<label class="control-label" for="userid">Benutzername:</label>
<div class="controls">
<input id="userid" name="userid" class="form-control" type="text" placeholder="Benutzername" class="input-large" required="">
</div>
</div>
<!-- Passwort-->
<div class="control-group">
<label class="control-label" for="password">Passwort:</label>
<div class="controls">
<input id="password" name="password" class="form-control" type="password" placeholder="********" class="input-large" required="">
<em>1-8 Characters</em>
</div>
</div>
<!-- Passwort �berpr�fen-->
<div class="control-group">
<label class="control-label" for="reenterpassword">Passwort wiederholen:</label>
<div class="controls">
<input id="reenterpassword" class="form-control" name="reenterpassword" type="password" placeholder="********" class="input-large" required="">
</div>
</div>
<!-- Button -->
<div class="control-group">
<label class="control-label" for="confirmsignup"></label>
<div class="controls">
<button id="confirmsignup" name="confirmsignup" class="btn btn-success">Registrieren</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<center>
<button type="button" class="btn btn-default" data-dismiss="modal">Zurück</button>
</center>
</div>
</div>
</div>
</div>