/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #996e00 url(images/back.png) repeat-y center top;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #996e00;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #996e00;
}

a:hover {
	text-decoration: underline;
	color: #996e00;
}

.bereich{
display: block;
color: #FFFFFF;
background-color: #000000;
text-align: center;
}

a.link{
display: block;
color: #000000;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}

a.link.bereich{
display: block;
background-color: #000000;
width: 100px;
height: 25px;

}

a.link:hover{
display: block;
color: #000000;
background-color: #FFFFFF;
}


/************* HEADER STUFF ************/

#header {
	width: 770px;
	height: 120px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #FFFBFD url(images/header.jpg);
}

#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #996e00;
	font-size: 3em;
	text-transform: uppercase;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}

/************* MENU ************/

#menu {
	width: 770px;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
	background-color: #000000;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;

}

#menu a:hover {
	background-color: #333333;
}

/************* CONTENT ************/

#content {
	width: 770px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 150%;
}

#left {
	float: left;
	width: 480px;
	padding: 0px 20px 40px 20px;
}

#right {
	float: right;
	width: 210px;
	padding: 0px 20px 40px 20px;
	color: #996e00;
}

/************* FOOTER ************/

#footer {
	clear: both;
	width: 771px;
	margin: 0px auto;
	border-top: 1px solid #666666;
	#background: url(images/back-footer.png) repeat-y center top;
	font-size: 9px;
	text-align: center;
	padding: 2px;
	color: #996e00;
	vertical-align: bottom; 
}

<code class="box">&lt;form id=&quot;FeedbackFormular&quot; action=&quot;mailto:juergen.grund&#64;grund-consulting.eu&quot;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;method=&quot;post&quot; enctype=&quot;text/plain&quot;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onsubmit=&quot;return sendFormular(this,'i2009&#64;juergen.grund&#64;grund-consulting.eu',700,300)&quot;&gt;<br />
...<br />
&lt;input type=&quot;hidden&quot; name=&quot;FormName&quot; value=&quot;Feedback-Formular&quot; /&gt; ...<br />
&lt;input name=&quot;Name&quot; type=&quot;text&quot; size=&quot;40&quot; maxlength=&quot;75&quot; /&gt; ...<br />
&lt;textarea name=&quot;Meinung&quot; rows=&quot;5&quot; cols=&quot;40&quot;>&lt;/textarea&gt; ...<br />
&lt;input type=&quot;radio&quot; name=&quot;einverstanden&quot; value=&quot;ja&quot; /&gt; ...<br />
&lt;input type=&quot;radio&quot; name=&quot;einverstanden&quot; checked=&quot;checked&quot; value=&quot;nein&quot; /&gt; ...<br />
&lt;input type=&quot;checkbox&quot; name=&quot;veroeffentlichen&quot; checked=&quot;checked&quot; value=&quot;Name&quot; /&gt; ...<br />
&lt;input type=&quot;checkbox&quot; name=&quot;veroeffentlichen&quot; value=&quot;eMail&quot; /&gt; ...<br />
...<br />
&lt;/form&gt;<br /><br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
function sendFormular(docForm,email,weite,hoehe)<br />
{<br />
&nbsp;&nbsp;if (docForm.Meinung.value.length == 0)<br />
&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;alert (&quot;Sie haben keinen Text eingegeben!&quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;docForm.Meinung.focus();<br />
&nbsp;&nbsp;&nbsp;&nbsp;return false;<br />
&nbsp;&nbsp;}<br />
<span class="CodeKommentar"><strong>//</strong> if (navigator.appName != &quot;Microsoft Internet Explorer&quot;) return true;</span><br />
&nbsp;&nbsp;var t = new Array();<br />
&nbsp;&nbsp;t[0] = &quot;Formular: &quot; + docForm.FormName.value;<br />
&nbsp;&nbsp;t[1] = &quot;- [Name]: &quot; + docForm.Name.value;<br />
&nbsp;&nbsp;t[2] = &quot;- [Meinung]: &quot; + docForm.Meinung.value;<br />
&nbsp;&nbsp;t[3] = &quot;- [Ich bin mit einer Veroeffentlichung]: &quot;;<br />
&nbsp;&nbsp;if (docForm.einverstanden[0].checked == true)<br />
&nbsp;&nbsp;&nbsp;&nbsp;t[3] += &quot;einverstanden&quot;;<br />
&nbsp;&nbsp;else if (docForm.einverstanden[1].checked == true)<br />
&nbsp;&nbsp;&nbsp;&nbsp;t[3] += &quot;nicht einverstanden&quot;;<br />
&nbsp;&nbsp;t[4] = &quot;- [veroeffentlicht werden darf]:&quot;;<br />
&nbsp;&nbsp;if (docForm.veroeffentlichen[0].checked == true)<br />
&nbsp;&nbsp;&nbsp;&nbsp;t[4] += &quot; Mein Name,&quot;;<br />
&nbsp;&nbsp;if (docForm.veroeffentlichen[1].checked == true)<br />
&nbsp;&nbsp;&nbsp;&nbsp;t[4] += &quot; Meine eMail-Adresse&quot;;<br />
&nbsp;&nbsp;var x = (screen.width - weite - 10) / 2;<br />
&nbsp;&nbsp;var y = (screen.height - hoehe - 32) / 2;<br />
&nbsp;&nbsp;var fenster = &quot;width=&quot; + weite + &quot;,height=&quot; + hoehe;<br />
&nbsp;&nbsp;fenster += &quot;,left=&quot; + x + &quot;,top=&quot; + y + &quot;,scrollbars=yes&quot;;<br />
&nbsp;&nbsp;var Formular = window.open(&quot;&quot;,&quot;PopUp&quot;,fenster); Formular.focus();<br />
&nbsp;&nbsp;Formular.document.open();<br />
&nbsp;&nbsp;Formular.document.write(&quot;&lt;html&gt;&lt;head&gt;&lt;title&gt;Formular&lt;\/title&gt;&lt;\/head&gt;&quot;);<br />
&nbsp;&nbsp;Formular.document.write(&quot;&lt;body style=\&quot;font:91% Verdana,sans-serif;\&quot;&quot;);<br />
<span class="CodeKommentar"><strong>//</strong> Formular.document.write(&quot; onload=\&quot;document.links[0].click();\&quot;&quot;);</span><br />
&nbsp;&nbsp;Formular.document.writeln(&quot;&gt;&lt;p&gt;&quot;);<br />
&nbsp;&nbsp;var m = &quot;&quot;;<br />
&nbsp;&nbsp;for (var i = 0; i &lt;= 4; i++) <strong>/* Formularfelder 0 - 4 */</strong><br />
&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;var z = &quot;&quot;; var cr = 0;<br />
&nbsp;&nbsp;&nbsp;&nbsp;for (var y = 0; y &lt; Number(t[i].length); y++)<br />
&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch(t[i].charCodeAt(y))<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 13: z += &quot;&#166;&quot;; cr = 1; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 10: if (!cr) z += &quot;&#166;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 32: z += &quot;&amp;#32;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 34: z += &quot;&amp;#34;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 38: z += &quot;+&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 60: z += &quot;&amp;#60;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 61: z += &quot;&amp;#61;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 62: z += &quot;&amp;#62;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 64: z += &quot;&amp;#64;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 196: z += &quot;&amp;#196;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 214: z += &quot;&amp;#214;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 220: z += &quot;&amp;#220;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 223: z += &quot;&amp;#223;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 228: z += &quot;&amp;#228;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 246: z += &quot;&amp;#246;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 252: z += &quot;&amp;#252;&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 8364: z += &quot;EUR&quot;; break;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;default:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (t[i].charCodeAt(y) &gt; 32 &amp;&amp; t[i].charCodeAt(y) &lt; 127)<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;z += t[i].charAt(y);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else z += &quot;&amp;#191;&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />

&nbsp;&nbsp;&nbsp;&nbsp;t[i] = z; z = &quot;&quot;; var e = &quot;&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;for (y = 0; y &lt; Number(t[i].length); y++)<br />
&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (t[i].charAt(y) == &quot;¦&quot;) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;z += &quot;&lt;br&gt;&quot;; e += &quot;%0D%0A&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;z += t[i].charAt(y);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (t[i].charAt(y) == &quot;?&quot;) e += &quot;%3F&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e += t[i].charAt(y);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (t[i].charAt(y) == &quot;%&quot;) e += &quot;25&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.writeln(z + &quot;&lt;br&gt;&quot;); t[i] = e;<br />
&nbsp;&nbsp;&nbsp;&nbsp;if (i &gt; 0) m += t[i] + &quot;%0D%0A&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;if (i &lt; 3)<br />
&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.writeln(&quot;&lt;br&gt;&quot;); m += &quot;%0D%0A&quot;;<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;}<br />
&nbsp;&nbsp;Formular.document.writeln(&quot;&lt;\/p&gt;&quot;);<br />
&nbsp;&nbsp;if (m.length &gt; 1750)<br />
&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.write(&quot;&lt;hr&gt;&lt;p&gt;&lt;b&gt;&lt;i&gt;Sie haben sehr viel Text &quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.write(&quot;eingegeben,&lt;br&gt;so dass eine automatische &quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.write(&quot;Uebernahme leider nicht moeglich ist.&lt;br&gt;&quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.write(&quot;Bitte kopieren Sie Ihren obenstehenden Text &quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.write(&quot;(Strg-C) und&lt;br&gt;uebertragen ihn anschliessend &quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;Formular.document.writeln(&quot;in Ihr eMail-Programm (Strg-V).&lt;\/b&gt;&lt;\/i&gt;&lt;\/p&gt;&quot;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;m = "- hier bitte Ihren Text einfuegen -";<br />
&nbsp;&nbsp;}<br />
&nbsp;&nbsp;Formular.document.write(&quot;&lt;p&gt;&lt;a href=\&quot;mailto:&quot; + email);<br />
&nbsp;&nbsp;Formular.document.write(&quot;?subject=&quot; + t[0] + &quot;&amp;amp;body=&quot; + m + &quot;\&quot;&quot;);<br />
&nbsp;&nbsp;Formular.document.write(&quot; onclick=\&quot;window.setTimeout('self.close()',100)\&quot;&quot;);<br />
&nbsp;&nbsp;Formular.document.writeln(&quot;&gt;eMail versenden&lt;\/a&gt;&lt;\/p&gt;&lt;\/body&gt;&lt;\/html&gt;&quot;);<br />
&nbsp;&nbsp;Formular.document.close();<br />
&nbsp;&nbsp;return false;<br />
}<br />
&lt;/script&gt;</c