/*Css - Layout
Normalisieren-------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%;font-weight:normal; }
address, caption, cite, code, dfn, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img {
	border : 0;
	text-align: center;
}
caption,th { text-align : left; }
q:before, q:after { content :''; }
table img a{text-decoration:none;}

/*
Grundlayout---------------------------*/

body {margin: 20px auto;width: 900px;}
#container {
	position: absolute;
	width: 900px;
	background-image: url(../bilder/assets/container-bgg.png);
	background-repeat: no-repeat;
	background-position: 0px 250px;
	top: auto;
}
div#branding{height:200px;}

#content-main {float: right;width:653px;margin-top:20px;background-image: url(../bilder/assets/content_main_bg.png);background-repeat: repeat-y;}
#content-head{background-image: url(../bilder/assets/content-head.png);background-repeat: no-repeat;height: 32px;}
#content {float: left;width:653px;}
#content-text {
	padding:10px 180px 20px 25px;
	text-align: left;
}
#content-sidebar{
	float: right;
	width:130px;
	margin-right: 20px;
	padding-top:10px;
	font-weight: bold;
}
#content-navi {float: left;width: 220px;margin-top:20px;}

#footer {height:60px;clear: both;background-image: url(../bilder/assets/footer-bg.png);background-repeat: no-repeat;}

/*
Navi-links---------------------------------*/

#navlist{padding-left:1px;}
#navlist li{list-style-type: none;background-image: url(../bilder/assets/stern.png);background-position: 10px 7px;background-repeat: no-repeat;padding-left: ;padding:8px 0 8px 30px;display: block;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #ccc;}
#navlist li a{display: block;text-decoration: none;color:#333333}
#navlist li a:hover{display: block;text-decoration: none;color:#2176C4}
.Zitat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87%;
	font-style: italic;
	font-weight: bold;
	text-transform: none;
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var $cr=jQuery.noConflict();var old_src;$cr(document).ready(function(){$cr(".cr_form").submit(function(){$cr(this).find('.clever_form_error').removeClass('clever_form_error');$cr(this).find('.clever_form_note').remove();$cr(this).find(".musthave").find('input, textarea').each(function(){if(jQuery.trim($cr(this).val())==""||($cr(this).is(':checkbox'))||($cr(this).is(':radio'))){if($cr(this).is(':checkbox')||($cr(this).is(':radio'))){if(!$cr(this).parent().find(":checked").is(":checked")){$cr(this).parent().addClass('clever_form_error')}}else{$cr(this).addClass('clever_form_error')}}});if($cr(".cr_form").attr("action").search(document.domain)>0&&$cr(".cr_form").attr("action").search("wcs")>0){var cr_email=$cr(this).find('input[name=email]');if(cr_email.val()){$cr.ajax({type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_email")+$cr(this).find('input[name=email]').val(),success:function(data){if(data){cr_email.addClass('clever_form_error').before("<div class='clever_form_note cr_font'>"+data+"</div>");return false}},async:false})}var cr_captcha=$cr(this).find('input[name=captcha]');if(cr_captcha.val()){$cr.ajax({type:"GET",url:$cr(".cr_form").attr("action").replace("wcs","check_captcha")+$cr(this).find('input[name=captcha]').val(),success:function(data){if(data){cr_captcha.addClass('clever_form_error').after("<div style='display:block' class='clever_form_note cr_font'>"+data+"</div>");return false}},async:false})}}if($cr('.clever_form_error').length){return false}return true});$cr('input[class*="cr_number"]').change(function(){if(isNaN($cr(this).val())){$cr(this).val(1)}if($cr(this).attr("min")){if(($cr(this).val()*1)<($cr(this).attr("min")*1)){$cr(this).val($cr(this).attr("min"))}}if($cr(this).attr("max")){if(($cr(this).val()*1)>($cr(this).attr("max")*1)){$cr(this).val($cr(this).attr("max"))}}});old_src=$cr("div[rel='captcha'] img").attr("src");if($cr("div[rel='captcha'] img").length!=0){captcha_reload()}});function captcha_reload(){var timestamp=new Date().getTime();$cr("div[rel='captcha'] img").attr("src","");$cr("div[rel='captcha'] img").attr("src",old_src+"?t="+timestamp);return false}

</script>


<style>
.cr_site { background:#FFFFFF; text-align:left;}
.cr_header { background-color:#ccc; }
.cr_body {background-color:#efefef; padding:15px; }
.cr_page {border-width:1px;border-color:#000000;border-style:solid; width:640px; }
.cr_page {border-width:1px;border-color:#000000;border-style:solid;}
.cr_font {font: normal 12px Arial, Helvetica, sans-serif;}

.cr_header .logo {min-height:20px; }
.cr_header_text p {display:block;margin:5;padding:5px;}

.cr_ipe_item{ padding:1px 10px; margin:1px 10px; }
.cr_ipe_item.inactive { display:none; }
.cr_hr {border:0;background-color: #ccc;height: 1px;}

.imprint {font-size:0.8em;}
.cr_captcha {padding-left: 130px;}
.cr_ipe_item .itemname{display:block;float:left;width:120px;text-align:left;margin:5px 0px 0px 0px;}
.cr_ipe_item input[type="text"]{width:300px;}
.cr_ipe_item textarea{width:300px;}
.cr_ipe_item select{width:300px;}
.cr_ipe_item p {margin:0;}

.cr_ipe_item select {padding:5px 4px; border:1px solid #ccc; color:#333; background:#FFFFFF; margin:0px; padding:2px;}
.cr_ipe_item textarea:focus, input[type="text"]:focus {border:1px solid #ababab;}
.cr_ipe_item input, textarea{ padding:3px 3px; margin:2px; border:1px solid #ccc;}
.cr_ipe_item input[type="checkbox"], input[type="radio"] { border:none; width:15px; }

.cr_error {font-size:1.1em;padding:10px;}
.clever_form_error { background-color: #f99; color:#fff; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }

.cr_body {width:480px; }
</style>


<style id="style">
.cr_site {background-color:#224466;}
.cr_header {background-color:#C3E2F1;color:#000000;}
.cr_body {background-color:#DDEEF6;font-size:12px;color:#000000;}
.cr_page {border-width:0px;border-style:solid;border-color:#000000;width:250px;}
.cr_site a {color:#0084ff;}
.cr_hr {background-color:#ccc;}
</style>



<form class="layout_form cr_form cr_font" action="http://14598.cleverreach.de/f/14494/wcs/" method="post" target="_blank">
<div class="cr_body cr_page cr_font">
<div class='non_sortable' style='text-align:left;'>

</div>

<div class='editable_content' style='text-align:left;'>
<br /><div id="331311" rel="text" class="cr_ipe_item ui-sortable musthave" style=" margin-bottom:0px;">
<label for="text331311" class="itemname">Vorname*</label> <input id="text331311" name="87874" type="text" value="" style="width:200px;">
</div><div id="331313" rel="text" class="cr_ipe_item ui-sortable musthave" style=" margin-bottom:0px;">
<label for="text331313" class="itemname">Nachname*</label> <input id="text331313" name="87875" type="text" value="" style="width:200px;">
</div><div id="331291" rel="mce_text" class="cr_ipe_item ui-sortable">
<div class="mce_text"><p>Bitte geben Sie Ihre E-Mail-Adresse ein. Sie erhalten das E-book "Seelentipps" kostenlos.<br></p></div>
</div><div id="331306" rel="email" class="cr_ipe_item ui-sortable musthave" style="margin-bottom:15px;">
<label for="text331306" class="itemname">E-Mail*</label> <input id="text331306" name="email" value="" type="text" style="width:200px;">
</div><div id="331308" rel="button" class="cr_ipe_item ui-sortable" style="text-align:center; margin-bottom:px;">
<button type="submit">Anmelden</button>
</div>
</div>

<br />

<noscript>Einfaches <a href="http://www.cleverreach.de">Newsletter versenden</a> mit der CleverReach Newsletter Software!</noscript>
</div>
</form>
