Basis Template
<div id="wrapper">
<header id="header">
<div class="inside">
<nav class="mod_navigation">
<ul class="level_1">
<li class="submenu first trail">
<ul class="level_2">
<li class="sibling first"></li>
<li class="sibling"></li>
<li class="sibling active"></li>
<li class="sibling last"></li>
</ul>
</li>
<li></li>
<li class="active"></li>
<li class="last"></li>
</ul>
</nav>
</div>
</header>
<!-- Eigener Layoutbereich "nach Header" -->
<div class="custom"></div>
<!-- END Eigener Layoutbereich -->
<div id="container">
<aside id="left">
<div class="inside">left</div>
</aside>
<aside id="right">
<div class="inside">right</div>
</aside>
<div id="main">
<div class="inside">
<div class="mod_article">
<div class="ce_text">Article, Text</div>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="inside"></div>
</footer>
</div>
Inhaltselemente
Bild
<div class="ce_image block">
<figure class="image_container">
<img width="200" height="300" src="foo.png">
<figcaption class="caption">Figcaption</figcaption>
</figure>
</div>
Text
<div class="ce_text block">
<p>Lorem ipsum …</p>
<figure class="image_container float_below">
<!-- possible positions: float_above, float_left, float_right, float_below -->
<img width="518" height="225" alt="News and calendars" src="foo.png" title="">
<figcaption class="caption">Caption</figcaption>
</figure>
</div>
Form
<div class="ce_form tableless block">
<h1>Formular</h1>
<form enctype="multipart/form-data" method="post" id="f2" action="de/index.html">
<div class="formbody">
<input type="hidden" value="auto_form_2" name="FORM_SUBMIT">
<input type="hidden" value="d6d84e93d5e86da9e530932db8fc7290" name="REQUEST_TOKEN">
<input type="hidden" value="1024000" name="MAX_FILE_SIZE">
<div class="headline">
<h1>Term paper submission</h1>
</div>
<div class="explanation">
Please enter your first name and last name and provide a working e-mail address.
</div>
<div class="mandatory">
<label class="mandatory" for="ctrl_2">
<span class="invisible">Pflichtfeld</span> Your name<span class="mandatory">*</span>
</label>
<input type="text" required="" value="" class="text mandatory" id="ctrl_2" name="name">
</div>
<div class="mandatory">
<label class="mandatory" for="ctrl_3">
<span class="invisible">Pflichtfeld</span> Your email<span class="mandatory">*</span>
</label>
<input type="email" required="" value="@" class="text mandatory" id="ctrl_3" name="email">
</div>
<div>
<fieldset class="checkbox_container" id="ctrl_11">
<input type="hidden" value="" name="cc">
<span><input type="checkbox" value="1" class="checkbox" id="opt_11_0" name="cc"> <label
for="opt_11_0" id="lbl_11_0">Send me a copy of this e-mail</label></span>
</fieldset>
</div>
<div>
<label for="ctrl_5">Your file </label>
<input type="file" class="upload" id="ctrl_5" name="file">
</div>
<div>
<label for="ctrl_4">Message</label>
<textarea cols="40" rows="6" class="textarea" id="ctrl_4" name="message"></textarea>
</div>
<div class="submit_container">
<input type="submit" value="Submit form" class="submit submit_container" id="ctrl_6">
</div>
</div>
</form>
</div>
<div class="ce_form last tableform block">
<h1>Formular</h1>
<form enctype="multipart/form-data" method="post" id="f2" action="de/index.html">
<div class="formbody">
<input type="hidden" value="auto_form_2" name="FORM_SUBMIT">
<input type="hidden" value="d6d84e93d5e86da9e530932db8fc7290" name="REQUEST_TOKEN">
<input type="hidden" value="1024000" name="MAX_FILE_SIZE">
<table>
<tbody>
<tr class="row_0 row_first even">
<td class="colspan headline" colspan="2"><h1>Form</h1></td>
</tr>
<tr class="row_1 odd">
<td class="colspan explanation" colspan="2">Information for the form</td>
</tr>
<tr class="row_2 even">
<td class="col_0 col_first">
<label class="mandatory" for="ctrl_2">
<span class="invisible">Mandatory</span> Your name<span class="mandatory">*</span>
</label>
</td>
<td class="col_1 col_last">
<input type="text" required="" value="" class="text mandatory" id="ctrl_2" name="name">
</td>
</tr>
<tr class="row_3 odd">
<td class="col_0 col_first">
<label class="mandatory" for="ctrl_3">
<span class="invisible">Mandatory</span> Your email<span class="mandatory">*</span>
</label>
</td>
<td class="col_1 col_last">
<input type="email" required="" value="@" class="text mandatory" id="ctrl_3" name="email">
</td>
</tr>
<tr class="row_4 even">
<td class="col_0 col_first">
</td>
<td class="col_1 col_last">
<fieldset class="checkbox_container" id="ctrl_11">
<input type="hidden" value="" name="cc">
<span><input type="checkbox" value="1" class="checkbox" id="opt_11_0" name="cc"> <label for="opt_11_0" id="lbl_11_0">Send me a copy of this e-mail</label></span>
</fieldset>
</td>
</tr>
<tr class="row_5 odd">
<td class="colspan explanation" colspan="2"><p style="margin-top: 36px">Please browse your local PC and choose your term paper file to be uploaded. <strong>Please note that we accept PDF format (Acrobat Reader) only</strong>! The file size must not exceed 1 MB.</p></td>
</tr>
<tr class="row_6 even">
<td class="col_0 col_first">
<label for="ctrl_5">
Your file </label>
</td>
<td class="col_1 col_last">
<input type="file" class="upload" id="ctrl_5" name="file">
</td>
</tr>
<tr class="row_7 odd">
<td class="col_0 col_first">
<label for="ctrl_4">Message</label>
</td>
<td class="col_1 col_last">
<textarea cols="40" rows="6" class="textarea" id="ctrl_4" name="message"></textarea>
</td>
</tr>
<tr class="row_8 row_last even">
<td class="col_0 col_first">
</td>
<td class="col_1 col_last">
<input type="submit" value="Submit form" class="submit" id="ctrl_6">
</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>